:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf4ff;background:#070b11;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #070b11;--surface: #0c121b;--surface-2: #111925;--surface-3: #172231;--border: #202d3e;--muted: #8291a6;--text: #edf4ff;--accent: #6ca8ff;--accent-strong: #3c89ff;--danger: #ff7183;--success: #4ed6a3}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;height:100%}body{background:radial-gradient(circle at 85% -10%,rgba(67,127,255,.12),transparent 28%),var(--bg);overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{width:100%;background:#091019;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:11px 12px}input::placeholder{color:#5f6c7d}button{cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.48}.truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--muted)}.eyebrow{margin:0 0 7px;color:#6f89aa;font-size:11px;font-weight:800;letter-spacing:.16em}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border:1px solid #27497c;border-radius:16px;background:linear-gradient(145deg,#17335c,#0d1a2d);color:#88baff;box-shadow:0 12px 40px #286cd82e}.brand-mark.small{width:38px;height:38px;border-radius:12px;flex:0 0 auto}.login-shell,.boot-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:34px;background:#0c121beb;border:1px solid var(--border);border-radius:22px;box-shadow:0 28px 90px #0000006b;display:grid;gap:22px}.login-card h1{margin:0 0 6px;font-size:29px;letter-spacing:-.035em}.login-card p{margin:0}.login-form{display:grid;gap:14px}.login-form label,.modal label{display:grid;gap:7px;color:#b7c3d3;font-size:13px;font-weight:650}.primary-button,.secondary-button,.new-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;border-radius:10px;padding:0 13px;font-weight:700}.primary-button,.new-button{background:linear-gradient(180deg,#5d9fff,#397fe7);color:#fff;box-shadow:inset 0 1px #ffffff1f}.secondary-button{background:var(--surface-2);border:1px solid var(--border);color:#d6e1ef}.secondary-button.compact{padding-inline:10px}.error-banner{padding:10px 12px;border:1px solid rgba(255,113,131,.35);background:#ff718317;color:#ff9ca8;border-radius:10px;font-size:13px}.boot-screen{align-content:center;gap:16px;color:var(--muted)}.app-shell{height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{padding:18px 14px;background:#070c12eb;border-right:1px solid #162231;display:flex;flex-direction:column;gap:16px;min-height:0}.brand{display:flex;align-items:center;gap:10px;padding:2px 4px 8px}.brand strong{display:block;font-size:14px}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.new-button{width:100%;min-height:43px}.sidebar nav{display:grid;gap:4px}.nav-item{min-height:40px;display:flex;align-items:center;gap:10px;color:#a8b5c5;border-radius:9px;padding:0 10px;text-align:left}.nav-item.active{color:#e9f2ff;background:#111d2b}.nav-item small{margin-left:auto;color:#59687c;font-size:10px}.sidebar-spacer{flex:1}.quota-card{padding:12px;border:1px solid var(--border);background:#0b121b;border-radius:12px;display:grid;gap:8px}.quota-row,.quota-details{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.quota-row span:first-child{color:#ced9e7;font-weight:700}.quota-bar{height:5px;border-radius:999px;background:#1b2635;overflow:hidden}.quota-bar span{display:block;height:100%;background:linear-gradient(90deg,#4d91ff,#7cb6ff);border-radius:inherit}.profile-card{width:100%;padding:8px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border-radius:10px;text-align:left}.profile-card:hover{background:#0e1721}.profile-card strong,.profile-card span{display:block}.profile-card strong{font-size:12px}.profile-card span{color:var(--muted);font-size:10px;margin-top:2px}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#18345b;color:#9bc4ff;font-weight:800}.workspace{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.topbar{min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;border-bottom:1px solid #15202e;background:#080d14ad;backdrop-filter:blur(18px)}.breadcrumbs{min-width:0;display:flex;align-items:center;gap:2px;overflow:hidden}.breadcrumbs span{display:inline-flex;align-items:center;min-width:0;color:#607087}.breadcrumbs button{color:#aebccd;white-space:nowrap;padding:6px;border-radius:7px}.breadcrumbs button:hover{color:#fff;background:#111a25}.top-actions{display:flex;align-items:center;gap:9px}.search-box{width:min(330px,34vw);height:39px;display:flex;align-items:center;gap:8px;padding:0 11px;background:#0c141e;border:1px solid var(--border);border-radius:10px;color:#637187}.search-box input{border:0;background:transparent;padding:0;outline:none}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:8px;color:#8fa0b5}.icon-button:hover{background:#17202c;color:#f2f7ff}.segmented{display:flex;border:1px solid var(--border);border-radius:9px;overflow:hidden}.segmented button{width:36px;height:34px;display:grid;place-items:center;color:#7f8fa3}.segmented button.active{color:#fff;background:#172333}.content-toolbar{padding:22px 24px 14px;display:flex;align-items:end;justify-content:space-between;gap:16px}.content-toolbar h2{margin:0;font-size:22px;letter-spacing:-.03em}.content-toolbar>div>span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.toolbar-actions{display:flex;gap:8px}.page-error{margin:0 24px 10px;display:flex;justify-content:space-between;align-items:center}.page-error button{color:inherit}.file-area{position:relative;min-height:0;overflow:auto;padding:10px 24px 34px}.file-area.drop-active{outline:1px dashed #4d91ff;outline-offset:-12px}.drop-overlay{position:absolute;z-index:20;inset:16px 28px;border:1px dashed #538fe8;background:#0b182beb;border-radius:16px;display:grid;place-content:center;justify-items:center;gap:8px;color:#9ac4ff;pointer-events:none}.drop-overlay span{color:#6f86a5;font-size:12px}.empty-state{height:100%;min-height:280px;display:grid;place-content:center;justify-items:center;gap:9px;color:#536278;text-align:center}.empty-state strong{color:#98a7ba}.empty-state span{font-size:12px}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.file-card{position:relative;border:1px solid #1a2635;background:linear-gradient(180deg,#0d151f,#0a1119);border-radius:13px;padding:10px;min-width:0}.file-card:hover{border-color:#2a3c52;background:#0e1722}.file-visual{height:112px;display:grid;place-items:center;border-radius:10px;background:#101a27;color:#6e819a}.file-visual.folder{color:#e6b557;background:linear-gradient(145deg,#e6b55721,#101823)}.file-card-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:10px 2px 1px}.file-card-meta strong{display:block;font-size:12px}.file-card-meta span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.file-list-table{border:1px solid #192534;border-radius:12px;overflow:visible;background:#0a1119}.file-list-header,.file-row{display:grid;grid-template-columns:minmax(220px,2.2fr) minmax(90px,.6fr) minmax(150px,.9fr) 44px;align-items:center;min-height:45px;padding:0 10px 0 14px;gap:14px}.file-list-header{color:#68788c;font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #172231}.file-row{color:#94a4b8;font-size:12px;border-bottom:1px solid #121c28}.file-row:last-child{border-bottom:0}.file-row:hover{background:#0e1721}.file-name-cell{display:flex;align-items:center;gap:10px;min-width:0;color:#8fa2ba}.file-name-cell strong{color:#d7e2ef}.row-menu-wrap{position:relative}.context-menu{position:absolute;z-index:40;right:7px;top:calc(100% - 4px);width:180px;padding:6px;background:#111a25;border:1px solid #29384b;border-radius:11px;box-shadow:0 20px 55px #0006}.file-card>.context-menu{top:auto;bottom:48px}.context-menu button{width:100%;min-height:34px;display:flex;align-items:center;gap:9px;padding:0 9px;border-radius:7px;color:#bac7d6;text-align:left;font-size:12px}.context-menu button:hover:not(:disabled){background:#1a2634;color:#fff}.context-menu button small{margin-left:auto;color:#68788b}.menu-separator{height:1px;background:#263343;margin:5px}.upload-panel{position:fixed;z-index:60;right:18px;bottom:18px;width:min(430px,calc(100vw - 36px));max-height:min(580px,calc(100vh - 80px));display:grid;grid-template-rows:auto minmax(0,1fr);background:#0c121bfa;border:1px solid #2a394c;border-radius:15px;box-shadow:0 30px 90px #0000007a;overflow:hidden}.upload-panel>header{min-height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 11px 0 15px;border-bottom:1px solid #1d2938}.upload-panel header strong,.upload-panel header span{display:block}.upload-panel header strong{font-size:13px}.upload-panel header span{color:var(--muted);font-size:10px;margin-top:2px}.upload-list{overflow:auto}.upload-item{padding:13px 14px;border-bottom:1px solid #182332}.upload-title-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.upload-title-row strong,.upload-title-row span{display:block}.upload-title-row strong{font-size:12px}.upload-title-row .truncate span{color:var(--muted);font-size:10px;margin-top:2px}.status-pill{padding:3px 7px;border:1px solid #263649;border-radius:999px;color:#9cadc1;font-size:9px;text-transform:uppercase;font-weight:800}.status-complete{color:var(--success);border-color:#4ed6a34d;background:#4ed6a30f}.status-failed{color:#ff8c9b;border-color:#ff718359;background:#ff718312}.status-paused{color:#f7c96e}.progress-track{height:5px;margin-top:10px;background:#1b2735;border-radius:999px;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#478aff,#7db4ff);transition:width .2s ease}.upload-stats{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:7px;color:#75859a;font-size:9px}.upload-error{margin-top:7px;color:#ff8b9a;font-size:10px}.upload-actions{display:flex;gap:6px;margin-top:9px}.upload-actions button{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 7px;background:#151f2b;border-radius:7px;color:#aab8c8;font-size:10px}.upload-actions .danger-text{color:#ff91a0}.upload-fab{position:fixed;z-index:50;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:7px;min-height:39px;padding:0 12px;background:#192a40;border:1px solid #2e4d75;border-radius:11px;color:#acd0ff;box-shadow:0 15px 45px #00000059}.modal-backdrop{position:fixed;z-index:100;inset:0;background:#020509b3;backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}.modal{width:min(430px,100%);padding:18px;background:#0e1620;border:1px solid #2a394d;border-radius:16px;box-shadow:0 30px 90px #00000080;display:grid;gap:18px}.modal header{display:flex;align-items:flex-start;justify-content:space-between}.modal h3{margin:0;font-size:19px}.modal label small{color:#65778d;font-weight:400;line-height:1.5}.modal footer{display:flex;justify-content:flex-end;gap:8px}@media (max-width: 900px){.app-shell{grid-template-columns:74px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand>div:last-child,.nav-item:not(.active) small,.nav-item{font-size:0}.brand{justify-content:center}.new-button{padding:0;font-size:0}.new-button svg{margin:0}.nav-item{justify-content:center;padding:0}.quota-card{display:none}.profile-card{grid-template-columns:1fr;justify-items:center}.profile-card>div:nth-child(2),.profile-card>svg{display:none}.topbar{align-items:stretch;flex-direction:column;padding:10px 16px;gap:8px}.top-actions{width:100%}.search-box{width:auto;flex:1}.content-toolbar,.file-area{padding-inline:16px}}@media (max-width: 650px){body{overflow:auto}.app-shell{min-height:100vh;height:auto;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.sidebar{position:sticky;top:0;z-index:70;min-height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-right:0;border-bottom:1px solid #162231}.brand{justify-content:flex-start;padding:0}.new-button{width:40px;justify-self:end}.sidebar nav,.sidebar-spacer,.profile-card{display:none}.workspace{min-height:calc(100vh - 58px)}.content-toolbar{align-items:flex-start}.toolbar-actions .secondary-button{font-size:0;padding:0 10px}.toolbar-actions .secondary-button svg{margin:0}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-list-header,.file-row{grid-template-columns:minmax(160px,1fr) 40px}.file-list-header span:nth-child(2),.file-list-header span:nth-child(3),.file-row>span:nth-child(2),.file-row>span:nth-child(3){display:none}}.file-visual.image{overflow:hidden;background:#090f16}.file-visual.image img{width:100%;height:100%;display:block;object-fit:cover}.list-thumb{width:28px;height:28px;flex:0 0 28px;overflow:hidden;border:1px solid #27374a;border-radius:7px;background:#101925}.list-thumb img{width:100%;height:100%;display:block;object-fit:cover}.preview-backdrop{z-index:130;background:#010408e0}.preview-modal{width:min(1120px,96vw);height:min(820px,92vh);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:#080d13;border:1px solid #29384a;border-radius:18px;box-shadow:0 35px 110px #000000b3}.preview-modal>header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 12px 0 18px;border-bottom:1px solid #172331;background:#0b121b}.preview-modal>header strong,.preview-modal>header span{display:block}.preview-modal>header strong{font-size:13px}.preview-modal>header span{margin-top:3px;color:var(--muted);font-size:10px}.preview-actions{display:flex;gap:5px}.preview-stage{min-height:0;display:grid;place-items:center;overflow:auto;padding:20px;background:radial-gradient(circle at 50% 35%,rgba(53,95,148,.13),transparent 35%),#05090e}.preview-stage>img{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 18px 70px #00000073}.preview-error{display:grid;place-items:center;gap:10px;color:#65768a;text-align:center}.preview-error strong{color:#afbdcd}.preview-error span{max-width:340px;font-size:11px}.thumbnail-note,.thumbnail-warning{margin-top:7px;font-size:10px}.thumbnail-note{display:flex;align-items:center;gap:5px;color:#7890ac}.thumbnail-warning{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#e9b967}.thumbnail-warning button{display:inline-flex;align-items:center;gap:4px;min-height:25px;padding:0 7px;border-radius:6px;background:#1a2430;color:#d9b46f;white-space:nowrap}@media (max-width: 650px){.preview-modal{width:100%;height:92vh;border-radius:14px}.preview-stage{padding:8px}}.trash-area{padding:14px}.trash-list{display:grid;gap:8px}.trash-row{min-height:66px;display:grid;grid-template-columns:34px minmax(0,1fr) minmax(150px,auto) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid #1e2c3c;border-radius:10px;background:#0b121a}.trash-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#101b27;color:#8297af}.trash-main strong,.trash-main span,.trash-expiry span,.trash-expiry strong{display:block}.trash-main strong{font-size:12px}.trash-main span,.trash-expiry span{margin-top:3px;color:var(--muted);font-size:10px}.trash-expiry{text-align:right}.trash-expiry strong{margin-top:3px;font-size:10px;font-weight:500;color:#b4c0ce}.restore-button{min-width:92px}.context-menu .danger-text{color:#ef8d8d}@media (max-width: 650px){.trash-row{grid-template-columns:32px minmax(0,1fr) auto}.trash-expiry{display:none}.restore-button{min-width:0}}.share-backdrop{z-index:140}.share-modal{width:min(660px,94vw);max-height:88vh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid #29384a;border-radius:16px;background:#0b121b;box-shadow:0 32px 100px #0009}.share-modal>header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 12px 12px 18px;border-bottom:1px solid #1a2635}.share-modal>header strong,.share-modal>header span{display:block}.share-modal>header span{margin-top:4px;max-width:520px;color:var(--muted);font-size:10px}.share-body{min-height:0;overflow:auto;padding:16px 18px 18px}.share-create{display:flex;align-items:flex-end;gap:10px}.share-create label{flex:1}.share-create label span{display:block;margin-bottom:6px;color:#8798ab;font-size:10px}.share-create select{width:100%;min-height:38px;padding:0 10px;border:1px solid #26374a;border-radius:8px;background:#0a1018;color:#e5edf7}.share-created{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;border:1px solid #31547a;border-radius:10px;background:#0c1825}.share-created small{grid-column:1 / -1;color:#7390ad;font-size:9px}.share-url{align-self:center;color:#b9d9ff;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.share-list{margin-top:18px;border-top:1px solid #1d2a39;padding-top:14px}.share-list-heading{display:flex;justify-content:space-between;margin-bottom:8px}.share-list-heading strong{font-size:11px}.share-list-heading span{color:var(--muted);font-size:10px}.share-row{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #162230}.share-row strong,.share-row span{display:block}.share-row strong{font-size:11px}.share-row span{margin-top:3px;color:var(--muted);font-size:9px}.share-empty{min-height:62px;display:flex;align-items:center;justify-content:center;gap:7px;color:#718296;font-size:10px}@media (max-width: 650px){.share-create{align-items:stretch;flex-direction:column}.share-created{grid-template-columns:1fr}.share-created small{grid-column:auto}}.admin-area{min-height:0;overflow:auto;padding:18px}.admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.admin-heading h2{margin:2px 0 4px;font-size:19px}.admin-heading>div>span{color:var(--muted);font-size:10px}.admin-heading-actions{display:flex;gap:8px}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-card,.admin-panel{border:1px solid #1f2e3f;border-radius:11px;background:#0b121a}.admin-card{padding:14px}.admin-card span,.admin-card strong,.admin-card small{display:block}.admin-card span{color:#7e90a5;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.admin-card strong{margin-top:7px;font-size:18px}.admin-card small{margin-top:5px;color:var(--muted);font-size:9px}.admin-health-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.admin-panel{margin-top:10px;padding:13px}.admin-health-grid .admin-panel{margin-top:0}.admin-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.admin-panel>header strong,.admin-panel>header span{display:block}.admin-panel>header strong{font-size:11px}.admin-panel>header span{margin-top:2px;color:var(--muted);font-size:9px}.scheduler-row,.health-line{min-height:39px;display:grid;align-items:center;border-top:1px solid #162330}.scheduler-row{grid-template-columns:minmax(90px,1fr) auto minmax(130px,auto);gap:10px}.scheduler-row span,.health-line span{color:#8a9bae;font-size:10px}.scheduler-row strong{font-size:12px}.scheduler-row small{text-align:right;color:var(--muted);font-size:9px}.health-line{grid-template-columns:1fr auto}.health-line strong{font-size:10px;text-transform:uppercase}.health-ok{color:#79d8a1}.health-warn{color:#e8b56a}.health-detail{display:block;padding-top:8px;color:#c59d68;font-size:9px}.admin-user-table{overflow-x:auto}.admin-user-head,.admin-user-row{min-width:860px;display:grid;grid-template-columns:minmax(180px,1.2fr) 1fr .9fr .9fr minmax(280px,1.4fr);gap:10px;align-items:center}.admin-user-head{min-height:32px;color:#65798f;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.admin-user-row{min-height:64px;border-top:1px solid #172431;font-size:10px}.admin-user-row>div>strong,.admin-user-row>div>span{display:block}.admin-user-row>div>span{margin-top:3px;color:var(--muted);font-size:9px}.admin-user-name{display:flex;align-items:center;gap:8px}.small-avatar{width:28px;height:28px;flex-basis:28px}.admin-row-actions{display:flex;flex-wrap:wrap;gap:5px}.admin-row-actions button{min-height:27px;padding:0 7px;border-radius:6px;background:#121d29;color:#bac8d8;font-size:9px}.admin-share-list{display:grid}.admin-share-row{min-height:52px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border-top:1px solid #172431}.admin-share-row strong,.admin-share-row span{display:block}.admin-share-row strong{font-size:10px}.admin-share-row>div>span{margin-top:3px;color:var(--muted);font-size:9px}.label-note{color:var(--muted);font-weight:400}@media (max-width: 900px){.admin-metrics{grid-template-columns:1fr 1fr}.admin-health-grid{grid-template-columns:1fr}}@media (max-width: 650px){.admin-area{padding:10px}.admin-heading{flex-direction:column}.admin-heading-actions{width:100%}.admin-heading-actions button{flex:1}.admin-metrics{grid-template-columns:1fr}.scheduler-row{grid-template-columns:1fr auto}.scheduler-row small{grid-column:1 / -1;text-align:left;padding-bottom:7px}}