:root{--bg: #ffffff;--bg-elev: #f8f9fb;--fg: #0f172a;--fg-muted: #64748b;--accent: #4f46e5;--accent-fg: #ffffff;--border: #e2e8f0;--danger: #dc2626;--warn: #f59e0b;--ok: #16a34a;--radius: 6px;--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--sidebar-w: 240px}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--bg-elev: #1e293b;--fg: #f1f5f9;--fg-muted: #94a3b8;--border: #334155}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--fg);background:var(--bg);-webkit-text-size-adjust:100%}a{color:var(--accent)}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;height:100dvh}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border);padding:var(--s-3);overflow-y:auto;z-index:50}.brand{font-weight:600;font-size:18px;padding:var(--s-2) var(--s-3);margin-bottom:var(--s-4)}.sidebar nav{display:flex;flex-direction:column;gap:var(--s-1)}.nav-item{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--radius);color:var(--fg);text-decoration:none;font-size:14px}.nav-item:hover{background:#0000000a}.nav-item.active{background:var(--accent);color:var(--accent-fg)}.nav-item .dot{width:8px;height:8px;border-radius:50%;background:var(--module-accent, var(--fg-muted))}.sidebar-scrim{display:none}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;padding:var(--s-2) var(--s-4);border-bottom:1px solid var(--border);background:var(--bg)}.topbar .spacer{flex:1}.topbar .user{display:flex;align-items:center;gap:var(--s-2)}.topbar .avatar{width:28px;height:28px;border-radius:50%}.topbar .name{font-size:14px;color:var(--fg-muted)}.topbar .sign-out{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:var(--s-1) var(--s-3);cursor:pointer;color:var(--fg);font-size:13px}.topbar .sign-out:hover{background:#0000000a}.hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--fg);padding:6px;margin-right:var(--s-2);border-radius:var(--radius)}.hamburger:hover{background:#0000000a}.content{flex:1;overflow:auto;padding:var(--s-5);min-width:0}@media (max-width: 767px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;transform:translate(-100%);transition:transform .22s ease;box-shadow:2px 0 16px #0000002e}.layout.sidebar-open .sidebar{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40}.hamburger{display:inline-flex}.content{padding:var(--s-3)}.topbar{padding:var(--s-2) var(--s-3)}.topbar .name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.login,.no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;text-align:center;gap:var(--s-3);padding:var(--s-5)}.no-access code{background:var(--bg-elev);padding:2px 8px;border-radius:4px}.login-button{background:#06c755;color:#fff;padding:var(--s-3) var(--s-5);border-radius:var(--radius);text-decoration:none;font-weight:500}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--fg-muted);padding:var(--s-5)}.dashboard h1{margin-top:0}.dashboard-sub{color:var(--fg-muted)}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s-4);margin-top:var(--s-5)}@media (max-width: 480px){.module-grid{grid-template-columns:1fr}}.module-card{display:block;padding:var(--s-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);text-decoration:none;color:var(--fg);position:relative;overflow:hidden;transition:transform .1s,box-shadow .1s}.module-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.card-accent{position:absolute;top:0;left:0;right:0;height:4px;background:var(--module-accent, var(--accent))}.card-title{font-weight:600;font-size:16px;margin-top:var(--s-1)}.card-desc{font-size:13px;color:var(--fg-muted);margin-top:var(--s-2)}.module-not-installed{padding:var(--s-5);border:2px dashed var(--border);border-radius:var(--radius);background:var(--bg-elev)}.module-not-installed code{background:var(--bg);padding:2px 6px;border-radius:4px;font-size:13px;border:1px solid var(--border)}.module-not-installed pre{background:var(--bg);padding:var(--s-3);border-radius:var(--radius);font-size:12px;overflow-x:auto;max-height:240px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--s-3)}.modal{background:var(--bg);padding:var(--s-5);border-radius:var(--radius);max-width:480px;width:100%;box-shadow:0 8px 24px #0003}.modal h3{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-4)}.modal-actions button{padding:var(--s-2) var(--s-4);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--bg);color:var(--fg);font-size:14px}.modal-actions button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.modal-actions button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.toasts{position:fixed;right:var(--s-4);bottom:var(--s-4);display:flex;flex-direction:column;gap:var(--s-2);z-index:200;max-width:calc(100vw - 2 * var(--s-4))}.toast{padding:var(--s-3) var(--s-4);border-radius:var(--radius);border-left:4px solid var(--border);background:var(--bg-elev);color:var(--fg);box-shadow:0 4px 12px #0000001a;max-width:360px;font-size:14px}.toast-info{border-left-color:var(--accent)}.toast-warn{border-left-color:var(--warn)}.toast-error{border-left-color:var(--danger)}