/* Dashboard refresh: denser hierarchy, softer surfaces, fewer decorative effects. */
body.clean-dashboard{
  --bg:#0b0d10;--bg-1:#0e1115;--bg-2:#14181e;--card:#11151a;
  --line:rgba(232,238,247,.08);--line-2:rgba(232,238,247,.15);--line-acc:rgba(82,139,255,.38);
  --acc:#528bff;--acc-hi:#91b7ff;--acc-deep:#3569d4;--acc-soft:rgba(82,139,255,.09);--acc-glow:transparent;
  --fg:#f4f6f8;--fg-2:#a4acb7;--fg-3:#707984;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --display:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg);font-family:var(--sans);font-size:14px;
}
body.clean-dashboard::before,body.clean-dashboard::after{display:none}
.clean-dashboard h1,.clean-dashboard h2,.clean-dashboard h3{font-family:var(--sans);letter-spacing:-.03em}
.clean-dashboard .appbar{height:60px;padding:0 18px;background:rgba(11,13,16,.94);border-color:var(--line);backdrop-filter:blur(14px)}
.clean-dashboard .appbar .brand{font-size:16px;font-weight:700}.clean-dashboard .appbar .brand .lg{width:21px;height:21px}.clean-dashboard .appbar .brand .tag{display:none}
.clean-dashboard #side-toggle{width:34px!important;height:34px!important;border-radius:8px!important}
.clean-dashboard .appbar-mid{margin-left:auto;margin-right:8px}.clean-dashboard .plan-pill{border-radius:999px!important;background:var(--bg-2)!important;border-color:var(--line)!important;color:var(--fg-2)!important;font-family:var(--sans)!important;font-size:11px!important}
.clean-dashboard .appbar-end{gap:8px}.clean-dashboard .dx-bell,.clean-dashboard .dx-av{border-radius:8px;background:transparent;border-color:var(--line)}.clean-dashboard .dx-bell .dot{box-shadow:none}.clean-dashboard .dx-av .a{border-radius:6px;background:var(--acc);color:#fff}.clean-dashboard .dx-av .pl{font-family:var(--sans);font-size:11px}
.clean-dashboard .btn,.clean-dashboard .dx-up,.clean-dashboard .dx-new,.clean-dashboard .cms-btn{font-family:var(--sans);border-radius:8px!important;font-weight:650}.clean-dashboard .btn-primary,.clean-dashboard .dx-up,.clean-dashboard .dx-new,.clean-dashboard .cms-btn.pri{background:var(--acc)!important;color:#fff!important;box-shadow:none!important}.clean-dashboard .btn-primary:hover,.clean-dashboard .dx-up:hover,.clean-dashboard .dx-new:hover{background:#6a9bff!important;transform:none!important}.clean-dashboard .btn-line{border-color:var(--line-2);background:transparent}.clean-dashboard .btn-line:hover{background:var(--bg-2);border-color:rgba(232,238,247,.23)}
.clean-dashboard .app-shell{grid-template-columns:226px 1fr;min-height:calc(100vh - 60px)}
.clean-dashboard .app-side{padding:16px 11px;gap:14px;background:#0d1014;border-color:var(--line)}
.clean-dashboard .dx-new{height:40px;font-size:12.5px}
.clean-dashboard .dx-nav{gap:2px}.clean-dashboard .dx-nav a{min-height:37px;padding:8px 10px;border-radius:7px;font-size:12.5px;color:#969faa}.clean-dashboard .dx-nav a svg{width:16px;height:16px}.clean-dashboard .dx-nav a .c{font-family:var(--sans);font-size:10.5px;color:var(--fg-3)}.clean-dashboard .dx-nav a.on{background:#17202d;color:#eef3fb;box-shadow:none}.clean-dashboard .dx-nav a.on svg,.clean-dashboard .dx-nav a.on .c{color:var(--acc-hi)}.clean-dashboard .dx-nav a:not(.on):hover{background:var(--bg-2)}
.clean-dashboard .rule{background:var(--line)}.clean-dashboard #new-folder{border-radius:6px!important}.clean-dashboard #nav-node{border-radius:7px!important;background:var(--bg-2)!important;border-color:var(--line)!important;font-family:var(--sans)}
.clean-dashboard .dx-storage{padding:14px 4px 2px;border-color:var(--line)}.clean-dashboard .dx-srow,.clean-dashboard .dx-sfree{font-family:var(--sans);font-size:10.5px}.clean-dashboard .dx-bar{height:5px;border-radius:999px;background:#222833}.clean-dashboard .dx-bar i{border-radius:999px;box-shadow:none!important}
.clean-dashboard .app-main{padding:30px clamp(20px,3.2vw,48px) 50px;max-width:1560px;width:100%;margin:0 auto}.clean-dashboard .app-main h1{font-size:28px;font-weight:680}.clean-dashboard .app-main .lead{font-size:12.5px;color:var(--fg-3);margin-top:5px}.clean-dashboard .app-head{align-items:center;margin-bottom:22px}.clean-dashboard .dx-tools{gap:8px}.clean-dashboard .dx-search{height:38px;min-width:230px;border-radius:8px;background:var(--card);border-color:var(--line-2)}.clean-dashboard .dx-search input{font-size:12.5px!important}.clean-dashboard .dx-search .kbd{border-radius:5px;font-size:9px;padding:2px 5px;background:var(--bg-2)}.clean-dashboard .dx-up{height:38px;padding:0 14px}
.clean-dashboard .dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}.clean-dashboard .dash-metric{min-height:104px;padding:16px 17px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.clean-dashboard .dash-metric>span{display:block;color:var(--fg-3);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.clean-dashboard .dash-metric>strong{display:block;margin-top:9px;font-size:22px;font-weight:650;letter-spacing:-.025em;color:var(--fg)}.clean-dashboard .dash-metric>small{display:block;margin-top:6px;color:var(--fg-3);font-size:10.5px}.clean-dashboard .dash-metric>small span{color:var(--fg-2)}
.clean-dashboard .dx-upl{border-radius:9px;border-color:var(--line-acc);background:var(--acc-soft)}
.clean-dashboard .file-table{border:1px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden}.clean-dashboard .fl-head{padding:12px 15px!important;border-bottom:1px solid var(--line)!important;background:#0f1318;font-family:var(--sans)!important;font-size:9.5px!important;letter-spacing:.08em!important}.clean-dashboard .frow{padding:12px 15px!important;border-bottom:1px solid var(--line)!important;transition:background .12s}.clean-dashboard .frow:last-child{border-bottom:0!important}.clean-dashboard .frow:hover{background:#151a21}.clean-dashboard .ficon{border-radius:8px!important;background:#0d1014;border-color:var(--line)!important}.clean-dashboard .fbtn{border-radius:7px!important}.clean-dashboard .fdate,.clean-dashboard .fsize{font-family:var(--sans)!important;font-size:11.5px!important}.clean-dashboard .vtag{border-radius:999px!important;font-family:var(--sans)!important;font-size:9.5px!important;padding:3px 7px!important}.clean-dashboard .ntag{font-family:var(--sans)!important}.clean-dashboard #file-grid>div[style*="No files"]{font-family:var(--sans)!important}
.clean-dashboard .tabpanel:not(#tab-files) .app-head{margin-bottom:26px}.clean-dashboard .frm-field label{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.07em}.clean-dashboard .frm-field input,.clean-dashboard .frm-field select,.clean-dashboard textarea{border-radius:8px!important;background:var(--card)!important;border-color:var(--line-2)!important}.clean-dashboard .frm-copy button{border-radius:8px}.clean-dashboard .plan-card,.clean-dashboard .danger-box,.clean-dashboard .adm-card,.clean-dashboard .kpi,.clean-dashboard .inv-table,.clean-dashboard pre{border-radius:10px!important}.clean-dashboard .adm-search{border-radius:8px;background:var(--card);border-color:var(--line-2)}.clean-dashboard .badge{border-radius:999px}.clean-dashboard .fmenu{border-radius:9px!important;background:#12161b!important;box-shadow:0 18px 50px rgba(0,0,0,.42)!important}
.clean-dashboard .app-shell.side-collapsed{grid-template-columns:64px 1fr}.clean-dashboard .app-shell.side-collapsed .app-side{padding:16px 7px}
@media(max-width:1050px){.clean-dashboard .dash-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.clean-dashboard .app-shell{grid-template-columns:1fr}.clean-dashboard .app-side{top:0;width:250px}.clean-dashboard .app-main{padding:24px 18px 40px}}
@media(max-width:620px){.clean-dashboard .appbar{min-height:58px;height:auto;padding:9px 10px}.clean-dashboard .appbar-mid{display:none}.clean-dashboard .app-main{padding:20px 12px 34px}.clean-dashboard .app-main h1{font-size:24px}.clean-dashboard .app-head{align-items:flex-start}.clean-dashboard .dx-tools{width:100%}.clean-dashboard .dx-search{min-width:0;flex:1}.clean-dashboard .dash-metrics{grid-template-columns:1fr 1fr;gap:8px}.clean-dashboard .dash-metric{min-height:92px;padding:13px}.clean-dashboard .dash-metric>strong{font-size:19px}.clean-dashboard .file-table{border-radius:8px}}
