:root{--ink:#f3f6fb;--muted:#8d9aac;--bg:#0d1118;--panel:#151c26;--panel-2:#1a2330;--line:#273344;--accent:#8ee0c3;--accent-strong:#5fd0ad;--blue:#83b8ff;--danger:#f58c9a;--shadow:0 24px 70px rgba(0,0,0,.24)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}h1,h2,h3,h4,.brand{font-family:'Space Grotesk',sans-serif}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;flex:0 0 248px;background:#111720;border-right:1px solid var(--line);padding:28px 17px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:-.3px;margin:0 12px 54px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#0e1919;background:var(--accent);border-radius:11px;box-shadow:0 8px 20px rgba(142,224,195,.18)}.sidebar-label,.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.7px;color:#637184;font-weight:700}.sidebar-label{margin:0 12px 12px}.nav-link{display:flex;align-items:center;gap:13px;padding:12px;border-radius:10px;color:var(--muted);font-size:14px;font-weight:600;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--ink);background:#1b2732}.nav-link.active{box-shadow:inset 3px 0 var(--accent)}.nav-link i{font-size:17px}.sidebar-bottom{margin-top:auto}.main-content{min-width:0;flex:1}.topbar{height:82px;padding:0 5.2%;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px}.topbar-search{max-width:420px;flex:1;display:flex;align-items:center;gap:10px;color:#6f7f92;background:#141c27;border:1px solid var(--line);border-radius:10px;padding:0 14px}.topbar-search input{width:100%;background:none;border:0;outline:0;color:var(--ink);height:42px}.topbar-search input::placeholder{color:#687688}.topbar-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#435d7a;color:#fff;font-weight:700}.content-wrap{padding:43px 5.2%;max-width:1500px;margin:auto}.page-heading,.preview-head,.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px}.page-heading h1,.preview-head h1{margin:8px 0 5px;font-size:32px;letter-spacing:-1px}.muted{color:var(--muted)}.page-heading p{margin:0}.btn{border-radius:9px;padding:11px 16px;font-weight:700;font-size:13px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-accent{background:var(--accent);color:#10201d}.btn-accent:hover{background:var(--accent-strong);color:#09201b}.btn-quiet{background:#1b2531;color:var(--ink);border-color:var(--line)}.heading-actions{display:flex;gap:10px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:52px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:20px;position:relative;min-height:148px;overflow:hidden}.stat-card:after{content:'';position:absolute;width:100px;height:100px;border:1px solid rgba(255,255,255,.04);border-radius:50%;right:-35px;bottom:-47px}.stat-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;margin-bottom:17px}.stat-icon.blue{background:#233c5f;color:var(--blue)}.stat-icon.mint{background:#21483f;color:var(--accent)}.stat-icon.amber{background:#4c3e24;color:#f4c879}.stat-icon.rose{background:#4c2932;color:#f5a0ac}.stat-card span:not(.stat-icon){font-size:13px;color:var(--muted);display:block}.stat-card strong{display:block;font:600 24px 'Space Grotesk';margin-top:4px}.stat-card small{font-size:11px;color:#647386}.section-heading{align-items:center;margin-bottom:18px}.section-heading h2{font-size:20px;margin:0 0 3px}.section-heading p{font-size:13px;margin:0}.text-link{font-size:13px;color:var(--accent);font-weight:700}.file-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.file-card,.folder-card{border:1px solid var(--line);background:var(--panel);border-radius:13px;overflow:hidden;transition:transform .2s,border-color .2s,background .2s}.file-card:hover,.folder-card:hover{transform:translateY(-3px);border-color:#466079;background:var(--panel-2)}.file-preview{height:164px;background:#101721;display:grid;place-items:center;position:relative;overflow:hidden}.file-preview img{height:100%;width:100%;object-fit:cover}.file-type-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#23334a;color:#92bcf5;font-size:25px}.file-type-icon.video{background:#3c2c48;color:#cfacff}.file-type-icon.audio{background:#233f43;color:#8ee0c3}.file-type-icon.document{background:#473a2e;color:#efc580}.file-type-icon.file{background:#2f3544;color:#b7c0d2}.preview-overlay{position:absolute;inset:0;display:grid;place-items:center;color:white;background:rgba(5,10,15,.55);font-size:25px;opacity:0;transition:.2s}.file-preview:hover .preview-overlay{opacity:1}.file-card-body{padding:13px}.file-name{font-size:13px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-meta{font-size:11px;color:var(--muted);margin-top:5px}.file-meta span{padding:0 3px;color:#526176}.file-actions{display:flex;gap:5px;margin-top:13px}.file-actions a,.file-actions button,.share-row-actions button,.share-row-actions a{border:0;background:transparent;color:#708096;padding:4px 6px;font-size:15px;cursor:pointer}.file-actions a:hover,.file-actions button:hover,.share-row-actions button:hover,.share-row-actions a:hover{color:var(--accent)}.folder-card{padding:18px;display:flex;align-items:center;gap:11px;color:var(--ink);font-size:13px;font-weight:700}.folder-card i{font-size:22px;color:#e0b361}.empty-state{text-align:center;border:1px dashed #334255;border-radius:14px;padding:65px 20px;color:var(--muted)}.empty-state i{font-size:42px;color:#5b7793}.empty-state h3{color:var(--ink);margin:15px 0 7px;font-size:19px}.breadcrumbs{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px;margin:-15px 0 22px}.breadcrumbs a{color:var(--accent)}.upload-zone{border:1px dashed #49657c;background:linear-gradient(135deg,#172530,#131b25);border-radius:16px;text-align:center;padding:72px 20px;max-width:850px;margin:20px auto 25px;transition:.2s}.upload-zone.dragover{border-color:var(--accent);background:#18352f}.upload-icon{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:#21473e;color:var(--accent);font-size:31px;margin:0 auto 20px}.upload-zone h2{font-size:21px;margin:0 0 8px}.upload-zone p{color:var(--muted);margin:0 0 21px}.upload-zone small{display:block;color:#66788c;margin-top:19px;font-size:11px}.upload-queue{max-width:850px;margin:auto;display:grid;gap:10px}.upload-item{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:13px 15px}.upload-item-top{display:flex;justify-content:space-between;font-size:13px}.upload-item-top span:last-child{color:var(--muted)}.progress{height:5px;background:#263343;margin:10px 0 5px}.progress-bar{background:var(--accent)}.upload-status{font-size:11px;color:var(--muted)}.upload-note{max-width:850px;margin:18px auto;color:#718195;font-size:12px;display:flex;gap:8px}.upload-note i{color:var(--accent)}.upload-note strong{color:var(--ink)}.preview-page{max-width:1000px;margin:auto}.back-link{font-size:13px;color:var(--muted);display:inline-block;margin-bottom:30px}.back-link:hover{color:var(--accent)}.preview-stage{min-height:440px;border:1px solid var(--line);background:#090d13;border-radius:16px;display:grid;place-items:center;padding:30px;box-shadow:var(--shadow)}.preview-stage img,.preview-stage video{max-width:100%;max-height:70vh;border-radius:7px}.preview-stage video{width:100%}.audio-preview,.unsupported-preview{text-align:center}.audio-preview>i,.unsupported-preview>i{font-size:68px;color:var(--accent)}.audio-preview audio{display:block;margin-top:30px}.unsupported-preview h2{margin:20px 0 5px}.unsupported-preview p{color:var(--muted)}.dark-modal{background:var(--panel);border:1px solid var(--line);color:var(--ink)}.form-control,.form-select{background:#101720;border-color:var(--line);color:var(--ink);border-radius:9px}.form-control:focus,.form-select:focus{background:#101720;color:var(--ink);border-color:var(--accent);box-shadow:0 0 0 3px rgba(142,224,195,.12)}.form-label{font-size:13px;font-weight:700}.modal-header,.modal-footer{border-color:var(--line)}.share-layout{display:grid;grid-template-columns:minmax(0,650px) 270px;gap:25px}.settings-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:25px}.settings-card h2{font-size:18px;margin:0 0 7px}.share-file-summary{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding-bottom:21px;margin-bottom:24px}.share-file-summary strong,.share-file-summary span{display:block}.share-file-summary span:not(.file-type-icon){color:var(--muted);font-size:12px;margin-top:3px}.share-aside{padding:18px;color:var(--muted)}.share-aside i{color:var(--accent);font-size:30px}.share-aside h3{color:var(--ink);font-size:17px;margin:16px 0 9px}.share-aside p{font-size:13px;line-height:1.7}.permission-options{display:grid;gap:10px}.permission-options label{border:1px solid var(--line);padding:13px;border-radius:9px;display:flex;gap:10px;cursor:pointer}.permission-options label:has(input:checked){border-color:var(--accent);background:#193129}.permission-options input{accent-color:var(--accent)}.permission-options strong,.permission-options small{display:block}.permission-options small{color:var(--muted);font-size:11px;margin-top:3px}.copy-field{display:flex}.copy-field input{flex:1;border-radius:8px 0 0 8px;border-right:0}.copy-field button{width:48px;border:1px solid var(--line);background:#243443;color:var(--accent);border-radius:0 8px 8px 0}.share-list{display:grid;gap:10px}.share-row{display:grid;grid-template-columns:54px minmax(150px,1fr) auto 170px auto;align-items:center;gap:15px;padding:13px 16px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.share-name strong,.share-name span{display:block}.share-name strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-name span,.share-expiry{font-size:11px;color:var(--muted);margin-top:4px}.status-pill{font-size:11px;font-weight:700}.status-pill i{font-size:7px;margin-right:6px}.status-pill.active{color:var(--accent)}.status-pill.expired,.status-pill.revoked{color:var(--danger)}.share-row-actions{display:flex}.settings-grid{display:grid;grid-template-columns:minmax(0,600px) 300px;gap:18px}.settings-stat{display:flex;gap:14px;align-items:center;margin-top:25px}.settings-stat>i{font-size:28px;color:var(--accent)}.settings-stat strong,.settings-stat span{display:block}.settings-stat span{font-size:12px;color:var(--muted);margin-top:3px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#101720}.auth-art{position:relative;overflow:hidden;padding:9vw;background:radial-gradient(circle at 20% 20%,#294f59 0,#182d38 34%,#111a24 78%)}.auth-art:after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 25%,rgba(142,224,195,.07));pointer-events:none}.auth-art-copy{position:relative;z-index:1;max-width:420px;margin-top:30vh}.auth-art-copy h1{font-size:54px;line-height:1.03;letter-spacing:-2px;margin:25px 0 17px}.auth-art-copy p{color:#a5bbc0;line-height:1.7}.auth-orbit{position:absolute;border:1px solid rgba(142,224,195,.24);border-radius:50%}.orbit-one{width:600px;height:600px;right:-280px;top:-90px}.orbit-two{width:380px;height:380px;right:-50px;top:120px}.auth-panel{display:grid;place-items:center;padding:30px;background:#0e141c}.auth-form{width:min(380px,100%)}.auth-brand{margin:0 0 70px}.auth-form h2{font-size:34px;margin:10px 0 7px}.auth-form .muted{font-size:14px}.auth-footnote{font-size:11px;color:#657688;text-align:center;margin-top:25px}.auth-footnote i{color:var(--accent);margin-right:5px}.public-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,#1b3842,#0d1118 58%);display:grid;place-items:center;padding:30px}.public-shell{width:min(700px,100%)}.public-shell>.brand{margin:0 0 35px}.public-card{background:rgba(21,28,38,.95);border:1px solid var(--line);border-radius:17px;padding:38px;box-shadow:var(--shadow)}.status-card{text-align:center;width:min(430px,100%);margin:auto}.status-card>i{font-size:48px;color:var(--accent)}.status-card h1{font-size:25px;margin:20px 0 8px}.status-card p{color:var(--muted)}.shared-file-card h1{font-size:28px;margin:9px 0 5px}.public-preview{margin:28px 0;min-height:220px;background:#0b1017;border-radius:11px;display:grid;place-items:center;padding:20px}.public-preview img,.public-preview video{max-width:100%;max-height:58vh;border-radius:7px}.public-preview video{width:100%}.public-preview>i{font-size:54px;color:var(--accent)}.public-preview audio{width:100%;margin-top:15px}@media(max-width:1050px){.file-grid{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;transform:translateX(-100%);transition:.25s;width:250px}.sidebar.open{transform:none}.topbar{padding:0 20px}.menu-toggle{display:block}.content-wrap{padding:30px 20px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1,.preview-head h1{font-size:27px}.heading-actions{width:100%}.heading-actions .btn{flex:1}.stat-grid{gap:10px;margin-bottom:38px}.stat-card{padding:15px;min-height:135px}.file-grid{grid-template-columns:repeat(2,1fr);gap:10px}.file-preview{height:135px}.share-layout,.settings-grid{grid-template-columns:1fr}.share-aside{display:none}.share-row{grid-template-columns:42px minmax(0,1fr) auto;gap:10px}.share-expiry{display:none}.share-row-actions{grid-column:2/4}.auth-page{display:block}.auth-art{min-height:285px;padding:28px 25px}.auth-art-copy{margin-top:58px}.auth-art-copy h1{font-size:35px}.auth-panel{min-height:calc(100vh - 285px);padding:45px 25px}.auth-brand{display:none}.topbar-search{max-width:none}.topbar-actions .btn span{display:none}.upload-zone{padding:50px 15px}.public-card{padding:25px 18px}}
.local-clock{color:var(--muted);font-size:11px;white-space:nowrap}.icon-button{border:0;background:transparent;color:var(--muted);padding:3px 5px;cursor:pointer}.icon-button:hover{color:var(--danger)}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);font-size:24px}.alert{font-size:13px;border-radius:9px}.alert-success{background:#1a3b32;color:#a7e8d3;border-color:#2e6554}.alert-danger{background:#43272f;color:#ffb1bc;border-color:#70404c}.auth-page{background:radial-gradient(circle at 72% 15%,rgba(142,224,195,.1),transparent 24%),#0d1118}.auth-panel{position:relative}.auth-panel:before{content:'';position:absolute;width:420px;height:420px;border:1px solid rgba(142,224,195,.08);border-radius:50%;transform:translate(35%,15%)}.auth-form{position:relative;z-index:1;background:rgba(21,28,38,.72);border:1px solid rgba(142,224,195,.12);border-radius:20px;padding:34px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.auth-form h2{letter-spacing:-1.2px}.auth-form .form-control{background:rgba(9,14,20,.75);border-color:#334355}.auth-form .btn-accent{box-shadow:0 10px 26px rgba(95,208,173,.16)}.public-card,.settings-card,.stat-card,.file-card{box-shadow:0 15px 45px rgba(0,0,0,.12)}.share-row{transition:border-color .2s,transform .2s}.share-row:hover{border-color:#466079;transform:translateY(-1px)}