: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-label-mobile{display:none}.nav-label-desktop{display:inline}.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;grid-template-columns:1fr}.sidebar{z-index:50;padding:.4rem .25rem;padding-bottom:calc(.4rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);border-right:none;flex-flow:row;justify-content:space-around;align-items:center;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:visible}.brand,.nav-spacer,.sidebar .signout-btn{display:none}.nav-item{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;padding:.45rem .25rem;font-size:.72rem;overflow:hidden}.nav-label-desktop{display:none}.nav-label-mobile{display:inline}.main{padding:1rem;padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}.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}.mobile-header .signout-btn{width:auto;padding:.4rem .75rem;font-size:.8rem;display:inline-block}}@media (width<=380px){.nav-item{padding:.4rem .15rem;font-size:.65rem}}@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}}