:root{--bg-base: #000000;--bg-subtle: #08090c;--bg-surface: rgba(18, 18, 22, .72);--bg-surface-elevated: rgba(28, 28, 34, .85);--bg-surface-card: rgba(18, 18, 22, .65);--bg-surface-glass: rgba(14, 14, 18, .82);--bg-glass-heavy: rgba(10, 10, 14, .92);--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .1);--bg-input: rgba(255, 255, 255, .04);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--border-hover: rgba(255, 255, 255, .22);--border-focus: #2997ff;--border-glow: rgba(41, 151, 255, .35);--text-primary: #f5f5f7;--text-secondary: #86868b;--text-tertiary: #6e6e73;--text-quaternary: #48484a;--accent-blue: #2997ff;--accent-blue-bg: rgba(41, 151, 255, .12);--accent-cyan: #64d2ff;--accent-cyan-bg: rgba(100, 210, 255, .12);--accent-emerald: #30d158;--accent-emerald-bg: rgba(48, 209, 88, .12);--accent-amber: #ff9f0a;--accent-amber-bg: rgba(255, 159, 10, .12);--accent-crimson: #ff453a;--accent-crimson-bg: rgba(255, 69, 58, .12);--accent-purple: #bf5af2;--accent-purple-bg: rgba(191, 90, 242, .12);--color-healthy: #30d158;--color-healthy-bg: rgba(48, 209, 88, .12);--color-warning: #ff9f0a;--color-warning-bg: rgba(255, 159, 10, .12);--color-critical: #ff453a;--color-critical-bg: rgba(255, 69, 58, .12);--color-matlab: #bf5af2;--color-matlab-bg: rgba(191, 90, 242, .12);--shadow-subtle: 0 4px 16px rgba(0, 0, 0, .4);--shadow-card: 0 10px 30px -5px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-elevated: 0 20px 50px -10px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .12);--shadow-glow-blue: 0 0 24px rgba(41, 151, 255, .25);--shadow-glow-emerald: 0 0 24px rgba(48, 209, 88, .25);--shadow-glow-purple: 0 0 24px rgba(191, 90, 242, .25);--grid-line: rgba(255, 255, 255, .025);--ambient-orb-1: radial-gradient(circle, rgba(41, 151, 255, .14) 0%, transparent 70%);--ambient-orb-2: radial-gradient(circle, rgba(191, 90, 242, .12) 0%, transparent 70%);--ambient-orb-3: radial-gradient(circle, rgba(48, 209, 88, .08) 0%, transparent 70%);--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-smooth: all .25s cubic-bezier(.16, 1, .3, 1);--transition-spring: transform .4s cubic-bezier(.34, 1.56, .64, 1)}html[data-theme=light]{--bg-base: #f5f5f7;--bg-subtle: #eaeaea;--bg-surface: rgba(255, 255, 255, .82);--bg-surface-elevated: #ffffff;--bg-surface-card: rgba(255, 255, 255, .88);--bg-surface-glass: rgba(255, 255, 255, .85);--bg-glass-heavy: rgba(245, 245, 247, .95);--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .08);--bg-input: rgba(0, 0, 0, .03);--border-subtle: rgba(0, 0, 0, .07);--border-medium: rgba(0, 0, 0, .12);--border-hover: rgba(0, 0, 0, .22);--border-focus: #0071e3;--border-glow: rgba(0, 113, 227, .25);--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--text-quaternary: #aeaeb2;--accent-blue: #0071e3;--accent-blue-bg: rgba(0, 113, 227, .08);--accent-cyan: #0284c7;--accent-cyan-bg: rgba(2, 132, 199, .08);--accent-emerald: #28cd41;--accent-emerald-bg: rgba(40, 205, 65, .1);--accent-amber: #f59e0b;--accent-amber-bg: rgba(245, 158, 11, .1);--accent-crimson: #ff3b30;--accent-crimson-bg: rgba(255, 59, 48, .08);--accent-purple: #af52de;--accent-purple-bg: rgba(175, 82, 222, .1);--color-healthy: #28cd41;--color-healthy-bg: rgba(40, 205, 65, .1);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--color-critical: #ff3b30;--color-critical-bg: rgba(255, 59, 48, .08);--color-matlab: #af52de;--color-matlab-bg: rgba(175, 82, 222, .1);--shadow-subtle: 0 2px 10px rgba(0, 0, 0, .04);--shadow-card: 0 4px 20px -2px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .06);--shadow-elevated: 0 16px 40px -8px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .08);--shadow-glow-blue: 0 0 20px rgba(0, 113, 227, .16);--shadow-glow-emerald: 0 0 20px rgba(40, 205, 65, .16);--shadow-glow-purple: 0 0 20px rgba(175, 82, 222, .16);--grid-line: rgba(0, 0, 0, .035);--ambient-orb-1: radial-gradient(circle, rgba(0, 113, 227, .07) 0%, transparent 70%);--ambient-orb-2: radial-gradient(circle, rgba(175, 82, 222, .06) 0%, transparent 70%);--ambient-orb-3: radial-gradient(circle, rgba(40, 205, 65, .05) 0%, transparent 70%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:15px;scroll-behavior:smooth}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;min-height:100vh;overflow-x:hidden;transition:background-color .35s ease,color .35s ease;position:relative}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.parallax-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden;transition:opacity .3s ease}.ambient-orb{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform;transition:transform .2s cubic-bezier(.16,1,.3,1)}.ambient-orb-1{width:650px;height:650px;top:-150px;right:-100px;background:var(--ambient-orb-1)}.ambient-orb-2{width:550px;height:550px;top:45%;left:-150px;background:var(--ambient-orb-2)}.ambient-orb-3{width:500px;height:500px;bottom:-100px;right:20%;background:var(--ambient-orb-3)}.parallax-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 30%,rgba(0,0,0,.85) 0%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,rgba(0,0,0,.85) 0%,transparent 80%)}.app-shell{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;max-width:1480px;width:100%;margin:0 auto;padding:32px 28px 64px;display:flex;flex-direction:column;gap:32px}@media (max-width: 768px){.app-main{padding:20px 16px 48px;gap:24px}}.bento-card{background:var(--bg-surface-card);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .3s ease;position:relative;overflow:hidden}.bento-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.05),transparent 40%);opacity:0;pointer-events:none;transition:opacity .4s ease}.bento-card:hover:before{opacity:1}.bento-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-elevated)}.bento-card-interactive{cursor:pointer}.bento-card-interactive:hover{transform:translateY(-2px)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);background:var(--bg-hover);border:1px solid var(--border-subtle);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-headline{font-family:var(--font-display);font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 30%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subhead{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--text-secondary);line-height:1.55;font-weight:400;max-width:680px}.section-title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.section-desc{font-size:.875rem;color:var(--text-secondary)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);font-size:.775rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition-smooth)}.status-pill.online,.status-pill.healthy{background:var(--color-healthy-bg);color:var(--color-healthy);border:1px solid rgba(48,209,88,.3)}.status-pill.warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(255,159,10,.3)}.status-pill.critical,.status-pill.offline{background:var(--color-critical-bg);color:var(--color-critical);border:1px solid rgba(255,69,58,.3)}.status-pill.matlab{background:var(--color-matlab-bg);color:var(--color-matlab);border:1px solid rgba(191,90,242,.35)}.status-dot{width:7px;height:7px;border-radius:50%;position:relative}.status-dot.healthy,.status-dot.online{background:var(--color-healthy);box-shadow:0 0 8px var(--color-healthy)}.status-dot.warning{background:var(--color-warning);box-shadow:0 0 8px var(--color-warning)}.status-dot.critical,.status-dot.offline{background:var(--color-critical);box-shadow:0 0 8px var(--color-critical);animation:pulse-ring 1.8s infinite}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.9}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.9}}.navbar-shell{position:sticky;top:0;z-index:100;background:var(--bg-surface-glass);backdrop-filter:blur(30px) saturate(210%);-webkit-backdrop-filter:blur(30px) saturate(210%);border-bottom:1px solid var(--border-subtle);transition:background-color .3s ease,border-color .3s ease}.navbar-inner{max-width:1480px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}@media (max-width: 768px){.navbar-inner{padding:12px 16px}}.brand-lockup{display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none}.brand-icon-box{width:38px;height:38px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#0071e3,#bf5af2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0071e366;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.brand-lockup:hover .brand-icon-box{transform:scale(1.06) rotate(3deg)}.brand-text-box h1{font-family:var(--font-display);font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;gap:8px}.brand-text-box p{font-size:.725rem;color:var(--text-tertiary);letter-spacing:.01em}.segmented-control{display:flex;align-items:center;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:4px;gap:3px;overflow-x:auto;scrollbar-width:none}.segmented-control::-webkit-scrollbar{display:none}.segmented-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:.825rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:var(--transition-smooth)}.segmented-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.segmented-tab.active{color:var(--text-primary);background:var(--bg-surface-elevated);box-shadow:var(--shadow-subtle),0 0 0 1px var(--border-medium)}.apple-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 18px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);border:1px solid transparent;text-decoration:none;white-space:nowrap}.apple-btn:active{transform:scale(.97)}.apple-btn-primary{background:var(--accent-blue);color:#fff;box-shadow:0 4px 14px #2997ff59}.apple-btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px #2997ff73}.apple-btn-matlab{background:linear-gradient(135deg,#af52de,#7c3aed);color:#fff;box-shadow:0 4px 16px #af52de66}.apple-btn-matlab:hover{filter:brightness(1.12);box-shadow:0 6px 24px #af52de8c}.apple-btn-glass{background:var(--bg-surface-elevated);border-color:var(--border-medium);color:var(--text-primary)}.apple-btn-glass:hover{background:var(--bg-hover);border-color:var(--border-hover)}.apple-btn-danger{background:var(--accent-crimson-bg);border-color:#ff453a4d;color:var(--accent-crimson)}.apple-btn-danger:hover{background:#ff453a33}.apple-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.spin-anim{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.metrics-bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.metric-bento-card{display:flex;flex-direction:column;justify-content:space-between;min-height:180px}.metric-card-top{display:flex;align-items:center;justify-content:space-between}.metric-icon-title{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.metric-main-value{display:flex;align-items:baseline;gap:6px;margin:12px 0 8px}.huge-num{font-family:var(--font-display);font-size:2.8rem;font-weight:800;letter-spacing:-.04em;line-height:1}.metric-unit-label{font-size:1.1rem;font-weight:600;color:var(--text-tertiary)}.apple-progress-bar{width:100%;height:8px;background:var(--bg-hover);border-radius:var(--radius-full);overflow:hidden;position:relative;margin-top:6px}.apple-progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s cubic-bezier(.16,1,.3,1),background-color .4s ease}.metric-meta-row{display:flex;align-items:center;justify-content:space-between;font-size:.775rem;color:var(--text-secondary);margin-top:14px}.table-viewport{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface-card)}.apple-table{width:100%;border-collapse:collapse;font-size:.85rem;text-align:left}.apple-table th{padding:14px 18px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);background:var(--bg-hover);white-space:nowrap}.apple-table td{padding:14px 18px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);transition:background-color .15s ease}.apple-table tbody tr:hover td{background:var(--bg-hover)}.cupertino-input,.cupertino-select,.cupertino-textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-family:inherit;font-size:.875rem;outline:none;transition:var(--transition-smooth)}.cupertino-input:focus,.cupertino-select:focus,.cupertino-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--border-glow);background:var(--bg-surface-elevated)}.apple-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .25s ease}.apple-modal-card{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-xl);max-width:580px;width:100%;padding:32px;box-shadow:var(--shadow-elevated);animation:scaleUp .3s cubic-bezier(.16,1,.3,1);position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.apple-footer{border-top:1px solid var(--border-subtle);background:var(--bg-subtle);padding:32px 28px;font-size:.8rem;color:var(--text-tertiary);margin-top:auto}.footer-inner{max-width:1480px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}