:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;color:#1d1d1f;background:#f5f5f7;--sidebar-width:244px;--header-height:72px;--nav-bg:#f5f5f7;--nav-text:#515154;--primary:#0071e3;--line:#dedee3;--muted:#77777d;--surface:#fff;--pale:#eaf3ff;--danger:#c93040}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);z-index:12;display:flex;flex-direction:column;background:var(--nav-bg);border-right:1px solid var(--line);padding:0 16px}
.sidebar-brand{min-height:var(--header-height);display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);margin-bottom:20px;padding:0 4px}
.sidebar-brand .brand{gap:10px;font-size:.9375rem;letter-spacing:0;min-width:0}
.brand .brand-mark{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:#1d1d1f;color:#fff;font-size:19px;font-weight:650;line-height:1}
.brand .brand-wordmark{display:flex;align-items:baseline;gap:4px;font-size:17px;line-height:1.2;white-space:nowrap}
.brand-wordmark strong{color:#161616;font-weight:700}
.brand-wordmark>span{color:#85858b;font-weight:400}
.sidebar-nav{display:grid;align-content:start;gap:6px;overflow-y:auto;flex:1;padding:0 0 20px;overscroll-behavior:contain}
.sidebar-nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:6px;color:var(--nav-text);font-size:.875rem;line-height:1.5}
.sidebar-nav a svg{flex:none}
.sidebar-nav a span{min-width:0;overflow-wrap:anywhere}
.sidebar-nav a:hover{background:#eceef1;color:#262a35}
.sidebar-nav a.active{background:#e7e7eb;color:#1d1d1f;border-color:transparent;font-weight:600}
.admin-navigation{display:grid;gap:6px}
.nav-section-label{color:var(--muted);font-size:.75rem;font-weight:500;margin:20px 12px 8px;line-height:1.5}
.sidebar-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.75rem;padding:20px 12px;flex:none}
.page-topbar{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--header-height);z-index:10;display:flex;align-items:center;gap:12px;padding:0 32px;border-bottom:1px solid #d2d2d766;background:#ffffffcc;backdrop-filter:blur(20px)}
.page-location{color:var(--muted);font-size:.875rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-topbar .account{margin-left:auto;min-width:0;gap:10px}
.page-topbar #account-name{max-width:220px;white-space:nowrap}
.icon-button{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;flex:none}
.icon-button svg{pointer-events:none}
.nav-toggle,.nav-close{display:none}
.app-ready{background:#f5f5f7}
.app-ready #main{margin-left:var(--sidebar-width);padding-top:var(--header-height);min-width:0}
.app-ready .workspace{max-width:1440px;padding:30px 32px 60px}
.app-ready h1,.app-ready h2,.app-ready h3,.app-ready .eyebrow,.app-ready .card-tag{letter-spacing:0}
.app-ready h1{font-size:1.4rem;line-height:1.4}
.app-ready .eyebrow{display:none}
.app-ready .page-heading{align-items:center;border-bottom:0;padding-bottom:0;margin-bottom:24px}
.app-ready .page-heading h1{margin-bottom:3px}
.app-ready .grid{grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}
.app-ready .collection-card,.app-ready .image-card,.app-ready .table-wrap,.app-ready .empty{border-radius:8px}
.app-ready .panel{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 24px;background:transparent;box-shadow:none}
.app-ready .admin-grid{grid-template-columns:280px minmax(0,1fr);gap:28px}
.app-ready .admin-grid>section{min-width:0}
.app-ready .admin-grid>.panel{border:0;border-right:1px solid var(--line);padding:0 24px 0 0}
.app-ready .admin-grid .table-wrap{max-width:100%}
.app-ready .admin-grid table{min-width:680px}
.app-ready .admin-grid td{overflow-wrap:anywhere}
.app-ready .admin-grid th{font-size:.8125rem}
.app-ready .admin-grid td,.app-ready .admin-grid th{padding:12px}
.app-ready .filters{grid-template-columns:repeat(3,minmax(0,1fr))}
.app-ready .query-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
.app-ready button,.app-ready input,.app-ready select{border-radius:8px}
.app-ready .notice{border-radius:6px}
.nav-backdrop{position:fixed;inset:0;z-index:11;border:0;border-radius:0;background:#161a244d;padding:0}
.nav-backdrop:hover{background:#161a244d}
button,input,select{border-radius:8px;color:inherit}
button{color:#424245;min-height:38px;background:#fff}
button:hover{background:#ededf0;border-color:#c8c8ce}
button.primary:hover{background:#0077ed}
button:focus-visible,a:focus-visible{outline-color:#72b7fa}
input,select{border-color:#d2d2d7;background:#fff;color:#1d1d1f;min-height:40px}
input:focus,select:focus{outline-color:#79baf5}
input[type=checkbox]{min-height:18px}
input[type=file]{background:#f5f5f7}
.brand{color:#1d1d1f;letter-spacing:0}
.brand img{filter:grayscale(1)}
.brand b{letter-spacing:0}
.login-wrap{background:#f5f5f7}
.login-card{border-radius:8px;border-color:#e3e3e7;box-shadow:0 12px 40px #00000005}
.login-brand .brand{gap:11px}
.login-card h1{letter-spacing:0}
.theme-toggle{color:#77777d}
.app-ready .toolbar .selected{background:#1d1d1f;color:#fff;border-color:#1d1d1f}
.date-shortcuts{display:flex;align-items:center;gap:8px;flex-shrink:0}
.app-ready .toolbar input,.app-ready .filters input,.app-ready .filters select{background:#ededf0;border-color:transparent}
.app-ready .collection-card:hover{border-color:#c7c7cc;box-shadow:0 4px 18px #00000006}
.app-ready .empty{background:#fff;border:0;border-radius:0;padding:68px 24px;color:var(--muted)}
.app-ready .empty strong{color:#1d1d1f}
.app-ready .table-wrap{border-color:#dedee3}
.app-ready th{background:#f8f8fa;color:#6e6e73}
.app-ready td,.app-ready th{border-color:#e5e5ea}
.app-ready .notice{background:#eef5fd;color:#375a7d;border-color:#d8e8f8}
.app-ready .report,.app-ready .token{background:#ebedf0;border-radius:8px}
.app-ready .soft{background:#eef4fa;color:#0063c7}
.app-ready .spaced h2{margin-bottom:0}
.app-ready .sidebar .brand{font-weight:600}
.page-topbar .text-button{color:var(--primary);background:transparent}
:root[data-theme=dark]{color:#f5f5f7;background:#161617;--nav-bg:#1c1c1e;--nav-text:#bfbfc5;--primary:#69b0ff;--line:#38383b;--muted:#a1a1a6;--surface:#242426;--pale:#1e344d;--danger:#ff7582}
[data-theme=dark] .app-ready{background:#161617}
[data-theme=dark] .page-topbar{background:#1c1c1ecc;border-color:#38383b}
[data-theme=dark] .sidebar-nav a:hover{background:#292b33;color:#fff}
[data-theme=dark] .sidebar-nav a.active{border-color:#3a3c47;background:#292b33;color:var(--primary)}
[data-theme=dark] .app-ready .panel{background:transparent}
[data-theme=dark] .login-wrap{background:#161617}
[data-theme=dark] .login-card,[data-theme=dark] .collection-card,[data-theme=dark] .table-wrap,[data-theme=dark] dialog{background:#242426;border-color:#38383b}
[data-theme=dark] .app-ready .empty{background:#242426}
[data-theme=dark] .app-ready .empty strong{color:#f5f5f7}
[data-theme=dark] button,[data-theme=dark] input,[data-theme=dark] select{background:#2c2c2e;color:#f5f5f7;border-color:#444447}
[data-theme=dark] button:hover{background:#38383b;border-color:#55555a}
[data-theme=dark] button.primary{background:#0071e3;border-color:#0071e3;color:white}
[data-theme=dark] button.primary:hover{background:#0077ed}
[data-theme=dark] .theme-toggle,[data-theme=dark] .text-button{background:transparent;color:#a1a1a6}
[data-theme=dark] .brand{color:#f5f5f7}
[data-theme=dark] .brand-wordmark strong{color:#f5f5f7}
[data-theme=dark] .brand-wordmark>span{color:#a1a1a6}
[data-theme=dark] .app-ready .toolbar input,[data-theme=dark] .app-ready .filters input,[data-theme=dark] .app-ready .filters select{background:#2c2c2e}
[data-theme=dark] .app-ready .toolbar .selected{background:#f5f5f7;border-color:#f5f5f7;color:#1d1d1f}
[data-theme=dark] .app-ready th{background:#2a2a2c;color:#a1a1a6}
[data-theme=dark] .app-ready td,[data-theme=dark] .app-ready th{border-color:#38383b}
[data-theme=dark] .app-ready .report,[data-theme=dark] .app-ready .token{background:#2c2c2e}
[data-theme=dark] .app-ready .notice{background:#1e3045;color:#b0cbe7;border-color:#35475b}
[data-theme=dark] .app-ready .soft{background:#1e344d;color:#7ebcfa}
@media(min-width:801px) and (max-width:1150px){
  :root{--sidebar-width:216px}
  .page-topbar{padding:0 24px}
  .app-ready .workspace{padding:26px 24px 50px}
  .app-ready .admin-grid{grid-template-columns:1fr}
  .app-ready .admin-grid>.panel{border-right:0;border-bottom:1px solid var(--line);padding:0 0 24px}
}
@media(max-width:800px){
  :root{--header-height:64px}
  .page-topbar{left:0;padding:0 14px;gap:8px}
  .nav-toggle,.nav-close{display:inline-flex}
  .nav-close{margin-left:auto;background:transparent;border-color:transparent}
  .sidebar{width:min(280px,calc(100vw - 48px));transform:translateX(-100%);visibility:hidden;transition:transform .18s ease,visibility .18s}
  .nav-open{overflow:hidden}
  .nav-open .sidebar{transform:translateX(0);visibility:visible}
  .app-ready #main{margin-left:0}
  .app-ready .workspace{padding:24px 16px 48px}
  .page-topbar .account{gap:2px}
  .page-topbar #account-name{max-width:110px;font-size:.8125rem}
  .page-location{font-size:.8125rem}
  .page-topbar .text-button{padding:9px}
  .app-ready .admin-grid{grid-template-columns:1fr;gap:24px}
  .app-ready .admin-grid>.panel{border-right:0;border-bottom:1px solid var(--line);padding:0 0 24px}
  .app-ready .filters{grid-template-columns:1fr 1fr}
  .app-ready .filters label:first-child{grid-column:1/-1}
  .app-ready .page-heading{gap:12px}
  .app-ready .page-heading .counter{white-space:nowrap}
}
@media(max-width:400px){.page-topbar #account-name{max-width:75px}.page-location{max-width:76px}.app-ready .grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}
@media(max-width:360px){.login-brand .brand{gap:8px}.login-brand .brand-mark{width:32px;height:32px;border-radius:9px;font-size:17px}.login-brand .brand-wordmark{font-size:14px}}