:root{
  --bg:#0b0d12;--bg2:#11141b;--panel:rgba(19,22,30,.88);--panel-solid:#141821;--panel-2:#191e29;--text:#edf1f8;--text-2:#b8c0cf;--muted:#7f899c;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.13);--accent:#6d7cff;--accent-2:#8558ff;--accent-soft:rgba(109,124,255,.14);--danger:#ff637c;--danger-soft:rgba(255,99,124,.12);--good:#55d9a7;--warn:#f3bd64;--shadow:0 24px 70px rgba(0,0,0,.34);--radius:18px;--sidebar:264px;
  color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
html[data-theme="light"]{--bg:#f4f6fa;--bg2:#edf1f7;--panel:rgba(255,255,255,.88);--panel-solid:#fff;--panel-2:#f7f9fc;--text:#172033;--text-2:#465066;--muted:#778198;--line:rgba(20,30,50,.09);--line-2:rgba(20,30,50,.15);--accent-soft:rgba(91,107,255,.11);--danger-soft:rgba(222,72,96,.09);--shadow:0 24px 70px rgba(44,55,80,.14);color-scheme:light}
html[data-theme="dark"]{--bg:#0b0d12;--bg2:#11141b;--panel:rgba(19,22,30,.88);--panel-solid:#141821;--panel-2:#191e29;--text:#edf1f8;--text-2:#b8c0cf;--muted:#7f899c;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.13);--accent:#6d7cff;--accent-2:#8558ff;--accent-soft:rgba(109,124,255,.14);--danger:#ff637c;--danger-soft:rgba(255,99,124,.12);--shadow:0 24px 70px rgba(0,0,0,.34);color-scheme:dark}
html[data-theme="midnight"]{--bg:#07101c;--bg2:#0a1524;--panel:rgba(10,23,39,.9);--panel-solid:#0d1b2d;--panel-2:#102239;--text:#eef6ff;--text-2:#b6c9df;--muted:#718aa6;--line:rgba(151,193,255,.09);--line-2:rgba(151,193,255,.16);--accent:#55a0ff;--accent-2:#745cff;--accent-soft:rgba(85,160,255,.14);--shadow:0 24px 70px rgba(0,4,12,.48);color-scheme:dark}
html[data-theme="sand"]{--bg:#f4efe7;--bg2:#eee7dc;--panel:rgba(255,251,244,.91);--panel-solid:#fffaf2;--panel-2:#f5eee4;--text:#2c2925;--text-2:#5f584f;--muted:#8d8173;--line:rgba(80,65,48,.11);--line-2:rgba(80,65,48,.18);--accent:#7a66d9;--accent-2:#9a6fc4;--accent-soft:rgba(122,102,217,.12);--danger:#d95f69;--danger-soft:rgba(217,95,105,.1);--shadow:0 24px 70px rgba(75,58,38,.14);color-scheme:light}
@media(prefers-color-scheme:light){html[data-theme="system"]{--bg:#f4f6fa;--bg2:#edf1f7;--panel:rgba(255,255,255,.88);--panel-solid:#fff;--panel-2:#f7f9fc;--text:#172033;--text-2:#465066;--muted:#778198;--line:rgba(20,30,50,.09);--line-2:rgba(20,30,50,.15);--accent-soft:rgba(91,107,255,.11);--danger-soft:rgba(222,72,96,.09);--shadow:0 24px 70px rgba(44,55,80,.14);color-scheme:light}}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100vh;overflow-x:hidden}button,input{font:inherit}.hidden{display:none!important}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.surface{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}

/* Auth */
.auth-shell{position:fixed;inset:0;z-index:1000;overflow:auto;background:radial-gradient(circle at 20% 20%,rgba(92,105,255,.13),transparent 34%),radial-gradient(circle at 82% 72%,rgba(126,75,255,.12),transparent 35%),var(--bg)}.auth-stage{width:min(1120px,calc(100% - 40px));min-height:100vh;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:82px;padding:54px 0}.auth-orb{position:fixed;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none}.orb-one{width:320px;height:320px;background:#6173ff;top:-90px;left:-70px}.orb-two{width:420px;height:420px;background:#7f50ff;right:-130px;bottom:-150px}.brand{display:flex;align-items:center;gap:11px}.brand-logo{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent-2));color:white;box-shadow:0 10px 28px rgba(92,105,255,.27)}.brand-logo svg{width:24px;height:24px;stroke-width:2}.brand strong{display:block;font-size:16px;letter-spacing:-.02em}.brand span{display:block;font-size:10px;color:var(--muted);margin-top:1px}.brand-large .brand-logo{width:46px;height:46px;border-radius:15px}.brand-large strong{font-size:19px}.auth-hero h1{font-size:clamp(48px,5.4vw,76px);line-height:.99;letter-spacing:-.055em;margin:58px 0 24px;max-width:650px}.auth-hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--accent),#9b63ff);background-clip:text;-webkit-background-clip:text;color:transparent}.auth-hero>p{font-size:17px;line-height:1.65;color:var(--text-2);max-width:560px}.auth-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.auth-points span{padding:9px 12px;border-radius:99px;border:1px solid var(--line);background:var(--panel);font-size:11px;color:var(--text-2)}.auth-card{width:min(440px,100%);justify-self:end;padding:34px;border-radius:26px}.auth-heading h2{font-size:30px;letter-spacing:-.04em;margin:8px 0 7px}.auth-heading p{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 27px}.form-stack{display:grid;gap:16px}.form-stack label,.dialog-body label{display:grid;gap:7px;font-size:11px;font-weight:750;color:var(--text-2)}.form-stack label span small{font-weight:500;color:var(--muted)}input{width:100%;height:46px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);color:var(--text);outline:none;padding:0 13px;transition:.15s}input:focus{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}.auth-row{display:flex;justify-content:flex-end;margin-top:-4px}.auth-switch{display:flex;justify-content:center;gap:6px;margin-top:20px;font-size:12px;color:var(--muted)}.text-btn{border:0;background:none;padding:0;color:var(--accent);cursor:pointer;font-size:11px}.text-btn.strong{font-weight:800}.form-error{min-height:18px;margin-top:13px;color:var(--danger);font-size:11px;text-align:center}.form-note{margin-top:14px;font-size:12px;line-height:1.55;color:var(--text-2)}

/* Buttons */
.btn,.icon-button,.profile-button,.create-button{border:0;cursor:pointer;transition:.15s ease}.btn{height:40px;border-radius:11px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:800;white-space:nowrap}.btn svg{width:16px;height:16px}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 9px 24px rgba(90,102,255,.22)}.btn.primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn.soft{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}.btn.soft:hover,.btn.quiet:hover{border-color:var(--line-2);background:color-mix(in srgb,var(--panel-2) 75%,var(--accent-soft))}.btn.quiet{background:transparent;color:var(--text-2);border:1px solid var(--line)}.btn.danger,.btn.danger-soft{color:var(--danger)}.btn.danger-soft{background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 24%,transparent)}.btn.xl{height:48px;border-radius:13px;font-size:12px}.btn.tiny{height:34px;padding:0 10px;font-size:10px;background:transparent;color:var(--text-2);border:1px solid var(--line)}.btn.tiny:hover{background:var(--panel-2);color:var(--text)}.btn.tiny.danger{color:var(--danger)}.icon-button{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:transparent;color:var(--text-2);border:1px solid var(--line)}.icon-button:hover{background:var(--panel-2);color:var(--text)}.icon-button.mini{width:32px;height:32px;border-radius:9px}.icon-button.mini svg{width:16px;height:16px}

/* Main shell */
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh;background:linear-gradient(140deg,var(--bg),var(--bg2))}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:30;border-right:1px solid var(--line);padding:18px 14px 14px;display:flex;flex-direction:column;background:color-mix(in srgb,var(--bg) 87%,transparent);backdrop-filter:blur(28px)}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:2px 7px 19px}.create-wrap{position:relative;padding:0 4px}.create-button{height:48px;width:100%;border-radius:14px;padding:0 16px;background:linear-gradient(135deg,var(--panel-solid),var(--panel-2));border:1px solid var(--line);color:var(--text);display:flex;align-items:center;gap:12px;font-weight:800;box-shadow:0 10px 26px rgba(0,0,0,.11)}.create-button svg{width:18px;height:18px;color:var(--accent)}.create-button:hover{border-color:var(--line-2);transform:translateY(-1px)}.popover{position:absolute;z-index:100;border:1px solid var(--line-2);background:var(--panel-solid);border-radius:14px;box-shadow:var(--shadow);padding:6px}.new-popover{left:4px;right:4px;top:55px}.new-popover button{width:100%;height:42px;border:0;background:transparent;color:var(--text-2);border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 11px;cursor:pointer;font-size:11px}.new-popover button:hover{background:var(--panel-2);color:var(--text)}.new-popover svg{width:17px;height:17px}.side-nav{display:grid;gap:5px;margin-top:21px}.nav-item{height:43px;border:0;border-radius:11px;padding:0 12px;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:12px;text-align:left;font-size:11px;font-weight:750}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:var(--panel-2);color:var(--text-2)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-badge{margin-left:auto;border-radius:99px;min-width:19px;height:19px;display:grid;place-items:center;background:var(--accent);color:white;font-size:9px}.storage-card{margin-top:auto;border-radius:16px;padding:15px;background:var(--panel-2);border:1px solid var(--line)}.storage-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.storage-title b{color:var(--accent);font-size:10px}.storage-visual{height:5px;border-radius:99px;background:var(--line);overflow:hidden;margin:13px 0 11px}.storage-visual i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.72}.storage-used strong{display:block;font-size:11px}.storage-used span{display:block;color:var(--muted);font-size:9px;margin-top:4px}.sidebar-footer{height:44px;display:flex;align-items:flex-end;gap:7px;padding:0 5px 4px;color:var(--muted);font-size:9px}.sidebar-footer small{margin-left:auto}.backend-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 10px color-mix(in srgb,var(--good) 70%,transparent);margin-bottom:2px}.main-shell{grid-column:2;min-width:0}.topbar{height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:0 28px;background:color-mix(in srgb,var(--bg) 76%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(24px)}.search-box{height:44px;max-width:650px;flex:1;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:13px;background:var(--panel-solid);border:1px solid var(--line)}.search-box>svg{width:18px;height:18px;color:var(--muted)}.search-box input{height:auto;border:0;background:transparent;padding:0;box-shadow:none}.search-box input:focus{box-shadow:none}.search-box kbd{font-size:9px;color:var(--muted);padding:4px 6px;border-radius:6px;background:var(--panel-2);border:1px solid var(--line)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.profile-button{height:43px;display:flex;align-items:center;gap:9px;padding:0 11px 0 5px;border-radius:13px;background:var(--panel-solid);border:1px solid var(--line);color:var(--text);text-align:left}.profile-button>span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent-2));color:#fff;font-size:11px;font-weight:900}.profile-button b{display:block;font-size:10px}.profile-button small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.content-section{padding:34px clamp(18px,3vw,42px) 80px}.content-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.content-head h1{font-size:28px;letter-spacing:-.045em;margin:6px 0 7px}.head-sub{font-size:11px;color:var(--muted);margin:0}.head-actions{display:flex;gap:8px}.breadcrumbs{display:flex;align-items:center;gap:5px;min-height:20px;flex-wrap:wrap}.breadcrumbs button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0;font-size:10px}.breadcrumbs button:hover{color:var(--text)}.breadcrumbs i{font-style:normal;color:var(--muted);display:grid;place-items:center}.breadcrumbs i svg{width:12px;height:12px}.browser-card{border-radius:20px;overflow:hidden}.table-head,.item-row{display:grid;grid-template-columns:34px minmax(220px,1.6fr) .65fr .75fr .55fr 38px;align-items:center;gap:12px}.table-head{height:42px;padding:0 14px;border-bottom:1px solid var(--line);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.items-list.view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;padding:14px}.items-list.view-grid+.empty-state{border-top:0}.item-row{min-height:62px;padding:0 12px 0 14px;border-bottom:1px solid var(--line);user-select:none;transition:background .12s,border .12s}.item-row:last-child{border-bottom:0}.item-row:hover{background:color-mix(in srgb,var(--panel-2) 65%,transparent)}.item-row.selected{background:var(--accent-soft)}.row-checkbox{width:17px;height:17px;border-radius:5px;border:1px solid var(--line-2);display:grid;place-items:center;color:white;cursor:pointer;opacity:.3}.item-row:hover .row-checkbox,.item-row.selected .row-checkbox{opacity:1}.item-row.selected .row-checkbox{background:var(--accent);border-color:var(--accent)}.row-checkbox svg{width:11px;height:11px;stroke-width:2.5}.item-primary{display:flex;align-items:center;gap:11px;min-width:0}.item-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--panel-2);border:1px solid var(--line);color:var(--text-2)}.item-icon.folder{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 18%,transparent)}.item-icon svg{width:19px;height:19px}.item-icon.file-letter{font-size:9px;font-weight:900;letter-spacing:.04em}.item-name{min-width:0}.item-name b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.item-name small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.cell{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-more{width:32px;height:32px;border:0;background:transparent;border-radius:9px;color:var(--muted);display:grid;place-items:center;cursor:pointer}.row-more:hover{background:var(--panel-2);color:var(--text)}.row-more svg{width:17px;height:17px}.items-list.view-grid .item-row{display:flex;position:relative;min-width:0;min-height:150px;border:1px solid var(--line);border-radius:16px;padding:14px;align-items:flex-start;flex-direction:column;gap:12px;background:var(--panel-solid)}.items-list.view-grid .item-row.selected{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.items-list.view-grid .row-checkbox{position:absolute;left:12px;top:12px;z-index:2}.items-list.view-grid .item-primary{width:100%;padding-top:15px;display:block}.items-list.view-grid .item-icon{width:100%;height:70px;border-radius:12px;margin-bottom:12px}.items-list.view-grid .item-name b{font-size:11px}.items-list.view-grid .cell{display:none}.items-list.view-grid .row-more{position:absolute;right:8px;top:8px}.table-head.grid-hidden{display:none}.empty-state{padding:72px 20px;text-align:center}.empty-art{width:66px;height:66px;border-radius:21px;display:grid;place-items:center;margin:0 auto;background:var(--accent-soft);color:var(--accent)}.empty-art svg{width:32px;height:32px}.empty-state h3{font-size:15px;margin:17px 0 6px}.empty-state p{font-size:10px;color:var(--muted);margin:0 0 18px}.drop-zone{position:relative}.drop-overlay{display:none;position:absolute;inset:0;z-index:12;border:2px dashed color-mix(in srgb,var(--accent) 64%,transparent);border-radius:20px;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(12px);place-items:center;text-align:center}.drop-zone.dragging .drop-overlay{display:grid}.drop-overlay svg{width:34px;height:34px;color:var(--accent);margin-bottom:13px}.drop-overlay b{display:block;font-size:14px}.drop-overlay span{display:block;color:var(--muted);font-size:10px;margin-top:6px}.selection-bar{min-height:52px;margin:-8px 0 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:var(--accent-soft);display:flex;align-items:center;justify-content:space-between;padding:8px 10px;gap:12px}.selection-bar>div{display:flex;align-items:center;gap:9px}.selection-bar strong{font-size:11px}.selection-actions{flex-wrap:wrap}

/* Context menu, transfers */
.context-menu{position:fixed;z-index:300;width:205px;padding:6px;border-radius:14px;background:var(--panel-solid);border:1px solid var(--line-2);box-shadow:var(--shadow)}.context-menu button{height:38px;width:100%;border:0;border-radius:9px;background:transparent;color:var(--text-2);display:flex;align-items:center;gap:10px;padding:0 11px;cursor:pointer;font-size:10px;text-align:left}.context-menu button:hover{background:var(--panel-2);color:var(--text)}.context-menu button.danger{color:var(--danger)}.context-menu svg{width:16px;height:16px}.context-menu .menu-sep{height:1px;background:var(--line);margin:5px 4px}.transfer-panel{position:fixed;z-index:180;right:20px;bottom:20px;width:min(410px,calc(100vw - 28px));max-height:58vh;border-radius:18px;background:var(--panel-solid);border:1px solid var(--line-2);box-shadow:var(--shadow);overflow:hidden}.transfer-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 16px;border-bottom:1px solid var(--line)}.transfer-head b{display:block;font-size:11px}.transfer-head span{display:block;font-size:8px;color:var(--muted);margin-top:2px}.transfer-item{padding:13px 15px;border-bottom:1px solid var(--line)}.transfer-line{display:flex;justify-content:space-between;gap:12px;font-size:10px}.transfer-line b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transfer-line span{color:var(--muted)}.progress{height:5px;margin-top:9px;background:var(--line);border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .18s}.transfer-sub{display:flex;justify-content:space-between;gap:10px;margin-top:6px;color:var(--muted);font-size:8px}

/* Modals */
.modal{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:rgba(3,5,9,.58);backdrop-filter:blur(10px)}.modal-card{position:relative;z-index:1;width:min(720px,96vw);max-height:90vh;border-radius:22px;overflow:hidden}.modal-card.medium{width:min(570px,96vw)}.modal-header{min-height:66px;padding:11px 14px 11px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-header b{display:block;font-size:12px}.modal-header span{display:block;color:var(--muted);font-size:9px;margin-top:4px}.modal-header-actions{display:flex;align-items:center;gap:8px}.modal-footer{min-height:62px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:10px 14px}.preview-card{width:min(1100px,97vw)}.preview-body{height:min(720px,calc(90vh - 66px));display:grid;place-items:center;background:#05070b;overflow:auto}.preview-body img{max-width:100%;max-height:100%;object-fit:contain}.preview-body video{width:100%;height:100%;background:#000}.preview-body audio{width:min(720px,90%)}.move-breadcrumbs{padding:14px 18px;border-bottom:1px solid var(--line)}.move-folders{height:340px;overflow:auto;padding:8px}.move-folder{width:100%;height:45px;border:0;border-radius:10px;background:transparent;color:var(--text-2);display:flex;align-items:center;gap:10px;padding:0 12px;cursor:pointer}.move-folder:hover{background:var(--panel-2)}.move-folder svg{width:17px;height:17px;color:var(--accent)}.dialog-card{width:min(470px,96vw)}.dialog-body{padding:20px;display:grid;gap:15px}.dialog-message{font-size:11px;line-height:1.6;color:var(--text-2);margin:0}.dialog-warning{padding:11px 12px;border-radius:11px;background:var(--danger-soft);color:var(--danger);font-size:10px;line-height:1.5}.dialog-code{padding:12px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;word-break:break-all;color:var(--text)}

/* Settings */
.settings-card{width:min(900px,96vw)}.settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:520px}.settings-nav{padding:14px;border-right:1px solid var(--line);display:grid;align-content:start;gap:4px}.settings-nav button{height:40px;border:0;border-radius:10px;background:transparent;color:var(--muted);text-align:left;padding:0 12px;cursor:pointer;font-size:10px;font-weight:750}.settings-nav button:hover{background:var(--panel-2);color:var(--text)}.settings-nav button.active{background:var(--accent-soft);color:var(--accent)}.settings-content{padding:28px 30px;overflow:auto}.settings-content h3{font-size:20px;letter-spacing:-.03em;margin:7px 0}.section-copy{font-size:10px;line-height:1.6;color:var(--muted);max-width:540px;margin:0 0 22px}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-choice{min-height:116px;border:1px solid var(--line);border-radius:15px;background:var(--panel-solid);padding:12px;text-align:left;color:var(--text);cursor:pointer}.theme-choice:hover,.theme-choice.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 0 0 2px var(--accent-soft)}.theme-choice b{display:block;font-size:10px;margin-top:9px}.theme-choice span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.theme-preview{display:block;height:54px;border-radius:10px;border:1px solid rgba(128,128,128,.18);position:relative;overflow:hidden}.theme-preview:after{content:"";position:absolute;left:10px;right:10px;top:12px;height:7px;border-radius:5px;background:currentColor;opacity:.22;box-shadow:0 13px 0 currentColor,0 26px 0 currentColor}.theme-preview.system{background:linear-gradient(135deg,#f7f8fb 50%,#111721 50%);color:#6573ff}.theme-preview.light{background:#f8f9fc;color:#5364ff}.theme-preview.dark{background:#131821;color:#7986ff}.theme-preview.midnight{background:#0b1a2c;color:#59a4ff}.theme-preview.sand{background:#f4eadc;color:#826bd3}.account-status{margin:18px 0 15px;padding:14px;border-radius:13px;background:var(--panel-2);border:1px solid var(--line);font-size:10px;line-height:1.55;color:var(--text-2)}.security-row{min-height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.security-row b{display:block;font-size:11px}.security-row span{display:block;color:var(--muted);font-size:9px;margin-top:4px;line-height:1.5}

/* Admin */
.mini-search{width:260px;height:40px;border:1px solid var(--line);background:var(--panel-solid);border-radius:11px;display:flex;align-items:center;padding:0 10px;gap:8px}.mini-search svg{width:16px;height:16px;color:var(--muted)}.mini-search input{border:0;background:transparent;height:auto;padding:0;box-shadow:none}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-card{padding:17px;border-radius:16px;background:var(--panel-solid);border:1px solid var(--line)}.stat-card span{display:block;color:var(--muted);font-size:9px}.stat-card b{display:block;font-size:22px;letter-spacing:-.04em;margin-top:6px}.admin-card{border-radius:19px;overflow:hidden}.admin-table-head,.admin-user-row{display:grid;grid-template-columns:minmax(190px,1.4fr) .75fr .55fr .8fr .55fr 40px;align-items:center;gap:12px}.admin-table-head{height:42px;padding:0 15px;border-bottom:1px solid var(--line);text-transform:uppercase;font-size:8px;letter-spacing:.08em;color:var(--muted);font-weight:800}.admin-user-row{min-height:64px;padding:0 12px 0 15px;border-bottom:1px solid var(--line);cursor:pointer}.admin-user-row:hover{background:var(--panel-2)}.admin-user-row:last-child{border-bottom:0}.admin-ident{display:flex;align-items:center;gap:10px;min-width:0}.admin-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:900}.admin-ident b{display:block;font-size:10px}.admin-ident span{display:block;color:var(--muted);font-size:8px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-chip{display:inline-flex;align-items:center;gap:5px;font-size:8px;padding:5px 8px;border-radius:99px;background:var(--panel-2);color:var(--muted)}.status-chip.good{background:rgba(85,217,167,.1);color:var(--good)}.status-chip.danger{background:var(--danger-soft);color:var(--danger)}.admin-user-card{width:min(1000px,97vw)}.admin-user-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line)}.admin-drive-head{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}.admin-drive-list{height:min(560px,64vh);overflow:auto}.admin-drive-row{display:grid;grid-template-columns:minmax(220px,1fr) 120px 80px 92px;gap:12px;align-items:center;min-height:52px;padding:0 16px;border-bottom:1px solid var(--line);font-size:9px}.admin-drive-row:hover{background:var(--panel-2)}.admin-drive-row .name{display:flex;align-items:center;gap:9px;min-width:0}.admin-drive-row .name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.admin-drive-row .name svg{width:17px;height:17px;color:var(--accent)}

/* Toast */
.toast-stack{position:fixed;z-index:1000;right:18px;top:18px;display:grid;gap:8px}.toast{min-width:250px;max-width:390px;padding:12px 14px;border-radius:12px;background:var(--panel-solid);border:1px solid var(--line-2);box-shadow:var(--shadow);font-size:10px;line-height:1.45;animation:toastin .18s ease}.toast.error{border-color:color-mix(in srgb,var(--danger) 35%,var(--line));color:var(--danger)}.toast.good{border-color:color-mix(in srgb,var(--good) 30%,var(--line))}@keyframes toastin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.mobile-only{display:none}

@media(max-width:980px){:root{--sidebar:240px}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-table-head,.admin-user-row{grid-template-columns:minmax(180px,1.3fr) .7fr .5fr .7fr 36px}.admin-table-head>div:nth-child(4),.admin-user-row>div:nth-child(4){display:none}.auth-stage{grid-template-columns:1fr;max-width:520px;padding:46px 0}.auth-hero{display:none}.auth-card{justify-self:center}.settings-card{width:min(760px,96vw)}}
@media(max-width:760px){.mobile-only{display:grid}.app-shell{grid-template-columns:1fr}.sidebar{transform:translateX(-105%);transition:transform .2s ease;width:min(290px,86vw);box-shadow:var(--shadow)}.sidebar.open{transform:none}.main-shell{grid-column:1}.topbar{padding:0 12px;height:68px}.search-box kbd,.profile-button div{display:none}.profile-button{width:42px;padding:0 5px}.content-section{padding:24px 12px 70px}.content-head{align-items:flex-start;flex-direction:column}.head-actions{width:100%}.head-actions .btn{flex:1}.table-head{display:none}.item-row{grid-template-columns:28px minmax(0,1fr) 66px 32px;gap:8px;min-height:60px;padding-left:10px}.item-row>.cell-type,.item-row>.cell-modified{display:none}.item-row>.cell-size{text-align:right}.items-list.view-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:9px}.selection-bar{align-items:flex-start;flex-direction:column}.selection-actions{width:100%}.selection-actions .btn{flex:1}.settings-layout{grid-template-columns:1fr;min-height:0}.settings-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px}.settings-nav button{flex:none}.settings-content{padding:22px 18px}.theme-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.admin-table-head,.admin-user-row{grid-template-columns:minmax(150px,1fr) 80px 36px}.admin-table-head>div:nth-child(3),.admin-user-row>div:nth-child(3),.admin-table-head>div:nth-child(4),.admin-user-row>div:nth-child(4),.admin-table-head>div:nth-child(5),.admin-user-row>div:nth-child(5){display:none}.mini-search{width:100%}.modal{padding:10px}.modal-card{max-height:95vh}.preview-body{height:calc(95vh - 66px)}}
@media(max-width:480px){.auth-stage{width:calc(100% - 22px)}.auth-card{padding:25px 18px}.auth-heading h2{font-size:26px}.top-actions>#refreshBtn,.top-actions>#viewToggle{display:none}.search-box{min-width:0}.content-head h1{font-size:24px}.head-actions{display:grid;grid-template-columns:1fr 1fr}.items-list.view-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr}.selection-actions{display:grid!important;grid-template-columns:1fr 1fr}.admin-drive-row{grid-template-columns:minmax(0,1fr) 70px 70px}.admin-drive-row>div:nth-child(2){display:none}}