:root,html[data-theme=dark]{--bg:#0a0a0a;--surface:#141414;--surface-2:#1c1c1c;--border:#2a2a2a;--text:#f5f5f5;--text-muted:#999;--accent:#ffd400;--accent-hover:#fd3;--danger:#ff4d4d;--ok:#5ee16a;--radius:10px;--radius-sm:6px}html[data-theme=light]{--bg:#fafafa;--surface:#fff;--surface-2:#f0f0f0;--border:#d8d8d8;--text:#111;--text-muted:#666;--accent:#d4a017;--accent-hover:#b8870e;--danger:#c93030;--ok:#2e7d32}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background .15s,color .15s}button{font-family:inherit}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:.25rem;padding:1.25rem .75rem;display:flex}.brand{color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:.75rem;padding:0 .75rem 1rem;font-size:1.25rem;font-weight:700}.nav-item{color:var(--text);border-radius:var(--radius-sm);padding:.65rem .75rem;font-size:.95rem;transition:background .1s;display:block}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent);color:var(--bg);font-weight:600}.nav-spacer{flex:1}.signout-btn{width:100%;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.6rem;font-size:.85rem}.signout-btn:hover{color:var(--text);border-color:var(--text-muted)}.main{padding:1.5rem 2rem;overflow-x:hidden}.page-title{color:var(--text);margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin:0 0 1.5rem;font-size:.95rem}.placeholder-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);text-align:center;padding:2rem}@media (width<=720px){.shell{grid-template-rows:1fr auto;grid-template-columns:1fr}.sidebar{border-right:none;border-top:1px solid var(--border);flex-direction:row;grid-row:2;align-items:center;gap:.25rem;padding:.5rem;overflow-x:auto}.brand,.nav-spacer,.signout-btn{display:none}.nav-item{white-space:nowrap;flex:none;padding:.5rem .75rem;font-size:.85rem}.main{padding:1rem}.mobile-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.mobile-header .brand-mobile{color:var(--accent);font-weight:700;display:block}}@media (width>=721px){.mobile-header{display:none}}@media print{.sidebar,.signout-btn,button{display:none!important}.shell{grid-template-columns:1fr}.main{padding:0}body,*{color:#000!important;background:#fff!important}table{border-collapse:collapse}th,td{border:1px solid #999!important}}