:root{--ink:#202a3d;--muted:#717d90;--green:#3662e8;--green-dark:#234ac0;--green-pale:#edf2ff;--line:#e7ebf3;--paper:#f6f8fc;--radius:18px}
.sidebar{background:#172135;color:#eaf0ff;border:0;padding-top:30px}.sidebar .brand{margin-bottom:38px}.brand-mark{background:#3662e8;border-radius:13px}.nav-link{color:#aab6cb;padding:13px 16px;margin-bottom:7px}.nav-link:hover{background:#243149;color:#fff}.nav-link.active{background:#2d4168;color:#fff;box-shadow:inset 3px 0 #7ca2ff}.nav-divider{background:#2b374d;margin:21px 14px}.user-profile{border-color:#2b374d}.user-profile small{color:#9cabc2}.avatar{background:#2d4268;color:#dce8ff}.topbar{background:#f6f8fcf2;backdrop-filter:blur(16px);height:72px;border-bottom-color:transparent}.home-link{background:#fff;border-color:#e1e7f1}.private-badge{color:#61718a}.breadcrumb strong{font-size:.85rem}.sidebar-bottom{padding-top:20px}main{padding-top:26px}.page-heading{margin-bottom:25px}h1{font-size:2rem;letter-spacing:-1px;font-weight:650}.button{border-radius:11px;min-height:44px;font-weight:550}.button.primary{box-shadow:0 4px 12px #3662e824}.button.small{min-height:38px}.overview{gap:14px;margin-bottom:28px}.stat-card{padding:20px 22px;box-shadow:0 3px 15px #24365904;border-radius:17px}.stat-icon{background:#edf2ff;color:#5076dc;border-radius:14px}.stat-icon.peach{background:#fff1e8;color:#c88248}.stat-value{font-size:1.7rem}.stat-label{font-size:.85rem}.storage-card{background:#fff}.storage-top{font-size:.85rem}.storage-card progress{background:#e8edf7}.storage-card progress::-webkit-progress-bar{background:#e8edf7}.storage-card progress::-webkit-progress-value{background:#6486ed}.storage-card progress::-moz-progress-bar{background:#6486ed}.storage-card small{color:#717d90}.section-heading{gap:12px;flex-wrap:wrap}.section-heading h3{flex:1;font-size:1rem}.folder-grid{gap:10px;margin-bottom:22px}.folder-tile{min-width:150px;border-radius:12px;padding:14px 16px;background:white}.folder-tile svg{color:#8096bc;fill:#eaf0fb}.folder-tile.active{background:#edf2ff;border-color:#9cb3f8}.folder-empty{font-size:.85rem;margin-bottom:8px;padding-bottom:10px}.toolbar{padding:10px;background:white;border:1px solid var(--line);border-radius:14px;gap:9px}.search-box{max-width:none}.search-box input{border-color:transparent;background:#f6f8fc!important}.toolbar select{border-color:transparent;background:#f6f8fc}.file-grid{gap:16px}.file-card{border-radius:16px;box-shadow:0 3px 13px #22334c04}.file-card:hover{border-color:#b7c8f6;box-shadow:0 8px 22px #22334c0b}.file-preview{height:185px;background:#eef2f8}.pdf-preview{background:#edf1fa;color:#6884b5}.pdf-sheet{box-shadow:0 7px 20px #384f8520;width:80px;height:108px}.pdf-sheet small{color:#6884b5}.file-name{font-size:.9rem}.file-meta{font-size:.76rem}.file-info{padding:16px}.empty-state{border:1px solid var(--line);padding:36px 20px;border-radius:18px}.empty-icon{background:#edf2ff}.empty-state p{margin-bottom:18px}.selection-bar{border-color:#dce5ff;box-shadow:0 4px 12px #304b7a06}.dialog-header{padding:22px 25px}.dialog-body{padding:24px}.panel{border-radius:18px;box-shadow:0 4px 15px #22334c04}.auth-story{background:#172135}.auth-icon{color:var(--green)}.story-content h1{font-family:inherit;font-weight:550}.story-content .eyebrow{color:#9cb9ff}.story-files>div{color:#a9bff4}.story-content>p{color:#acb8cc}.story-footer{color:#a0b2d0}
@media(max-width:760px){.topbar{height:64px}.page-heading{gap:15px}.heading-actions{gap:9px}.heading-actions .button{flex:1}.overview{gap:10px}.stat-card{padding:16px}.stat-label{font-size:.8rem}.stat-value{font-size:1.5rem}.storage-card{padding:15px 17px}.file-grid{gap:11px}.file-preview{height:145px}.file-info{padding:13px 11px}.file-name{font-size:.83rem}.file-meta{font-size:.7rem}.toolbar{padding:9px}.toolbar select{min-width:0}.toolbar-spacer{display:none}.section-heading{gap:8px}.section-heading>div{display:flex;gap:3px;flex-wrap:wrap}.section-heading h3{min-width:75px}main{padding:20px 16px}.private-badge{font-size:.7rem}.auth-story{padding:25px}.list-view .file-preview{height:70px}}
.recovery-page{max-width:540px;margin:40px auto;padding:20px}.recovery-page .brand{margin-bottom:28px}.recovery-page h1{font-size:1.65rem}.recovery-code-list{display:grid;gap:9px;margin:22px 0}.recovery-code-list code{display:block;padding:11px;background:var(--paper);border-radius:8px;font-size:clamp(.65rem,2.5vw,.9rem);text-align:center;letter-spacing:.4px}
.compact-grid{gap:14px}.email-test-form{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.email-test-form label{margin-bottom:12px}
.share-help{font-size:.78rem;margin-top:-8px}.share-list-wrap{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.share-list-wrap h3{margin-bottom:12px}.share-row{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid var(--line)}.share-row:first-child{border-top:0}.share-row>div{flex:1;min-width:0}.share-row strong,.share-row small{display:block}.share-row small{color:var(--muted);font-size:.72rem;margin-top:4px}.shared-page{min-height:100vh;padding:28px;background:var(--paper);display:grid;place-items:center}.shared-card{width:min(100%,900px);background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 18px 55px #17213512}.shared-card>.brand{margin-bottom:35px}.shared-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--green-pale);color:var(--green);margin-bottom:20px}.shared-card>p{color:var(--muted);max-width:520px}.shared-card>form{max-width:400px}.shared-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.shared-heading h1{font-size:1.45rem;overflow-wrap:anywhere}.shared-heading p{color:var(--muted);font-size:.8rem;margin:0}.shared-preview{background:#edf1f8;border-radius:15px;overflow:hidden;min-height:300px;display:grid;place-items:center}.shared-preview img{display:block;max-width:100%;max-height:70vh;object-fit:contain}.shared-preview iframe{border:0;width:100%;height:70vh;background:#fff}.shared-footer{display:flex;align-items:center;gap:6px;font-size:.75rem;margin:18px 0 0!important}@media(max-width:600px){.shared-page{padding:0}.shared-card{min-height:100vh;border:0;border-radius:0;padding:22px}.shared-heading{flex-direction:column}.shared-heading .button{width:100%}.shared-preview iframe{height:65vh}.share-row{flex-wrap:wrap}.share-row>div{flex-basis:100%}}