:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-root:#050608;--bg-surface:#121418;--bg-surface-alt:#1c1f24;--text-primary:#f5f7fa;--text-secondary:#a0a4ae;--text-muted:#6b6f78;--accent-primary:#e68a2a;--accent-primary-hover:#f09733;--border-subtle:#262a31;--bg-secondary:#1c1f24;--bg-input:#121418;--bg-disabled:#262a31;--bg-primary:#050608;--bg-elevated:#1c1f24;--bg-code:#1c1f24;--error-bg:#dc262626;--error-text:#fca5a5;--bg-warning:#eab30826;--border-warning:#eab30866;--bg-success:#10b98126;--border-success:#10b98166;--success:#10b981;--bg-info:#3b82f626;--bg-hint:#facc1526;--bg-model:#0ea5e926;--border-model:#0ea5e966;--accent-model:#38bdf8}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background-color:var(--bg-root);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}.appShell{background-color:var(--bg-root);min-height:100vh;color:var(--text-primary);display:flex}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);flex-direction:column;width:240px;display:flex}.sidebarBrand{border-bottom:1px solid var(--border-subtle);letter-spacing:.03em;padding:16px 20px;font-weight:600}.sidebarNav{flex:1;padding:12px 8px}.navItem{color:var(--text-secondary);border-radius:6px;align-items:center;gap:8px;margin:2px 4px;padding:8px 12px;font-size:14px;display:flex}.navItem:hover,.navItemActive{background-color:var(--bg-surface-alt);color:var(--text-primary)}.navDot{background-color:var(--border-subtle);border-radius:50%;width:6px;height:6px}.navItemActive .navDot{background-color:var(--accent-primary)}.sidebarFooter{border-top:1px solid var(--border-subtle);padding:12px 16px}.logoutButton{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:14px}.logoutButton:hover{color:var(--text-primary)}.main{background-color:var(--bg-root);flex:1;padding:24px 32px}.pageHeader{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pageTitle{font-size:24px;font-weight:600}.pageSubtitle{color:var(--text-secondary);margin-top:4px;font-size:14px}.statusPill{background-color:var(--bg-surface);color:var(--text-secondary);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;display:inline-flex}.statusPillDot{background-color:var(--accent-primary);border-radius:50%;width:8px;height:8px;margin-right:6px}.userLabel{color:var(--text-secondary);font-size:14px}.cardsGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:16px 18px}.cardTitle{margin-bottom:4px;font-size:14px;font-weight:500}.cardDescription{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.cardValue{font-size:20px;font-weight:600}.placeholderText{color:var(--text-secondary);margin-top:16px;font-size:14px}.loginWrapper{background-color:var(--bg-root);justify-content:center;align-items:center;min-height:100vh;display:flex}.loginCard{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;width:100%;max-width:360px;padding:24px 24px 20px}.loginBrand{text-align:center;margin-bottom:16px;font-size:18px;font-weight:600}.loginTitle{text-align:center;margin-bottom:24px;font-size:22px;font-weight:600}.field{margin-bottom:16px}.fieldLabel{color:var(--text-secondary);margin-bottom:6px;font-size:13px;display:block}.fieldInput{border:1px solid var(--border-subtle);background-color:var(--bg-surface-alt);width:100%;color:var(--text-primary);border-radius:6px;padding:8px 10px;font-size:14px}.fieldInput:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary);outline:none}.buttonPrimary{background-color:var(--accent-primary);width:100%;color:var(--text-primary);cursor:pointer;border:none;border-radius:6px;margin-top:4px;padding:10px 12px;font-size:14px;font-weight:500}.buttonPrimary:hover{background-color:var(--accent-primary-hover)}.errorMessage{color:#ff6b6b;margin-top:8px;font-size:13px}.loginFootnote{text-align:center;color:var(--text-muted);margin-top:16px;font-size:11px}@media (max-width:768px){.appShell{flex-direction:column}.sidebar{flex-direction:column;width:100%;height:auto}.sidebarBrand{border-bottom:1px solid var(--border-subtle);padding:12px 16px}.sidebarNav{flex-direction:row;flex:1;gap:4px;padding:8px 8px 4px;display:flex;overflow-x:auto}.navItem{white-space:nowrap;margin:0;padding:6px 10px}.sidebarFooter{border-top:1px solid var(--border-subtle);padding:8px 16px}.main{padding:16px 16px 24px}.pageHeader{flex-direction:column;align-items:flex-start;gap:8px}.pageTitle{font-size:20px}.pageSubtitle{font-size:13px}.cardsGrid{gap:12px}.card{padding:12px 14px}}