*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--header-h: 42px;--sidebar-w: 240px;--bg: #0f0f17;--bg-panel: #16162a;--text: #d4d4dc;--text-muted: #8b8ba8;--accent: #7c5cbf;--border: #2a2a4a;--radius: 6px}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}#app{display:grid;grid-template-rows:var(--header-h) 1fr;grid-template-columns:var(--sidebar-w) 1fr;grid-template-areas:"header header" "sidebar main";height:100vh;transition:grid-template-columns .2s ease}#app.sidebar-closed{grid-template-columns:0 1fr}#header{grid-area:header;background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:12px;z-index:10}#header .brand{font-weight:600;font-size:15px;letter-spacing:-.02em}#toggle-sidebar{background:none;border:none;color:var(--text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:color .15s,background .15s;flex-shrink:0}#toggle-sidebar:hover{color:var(--text);background:#ffffff0f}#toggle-sidebar svg{width:18px;height:18px}.header-action{background:none;border:1px solid transparent;color:var(--text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:16px;line-height:1;transition:color .15s,background .15s,border-color .15s;flex-shrink:0}.header-action:hover{color:var(--text);background:#ffffff0f}.header-action[aria-pressed=true]{color:var(--text);background:#ffffff14;border-color:var(--border)}.pets-toolbar{margin-left:auto;display:flex;align-items:center;gap:6px}#sidebar{grid-area:sidebar;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-label{padding:16px 16px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);flex-shrink:0}#module-list{list-style:none;overflow-y:auto;flex:1;padding:4px 8px}#module-list li.category-header{padding:12px 12px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);pointer-events:none}#module-list li a{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--text-muted);text-decoration:none;border-radius:var(--radius);transition:color .15s,background .15s;font-size:13px;cursor:pointer}#module-list li a:hover{color:var(--text);background:#ffffff0a}#module-list li a.active{color:var(--text);background:#7c5cbf26}#module-list li a .dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}#module-list li a .dot.dim{background:var(--text-muted);opacity:.5}#credits{flex-shrink:0;padding:12px 16px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);line-height:1.6}#credits:empty{display:none}#credits a{color:var(--text)}#main{grid-area:main;overflow:auto;background:var(--bg)}#main-content{padding:32px;min-height:100%}@media(max-width:640px){#app{grid-template-columns:1fr;grid-template-rows:var(--header-h) auto 1fr;grid-template-areas:"header" "sidebar" "main";transition:grid-template-rows .2s ease}#app.sidebar-closed{grid-template-columns:1fr;grid-template-rows:var(--header-h) 0 1fr}#sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:30vh}#main-content{padding:20px}}