:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1119;--surface-1:#141b28;--surface-2:#1a2434;--surface-3:#233044;--surface-4:#2a3952;--border:#2f3f58;--border-light:#3a4d69;--text-primary:#e8eef8;--text-secondary:#b8c5da;--text-muted:#8e9cb5;--accent:#4c9cff;--accent-hover:#3d8be9;--accent-dim:#4c9cff29;--success:#35c38b;--success-bg:#35c38b29;--warning:#ffb75e;--warning-bg:#ffb75e29;--error:#ff6d80;--error-bg:#ff6d8029;--purple:#9ca8ff;--purple-bg:#9ca8ff26;--font:"Space Grotesk", "Segoe UI", "Helvetica Neue", sans-serif;--mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--radius:10px;--radius-lg:14px;--radius-xl:18px;--shadow:0 12px 32px #00000047;--shadow-lg:0 24px 56px #00000073}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}button{cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select,button{font-family:var(--font);font-size:14px}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.btn:focus-visible,.nav-tab:focus-visible,.tab-btn:focus-visible,.tl-btn:focus-visible,.right-tab:focus-visible{outline-offset:3px}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4c9cff47}body{font-family:var(--font);background:radial-gradient(circle at 18% 0%, #1a2b47 0%, #1a2b4700 32%), radial-gradient(circle at 88% 12%, #1f3046 0%, #1f304600 32%), var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}#app{flex-direction:column;min-height:100dvh;display:flex}.nav-logo{letter-spacing:.01em;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.2}.nav-tabs{align-items:center;gap:8px;display:flex}.nav-tab{border:1px solid var(--border);color:var(--text-secondary);text-align:center;background:#ffffff08;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.nav-tab:hover{border-color:var(--border-light);color:var(--text-primary);background:#ffffff14}.nav-tab.active{color:#eaf4ff;background:linear-gradient(140deg,#4c9cff42,#35c38b24);border-color:#4c9cff85}#offline-banner{color:#ffdce2;text-align:center;letter-spacing:.02em;background:linear-gradient(90deg,#ff6d802e,#ffb75e2e);border-bottom:1px solid #ff6d8080;padding:8px 16px;font-size:12px;display:none}#offline-banner.visible{display:block}.top-nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c1119cc;justify-content:space-between;align-items:center;gap:14px;height:64px;padding:0 18px;display:flex}.topbar-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.nav-right{flex-shrink:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.nav-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:180px;font-size:12px;overflow:hidden}#refresh-dot,.refresh-dot-mini{background:var(--success);opacity:0;border-radius:999px;width:8px;height:8px;transition:opacity .3s}#refresh-dot.pulse{animation:.75s ease-out dot-pulse}@keyframes dot-pulse{0%{opacity:1}to{opacity:0}}.main-content{flex:1;padding:20px;position:relative}.view{padding:0;animation:.28s view-fade;display:none}.view.active{display:block}@keyframes view-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#view-dashboard.view.active{gap:20px;display:grid}.section-title{color:var(--text-primary);letter-spacing:.01em;margin-bottom:14px;font-size:16px;font-weight:700}.section-subtitle{color:var(--text-secondary);margin-bottom:14px;font-size:12px}.divider{background:linear-gradient(90deg,#0000,#ffffff2e,#0000);height:1px;margin:6px 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#b8c5da38;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#b8c5da5c}.hidden{display:none!important}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.text-sm{font-size:12px}.text-muted{color:var(--text-secondary)}.text-error{color:var(--error)}.text-success{color:var(--success)}.mono{font-family:var(--mono)}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}@media (width<=920px){.top-nav{padding:0 12px}.topbar-left{gap:8px}.nav-tabs{gap:6px}.nav-tab{padding:8px 12px}.nav-email{max-width:140px}}@media (width<=680px){.main-content{padding:12px}.top-nav{flex-wrap:wrap;gap:10px;height:auto;min-height:56px;padding:10px}.nav-logo{font-size:14px}.topbar-left{flex-wrap:wrap;flex:auto;min-width:0;overflow:visible}.nav-right{flex:0 auto;justify-content:flex-end;margin-left:auto}.nav-tabs{flex-wrap:wrap;order:3;width:100%}.nav-tab{padding:8px 12px;font-size:13px}}@media (width<=480px){.nav-email{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}