:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070b;--bg-deep:#020409;--surface:#0c1017cc;--border:#ffffff14;--text:#f4f7fb;--muted:#93a1b5;--muted-strong:#c7d2df;--accent:#d7b267;--accent-strong:#f2d295;--cyan:#59d5ff;--danger:#ff8fb1;--shadow:0 40px 120px #0000006b;--font-sans:"Manrope", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", monospace;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at 10% 0%, #59d5ff1f, transparent 24%), radial-gradient(circle at 90% 0%, #d7b26724, transparent 20%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0}body:before{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#ffffff59,#0000 72%);mask-image:linear-gradient(#ffffff59,#0000 72%)}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{width:min(1480px,100% - 32px);margin:0 auto;padding:32px 0 48px}.hero{border:1px solid var(--border);box-shadow:var(--shadow);background:radial-gradient(circle at 0 0,#59d5ff24,#0000 24%),radial-gradient(circle at 100% 0,#e9c46a24,#0000 18%),linear-gradient(#0d1119f5,#080c14eb);border-radius:32px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);gap:24px;margin-bottom:24px;padding:30px;display:grid}.hero-copy h1{letter-spacing:-.06em;margin:0 0 14px;font-size:clamp(2.6rem,5vw,4.6rem);line-height:.95}.hero-text,.panel-copy,.json-card-subtitle,.field-help{color:var(--muted-strong);line-height:1.7}.hero-meta{gap:12px;display:grid}.hero-stat,.metric-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:22px;padding:18px}.hero-stat{gap:8px;display:grid}.hero-stat-label,.metric-label{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.hero-stat strong,.metric-value{font-size:1rem;font-weight:800}.layout-grid{grid-template-columns:300px minmax(0,1fr);gap:24px;display:grid}.content-grid{gap:24px;display:grid}.sidebar-card,.panel,.json-card{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px}.sidebar-card{gap:20px;height:fit-content;padding:18px;display:grid;position:sticky;top:20px}.sidebar-section{gap:12px;display:grid}.panel{box-shadow:var(--shadow);padding:24px}.panel-header,.json-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.eyebrow{color:var(--accent-strong);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-size:11px;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(135deg, var(--cyan), var(--accent));border-radius:999px;width:8px;height:8px}.panel h2{letter-spacing:-.04em;margin:0 0 10px;font-size:1.55rem}.metric-grid,.responsive-grid,.two-column-grid{gap:14px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.responsive-grid,.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-row,.button-row,.tab-row{flex-wrap:wrap;gap:10px;display:flex}.toolbar-row{margin-bottom:16px}.grow{flex:240px}.preset-stack{gap:10px;display:grid}.preset-button,.tab-button,.primary-button,.ghost-button{cursor:pointer;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:800;transition:transform .18s,border-color .18s,background-color .18s;display:inline-flex}.preset-button,.tab-button,.ghost-button{color:var(--text);background:#ffffff0a}.preset-button:hover,.tab-button:hover,.primary-button:hover,.ghost-button:hover{border-color:#ffffff29;transform:translateY(-1px)}.primary-button,.tab-button.is-active{color:#07121b;background:linear-gradient(135deg, var(--accent), var(--accent-strong));border-color:#0000}.ghost-button.danger{color:var(--danger)}.field{gap:8px;display:grid}.field-label{color:var(--muted);letter-spacing:.04em;font-size:12px;font-weight:700}.field-input,.field-select{width:100%;min-height:44px;color:var(--text);background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;outline:none;padding:0 14px;font-family:inherit;font-size:14px}.field-input:focus,.field-select:focus{border-color:#59d5ff4d;box-shadow:0 0 0 4px #59d5ff14}.field-help{margin:0;font-size:12px}.form-grid{gap:16px;display:grid}.status-badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;min-height:38px;padding:0 16px;font-size:12px;font-weight:800;display:inline-flex}.status-badge:before{content:"";border-radius:999px;width:8px;height:8px}.status-badge-live{color:#9ef2bf;background:#6ee7b714}.status-badge-live:before{background:#6ee7b7}.status-badge-snapshot{color:var(--cyan);background:#59d5ff14}.status-badge-snapshot:before{background:var(--cyan)}.status-badge-warning{color:var(--accent-strong);background:#e9c46a14}.status-badge-warning:before{background:var(--accent)}.status-badge-danger{color:var(--danger);background:#ff8fb114}.status-badge-danger:before{background:var(--danger)}.table-shell{background:linear-gradient(#ffffff08,#ffffff04),#060a10f5;border:1px solid #ffffff14;border-radius:24px;overflow:hidden}.price-table{border-collapse:collapse;width:100%}.price-table thead th{text-align:left;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid #ffffff14;padding:14px 16px;font-size:11px;font-weight:800}.price-table tbody td{border-bottom:1px solid #ffffff0d;padding:15px 16px}.price-table tbody tr:last-child td{border-bottom:none}.row-highlight td{background:#59d5ff14}.mono{font-family:var(--font-mono)}.strong{font-weight:700}.accent{color:var(--accent-strong)}.empty-state,.error-banner{border-radius:20px;padding:18px;font-size:14px}.empty-state{color:var(--muted)}.error-banner{color:#ffc3d3;background:#ff8fb114;border:1px solid #ff8fb12e;margin-bottom:16px}.json-card{padding:22px}.json-card-default{background:linear-gradient(#0b0f18f5,#070a12f0)}.json-card-success{background:radial-gradient(circle at 100% 0,#6ee7b714,#0000 28%),linear-gradient(#0b0f18f5,#070a12f0)}.json-card-error{background:radial-gradient(circle at 100% 0,#ff8fb114,#0000 28%),linear-gradient(#0b0f18f5,#070a12f0)}.json-pre{color:#dbe7f5;font-family:var(--font-mono);background:#0000003d;border:1px solid #ffffff12;border-radius:22px;margin:0;padding:18px;font-size:13px;line-height:1.7;overflow:auto}.stacked{display:grid}@media (width<=1200px){.layout-grid,.hero,.two-column-grid,.responsive-grid,.metric-grid{grid-template-columns:1fr}.sidebar-card{position:static}}@media (width<=720px){.app-shell{width:calc(100% - 20px);padding-top:16px}.hero,.panel,.sidebar-card,.json-card{border-radius:24px;padding:20px}.panel-header,.json-card-header,.toolbar-row,.button-row,.tab-row{flex-direction:column}}