: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}.mobile-tabbar,.more-backdrop{display:none}@media (width<=720px){.shell{grid-template-rows:1fr;grid-template-columns:1fr}.sidebar{display:none!important}.mobile-tabbar{z-index:50;padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000059}.tabbar-item{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-height:64px;padding:.5rem .25rem;font-family:inherit;text-decoration:none;display:flex}.tabbar-item.active{background:var(--accent);color:var(--bg)}.tabbar-icon{font-size:1.6rem;line-height:1}.tabbar-label{letter-spacing:.01em;font-size:.78rem;font-weight:700}.main{padding:1rem;padding-bottom:calc(6.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}.more-backdrop{z-index:100;background:#0000008c;display:block;position:fixed;inset:0}.more-sheet{background:var(--surface);border-top:1px solid var(--border);padding:.75rem 1rem calc(1rem + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;max-height:80vh;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 24px #00000080}.more-handle{background:var(--text-muted);opacity:.4;border-radius:2px;width:40px;height:4px;margin:0 auto .75rem}.more-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.more-item{color:var(--text);border-radius:10px;padding:1rem .75rem;font-size:1rem;text-decoration:none;display:block}.more-item:hover,.more-item.active{background:var(--surface-2,var(--bg))}.more-close{width:100%;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;margin-top:.75rem;padding:.85rem;font-size:.95rem}}@media (width>=721px){.mobile-header{display:none}.mobile-tabbar,.more-backdrop{display:none!important}}@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}}