@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--violet-50:#f5f3ff;--violet-200:#ddd6fe;--violet-300:#c4b5fd;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-800:#5b21b6;--violet-900:#4c1d95;--violet-950:#2e1065;--bg-canvas:#0c0d18;--bg-deep:#08090f;--bg-surface:#14152360;--bg-card:#161827;--bg-card-strong:#1b1d2f;--bg-elevated:#1f2236;--bg-input:#171929;--border-subtle:#23253a;--border-soft:#2c2f48;--border-strong:#393c5b;--text-strong:#f5f6fb;--text-default:#d8dbed;--text-muted:#94a0c2;--text-dim:#6f78a0;--text-faint:#4d5577;--tone-orange:#fb923c;--tone-orange-bg:#fb923c1f;--tone-orange-border:#fb923c3d;--tone-red:#f87171;--tone-red-bg:#f871711f;--tone-red-border:#f8717147;--tone-green:#34d399;--tone-green-bg:#34d3991a;--tone-green-border:#34d39938;--tone-cyan:#38bdf8;--tone-cyan-bg:#38bdf81f;--tone-cyan-border:#38bdf838;--tone-violet:var(--violet-400);--tone-violet-bg:#a78bfa1f;--tone-violet-border:#a78bfa47;--shadow-card:0 1px 0 #ffffff08 inset, 0 16px 40px -28px #070812b3;--shadow-pop:0 22px 50px -28px #7c3aed8c;--ring-focus:0 0 0 3px #8b5cf652;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg-deep);min-height:100vh;color:var(--text-default);font-family:var(--font-sans);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}body{background:radial-gradient(900px 600px at -8% -10%, #7c3aed2e, transparent 70%), radial-gradient(700px 500px at 110% 110%, #38bdf814, transparent 65%), var(--bg-deep)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}::selection{color:var(--text-strong);background:#a78bfa66}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:90;-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle);background:radial-gradient(120% 200% at 0 0,#c084fc2e,#0000 60%),linear-gradient(#141523eb,#0c0d18eb);align-items:center;gap:18px;padding:16px 32px;display:flex;position:sticky;top:0}.topbar-ekg{pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 22' preserveAspectRatio='none'><path d='M0 11 H 36 L 42 11 L 46 4 L 50 18 L 54 7 L 58 14 L 62 11 H 96 L 100 11 L 104 8 L 108 14 L 112 11 H 160' fill='none' stroke='%23a78bfa' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:0;background-repeat:repeat-x;background-size:160px 22px;height:22px;animation:4.6s linear infinite topbar-ekg-scroll;position:absolute;bottom:-1px;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.topbar-ekg:after{content:"";background:var(--violet-200);width:6px;height:6px;box-shadow:0 0 12px var(--violet-300);opacity:0;border-radius:50%;margin-top:-3px;animation:4.6s linear infinite topbar-ekg-spark;position:absolute;top:50%;right:12%}@keyframes topbar-ekg-scroll{0%{background-position:0}to{background-position:-160px}}@keyframes topbar-ekg-spark{0%,to{opacity:0}6%,9%{opacity:.9;transform:translateY(-3px)}14%{opacity:0}}.topbar-logo{flex:none;width:auto;height:36px}.topbar-logo .logo-fill-primary{fill:#fff}.topbar-logo .logo-fill-secondary{fill:#ffffffc7}.topbar-divider{background:var(--border-strong);width:1px;height:22px}.topbar-app{letter-spacing:-.005em;color:var(--violet-200);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:inline-flex}.topbar-app-icon{transform-origin:50%;filter:drop-shadow(0 0 6px #c084fc8c);width:16px;height:16px;animation:1.6s cubic-bezier(.28,0,.34,1) infinite topbar-app-beat}@keyframes topbar-app-beat{0%,30%,70%,to{transform:scale(1)}10%{transform:scale(1.22)}18%{transform:scale(.98)}44%{transform:scale(1.14)}52%{transform:scale(1)}}.topbar-meta{color:var(--text-dim);font-size:12px;font-family:var(--font-mono);letter-spacing:0;margin-left:auto}.topbar-signout{border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-muted);letter-spacing:-.005em;background:0 0;padding:7px 14px;font-size:12.5px;font-weight:500;transition:color .14s,border-color .14s,background .14s}.topbar-signout:hover{color:var(--tone-red);border-color:var(--tone-red-border);background:var(--tone-red-bg)}.boot-shell{background:radial-gradient(900px 600px at 0% -10%, #7c3aed2e, transparent 65%), var(--bg-deep);justify-content:center;align-items:center;min-height:100vh;display:flex}.boot-logo{opacity:.7;width:auto;height:48px;animation:1.4s ease-in-out infinite boot-pulse}.boot-logo .logo-fill-primary{fill:#fff}.boot-logo .logo-fill-secondary{fill:#ffffffc7}@keyframes boot-pulse{0%,to{opacity:.45}50%{opacity:.95}}.gate-shell{background:radial-gradient(900px 600px at 0% -10%, #7c3aed38, transparent 65%), radial-gradient(700px 500px at 110% 110%, #38bdf814, transparent 65%), var(--bg-deep);justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.gate-card{border-radius:var(--radius-lg);background:var(--bg-card-strong);border:1px solid var(--border-soft);width:min(460px,100%);padding:32px 32px 28px;animation:.22s cubic-bezier(.22,1,.36,1) modal-pop;box-shadow:0 32px 80px -20px #000000b3,0 0 0 1px #7c3aed2e}.gate-logo{width:auto;height:38px;margin-bottom:22px;display:block}.gate-logo .logo-fill-primary{fill:#fff}.gate-logo .logo-fill-secondary{fill:#ffffffdb}.gate-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--violet-300);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.gate-title{letter-spacing:-.025em;color:var(--text-strong);margin:0 0 10px;font-size:22px;font-weight:700;line-height:1.2}.gate-copy{color:var(--text-muted);margin:0 0 22px;font-size:13.5px;line-height:1.6}.gate-copy code{background:var(--bg-deep);border:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--violet-300);border-radius:6px;padding:1px 7px;font-size:12px}.gate-form{flex-direction:column;gap:14px;display:flex}.gate-field{flex-direction:column;gap:6px;display:flex}.gate-field-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:700}.gate-input{border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--bg-card);color:var(--text-strong);font-size:13.5px;font-family:var(--font-mono);letter-spacing:0;padding:12px 14px;transition:border-color .14s,box-shadow .14s}.gate-input:focus{border-color:var(--violet-500);box-shadow:var(--ring-focus);outline:none}.gate-error{border-radius:var(--radius-md);color:#fecaca;background:#ef44441a;border:1px solid #ef44444d;padding:10px 14px;font-size:12.5px;line-height:1.5}.gate-submit{border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--violet-500), var(--violet-700));color:#fff;letter-spacing:-.005em;box-shadow:var(--shadow-pop);border:0;align-self:stretch;padding:12px 18px;font-size:13.5px;font-weight:600;transition:transform .14s,filter .14s,opacity .14s}.gate-submit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.app-main{background:var(--bg-canvas);flex-direction:column;gap:22px;min-width:0;padding:28px 32px 56px;display:flex}.section-block{flex-direction:column;gap:10px;display:flex}.section-block:has(.selection-card){z-index:60;position:relative}.section-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);padding-left:4px;font-size:11px;font-weight:700}.page-header{z-index:60;justify-content:space-between;align-items:flex-start;gap:24px;padding:4px 0 14px;display:flex;position:relative}.page-header-meta{min-width:0}.breadcrumb{color:var(--text-dim);letter-spacing:.005em;align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumb-sep{color:var(--text-faint)}.breadcrumb-current{color:var(--text-muted)}.page-title{letter-spacing:-.04em;color:var(--text-strong);margin:6px 0 8px;font-size:clamp(34px,4.4vw,48px);font-weight:700;line-height:1}.page-subtitle{max-width:56ch;color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.page-vitals{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);color:var(--text-muted);background:linear-gradient(#a78bfa12,#a78bfa05);flex-wrap:wrap;align-items:center;gap:0;margin-top:10px;padding:7px 6px 7px 14px;font-size:12px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff05}.vital{font-family:var(--font-mono);letter-spacing:0;font-variant-numeric:tabular-nums;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.vital+.vital{border-left:1px solid var(--border-soft)}.vital strong{color:var(--text-strong);font-weight:600}.vital-live{font-family:var(--font-sans);letter-spacing:.18em;color:var(--tone-green);padding-left:8px;font-size:10.5px;font-weight:700}.vital-live-dot{background:var(--tone-green);border-radius:50%;width:8px;height:8px;animation:1.6s cubic-bezier(.28,0,.34,1) infinite vital-heartbeat;position:relative;box-shadow:0 0 10px #34d399b3}@keyframes vital-heartbeat{0%,30%,70%,to{transform:scale(1);box-shadow:0 0 #34d39900}10%{transform:scale(1.35);box-shadow:0 0 0 4px #34d39940}18%{transform:scale(.96);box-shadow:0 0 0 8px #34d39900}44%{transform:scale(1.22);box-shadow:0 0 0 3px #34d3992e}52%{transform:scale(1);box-shadow:0 0 0 7px #34d39900}}.vital-clock-time{color:var(--text-default)}.vital-clock-blink{color:var(--violet-300);animation:1.05s steps(2,end) infinite vital-blink}@keyframes vital-blink{50%{opacity:.25}}.vital-tracked,.vital-refresh{color:var(--text-muted)}.page-actions{z-index:60;flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.selection-card{z-index:70;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:14px;padding:18px 20px;display:flex;position:relative}.selection-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:28px;display:grid}@media (width<=980px){.selection-grid{grid-template-columns:1fr;gap:18px}}.selection-pane{flex-direction:column;gap:10px;min-width:0;display:flex}.selection-pane+.selection-pane{border-left:1px dashed var(--border-subtle);padding-left:28px}@media (width<=980px){.selection-pane+.selection-pane{border-left:0;border-top:1px dashed var(--border-subtle);padding-top:18px;padding-left:0}}.selection-pane-head{letter-spacing:.16em;text-transform:uppercase;color:var(--violet-300);padding-left:4px;font-size:11px;font-weight:700}.selection-pane-headline{align-items:center;gap:10px;padding:0 4px;display:flex}.selection-pane-count{font-family:var(--font-mono);color:var(--text-strong);background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);letter-spacing:0;padding:2px 9px;font-size:12px;font-weight:600}.selection-pane-headline .selection-clear{margin-left:auto}.selection-toolbar{align-items:center;gap:12px;display:flex}.selection-toolbar .search-field{flex:1;width:auto;max-width:none}.selection-chips-list{background:linear-gradient(180deg, #a78bfa0f, #a78bfa05), var(--bg-card-strong);border:1px solid var(--border-soft);border-radius:var(--radius-md);scrollbar-gutter:stable;flex-wrap:wrap;align-content:flex-start;max-height:132px;padding:8px;overflow-y:auto;box-shadow:inset 0 1px #ffffff05}.selection-chips-list,.search-dropdown,.table-scroll{scrollbar-width:thin;scrollbar-color:#7c3aed8c transparent}.selection-chips-list::-webkit-scrollbar{width:10px;height:10px}.search-dropdown::-webkit-scrollbar{width:10px;height:10px}.table-scroll::-webkit-scrollbar{width:10px;height:10px}.selection-chips-list::-webkit-scrollbar-track{background:0 0;margin:4px}.search-dropdown::-webkit-scrollbar-track{background:0 0;margin:4px}.table-scroll::-webkit-scrollbar-track{background:0 0;margin:4px}.selection-chips-list::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:linear-gradient(#a78bfa73,#7c3aed99) padding-box padding-box;border:2px solid #0000;transition:background .16s}.search-dropdown::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:linear-gradient(#a78bfa73,#7c3aed99) padding-box padding-box;border:2px solid #0000;transition:background .16s}.table-scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:linear-gradient(#a78bfa73,#7c3aed99) padding-box padding-box;border:2px solid #0000;transition:background .16s}.selection-chips-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a78bfab3,#7c3aede6) padding-box padding-box}.search-dropdown::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a78bfab3,#7c3aede6) padding-box padding-box}.table-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a78bfab3,#7c3aede6) padding-box padding-box}.selection-chips-list::-webkit-scrollbar-corner{background:0 0}.search-dropdown::-webkit-scrollbar-corner{background:0 0}.table-scroll::-webkit-scrollbar-corner{background:0 0}.selection-empty{text-align:center;border:1px dashed var(--border-subtle);border-radius:var(--radius-md);color:var(--text-dim);flex:1;justify-content:center;align-items:center;padding:18px;font-size:12.5px;line-height:1.55;display:flex}.selection-hint{color:var(--text-dim);margin:0;padding-top:4px;font-size:12.5px;line-height:1.55}.selection-hint kbd{background:var(--bg-deep);border:1px solid var(--border-strong);font-family:var(--font-mono);color:var(--text-default);border-radius:6px;margin:0 2px;padding:1px 6px;font-size:11px;display:inline-block}.selection-hint code{background:var(--bg-deep);border:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--violet-300);border-radius:6px;padding:1px 6px;font-size:11px}.selection-hint em{color:var(--violet-200);font-style:normal;font-weight:600}.search-field{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-pill);z-index:50;align-items:center;gap:10px;width:clamp(260px,28vw,360px);padding:10px 14px 10px 42px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex;position:relative}.search-field.is-open{z-index:80}.search-field:hover{border-color:var(--border-strong)}.search-field:focus-within{border-color:var(--violet-500);background:var(--bg-card-strong);box-shadow:var(--ring-focus)}.search-field-icon{width:16px;height:16px;color:var(--text-dim);pointer-events:none;transition:color .16s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-field:focus-within .search-field-icon{color:var(--violet-300)}.search-field-input{color:var(--text-strong);background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13.5px}.search-field-input::placeholder{color:var(--text-faint)}.search-field-mode{border:1px solid var(--border-strong);background:var(--bg-elevated);border-radius:var(--radius-pill);width:30px;height:22px;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:-.02em;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:600;transition:background .14s,color .14s,border-color .14s,box-shadow .14s;display:inline-flex}.search-field-mode:hover{color:var(--violet-200);border-color:#a78bfa66}.search-field-mode.active{background:linear-gradient(180deg, var(--violet-500), var(--violet-700));color:#fff;border-color:#0000;box-shadow:0 4px 12px -4px #7c3aed99}.search-field-clear{background:var(--bg-elevated);border-radius:var(--radius-pill);width:22px;height:22px;color:var(--text-muted);border:0;justify-content:center;align-items:center;transition:background .14s,color .14s;display:inline-flex}.search-field-clear:hover{background:var(--violet-900);color:var(--violet-200)}.search-dropdown{z-index:100;background:var(--bg-card-strong);border:1px solid var(--border-soft);border-radius:var(--radius-md);flex-direction:column;max-height:360px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 26px 60px -28px #000000b3,0 0 0 1px #7c3aed2e}.search-dropdown-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;gap:2px;padding:9px 12px;transition:background .12s;display:flex}.search-dropdown-item strong{color:var(--text-strong);letter-spacing:-.005em;font-size:13.5px;font-weight:600}.search-dropdown-item span{font-size:11.5px;font-family:var(--font-mono);color:var(--text-dim);letter-spacing:0}.search-dropdown-item:hover,.search-dropdown-item:focus-visible{background:#7c3aed2e;outline:none}.search-dropdown-item.is-highlighted,.search-dropdown-item.is-highlighted:hover{background:linear-gradient(#7c3aed52,#7c3aed38);box-shadow:inset 0 0 0 1px #a78bfa73}.search-dropdown-empty{text-align:center;color:var(--text-dim);padding:14px 14px 16px;font-size:13px}.search-dropdown-empty strong{color:var(--text-default);font-weight:600}.search-dropdown-bulk{color:var(--violet-100,#ede9fe);letter-spacing:-.005em;text-align:left;cursor:pointer;background:linear-gradient(#7c3aed38,#7c3aed1f);border:1px solid #a78bfa5c;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding:9px 12px;font-size:12.5px;font-weight:600;transition:background .14s,border-color .14s,transform .14s;display:flex}.search-dropdown-bulk:hover{background:linear-gradient(#7c3aed57,#7c3aed33);border-color:#a78bfa99}.search-dropdown-bulk:active{transform:scale(.99)}.search-dropdown-bulk-count{border-radius:var(--radius-pill);color:#fff;min-width:26px;height:22px;font-family:var(--font-mono);letter-spacing:0;background:#ffffff2e;justify-content:center;align-items:center;padding:0 8px;font-size:11.5px;font-weight:600;display:inline-flex}.search-dropdown-more{color:var(--text-dim);text-align:center;padding:10px 12px 4px;font-size:11.5px}.search-dropdown-more em{color:var(--violet-200);font-style:normal;font-weight:600}.selection-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.selection-chip{border-radius:var(--radius-pill);color:var(--violet-100,#ede9fe);letter-spacing:-.005em;background:linear-gradient(#a78bfa2e,#7c3aed1f);border:1px solid #a78bfa66;align-items:center;gap:8px;padding:6px 6px 6px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.selection-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.selection-chip-remove{width:20px;height:20px;color:var(--violet-200);background:#ffffff14;border:0;border-radius:50%;justify-content:center;align-items:center;transition:background .14s,color .14s;display:inline-flex}.selection-chip-remove:hover{background:var(--tone-red-bg);color:var(--tone-red)}.selection-chip-remove svg{width:11px;height:11px}.selection-clear{border:1px dashed var(--border-strong);border-radius:var(--radius-pill);color:var(--text-dim);background:0 0;margin-left:4px;padding:5px 12px;font-size:12px;font-weight:500;transition:color .14s,border-color .14s}.selection-clear:hover{color:var(--tone-red);border-color:var(--tone-red-border)}.refresh-button{border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--violet-500) 0%, var(--violet-600) 100%);color:#fff;letter-spacing:-.005em;box-shadow:var(--shadow-pop);border:1px solid #0000;align-items:center;gap:8px;padding:10px 16px 10px 14px;font-size:13.5px;font-weight:600;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex}.refresh-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.refresh-button:active:not(:disabled){transform:translateY(0)}.refresh-button-icon{width:16px;height:16px;transition:transform .2s}.refresh-button.is-loading .refresh-button-icon{animation:1s linear infinite spin}.refresh-button-pill{border-radius:var(--radius-pill);min-width:22px;height:22px;font-family:var(--font-mono);letter-spacing:0;background:#ffffff2e;justify-content:center;align-items:center;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);isolation:isolate;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";z-index:-1;background:radial-gradient(120% 100% at 100% 0,#7c3aed1a,#0000 55%);position:absolute;inset:0}.stat-card-body{flex-direction:column;gap:6px;min-width:0;display:flex}.stat-card-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:600}.stat-card-value{letter-spacing:-.025em;color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:clamp(26px,2.8vw,32px);font-weight:700;line-height:1.05}.stat-card-hint{color:var(--text-dim);font-size:12px}.stat-card-glyph{background:linear-gradient(180deg, var(--violet-500) 0%, var(--violet-700) 100%);color:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;box-shadow:inset 0 1px #ffffff29,0 8px 18px -10px #7c3aed99}.stat-card-icon{width:18px;height:18px}.stat-card.orange .stat-card-glyph{background:linear-gradient(#fdba74 0%,#ea580c 100%);box-shadow:inset 0 1px #fff3,0 8px 18px -10px #ea580c99}.stat-card.orange .stat-card-value{color:#fdba74}.stat-card.red .stat-card-glyph{background:linear-gradient(#fca5a5 0%,#dc2626 100%);box-shadow:inset 0 1px #fff3,0 8px 18px -10px #dc262699}.stat-card.red .stat-card-value{color:#fca5a5}.stat-card.green .stat-card-glyph{background:linear-gradient(#6ee7b7 0%,#059669 100%);box-shadow:inset 0 1px #fff3,0 8px 18px -10px #05966999}.stat-card.green .stat-card-value{color:#86efac}.stat-card.cyan .stat-card-glyph{background:linear-gradient(#7dd3fc 0%,#0284c7 100%);box-shadow:inset 0 1px #fff3,0 8px 18px -10px #0284c799}.stat-card.cyan .stat-card-value{color:#7dd3fc}.stat-card.violet .stat-card-value{color:var(--violet-300)}.stat-card.is-alerting{border-color:#f8717159;animation:1.8s cubic-bezier(.28,0,.34,1) infinite stat-alerting}.stat-card.is-alerting .stat-card-glyph{animation:1.8s cubic-bezier(.28,0,.34,1) infinite stat-alerting-glyph}@keyframes stat-alerting{0%,to{box-shadow:var(--shadow-card), 0 0 0 0 #f8717159}10%{box-shadow:var(--shadow-card), 0 0 0 4px #f8717140}44%{box-shadow:var(--shadow-card), 0 0 0 6px #f871712e}60%{box-shadow:var(--shadow-card), 0 0 0 12px #f8717100}}@keyframes stat-alerting-glyph{0%,30%,70%,to{transform:scale(1)}10%{transform:scale(1.08)}44%{transform:scale(1.05)}}.stat-card.is-resting .stat-card-glyph{animation:3.6s ease-in-out infinite stat-resting-glyph}@keyframes stat-resting-glyph{0%,to{box-shadow:inset 0 1px #fff3,0 8px 18px -10px #05966999}50%{box-shadow:inset 0 1px #fff3,0 10px 26px -8px #34d3998c}}.filters-card{z-index:40;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px 20px;position:relative}.filters-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}@media (width<=980px){.filters-grid{grid-template-columns:1fr;gap:18px}}.filters-col{flex-direction:column;gap:12px;min-width:0;display:flex}.filters-col-head{letter-spacing:.16em;text-transform:uppercase;color:var(--violet-300);margin-bottom:2px;padding-left:4px;font-size:11px;font-weight:700}.filters-help{color:var(--text-dim);max-width:38ch;margin:4px 4px 0;font-size:12px;line-height:1.55}.filters-row-stacked{align-items:flex-start}.filters-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.filters-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);flex:0 0 110px;font-size:11.5px;font-weight:700}.segmented{background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:4px;display:inline-flex}.segmented-option{border-radius:var(--radius-pill);color:var(--text-muted);letter-spacing:0;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:7px 16px;font-size:13px;font-weight:600;transition:color .16s,background .16s,transform .16s}.segmented-option:hover:not(.active){color:var(--text-default)}.segmented-option.active{background:linear-gradient(180deg, var(--violet-500), var(--violet-600));color:#fff;box-shadow:0 6px 16px -8px #7c3aeda6}.segmented-option-custom{align-items:center;gap:6px;display:inline-flex}.segmented-option-icon{flex:none;width:14px;height:14px}.filters-row-custom .filters-label{align-self:center}.date-range{background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:inline-flex}.datepicker{z-index:1;flex-direction:column;gap:4px;display:flex;position:relative}.datepicker:has(.datepicker-popover){z-index:80}.date-input-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);padding-left:6px;font-size:10px;font-weight:700}.datepicker-trigger{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-pill);color:var(--text-strong);font-size:13px;font-family:var(--font-mono);letter-spacing:0;cursor:pointer;align-items:center;gap:10px;min-width:168px;padding:10px 16px;transition:border-color .14s,box-shadow .14s,background .14s;display:inline-flex}.datepicker-trigger:hover{border-color:var(--border-strong);background:var(--bg-card-strong)}.datepicker-trigger.is-open{border-color:var(--violet-500);box-shadow:var(--ring-focus);background:var(--bg-card-strong)}.datepicker-trigger-icon{width:14px;height:14px;color:var(--violet-300);flex:none}.datepicker-trigger-value{text-align:left;flex:1}.datepicker-popover{z-index:120;border-radius:var(--radius-md);background:var(--bg-card-strong);border:1px solid var(--border-soft);width:280px;padding:14px;animation:.14s modal-fade;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 26px 60px -28px #000000b3,0 0 0 1px #7c3aed2e}.datepicker-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.datepicker-nav{background:var(--bg-elevated);width:28px;height:28px;color:var(--text-muted);border:0;border-radius:8px;justify-content:center;align-items:center;transition:background .14s,color .14s;display:inline-flex}.datepicker-nav:hover{color:var(--violet-200);background:#7c3aed3d}.datepicker-nav svg{width:14px;height:14px}.datepicker-month{letter-spacing:-.005em;color:var(--text-strong);font-size:13px;font-weight:600}.datepicker-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px;display:grid}.datepicker-weekdays span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);text-align:center;padding:4px 0;font-size:10.5px;font-weight:700}.datepicker-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.datepicker-day{height:32px;color:var(--text-default);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:12.5px;font-weight:500;transition:background .14s,color .14s,box-shadow .14s}.datepicker-day:hover:not(:disabled):not(.is-selected){color:var(--text-strong);background:#7c3aed2e}.datepicker-day.is-outside{color:var(--text-faint)}.datepicker-day.is-today{box-shadow:inset 0 0 0 1px #a78bfa8c}.datepicker-day.is-selected,.datepicker-day.is-selected:hover{background:linear-gradient(180deg, var(--violet-500), var(--violet-700));color:#fff;box-shadow:0 4px 12px -6px #7c3aeda6}.datepicker-day:disabled{color:var(--text-faint);opacity:.32;cursor:not-allowed}.datepicker-foot{border-top:1px solid var(--border-subtle);justify-content:flex-end;margin-top:10px;padding-top:10px;display:flex}.datepicker-foot-button{border-radius:var(--radius-pill);color:var(--violet-300);letter-spacing:-.005em;background:0 0;border:0;padding:6px 12px;font-size:12px;font-weight:600;transition:background .14s,color .14s}.datepicker-foot-button:hover:not(:disabled){color:var(--violet-200);background:#7c3aed2e}.datepicker-foot-button:disabled{color:var(--text-faint);cursor:not-allowed}.date-range-sep{color:var(--text-dim);align-self:end;padding-bottom:12px;font-size:16px}.date-apply{border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--violet-500), var(--violet-700));color:#fff;letter-spacing:-.005em;border:0;align-self:end;padding:9px 18px;font-size:13px;font-weight:600;transition:filter .14s,transform .14s,opacity .14s;box-shadow:0 6px 16px -8px #7c3aed99}.date-apply:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.date-apply:disabled{background:var(--bg-elevated);color:var(--text-dim);box-shadow:none;cursor:not-allowed;opacity:1}.type-pills{flex-wrap:wrap;gap:8px;display:flex}.type-pill{border-radius:var(--radius-pill);background:var(--bg-deep);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:7px 14px 7px 9px;font-size:13px;font-weight:500;transition:color .16s,background .16s,border-color .16s;display:inline-flex;position:relative}.type-pill:hover{color:var(--text-default);border-color:var(--border-strong)}.type-pill input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.type-pill-check{background:var(--bg-elevated);border:1px solid var(--border-strong);color:#0000;border-radius:5px;justify-content:center;align-items:center;width:16px;height:16px;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.type-pill-check svg{width:12px;height:12px}.type-pill.active{color:var(--violet-100,#ede9fe);background:#7c3aed2e;border-color:#a78bfa8c}.type-pill.active .type-pill-check{background:linear-gradient(180deg, var(--violet-400), var(--violet-600));color:#fff;border-color:#0000}.type-pill:focus-within{box-shadow:var(--ring-focus);outline:0}.table-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border-subtle);background:linear-gradient(#7c3aed0f,#0000 80%);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.table-toolbar-meta{color:var(--text-muted);align-items:baseline;gap:8px;font-size:13px;display:flex}.table-toolbar-meta strong{letter-spacing:-.02em;color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.table-toolbar-window{color:var(--text-dim);font-size:12px;font-family:var(--font-mono);letter-spacing:.02em}.table-scroll{overflow-x:auto}.table-header,.monitor-row{grid-template-columns:minmax(260px,1.7fr) repeat(5,minmax(96px,.78fr)) minmax(150px,1fr) minmax(150px,.95fr);align-items:center;gap:14px;display:grid}.table-header{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--border-subtle);background:#0709128c;padding:12px 20px;font-size:10.5px;font-weight:700}.monitor-row{border-bottom:1px solid #23253ab3;min-height:76px;padding:16px 20px;transition:background .16s}.monitor-row:last-child{border-bottom:0}.monitor-row:hover{background:#7c3aed0f}.monitor-name{align-items:center;gap:12px;min-width:0;display:flex}.monitor-name strong{color:var(--text-strong);letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;display:block;overflow:hidden}.monitor-name span{color:var(--text-dim);font-size:11.5px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.status-dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.metric strong{color:var(--text-strong);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:15px;font-weight:600;display:block}.metric span{color:var(--text-dim);margin-top:3px;font-size:11.5px;display:block}.metric-uptime strong{font-variant-numeric:tabular-nums}.uptime-bar{border-radius:var(--radius-pill);background:#23253ad9;height:5px;margin-top:6px;position:relative;overflow:hidden}.uptime-bar span{height:100%;width:var(--uptime-pct,0%);border-radius:inherit;background:linear-gradient(90deg,#22c55e,#34d399);transition:width .24s;display:block;position:relative;overflow:hidden;box-shadow:0 0 8px #22c55e66}.uptime-bar:not([data-tone=warn]):not([data-tone=bad]) span:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c 45%,#ffffffb3 50%,#ffffff8c 55%,#0000);width:35%;animation:4.2s ease-in-out infinite uptime-ekg-sheen;position:absolute;top:0;bottom:0;left:-50%}@keyframes uptime-ekg-sheen{0%{left:-50%}60%,to{left:130%}}.uptime-bar[data-tone=warn] span{background:linear-gradient(90deg, #f59e0b, var(--tone-orange));box-shadow:0 0 8px #fb923c73}.uptime-bar[data-tone=bad] span{background:linear-gradient(90deg, #ef4444, var(--tone-red));box-shadow:0 0 8px #f8717173}.match-row .metric strong{color:var(--tone-cyan)}.monitor-row-skeleton{pointer-events:none}.monitor-row-skeleton:hover{background:0 0}.skeleton{background:linear-gradient(90deg,#23253a99 0%,#3c3e5cd9 50%,#23253a99 100%) 0 0/220% 100%;border-radius:6px;animation:1.6s ease-in-out infinite shimmer;display:block}.skeleton-dot{border-radius:50%;flex:none;width:9px;height:9px}.skeleton-name-stack{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.skeleton-name{width:62%;height:14px}.skeleton-meta{width:42%;height:11px}.skeleton-value{width:56%;height:14px}.skeleton-label{width:72%;height:10px;margin-top:5px}.skeleton-bar{border-radius:var(--radius-pill);width:100%;height:5px;margin-top:6px}.skeleton-status{width:70%;height:12px}@keyframes shimmer{0%{background-position:220% 0}to{background-position:-120% 0}}.active-now{color:var(--tone-red);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.active-now:before{content:"";background:var(--tone-red);width:6px;height:6px;box-shadow:0 0 8px var(--tone-red);border-radius:50%;animation:1.6s ease-in-out infinite pulse}.quiet-now{color:var(--text-dim);font-size:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:56px 32px;display:flex}.empty-state-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--violet-300);font-size:11px;font-weight:700}.empty-state-title{letter-spacing:-.02em;color:var(--text-strong);margin:0;font-size:22px;font-weight:700}.empty-state-copy{max-width:48ch;color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.6}.empty-state-copy code{background:var(--bg-deep);border:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--violet-300);border-radius:6px;padding:1px 7px;font-size:12px}.empty-state-cta .primary-button{margin-top:10px}.primary-button{border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--violet-500) 0%, var(--violet-700) 100%);color:#fff;letter-spacing:-.005em;box-shadow:var(--shadow-pop);border:0;align-items:center;gap:8px;padding:11px 20px;font-size:13.5px;font-weight:600;transition:transform .16s,filter .16s;display:inline-flex}.primary-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.error-banner{border-radius:var(--radius-md);color:#fecaca;background:#ef44441a;border:1px solid #ef44444d;padding:12px 16px;font-size:13.5px}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(8px);background:#070812a6;justify-content:center;align-items:center;padding:24px;animation:.18s modal-fade;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius-lg);background:var(--bg-card-strong);border:1px solid var(--border-soft);width:min(440px,100%);padding:28px 28px 22px;animation:.2s cubic-bezier(.22,1,.36,1) modal-pop;box-shadow:0 36px 80px -20px #000000b3,0 0 0 1px #7c3aed2e}.modal-glyph{color:#fff;background:linear-gradient(#fdba74,#ea580c);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:inline-flex;box-shadow:inset 0 1px #fff3,0 10px 22px -10px #ea580c99}.modal-glyph svg{width:22px;height:22px}.modal-title{letter-spacing:-.02em;color:var(--text-strong);margin:0 0 8px;font-size:20px;font-weight:700}.modal-copy{color:var(--text-muted);max-width:42ch;margin:0 0 22px;font-size:13.5px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-button-ghost{border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-muted);letter-spacing:-.005em;background:0 0;padding:10px 18px;font-size:13.5px;font-weight:500;transition:color .14s,border-color .14s,background .14s}.modal-button-ghost:hover{color:var(--text-strong);border-color:var(--text-dim);background:#ffffff08}.modal-button-primary{border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--violet-500), var(--violet-700));color:#fff;letter-spacing:-.005em;box-shadow:var(--shadow-pop);border:0;align-items:center;gap:8px;padding:10px 18px 10px 16px;font-size:13.5px;font-weight:600;transition:transform .14s,filter .14s;display:inline-flex}.modal-button-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.app-main>.section-block{animation:.38s cubic-bezier(.22,1,.36,1) both rise}:is(.app-main>.section-block:has(.selection-card),.app-main>.section-block:has(.filters-card)){animation:none}.app-main>:nth-child(2){animation-delay:70ms}.app-main>:nth-child(3){animation-delay:.12s}.app-main>:nth-child(4){animation-delay:.17s}.app-main>:nth-child(5){animation-delay:.22s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=1080px){.topbar{gap:12px;padding:12px 18px}.topbar-logo{height:30px}.topbar-meta{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header{flex-direction:column;align-items:stretch}.page-actions{flex-wrap:wrap}.search-field{width:100%}.table-scroll{overflow-x:auto}.table-header,.monitor-row{min-width:1180px}}@media (width<=640px){.app-main{padding:18px 16px 40px}.stats-grid{grid-template-columns:1fr}.filters-label{flex:none}}
