:root{color:#e8edf5;font-synthesis:none;background:#080c14;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}button{font:inherit;border:0;border-radius:10px;padding:.75rem 1rem}button:not(:disabled){cursor:pointer}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:78px minmax(0,1fr)}.sidebar{z-index:20;background:#0c111c;border-right:1px solid #202839;flex-direction:column;gap:1.8rem;height:100vh;padding:1.35rem;display:flex;position:sticky;top:0;overflow:visible}.brand{white-space:nowrap;align-items:center;gap:.75rem;min-height:38px;font-weight:750;display:flex}.brand-mark{color:#fff;background:#5b8cff;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.brand-label,.nav-label{transition:opacity .15s;overflow:hidden}.sidebar nav{gap:.4rem;display:grid}.nav-link{color:#98a5ba;white-space:nowrap;border-radius:9px;align-items:center;gap:.85rem;min-height:44px;padding:.72rem .8rem;text-decoration:none;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:#172033}.sidebar-note{color:#7f8ca1;margin-top:auto;font-size:.85rem;line-height:1.6}.sidebar-note strong{color:#d9e2f0}.text-button{color:#86aaff;background:0 0;align-items:center;gap:.45rem;margin-top:.65rem;padding:0;display:flex}.collapse-toggle{z-index:2;color:#9eabc0;white-space:nowrap;background:#121a28;border:1px solid #2a3548;border-radius:50%;place-items:center;width:36px;min-height:36px;padding:0;display:grid;position:absolute;top:1.35rem;right:-48px;box-shadow:0 6px 18px #0007}.collapse-toggle:hover{color:#fff;background:#192438}.collapse-icon{transition:transform .35s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .collapse-icon{transform:rotate(180deg)}.sidebar-collapsed .brand-label,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-note{opacity:0;pointer-events:none;width:0}.sidebar-collapsed .sidebar{padding-inline:1.15rem}.sidebar-collapsed .nav-link{justify-content:center;padding-inline:.65rem}.content{min-width:0;padding:2rem clamp(1.25rem,4vw,4rem)}.topbar{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.topbar-title{align-items:center;gap:.9rem;display:flex}.topbar h1{margin:.2rem 0 0;font-size:1.35rem}.mobile-menu,.mobile-close,.sidebar-backdrop{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:#7895c9;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:750}.user-chip{color:#86aaff;background:#17243b;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.hero-card,.panel,.card{background:linear-gradient(145deg,#111827,#0d1421);border:1px solid #202a3e;border-radius:18px}.hero-card{justify-content:space-between;gap:2rem;padding:clamp(1.5rem,4vw,3rem);display:flex}.hero-card h2{max-width:620px;margin:.6rem 0;font-size:clamp(1.8rem,4vw,3.2rem)}.hero-card p,.card p,.panel p{color:#95a2b7;line-height:1.65}.status{background:#182237;border-radius:999px;align-self:flex-start;align-items:center;gap:.5rem;padding:.55rem .8rem;font-size:.85rem;display:flex}.status span{background:#e3ad4e;border-radius:50%;width:8px;height:8px}.status.online span{background:#56d69a}.status.offline span{background:#ec6b75}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.card,.panel{padding:1.5rem}.metric{color:#7fa7ff;font-size:1.7rem;font-weight:800}.card h3{margin-bottom:0}.panel{min-height:280px}.panel h2{font-size:2rem}.panel button:disabled{color:#738096;background:#192131}.primary-link,.actions>button:not(.secondary),.modal-actions>button:not(.secondary),.user-row>button{color:#fff;background:#477bea;border-radius:10px;padding:.7rem 1rem;text-decoration:none;display:inline-block}.panel button.secondary{background:#202b40}.panel-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-heading h2{margin-bottom:.25rem}.actions{gap:.6rem;display:flex}.file-toolbar{justify-content:space-between;gap:1rem;margin:1.25rem 0 .75rem;display:flex}.live-search{flex:1;position:relative}.live-search input,.file-toolbar select,.field-label input{color:#e5ecf7;min-width:0;font:inherit;background:#0a101b;border:1px solid #2a3850;border-radius:9px;padding:.68rem .8rem}.live-search input{width:100%;padding-right:2.7rem}.live-search button{color:#9aa8bc;background:0 0;padding:.25rem .55rem;font-size:1.15rem;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.file-toolbar select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.search-summary{color:#94a3b8}.progress{background:#20293a;border-radius:10px;height:7px;margin:1rem 0;overflow:hidden}.progress span{background:#5b8cff;height:100%;display:block}.path-navigation{align-items:center;gap:1rem;margin:1.25rem 0;display:flex}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;display:flex}.breadcrumbs button{color:#89aaf0;background:0 0;padding:.35rem .45rem}.up-target{color:#a6b5ca;background:#172033;padding:.45rem .65rem}.breadcrumbs button.drop-active,.up-target.drop-active{color:#fff;background:#21365c;outline:2px solid #6a9aff}.file-table{border:1px solid #222d42;border-radius:12px;overflow:visible}.file-row{color:#aab5c7;border-top:1px solid #202a3d;grid-template-columns:minmax(190px,2fr) 100px 180px 54px;align-items:center;gap:1rem;min-height:58px;padding:.5rem 1rem;transition:background .15s,outline-color .15s;display:grid;position:relative}.file-row:first-child{border-top:0}.file-row.header{color:#718098;text-transform:uppercase;background:#0b111c;min-height:42px;font-size:.75rem;font-weight:750}.file-row[draggable=true]{cursor:grab}.file-row[draggable=true]:active{cursor:grabbing}.file-row.drop-active-row{z-index:2;background:#182b4c;outline:2px solid #6293ef}.entry-name{color:#e5ebf5;text-align:left;text-overflow:ellipsis;background:0 0;gap:.7rem;min-width:0;padding:.5rem 0;display:flex;overflow:hidden}.row-actions{gap:.35rem;display:flex}.row-actions button{color:#9db7ea;background:0 0;padding:.4rem .55rem;font-size:.8rem}.row-actions button.danger{color:#f08b94;background:0 0}.action-menu{justify-self:end;position:relative}.action-menu-toggle{letter-spacing:.08em;border-radius:8px;place-items:center;width:38px;height:34px;display:grid;color:#9cafca!important;background:0 0!important;border:0!important;min-height:0!important;padding:0!important}.action-menu-toggle:hover,.action-menu.open .action-menu-toggle{color:#fff!important;background:#202c42!important}.action-menu>div{z-index:8;background:#111a29;border:1px solid #2c3951;border-radius:10px;gap:.28rem;min-width:175px;padding:.55rem;display:grid;position:absolute;top:40px;right:0;box-shadow:0 16px 45px #0009}.action-menu>div>button{color:#c5d0df;text-align:left;background:0 0;border-radius:7px;min-height:38px;padding:.65rem .8rem;line-height:1.25}.action-menu>div>button+button{border-top:1px solid #202b3e}.action-menu>div>button:hover{background:#202c42}.action-menu>div>button.danger{color:#f39aa2}.action-menu-backdrop,.action-menu-header{display:none}.empty-state,.loading{color:#8491a6;text-align:center;padding:3rem}.empty-state h3{color:#dce5f3}.error-banner,.success-banner,.upload-banner{border-radius:9px;padding:.75rem 1rem}.error-banner{color:#ffb5bb;background:#2a151a;border:1px solid #6d3038}.success-banner{color:#99eccb;background:#10271f;border:1px solid #285f4c}.upload-banner{color:#a8c9ff;background:#101f36;border:1px solid #2b4c7a}.file-panel{position:relative}.drop-overlay{z-index:4;color:#bcd1ff;pointer-events:none;background:#0c1628ed;border:2px dashed #6093f2;border-radius:16px;place-items:center;font-size:1.2rem;font-weight:750;display:none;position:absolute;inset:1rem}.file-panel.dragging .drop-overlay{display:grid}.entry-name small{color:#718098;margin-top:.2rem;font-size:.72rem;font-weight:400;display:block}.modal{color:#e8edf5;background:#101725;border:1px solid #2c3850;border-radius:16px;width:min(480px,100% - 2rem);padding:0;box-shadow:0 30px 90px #000b}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04070bbd}.modal-card{padding:1.4rem}.modal-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.modal-heading h3{margin:0 0 1rem}.icon-button{color:#aab6c8;background:0 0;padding:.25rem .5rem;font-size:1.5rem}.field-label{color:#9ca9bb;gap:.5rem;font-size:.85rem;display:grid}.field-label input{width:100%}.modal-actions{justify-content:flex-end;gap:.6rem;margin-top:1.3rem;display:flex}.media-modal{width:min(1100px,100% - 2rem);max-height:calc(100vh - 2rem)}.media-modal .modal-card{padding:1rem}.media-preview{gap:1rem;display:grid}.media-preview>img,.media-preview>video{object-fit:contain;background:#05070b;border-radius:10px;max-width:100%;max-height:72vh;margin:auto;display:block}.media-preview>video{width:100%}.media-preview iframe{background:#fff;border:0;border-radius:10px;width:100%;height:72vh}.media-preview pre{color:#ced8e7;white-space:pre-wrap;word-break:break-word;tab-size:2;background:#080d16;border:1px solid #263248;border-radius:10px;max-height:68vh;margin:0;padding:1rem;overflow:auto}.audio-preview,.unsupported-preview,.preview-loading{text-align:center;background:radial-gradient(circle at 50% 20%,#1d3154,#090e17 65%);border-radius:10px;place-items:center;min-height:280px;padding:2rem;display:grid}.audio-preview audio{width:min(620px,100%)}.media-symbol{color:#78a2f5;font-size:4rem}.unsupported-preview p{color:#8e9bb0;margin:.3rem}.preview-footer{color:#8190a6;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;display:flex}.preview-footer button{color:#fff;background:#477bea}.field-label small,.inline-hint{color:#77859a;font-size:.75rem}.move-dialog{gap:1rem;display:grid}.picker-breadcrumbs{flex-wrap:wrap;gap:.3rem;display:flex}.picker-breadcrumbs button{color:#8aacf0;background:0 0;padding:.25rem}.folder-picker{background:#0b111b;border:1px solid #27334a;border-radius:10px;max-height:240px;overflow-y:auto}.folder-choice{color:#d6dfec;text-align:left;background:0 0;border-radius:0;align-items:center;gap:.75rem;width:100%;display:flex}.folder-choice:hover,.folder-choice.selected{background:#1b2b47}.folder-choice small{color:#77869d;margin-top:.2rem;display:block}.parent-choice{border-bottom:1px solid #27334a}.picker-empty{color:#7f8da3;text-align:center;padding:1rem}.trash-list{gap:.65rem;margin-top:1.25rem;display:grid}.trash-row{border:1px solid #222d42;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:1rem;display:grid}.trash-row small{color:#7d8ba1;margin-top:.25rem;display:block}.danger-button{color:#ffd0d4!important;background:#6a2730!important}.settings-heading h2{margin:.35rem 0;font-size:2rem}.settings-heading p{color:#8f9db1}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.settings-card{background:linear-gradient(145deg,#111827,#0d1421);border:1px solid #222d42;border-radius:16px;padding:1.4rem}.settings-card.wide,.settings-card.full{grid-column:1/-1}.settings-card h3{margin:.45rem 0 1rem}.settings-card dl{gap:.65rem;margin:1rem 0;display:grid}.settings-card dl div{border-bottom:1px solid #202a3d;justify-content:space-between;gap:1rem;padding-bottom:.55rem;display:flex}.settings-card dt{color:#7f8da2}.settings-card dd{text-align:right;margin:0}.settings-card form{gap:.9rem;margin-top:1.25rem;display:grid}.settings-card form button,.settings-user-row button{color:#fff;background:#477bea;justify-self:start}.settings-note{color:#8593a8;line-height:1.55}.settings-form{grid-template-columns:1fr 1fr auto;align-items:end}.settings-users{gap:.65rem;display:grid}.settings-user-row{border:1px solid #263249;border-radius:10px;grid-template-columns:1fr 160px auto;align-items:end;gap:1rem;padding:.9rem;display:grid}.settings-user-row small{color:#7c899e;margin-top:.2rem;display:block}.settings-user-row label{color:#8593a8;font-size:.75rem}.settings-user-row input{color:#fff;background:#0a101b;border:1px solid #2a3850;border-radius:8px;width:100%;margin-top:.3rem;padding:.55rem}.user-list{gap:.7rem;margin-top:1.5rem;display:grid}.user-row{border:1px solid #222d42;border-radius:12px;grid-template-columns:1fr auto auto;align-items:end;gap:1rem;padding:1rem;display:grid}.user-row small{color:#7f8da3;margin-top:.25rem;display:block}.user-row label{color:#8491a5;font-size:.75rem}.user-row input{color:#fff;background:#0c121e;border:1px solid #2b3850;border-radius:8px;width:120px;margin-top:.35rem;padding:.6rem;display:block}.login-page{background:radial-gradient(circle at 50% 20%,#14294d,#080c14 55%);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{text-align:center;background:#0e1522;border:1px solid #27334a;border-radius:20px;width:min(420px,100%);padding:2.5rem;box-shadow:0 30px 80px #0008}.login-card .large{width:52px;height:52px;margin:0 auto 1.25rem}.login-card p{color:#95a2b7;line-height:1.6}.login-card button{color:#fff;background:#477bea;width:100%;margin-top:1rem}.center-page{text-align:center;place-content:center;min-height:100vh;display:grid}@media (width<=900px){.file-row{grid-template-columns:minmax(160px,1fr) 80px 54px}.file-row>:nth-child(3){display:none}}@media (width<=760px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.sidebar{width:min(86vw,320px);height:100dvh;padding:max(1.2rem, env(safe-area-inset-top)) 1.2rem max(1.2rem, env(safe-area-inset-bottom));transition:transform .2s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%);box-shadow:16px 0 50px #000a}.mobile-nav-open .sidebar{transform:translate(0)}.sidebar-collapsed .brand-label,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-note{opacity:1;pointer-events:auto;width:auto}.sidebar-collapsed .nav-link{justify-content:flex-start;padding-inline:.8rem}.sidebar-note{display:block}.collapse-toggle{display:none}.mobile-close{color:#9aa8ba;background:0 0;place-items:center;width:40px;height:40px;margin-left:auto;padding:0;display:grid}.mobile-menu{color:#c9d4e4;background:#151f30;place-items:center;width:44px;height:44px;padding:0;display:grid}.sidebar-backdrop{z-index:19;opacity:0;pointer-events:none;background:#03060aad;border-radius:0;padding:0;transition:opacity .2s;display:block;position:fixed;inset:0}.mobile-nav-open .sidebar-backdrop{opacity:1;pointer-events:auto}.content{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.topbar{margin-bottom:1.25rem}.user-chip{width:38px;height:38px}.topbar h1{font-size:1.05rem}.card-grid,.settings-grid{grid-template-columns:1fr}.hero-card,.panel-heading,.file-toolbar{flex-direction:column;align-items:stretch}.actions{grid-template-columns:1fr 1fr;display:grid}.actions button{min-height:44px}.path-navigation{flex-direction:column;align-items:flex-start}.file-panel,.panel,.card{border-radius:13px}.panel{padding:1rem}.file-row{grid-template-columns:minmax(0,1fr) 44px;gap:.3rem;min-height:62px;padding:.8rem .75rem}.file-row.header,.file-row>:nth-child(2),.file-row>:nth-child(3){display:none}.entry-name{min-width:0}.entry-name>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.action-menu-backdrop{z-index:29;background:#0000008c;border-radius:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.action-menu>div{z-index:30;inset:auto 1rem max(1rem, env(safe-area-inset-bottom));background:#17191d;border-color:#34373d;border-radius:14px;min-width:0;max-height:calc(100dvh - 2rem);padding:.75rem;position:fixed;overflow-y:auto}.action-menu>div>button{color:#d3d5d9;border-color:#292c31;min-height:48px;font-size:1rem}.action-menu-header{border-bottom:1px solid #32353a;justify-content:space-between;align-items:center;min-height:48px;padding:0 .2rem .65rem .7rem;display:flex}.action-menu-header strong{color:#eceef1}.action-menu-header .action-menu-close{color:#d7d9dd;background:0 0;border:1px solid #3a3d43;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;min-height:42px;padding:0;line-height:1;display:flex}.action-menu-close svg{width:16px;height:16px;display:block}.user-row,.trash-row,.settings-user-row,.settings-form{grid-template-columns:1fr}.settings-card.wide,.settings-card.full{grid-column:auto}.media-modal{border-radius:0;width:100%;max-width:none;max-height:100dvh;margin:0}.media-preview>img,.media-preview>video{max-height:65dvh}.media-preview iframe{height:65dvh}.preview-footer{flex-direction:column;align-items:stretch}.preview-footer button{min-height:44px}}