:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f9fc;--panel:#fff;--panel-muted:#f9fbfd;--border:#e6ebf1;--border-strong:#d8dee8;--text:#172b4d;--text-muted:#53657d;--text-subtle:#7a8aa0;--accent:#635bff;--accent-strong:#4b42d6;--accent-soft:#f0efff;--success:#0e9f6e;--warning:#b7791f;--danger:#d14343;--shadow:0 18px 45px #32325d14, 0 8px 18px #0000000a}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #635bff1f, transparent 36rem), linear-gradient(180deg, #fff 0%, var(--background) 34rem);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffdb;height:100vh;padding:28px 20px;position:sticky;top:0}.sidebar-account{border:1px solid var(--border);background:var(--panel-muted);border-radius:18px;gap:12px;margin-top:34px;padding:14px;display:grid}.sidebar-logout{justify-content:center;width:100%}.brand{align-items:center;gap:12px;margin-bottom:34px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#635bff,#00d4ff);border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:flex;box-shadow:0 12px 30px #635bff47}.brand-name{letter-spacing:-.02em;font-size:1.05rem;font-weight:760}.brand-subtitle{color:var(--text-subtle);margin-top:2px;font-size:.78rem}.nav-group{gap:7px;margin-bottom:28px;display:grid}.nav-label{color:var(--text-subtle);letter-spacing:.08em;text-transform:uppercase;margin:0 8px 6px;font-size:.72rem;font-weight:700}.nav-link{color:var(--text-muted);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:background .16s,color .16s,transform .16s;display:flex}.nav-link:hover,.nav-link.active{background:var(--accent-soft);color:var(--accent-strong)}.nav-link:hover{transform:translate(2px)}.main{padding:30px clamp(24px,5vw,64px) 56px}.topbar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow{color:var(--accent-strong);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:760}.page-title{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.02}.page-description{color:var(--text-muted);max-width:760px;margin:14px 0 0;font-size:1rem;line-height:1.7}.action-bar{align-items:center;gap:12px;display:flex}.button{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:700;display:inline-flex;box-shadow:0 8px 16px #635bff2e}.button.secondary{border-color:var(--border);box-shadow:none;color:var(--text);background:#fff}.grid{gap:18px;display:grid}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-column{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr)}.card{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffeb;border-radius:24px;padding:22px}.card.compact{padding:18px}.card-title{margin:0 0 14px;font-size:.92rem;font-weight:760}.metric-label{color:var(--text-subtle);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:700}.metric-value{letter-spacing:-.04em;margin-top:10px;font-size:1.85rem;font-weight:780}.metric-delta{color:var(--success);margin-top:8px;font-size:.82rem;font-weight:700}.metric-delta.negative{color:var(--danger)}.chart{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:10px;height:240px;margin-top:22px;display:grid}.bar{background:linear-gradient(#635bff,#00d4ff);border-radius:999px 999px 6px 6px;min-height:18px}.list{gap:12px;display:grid}.list-row{background:var(--panel-muted);border:1px solid var(--border);border-radius:18px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.row-title{margin-bottom:3px;font-weight:730}.row-meta{color:var(--text-subtle);font-size:.86rem}.status-pill{border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:760}.status-pill.connected,.status-pill.active,.status-pill.admin{color:var(--success);background:#e8fbf3}.status-pill.pending,.status-pill.viewer{color:var(--warning);background:#fff8e6}.status-pill.disconnected,.status-pill.inactive{color:var(--danger);background:#fff0f0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-create-form{margin-top:18px}.admin-create-form .auth-button{align-self:end;margin:0}.admin-table-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.auth-shell{background:linear-gradient(180deg, #fff 0%, var(--background) 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex;position:relative;overflow:hidden}.auth-shell-login{isolation:isolate;background:radial-gradient(circle at 78% 18%,#00d4ff33,#0000 28rem),linear-gradient(#fafdff 0%,#eef4fb 100%)}.auth-shell-login:before,.auth-shell-login:after{content:"";pointer-events:none;z-index:-1;position:absolute}.auth-shell-login:before{filter:saturate(1.15);opacity:.95;background:radial-gradient(circle at 18% 42%,#00d4ffd1 0 13%,#0000 30%),radial-gradient(circle at 48% 16%,#635bffe6 0 18%,#0000 34%),radial-gradient(circle at 74% 34%,#ff78cbc7 0 16%,#0000 32%),linear-gradient(90deg,#00d4ff 0%,#635bff 38%,#ff78cb 68%,#f6c85f 100%);width:136vw;height:55vh;animation:18s ease-in-out infinite alternate auth-gradient-drift;top:-12vh;left:-18vw;transform:rotate(-11deg)translate(0,0)}.auth-shell-login:after{opacity:.74;background:linear-gradient(108deg,#0000 0 16%,#ffffff94 16% 17%,#0000 17% 25%),linear-gradient(108deg,#0000 0 36%,#635bff29 36% 42%,#0000 42% 58%),repeating-linear-gradient(108deg,#0000 0 74px,#ffffff3d 74px 75px);animation:22s linear infinite auth-band-drift;inset:-24vh -18vw;transform:rotate(-11deg);-webkit-mask-image:linear-gradient(#000 0 54%,#0000 82%);mask-image:linear-gradient(#000 0 54%,#0000 82%)}.auth-shell-login .auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1;background:#ffffffeb;position:relative;box-shadow:0 28px 64px #32325d29,0 10px 24px #00000014}.auth-card{background:#fff;border:1px solid #32325d14;border-radius:12px;width:100%;max-width:390px;padding:40px;box-shadow:0 18px 36px #32325d14,0 4px 12px #0000000a}.auth-header{gap:18px;margin-bottom:28px;display:grid}.auth-logo{color:#0a2540;letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.05rem;font-weight:760;display:inline-flex}.auth-brand{margin-bottom:30px}.auth-title{color:#0a2540;letter-spacing:-.03em;margin:0;font-size:1.38rem;line-height:1.2}.auth-description{color:#6b7c93;margin:-8px 0 0;font-size:.92rem;line-height:1.6}.auth-form{gap:14px;margin-top:0;display:grid}.auth-label-row{justify-content:space-between;align-items:center;display:flex}.auth-label-row a{color:var(--accent-strong);font-size:.82rem;font-weight:700}.auth-button{border-radius:6px;justify-content:center;width:100%;min-height:44px;margin-top:6px;font-size:.92rem}.auth-divider{color:#8c9aad;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:4px 0 -2px;font-size:.8rem;display:grid}.auth-divider:before,.auth-divider:after{background:var(--border);content:"";height:1px}.oauth-icon-row{justify-content:center;gap:12px;margin-bottom:4px;display:flex}.oauth-icon-button{border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.auth-switch{color:var(--text-muted);text-align:center;margin:24px 0 0;font-size:.9rem}.auth-switch a{color:var(--accent-strong);font-weight:760}.form-error{color:var(--danger);background:#fff0f0;border:1px solid #ffd4d4;border-radius:14px;margin:0;padding:11px 12px;font-size:.9rem}.form-success{color:var(--success);background:#e8fbf3;border:1px solid #bdebd8;border-radius:14px;margin:0;padding:11px 12px;font-size:.9rem}.field{gap:8px;display:grid}.field label{color:#0a2540;font-size:.82rem;font-weight:700}.field input,.field select{color:var(--text);background:#fff;border:1px solid #d8dee8;border-radius:6px;min-width:0;padding:11px 12px;transition:border-color .14s,box-shadow .14s}.field input:focus,.field select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #635bff24}@keyframes auth-gradient-drift{0%{background-position:0%,20% 20%,80% 24%,0%;transform:rotate(-11deg)translate(-2vw,-1vh)scale(1.02)}to{background-position:20% 42%,52% 10%,100% 34%,100%;transform:rotate(-11deg)translate(3vw,2vh)scale(1.07)}}@keyframes auth-band-drift{0%{background-position:0 0,0 0,0 0}to{background-position:260px 0,-340px 0,190px 0}}@media (prefers-reduced-motion:reduce){.auth-shell-login:before,.auth-shell-login:after{animation:none}}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:14px 10px}.table th{color:var(--text-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.table td{color:var(--text-muted)}.table td:first-child{color:var(--text);font-weight:720}.table select{border:1px solid var(--border-strong);color:var(--text);background:#fff;border-radius:999px;padding:8px 10px}.table-action{box-shadow:none;padding:8px 12px}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.metric-grid,.two-column,.form-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:18px}}