@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg-root: #05070b;--bg-shell: #0a0f16;--bg-card: #101720;--bg-card-2: #0d141d;--bg-nav: #0b121a;--text-main: #f2f6ff;--text-muted: #8f9fb5;--stroke: #1c2532;--stroke-soft: #18202b;--accent: #2f80ff;--accent-soft: rgba(47, 128, 255, .18);--ok: #32d583;--err: #ff5c7a}html,body,#root{margin:0;height:100%}body{font-family:Space Grotesk,Segoe UI Variable,Segoe UI,sans-serif;background:radial-gradient(900px 480px at 90% -5%,rgba(47,128,255,.14),transparent 55%),radial-gradient(680px 420px at -10% 110%,rgba(83,161,255,.11),transparent 58%),var(--bg-root);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5{letter-spacing:.2px}*{box-sizing:border-box}.app-frame{min-height:calc(100vh - 28px);margin:14px;display:grid;grid-template-columns:248px minmax(0,1fr);border:1px solid var(--stroke);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#101720e0,#090e14f0);box-shadow:inset 0 1px #ffffff05,0 30px 80px #00000085}.app-sidebar{background:linear-gradient(180deg,#0d131cfa,#070b11fa),var(--bg-nav);border-right:1px solid var(--stroke);padding:14px 12px;display:flex;flex-direction:column;gap:14px}.app-brand{display:flex;align-items:center;gap:10px;padding:8px 6px}.app-brand-mark{width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,#2f80ff,#59a4ff);box-shadow:0 0 20px #2f80ff73}.app-brand-name{font-weight:700;font-size:22px;letter-spacing:.2px}.app-nav-scroll{min-height:0;overflow:auto;padding-right:2px}.app-nav-group{display:grid;gap:6px;margin-bottom:12px}.app-nav-title{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:600;padding:0 8px 4px}.app-nav-link{text-decoration:none;color:#98a7bc;border:1px solid transparent;border-radius:10px;padding:9px 10px;font-size:14px;font-weight:500;transition:all .12s ease}.app-nav-link:hover{color:#e8f2ff;border-color:var(--stroke);background:#ffffff05}.app-nav-link.active{color:#f7fbff;border-color:#2f80ff80;background:linear-gradient(180deg,#2f80ff38,#2f80ff1f)}.app-sidebar-foot{margin-top:auto;border-top:1px solid var(--stroke-soft);padding:10px 6px 0;color:#6f7f95;font-size:11px}.app-content{min-width:0;display:flex;flex-direction:column}.app-topbar{position:sticky;top:0;z-index:6;border-bottom:1px solid var(--stroke);background:#080c12eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px}.app-search{width:100%;border:1px solid var(--stroke);border-radius:10px;background:#090e16d1;color:var(--text-main);padding:10px 12px;font-family:inherit}.app-search::placeholder{color:#73849a}.app-topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.app-range-select{border:1px solid var(--stroke);border-radius:10px;background:#0c111be6;color:var(--text-main);padding:9px 10px;font-family:inherit}.app-window-pill{border:1px solid var(--stroke);border-radius:10px;background:#0c111be6;color:#a8b8cb;font-size:12px;padding:8px 10px}.app-team-pill{border:1px solid var(--stroke);border-radius:999px;padding:5px 10px 5px 6px;display:flex;align-items:center;gap:8px;background:#0c121ce6}.app-team-avatar{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#dfeaff;background:linear-gradient(145deg,#2f80ff,#55a1ff)}.app-team-text{display:grid;gap:1px;font-size:11px;color:#b4c3d6}.app-pulse{width:10px;height:10px;border-radius:999px}.app-pulse.ok{background:var(--ok);animation:pulseGreen 2s infinite}.app-pulse.err{background:var(--err);animation:pulseRed 2s infinite}.app-settings-link{text-decoration:none;border:1px solid var(--stroke);border-radius:10px;background:#101620eb;color:#edf3ff;padding:8px 10px;font-size:13px}.app-main{min-width:0;padding:14px}@keyframes pulseGreen{0%{box-shadow:0 0 #32d58333}70%{box-shadow:0 0 10px #32d583d9}to{box-shadow:0 0 #32d58333}}@keyframes pulseRed{0%{box-shadow:0 0 #ff5c7a33}70%{box-shadow:0 0 10px #ff5c7acc}to{box-shadow:0 0 #ff5c7a33}}@media (max-width: 980px){.app-frame{margin:0;min-height:100vh;border-radius:0;border:0;grid-template-columns:1fr}.app-sidebar{border-right:0;border-bottom:1px solid var(--stroke);max-height:38vh}.app-topbar{grid-template-columns:1fr}}