:root{
  --bg:#080a0d;--bg-1:#0b0e12;--bg-2:#10151c;--card:#11161d;--card-hi:#151b24;
  --line:rgba(232,238,247,.075);--line-2:rgba(232,238,247,.14);--line-acc:rgba(87,139,255,.42);
  --acc:#5a8fff;--acc-hi:#9bbcff;--acc-deep:#356fe7;--acc-soft:rgba(82,139,255,.10);
  --fg:#f6f8fb;--fg-2:#a3adba;--fg-3:#707b8b;
  --sans:"Manrope","Segoe UI Variable","Segoe UI",ui-sans-serif,system-ui,sans-serif;
  --display:"Manrope","Segoe UI Variable","Segoe UI",ui-sans-serif,system-ui,sans-serif;
  --mono:"DM Mono","SFMono-Regular",Consolas,monospace;
}
html{background:var(--bg)}
body.premium-app,body.clean-dashboard{background:var(--bg);font-family:var(--sans);color:var(--fg)}
body.premium-app *,body.clean-dashboard *{box-sizing:border-box}
body.premium-app h1,body.premium-app h2,body.premium-app h3,body.clean-dashboard h1,body.clean-dashboard h2,body.clean-dashboard h3{font-family:var(--display);letter-spacing:-.045em}
body.premium-app .appbar,body.clean-dashboard .appbar{height:68px;padding:0 18px;background:rgba(8,10,13,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(18px) saturate(140%)}
body.premium-app .brand,body.clean-dashboard .brand{gap:10px;font-weight:800;letter-spacing:-.025em;color:#fff}.brand .brand-img{width:25px;height:25px;display:block}
body.premium-app .app-shell,body.clean-dashboard .app-shell{grid-template-columns:244px minmax(0,1fr);min-height:calc(100vh - 68px)}
body.premium-app .app-side,body.clean-dashboard .app-side{background:#0b0e12;border-right:1px solid var(--line);padding:17px 11px;gap:14px}
body.premium-app .dx-nav,body.clean-dashboard .dx-nav{gap:3px}
body.premium-app .dx-nav a,body.clean-dashboard .dx-nav a{min-height:39px;padding:9px 11px;border-radius:9px;color:#97a2b2;font-size:12.5px;font-weight:550;transition:background .14s,color .14s}
body.premium-app .dx-nav a svg,body.clean-dashboard .dx-nav a svg{width:16px;height:16px;color:#7b8799}
body.premium-app .dx-nav a:hover,body.clean-dashboard .dx-nav a:hover{background:#111720;color:#dbe4ef}
body.premium-app .dx-nav a.on,body.clean-dashboard .dx-nav a.on{background:linear-gradient(180deg,#182235,#141e2d);color:#fff;box-shadow:inset 0 0 0 1px rgba(97,147,255,.08)}
body.premium-app .dx-nav a.on svg,body.clean-dashboard .dx-nav a.on svg{color:#8fb3ff}
body.premium-app .app-main,body.clean-dashboard .app-main{padding:34px clamp(24px,3.6vw,56px) 64px;max-width:1600px;margin:0 auto;width:100%}
body.premium-app .app-main h1,body.clean-dashboard .app-main h1{font-size:31px;font-weight:780;line-height:1.05}
body.premium-app .app-main .lead,body.clean-dashboard .app-main .lead{font-size:13px;color:#768294;margin-top:7px}
body.premium-app .app-head,body.clean-dashboard .app-head{margin-bottom:26px}
body.premium-app .btn,body.clean-dashboard .btn,body.premium-app button,body.clean-dashboard button{font-family:var(--sans)}
body.premium-app .btn-primary,body.clean-dashboard .btn-primary,body.premium-app .dx-up,body.clean-dashboard .dx-up,body.premium-app .dx-new,body.clean-dashboard .dx-new{border-radius:10px!important;background:linear-gradient(180deg,#6398ff,#4f82ee)!important;color:#fff!important;border-color:#689cff!important;box-shadow:0 10px 28px rgba(46,95,210,.18)!important;font-weight:720}
body.premium-app .btn-line,body.clean-dashboard .btn-line{border-radius:10px!important;background:#0e1319;border-color:var(--line-2);color:#c7d0dc}
body.premium-app .dx-search,body.clean-dashboard .dx-search{border-radius:11px;background:#10151b;border:1px solid var(--line-2);height:40px}
body.premium-app .plan-pill,body.clean-dashboard .plan-pill{border-radius:999px!important;background:#10151b!important;border:1px solid var(--line)!important;color:#8e99a8!important}
body.premium-app .dash-metrics,body.clean-dashboard .dash-metrics{gap:12px}
body.premium-app .dash-metric,body.clean-dashboard .dash-metric{position:relative;min-height:112px;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#12171e,#0f141a);transition:transform .16s,border-color .16s,box-shadow .16s}
body.premium-app .dash-metric:hover,body.clean-dashboard .dash-metric:hover{border-color:rgba(121,157,225,.2);transform:translateY(-1px)}
body.premium-app .dash-metric>span,body.clean-dashboard .dash-metric>span{font-size:10px;letter-spacing:.11em;color:#778397}
body.premium-app .dash-metric>strong,body.clean-dashboard .dash-metric>strong{font-size:24px;font-weight:760;color:#f5f7fb}
body.premium-app .file-table,body.clean-dashboard .file-table,.premium-app .road-card,.clean-dashboard .road-card,.premium-app .adm-card,.premium-app .kpi,.premium-app .inv-table{border:1px solid var(--line)!important;border-radius:14px!important;background:linear-gradient(180deg,#11161d,#0f141a)!important;box-shadow:none!important}
body.premium-app input,body.premium-app select,body.premium-app textarea,body.clean-dashboard input,body.clean-dashboard select,body.clean-dashboard textarea{font-family:var(--sans);border-radius:10px!important;background:#0d1218!important;border:1px solid var(--line-2)!important;color:#eef2f7!important}
body.premium-app input:focus,body.premium-app select:focus,body.premium-app textarea:focus,body.clean-dashboard input:focus,body.clean-dashboard select:focus,body.clean-dashboard textarea:focus{outline:none;border-color:#5a8fff!important;box-shadow:0 0 0 3px rgba(90,143,255,.1)}
body.premium-app .adm-table,body.clean-dashboard .adm-table{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#10151b}
body.premium-app .adm-table th,body.clean-dashboard .adm-table th{background:#0d1117;color:#7f8b9d;font-size:10px;letter-spacing:.12em}
body.premium-app .adm-table td,body.clean-dashboard .adm-table td{border-color:var(--line);color:#c8d1dd}

/* Files: real list / cards / compact views */
.files-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.files-view-toolbar .left,.files-view-toolbar .right{display:flex;align-items:center;gap:8px}.view-switch{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:#0d1218}.view-switch button{height:30px;padding:0 11px;border:0;background:transparent;color:#798596;border-radius:7px;font-size:11px;cursor:pointer}.view-switch button.on{background:#172133;color:#dfe8f5}.customize-btn{height:38px;padding:0 13px;border:1px solid var(--line-2);border-radius:10px;background:#0e1319;color:#b9c3d1;cursor:pointer;font-size:12px;font-weight:650}.customize-btn.active{border-color:#5a8fff;color:#a9c4ff;background:#101b2d}.dash-metrics.customizing .dash-metric{cursor:grab;border-style:dashed}.dash-metrics.customizing .dash-metric:after{content:"⋮⋮";position:absolute;right:12px;top:10px;color:#60708a;font:12px var(--mono);letter-spacing:-3px}.dash-metrics .dash-metric.dragging{opacity:.45;transform:scale(.985)}
#file-grid.view-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px;background:#0c1015}.view-cards .frow{display:flex!important;flex-wrap:wrap;gap:12px!important;align-content:flex-start;padding:15px!important;border:1px solid var(--line)!important;border-radius:12px;background:#11161d;min-height:148px}.view-cards .frow>div:first-child{width:22px}.view-cards .frow>div:nth-child(2){flex:1;min-width:160px}.view-cards .frow>.fdate,.view-cards .frow>.fsize{width:auto!important;margin-left:34px}.view-cards .frow>div:last-child{margin-left:auto}.file-table.cards-mode .fl-head{display:none!important}.file-table.cards-mode{padding:0;background:#0c1015}.file-table.compact-mode .frow{padding-top:8px!important;padding-bottom:8px!important}.file-table.compact-mode .ficon{width:28px;height:28px}.file-table.compact-mode .ficon svg{width:14px;height:14px}

/* Personal subdomain */
.subdomain-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.subdomain-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#121820,#0f141a)}.subdomain-preview{padding:18px;border:1px solid rgba(89,142,255,.26);border-radius:14px;background:radial-gradient(circle at 10% 10%,rgba(83,132,255,.12),transparent 42%),#0b1016}.subdomain-preview .url{font:600 16px var(--mono);color:#cfe0ff;word-break:break-all}.subdomain-preview .meta{font-size:12px;color:#778397;margin-top:7px}.subdomain-input{display:flex;align-items:center;margin-top:18px;border:1px solid var(--line-2);border-radius:12px;background:#0d1218;overflow:hidden}.subdomain-input input{border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0;flex:1}.subdomain-input span{padding:0 14px;color:#6f7d91;font:12px var(--mono);white-space:nowrap}.subdomain-note{font-size:12px;color:#778397;line-height:1.7;margin-top:12px}

/* Auth pages share the app visual language */
body.premium-auth{min-height:100vh;background:radial-gradient(circle at 72% 15%,rgba(45,89,196,.18),transparent 26%),linear-gradient(135deg,#080a0d,#0a0e14 55%,#080a0d);font-family:var(--sans);color:var(--fg)}
body.premium-auth .auth-wrap{min-height:100vh;display:grid;place-items:center;padding:42px 18px;position:relative;overflow:hidden}
body.premium-auth .auth-wrap:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(113,143,194,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(113,143,194,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 55% 30%,black,transparent 72%);pointer-events:none}
body.premium-auth .auth-card{position:relative;width:min(460px,calc(100vw - 32px));padding:30px;border-radius:20px;border:1px solid rgba(225,234,247,.11);background:linear-gradient(180deg,rgba(18,23,31,.96),rgba(12,16,22,.96));box-shadow:0 30px 90px rgba(0,0,0,.42)}
body.premium-auth .auth-card .brand{font-size:15px;font-weight:800;margin-bottom:34px}.premium-auth .auth-card .brand img{width:28px;height:28px}.premium-auth .auth-card h1{font-size:31px;line-height:1.05;letter-spacing:-.05em;margin-bottom:9px}.premium-auth .auth-card .sub{font-size:13px;color:#7f8b9c;margin-bottom:25px}.premium-auth .auth-form .btn{min-height:44px;border-radius:11px!important}.premium-auth .auth-oauth button{border-radius:11px!important;background:#0d1218!important}.premium-auth .auth-divider{color:#647084}.premium-auth .auth-alt{font-size:12px}.premium-auth .auth-meta{margin-top:14px;color:#5f6b7d;font:10px var(--mono);text-align:center}

@media(max-width:1100px){#file-grid.view-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.subdomain-hero{grid-template-columns:1fr}}
@media(max-width:900px){body.premium-app .app-shell,body.clean-dashboard .app-shell{grid-template-columns:1fr}.files-view-toolbar{align-items:flex-start;flex-direction:column}.files-view-toolbar .right{width:100%;justify-content:space-between}}
@media(max-width:650px){#file-grid.view-cards{grid-template-columns:1fr}.subdomain-input{align-items:stretch;flex-direction:column}.subdomain-input span{padding:10px 12px;border-top:1px solid var(--line)}body.premium-auth .auth-card{padding:24px 20px}}