:root{color-scheme:dark;--bg: #0f1218;--bg-glow-1: #1c2a4a;--bg-glow-2: #1a3a35;--panel: #171b23;--panel-2: #1d222c;--line: #2a3140;--line-soft: #1e2532;--border-strong: #3b4a66;--text: #e8ecf4;--muted: #93a0b4;--accent: #5b8cff;--accent-2: #7aa2ff;--accent-contrast: #08101f;--accent-soft: #5b8cff22;--danger: #ff6b6b;--danger-bg: #2a1717;--danger-border: #502424;--ok: #4ade80;--input-bg: #10141c;--hover: #232a37;--hover-soft: #1a202a;--selected: #1a2436;--overlay: #05070bd9;--overlay-panel: #171b23e6;--media-bg: #0b0e14;--track: #1e2532;--shadow: 0 14px 32px #05070bd9;--radius: 14px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #f3f5f9;--bg-glow-1: #dbe7ff;--bg-glow-2: #d9f2e8;--panel: #ffffff;--panel-2: #eef2f8;--line: #d8dee9;--line-soft: #e6ebf2;--border-strong: #b9c3d4;--text: #1a2231;--muted: #5d6a7e;--accent: #2f6bff;--accent-2: #1f57e6;--accent-contrast: #ffffff;--accent-soft: #2f6bff26;--danger: #c62f3d;--danger-bg: #fdecee;--danger-border: #f3c2c7;--ok: #15803d;--input-bg: #fbfcfe;--hover: #e9eef7;--hover-soft: #f4f7fb;--selected: #e3ecff;--overlay: #0b122680;--overlay-panel: #ffffffe6;--media-bg: #111827;--track: #e3e8f1;--shadow: 0 14px 32px #1a223124}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(900px 500px at 15% -10%,var(--bg-glow-1) 0%,transparent 60%),radial-gradient(700px 400px at 100% 0%,var(--bg-glow-2) 0%,transparent 55%),var(--bg);color:var(--text);transition:background-color .16s ease,color .16s ease}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:10px;padding:.55rem .9rem;cursor:pointer;transition:border-color .12s ease,background .12s ease}button:hover{border-color:var(--border-strong);background:var(--hover)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}button.primary:hover{background:var(--accent-2)}button.ghost{background:transparent;border-color:transparent;color:var(--muted)}button.ghost:hover{color:var(--text);background:var(--hover-soft)}button.danger{color:var(--danger)}button:disabled{opacity:.6;cursor:default}.shell{max-width:1080px;margin:0 auto;padding:1.5rem}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.9rem 1.1rem;margin-bottom:1.6rem;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:.7rem;font-weight:650;letter-spacing:.2px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#37d0a3);color:#08101f;font-size:.8rem;font-weight:800}.nav{display:flex;gap:1rem;margin-left:auto;color:var(--muted)}.nav a:hover{color:var(--text)}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}.page-head h1{margin:0 0 .2rem;font-size:1.55rem;letter-spacing:-.02em}.actions{display:flex;gap:.6rem}.muted{color:var(--muted)}.error{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:10px;padding:.6rem .8rem}.back{margin-bottom:.7rem}.card{background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.8rem 1rem;border-bottom:1px solid var(--line)}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--hover-soft)}.row{cursor:pointer}.icon{display:inline-block;width:1.3rem;color:var(--accent-2)}.row-actions{display:flex;gap:.4rem;justify-content:flex-end}.empty{padding:1.4rem;text-align:center}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-card{width:min(420px,100%);padding:2rem;display:grid;gap:1rem}.login-card h1{margin:0;font-size:1.6rem;letter-spacing:-.03em}.login-card p{margin:0}label{display:grid;gap:.4rem;font-size:.85rem;color:var(--muted)}input{background:var(--input-bg);border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;color:var(--text);outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}@media(max-width:640px){.shell{padding:.8rem}.topbar{flex-wrap:wrap;gap:.8rem}.nav{margin-left:0}.page-head{flex-direction:column;align-items:stretch}th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4){display:none}}.search{width:100%;margin-bottom:1rem}.search-results{margin-bottom:1rem}.search-row{padding:.6rem 1rem;border-bottom:1px solid var(--line)}.search-row:last-child{border-bottom:none}.file-name{cursor:pointer}.file-name:hover{color:var(--accent-2)}.preview-backdrop{position:fixed;inset:0;background:var(--overlay);display:grid;place-items:center;padding:2rem;z-index:10}.preview{position:relative;width:min(1000px,100%);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.preview-head{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--line)}.preview img,.preview iframe{display:block;width:100%;max-height:75vh;border:0;object-fit:contain;background:var(--media-bg)}.download{display:inline-block;margin:1.5rem}.preview-title{display:grid;gap:.15rem}.preview-title span{font-size:.8rem}.preview-media{display:block;width:100%;max-height:75vh;object-fit:contain;background:var(--media-bg)}.preview-frame{display:block;width:100%;height:75vh;border:0;background:var(--media-bg)}.text-preview{margin:0;padding:1.2rem;max-height:75vh;overflow:auto;font:.85rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.preview-empty{padding:2rem;display:grid;gap:.5rem;place-items:center;text-align:center}.ok{color:var(--ok)}.error-text{color:var(--danger)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.9rem;margin-bottom:.9rem}.stat{padding:1rem 1.1rem}.stat-label{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.7rem;font-weight:650;letter-spacing:-.02em;margin-top:.45rem}.stat-sub{color:var(--muted);font-size:.85rem;margin-top:.3rem}.quota-card{margin-bottom:.8rem}.bar{height:8px;background:var(--track);border-radius:999px;overflow:hidden;margin-top:.7rem}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#37d0a3)}.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.7rem;padding:.9rem 1rem;margin-bottom:1rem}.filters label{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.filters input,.filters select{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:.45rem .6rem;min-width:9rem}.filter-actions{display:flex;gap:.5rem}.pager{display:flex;justify-content:center;align-items:center;padding:.8rem 0 .2rem}.preview-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--overlay-panel);color:var(--text);font-size:1.7rem;line-height:1;cursor:pointer;z-index:2}.preview-nav:hover{background:var(--hover)}.preview-nav.prev{left:10px}.preview-nav.next{right:10px}.rename-card{width:min(420px,100%);padding:1.2rem;display:grid;gap:.8rem}.rename-card h3{margin:0;font-size:1.1rem}.rename-card .actions{justify-content:flex-end}.rename-input{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:.55rem .7rem}.dash-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.9rem;margin-bottom:.9rem}.dash-split.inner{margin-bottom:0;gap:1.2rem}.dash-card{padding:1rem 1.1rem}.dash-card h2{margin:0 0 .5rem;font-size:.95rem;letter-spacing:.01em}.metric{display:flex;justify-content:space-between;gap:1rem;padding:.38rem 0;font-size:.88rem;border-bottom:1px dashed var(--line-soft)}.metric:last-child{border-bottom:none}.metric span:last-child{text-align:right;font-variant-numeric:tabular-nums}.metric+.bar{margin:0 0 .5rem}.type-row{display:grid;gap:.35rem;padding:.45rem 0}.type-head{display:flex;justify-content:space-between;gap:1rem;font-size:.88rem}.type-bar{height:6px;background:var(--track);border-radius:999px;overflow:hidden}.type-bar>div{height:100%;background:linear-gradient(90deg,var(--accent),#37d0a3)}.section{margin-bottom:.9rem}.recent-title{margin:0;padding:.9rem 1rem .4rem;font-size:.95rem}.menu{position:relative;display:inline-block}.menu-trigger{padding:.15rem .5rem;font-size:1.2rem;line-height:1}.menu-pop{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:170px;display:grid;gap:2px;padding:.3rem;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.menu-item{text-align:left;background:transparent;border:1px solid transparent;color:var(--text);padding:.45rem .6rem;border-radius:7px;font:inherit}.menu-item:hover{background:var(--hover);border-color:transparent}.menu-item.danger{color:var(--danger)}.files-card{overflow:visible}.files-table th:last-child,.files-table td:last-child{width:3.4rem}.files-table .row-actions{justify-content:flex-end}.files-table th,.files-table td{padding:.5rem .9rem}.files-table td{white-space:nowrap}.files-table td:nth-child(2){white-space:normal;overflow-wrap:anywhere;word-break:break-word}.folder-stats{display:flex;flex-wrap:wrap;gap:.35rem 1.3rem;margin:0 0 .8rem;font-size:.85rem;color:var(--muted)}.folder-stats strong{color:var(--text);font-weight:600}.select-column{width:2.2rem}.bulk-bar{display:flex;align-items:center;gap:.8rem;margin-bottom:.7rem;padding:.5rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);font-size:.9rem}.files-table tr.selected{background:var(--selected)}.settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:1rem;align-items:start}.settings-content{min-width:0}.settings-nav{padding:.45rem;display:grid;gap:2px;align-content:start;position:sticky;top:1rem}.settings-nav a{padding:.65rem .8rem;border:1px solid transparent;border-radius:9px;color:var(--muted);font-size:.9rem}.settings-nav a:hover{color:var(--text);background:var(--hover-soft)}.settings-nav a.active{color:var(--text);background:var(--hover);border-color:var(--line);font-weight:600}.settings-panel{padding:1.25rem;display:grid;gap:1rem}.settings-panel h2{margin:0;font-size:1.1rem;letter-spacing:-.01em}.settings-panel p{margin:.35rem 0 0}.settings-form{display:grid;gap:.8rem;max-width:420px}.settings-form .actions{justify-content:flex-start}.settings-hint{font-size:.85rem}.theme-fieldset{border:0;padding:0;margin:0;display:grid;gap:.7rem}.theme-fieldset legend{padding:0;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}.theme-option{display:flex;align-items:flex-start;gap:.7rem;padding:.9rem;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);color:var(--text);cursor:pointer}.theme-option:hover{border-color:var(--border-strong)}.theme-option.selected{border-color:var(--accent);background:var(--selected)}.theme-option input[type=radio]{flex:none;width:1rem;height:1rem;margin:.15rem 0 0;padding:0;border:0;background:none;accent-color:var(--accent)}.theme-option input[type=radio]:focus{box-shadow:none}.theme-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.theme-swatch{flex:none;display:grid;gap:4px;align-content:center;width:54px;height:40px;padding:6px;border:1px solid var(--line);border-radius:8px}.theme-swatch span{height:4px;border-radius:999px}.theme-swatch span:first-child{width:70%}.theme-swatch span:nth-child(2){width:100%}.theme-swatch span:nth-child(3){width:55%}.theme-swatch-dark{background:#0f1218;border-color:#2a3140}.theme-swatch-dark span{background:#2f3a4d}.theme-swatch-dark span:first-child{background:#5b8cff}.theme-swatch-light{background:#f3f5f9;border-color:#d8dee9}.theme-swatch-light span{background:#d8dee9}.theme-swatch-light span:first-child{background:#2f6bff}.theme-copy{display:grid;gap:.15rem;font-size:.9rem}.theme-copy strong{font-weight:600}.theme-copy .muted{font-size:.82rem}@media(max-width:760px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(prefers-reduced-motion:reduce){body{transition:none}}
