*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#e9f5f6;background:#031016;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}svg{stroke-width:1.8px}.shell{background:radial-gradient(circle at 58% -10%,#0a3c3f 0,#0000 30%),#031016;grid-template-columns:248px 1fr;min-height:100vh;display:grid}.left{background:linear-gradient(#06191f,#041319);border-right:1px solid #123a43;min-height:100vh;padding:20px 15px;position:relative}.brand{align-items:center;gap:11px;padding:2px 7px;display:flex}.brandMark{color:#31e4c6;text-shadow:0 0 24px #26dcc688;font-size:29px}.brand b{letter-spacing:.02em;font-size:22px}.brand span{color:#7eb8bd;margin-top:1px;font-size:11px;display:block}.tag{color:#34cfc6;letter-spacing:2.1px;opacity:.8;margin:10px 9px 20px;font-size:8px;display:block}nav{flex-direction:column;gap:2px;display:flex}nav button,.asideFoot button{color:#afc7ca;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;height:40px;padding:0 11px;font-size:13px;display:flex}nav button svg,.asideFoot svg{width:17px;height:17px}nav button:hover,.asideFoot button:hover{color:#eefbfb;background:#0a2a31}nav button.active,.asideFoot button.active{color:#fff;background:linear-gradient(90deg,#0b4a4d,#0a3036);box-shadow:inset 0 0 0 1px #177a79}nav em{color:#bafff8;background:#0e7772;border-radius:20px;margin-left:auto;padding:1px 7px;font-size:10px;font-style:normal}.storage{border-top:1px solid #12343c;margin-top:18px;padding-top:15px}.sectionLabel{letter-spacing:1.8px;color:#4bc9c3;margin:0 8px 8px;font-size:9px}.storageItem{color:#cae0e2;grid-template-columns:22px 1fr 9px;align-items:center;gap:9px;padding:9px 7px;display:grid}.storageItem svg{color:#2fd4c4;width:18px}.storageItem b,.storageItem span{display:block}.storageItem b{font-size:11px}.storageItem span{color:#719ca2;margin-top:2px;font-size:9px}.storageItem>i,.service>i,.providerHeader>i{background:#526a6e;border-radius:50%;width:7px;height:7px}.storageItem>i.online,.service>i.online,.providerHeader>i.online{background:#3ce890;box-shadow:0 0 10px #3ce89077}.asideFoot{border-top:1px solid #12343c;padding-top:10px;position:absolute;bottom:14px;left:15px;right:15px}.main{min-width:0;min-height:100vh}.top{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#04151bb8;border-bottom:1px solid #15404a;justify-content:space-between;align-items:center;height:62px;padding:0 24px;display:flex;position:sticky;top:0}.search{color:#6f9ca2;background:#07232a;border:1px solid #1d4d56;border-radius:8px;align-items:center;gap:9px;width:min(620px,55%);height:36px;padding:0 11px;font-size:12px;display:flex}.search svg{width:16px}.search kbd{background:#0b3037;border:1px solid #1c4b53;border-radius:5px;margin-left:auto;padding:2px 7px;font-size:10px}.topStatus{align-items:center;gap:14px;display:flex}.health{color:#7fa9ae;align-items:center;gap:6px;font-size:10px;display:flex}.health i{background:#34e28e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #34e28e77}.profile{background:#072129;border:1px solid #16434b;border-radius:9px;align-items:center;gap:8px;padding:5px 7px 5px 5px;display:flex}.profile>svg{color:#638e94;width:14px}.avatar{color:#032126;background:linear-gradient(135deg,#20d8cf,#43e788);border-radius:8px;place-items:center;width:29px;height:29px;font-weight:900;display:grid}.profile b,.profile span{text-overflow:ellipsis;white-space:nowrap;max-width:165px;display:block;overflow:hidden}.profile b{font-size:10px}.profile span{color:#5fe0cb;margin-top:1px;font-size:8px}.workspaceHead{justify-content:space-between;align-items:flex-end;gap:18px;padding:26px 28px 16px;display:flex}.eyebrow{letter-spacing:1.8px;color:#42d5c8;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.eyebrow svg{width:13px}.workspaceHead h1,.pageHead h1{letter-spacing:-.03em;margin:5px 0 2px;font-size:31px}.workspaceHead h1 strong{color:#31dfb5}.workspaceHead p,.pageHead p{color:#7fa5aa;margin:0;font-size:12px}.workspaceActions{gap:8px;display:flex}.workspaceActions button,.providerAction,.securityCard button,.passkeyList button{color:#dff6f5;background:#08272e;border:1px solid #1b5960;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:11px;font-weight:700;display:flex}.workspaceActions svg,.providerAction svg,.securityCard button svg,.passkeyList button svg{width:15px}.primary{box-shadow:0 5px 18px #1fcbb52b;color:#042225!important;background:linear-gradient(90deg,#20d9cd,#39ec93)!important;border:0!important}.stats{grid-template-columns:repeat(3,minmax(170px,1fr));gap:10px;padding:0 28px 17px;display:grid}.stat{background:linear-gradient(145deg,#061d24,#07272d);border:1px solid #15434b;border-radius:10px;align-items:center;gap:12px;min-height:78px;padding:13px;display:flex}.statIcon{color:#36dbc4;background:#0b3b40;border-radius:9px;place-items:center;width:37px;height:37px;display:grid}.statIcon svg{width:19px}.stat span,.stat b,.stat small{display:block}.stat span{color:#71999f;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.stat b{margin:2px 0;font-size:17px}.stat small{color:#6d969c;font-size:9px}.content{grid-template-columns:minmax(520px,1fr) 330px;gap:15px;padding:0 28px 18px;display:grid}.browser{min-width:0}.fileToolbar{justify-content:space-between;align-items:center;height:47px;display:flex}.crumb{align-items:center;gap:2px;display:flex}.crumb button{color:#9ab8bc;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;height:30px;padding:0 6px;font-size:11px;display:flex}.crumb button:hover{color:#fff;background:#0a2830}.crumb svg{width:14px}.viewTools{gap:5px;display:flex}.viewTools button{color:#759ea4;background:#071e25;border:1px solid #17434c;border-radius:7px;align-items:center;gap:5px;height:30px;padding:0 8px;font-size:10px;display:flex}.viewTools svg{width:14px}.viewTools button.selected{color:#34dfc3;background:#0a3b40;border-color:#1d716f}.table{background:#061a20;border:1px solid #16434b;border-radius:11px;overflow:hidden}.thead,.row{grid-template-columns:minmax(240px,1fr) 90px 105px 80px 34px;align-items:center;padding:0 12px;display:grid}.thead{color:#668f95;text-transform:uppercase;letter-spacing:.07em;background:#06181e;border-bottom:1px solid #143a42;height:39px;font-size:9px}.row{color:#87a7ac;border-bottom:1px solid #0e333a;min-height:58px;font-size:11px}.row:last-child{border-bottom:0}.row:hover{background:#08242b}.fname{color:#e8f4f5;text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-width:0;padding:8px 0;display:flex}.fname>div:last-child{min-width:0}.fname b,.fname small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fname b{font-size:12px;font-weight:650}.fname small{color:#608b91;margin-top:2px;font-size:9px}.fileIcon{color:#72b9c2;background:#0a3038;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.fileIcon.folder{color:#2dd8ce;background:#0a393d}.fileIcon svg{width:18px}.typePill{color:#79a5aa;background:#0b2e35;border-radius:20px;padding:3px 7px;font-size:9px;display:inline-flex}.typePill.folder{color:#64e6d5;background:#0a3b3c}.more{color:#658d93;background:0 0;border:0;padding:4px}.more svg{width:16px}.fileGrid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;display:grid}.gridFile{color:#dff2f3;text-align:left;background:#061b21;border:1px solid #16434b;border-radius:10px;min-height:135px;padding:14px}.gridFile:hover{background:#08272d;border-color:#22706f}.gridIcon{color:#77b9c1;background:#0a3038;border-radius:11px;place-items:center;width:48px;height:48px;margin-bottom:14px;display:grid}.gridIcon.folder{color:#32d9c8;background:#0a3b3c}.gridFile b,.gridFile span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.gridFile b{font-size:11px}.gridFile span{color:#698f95;margin-top:3px;font-size:9px}.empty{color:#5e898f;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;height:245px;display:flex}.empty svg{width:38px;height:38px}.empty b{color:#a4c1c5;font-size:12px}.empty span{font-size:10px}.right{background:0 0;border:0;min-height:0;padding:47px 0 0}.sideCard{background:linear-gradient(145deg,#061c23,#07232a);border:1px solid #15505a;border-radius:10px;margin-bottom:10px;padding:13px}.sideCard h3{margin:0 0 10px;font-size:11px}.quick{grid-template-columns:1fr 1fr;gap:6px;display:grid}.quick button{color:#b9d6d8;background:#08262d;border:1px solid #174b53;border-radius:7px;align-items:center;gap:6px;min-height:36px;padding:0 8px;font-size:9px;display:flex}.quick button:hover{background:#0a353a}.quick svg{width:14px}.service{border-bottom:1px solid #12343c;grid-template-columns:24px 1fr 8px;align-items:center;gap:8px;padding:9px 0;display:grid}.service:last-of-type{border-bottom:0}.service svg{color:#2ed1c3;width:17px}.service b,.service span{display:block}.service b{font-size:10px}.service span{color:#6f989e;margin-top:2px;font-size:8px}.cardLink{color:#37d6c4;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:4px;width:100%;height:29px;margin-top:6px;font-size:9px;display:flex}.cardLink svg{width:12px}.timeline{align-items:flex-start;gap:9px;margin:9px 0;display:flex}.timeline>div{color:#35d8c4;background:#0a3439;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;display:grid}.timeline svg{width:13px}.timeline span,.timeline small{display:block}.timeline span{color:#b2cccf;font-size:9px}.timeline small{color:#5f858b;margin-top:2px;font-size:8px}.notice{color:#9ce9df;background:#073438;border:1px solid #1b686a;border-radius:8px;margin-bottom:8px;padding:9px 11px;font-size:10px}.pageHead{background:linear-gradient(90deg,#061920,#082b3055);border-bottom:1px solid #133b44;padding:27px 28px 19px}.pageHead .eyebrow{display:block}.pageBody{padding:20px 28px}.providerGrid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px;display:grid}.providerCard{background:linear-gradient(145deg,#061d24,#07262d);border:1px solid #16515a;border-radius:11px;padding:16px}.providerHeader{grid-template-columns:42px 1fr 8px;align-items:center;gap:11px;display:grid}.providerIcon{color:#32dac8;background:#0a393e;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.providerIcon svg{width:21px}.providerHeader span{letter-spacing:.1em;color:#3fd5c9;font-size:8px}.providerHeader h3{margin:2px 0 0;font-size:14px}.providerMeta{background:#06181e;border-radius:8px;margin:14px 0;padding:10px}.providerMeta b,.providerMeta span{display:block}.providerMeta b{color:#38e48f;font-size:10px}.providerMeta span{color:#6e999f;word-break:break-all;margin-top:3px;font-size:9px}.providerCard p{color:#7ea6ab;font-size:10px;line-height:1.5}.policyPanel{background:#061e25;border:1px solid #15505a;border-radius:11px;justify-content:space-between;align-items:center;gap:20px;margin-top:12px;padding:16px;display:flex}.policyPanel h3{margin:0;font-size:12px}.policyPanel p{color:#719aa0;max-width:530px;margin:4px 0 0;font-size:10px}.policyFlow{align-items:center;gap:7px;font-size:9px;display:flex}.policyFlow span{color:#9abdc0;background:#08272e;border:1px solid #174b53;border-radius:7px;padding:7px 9px}.policyFlow span.ready{color:#54e7b2;border-color:#227b6c}.policyFlow svg{width:13px}.securityGrid{grid-template-columns:2fr 1fr 1fr;gap:10px;display:grid}.securityCard{background:#061e25;border:1px solid #15505a;border-radius:11px;gap:12px;padding:15px;display:flex}.securityCard.featured{background:linear-gradient(145deg,#073136,#062026);border-color:#1a6968}.securityIcon{color:#38ddc6;background:#0a3b3f;border-radius:9px;flex:none;place-items:center;width:37px;height:37px;display:grid}.securityIcon svg{width:19px}.securityCard h3{margin:0;font-size:12px}.securityCard p{color:#769da2;min-height:40px;font-size:9px;line-height:1.5}.cardTop{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cardTop>span{letter-spacing:.08em;color:#789ba0;font-size:7px}.statusGood{color:#43e695!important}.passkeyList{background:#061d24;border:1px solid #15505a;border-radius:11px;margin-top:12px;overflow:hidden}.sectionTitle{border-bottom:1px solid #153b43;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.sectionTitle h3{margin:0;font-size:11px}.sectionTitle p{color:#648d93;margin:2px 0 0;font-size:8px}.sectionTitle button{height:31px}.passkeyRow{border-bottom:1px solid #11353d;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.passkeyRow:last-child{border-bottom:0}.passkeyDevice{align-items:center;gap:9px;display:flex}.passkeyDevice>svg{color:#36d9c4;width:24px}.passkeyDevice b,.passkeyDevice span{display:block}.passkeyDevice b{font-size:10px}.passkeyDevice span,.passkeyRow small{color:#698f95;margin-top:2px;font-size:8px;display:block}.passkeyRow>div:last-child{text-align:right;font-size:8px}.emptySecurity{color:#668e94;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:150px;display:flex}.emptySecurity svg{width:30px}.emptySecurity b{color:#a5c3c6;font-size:10px}.emptySecurity span{font-size:8px}.featureGrid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;display:grid}.featureCard{background:#061d24;border:1px solid #154a53;border-radius:10px;padding:15px}.featureIcon{color:#34d8c4;background:#0a373c;border-radius:9px;place-items:center;width:38px;height:38px;margin-bottom:12px;display:grid}.featureIcon svg{width:19px}.featureCard>b,.featureCard>span{display:block}.featureCard>b{font-size:11px}.featureCard>span{color:#6e989e;min-height:27px;margin-top:3px;font-size:9px}.featureCard>button{color:#38d7c6;background:0 0;border:0;align-items:center;gap:3px;padding:8px 0 0;font-size:9px;display:flex}.featureCard>button svg{width:11px}.comingPanel{color:#759da2;border:1px dashed #1a545b;border-radius:10px;align-items:center;gap:12px;margin-top:12px;padding:15px;display:flex}.comingPanel>svg{color:#38d5c4;width:26px}.comingPanel b,.comingPanel span{display:block}.comingPanel b{color:#acc7ca;font-size:10px}.comingPanel span{margin-top:3px;font-size:9px}.login{background:#031016;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.loginGlow{filter:blur(10px);background:radial-gradient(circle,#0d625e55 0,#0000 65%);width:650px;height:650px;position:absolute}.loginCard{background:linear-gradient(145deg,#071d24,#04161c);border:1px solid #1a555d;border-radius:15px;width:390px;padding:27px;position:relative;box-shadow:0 30px 100px #000a}.loginBrand{align-items:center;gap:10px;margin-bottom:25px;display:flex}.loginBrand .brandMark{font-size:31px}.loginBrand h1{margin:0;font-size:21px}.loginBrand p{color:#74adb2;margin:0;font-size:10px}.loginIntro b,.loginIntro span{display:block}.loginIntro b{font-size:18px}.loginIntro span{color:#729da2;margin:4px 0 17px;font-size:10px}.loginCard label{color:#8cb0b4;margin:10px 0 5px;font-size:9px;display:block}.loginCard input{color:#eefafa;background:#031218;border:1px solid #20515a;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px}.loginCard input:focus{border-color:#2acbbf;box-shadow:0 0 0 3px #22cabb18}.loginPrimary,.passkeyBtn{border-radius:8px;width:100%;height:42px;margin-top:13px;font-weight:800}.loginPrimary{color:#042224;background:linear-gradient(90deg,#21d8cb,#3bea91);border:0}.passkeyBtn{color:#e5f8f7;background:#09292f;border:1px solid #27666c;justify-content:center;align-items:center;gap:8px;display:flex}.passkeyBtn svg{width:18px}.or{color:#587f84;align-items:center;gap:9px;margin:13px 0 0;font-size:9px;display:flex}.or span{background:#163d45;flex:1;height:1px}.loginHint{color:#5e858a;text-align:center;margin-top:12px;font-size:8px;line-height:1.5;display:block}.loginError{color:#f2aab0;background:#37181d;border:1px solid #7a4148;border-radius:7px;margin-top:12px;padding:9px;font-size:9px}.loginFoot{color:#5e8d92;border-top:1px solid #153b43;justify-content:center;align-items:center;gap:5px;margin-top:19px;padding-top:13px;font-size:8px;display:flex}.loginFoot svg{width:12px}.backAuth{color:#63d8ce;background:0 0;border:0;margin-bottom:15px;padding:0;font-size:10px}.authIdentity{color:#a9c8cb;background:#08262d;border:1px solid #154950;border-radius:7px;margin:10px 0;padding:9px 10px;font-size:10px}.totpInput{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:8px!important;font-size:22px!important}footer{color:#547f84;padding:8px 28px 18px;font-size:8px}footer i{vertical-align:middle;border-left:1px solid #1b6b68;height:10px;margin:0 10px;display:inline-block}@media (width<=1100px){.content{grid-template-columns:1fr}.right{grid-template-columns:repeat(3,1fr);gap:8px;padding:0;display:grid}.sideCard{margin:0}.securityGrid,.providerGrid{grid-template-columns:1fr}.policyPanel{flex-direction:column;align-items:flex-start}}@media (width<=780px){.shell{grid-template-columns:68px 1fr}.left{padding:15px 7px}.brand>div:last-child,.tag,.storage,.asideFoot{display:none}.brand{justify-content:center}.brandMark{font-size:25px}nav button{justify-content:center;padding:0;font-size:0}nav button svg{width:19px;height:19px}nav em{margin:0 0 22px 22px;font-size:7px;position:absolute}.top{padding:0 12px}.topStatus .health,.profile>div:not(.avatar),.profile>svg{display:none}.search{width:75%}.workspaceHead{padding:20px 15px 12px}.workspaceHead h1{font-size:25px}.workspaceHead p{display:none}.workspaceActions button{justify-content:center;width:36px;padding:0;font-size:0}.stats{grid-template-columns:1fr;padding:0 15px 12px}.stats .stat:nth-child(n+2){display:none}.content,.pageBody{padding:0 15px 15px}.right{display:none}.thead,.row{grid-template-columns:1fr 65px 28px}.thead span:nth-child(2),.row>span:nth-child(2),.thead span:nth-child(3),.row>span:nth-child(3){display:none}.pageHead{padding:20px 15px}.pageHead h1{font-size:25px}.featureGrid{grid-template-columns:1fr}.loginCard{width:min(390px,100vw - 24px)}}