:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7fbff;--panel:#ffffffc2;--panel-solid:#fff;--panel-soft:#eff6ffb8;--border:#0e2d521f;--text:#102033;--muted:#64748b;--cyan:#0284c7;--yellow:#f59e0b;--green:#059669;--red:#e11d48;--orange:#ea580c;--shadow:0 24px 70px #0f172a1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;width:100%}body{width:100%;min-width:320px;color:var(--text);background:radial-gradient(circle at 8% 8%,#fbbf2440,#0000 32%),radial-gradient(circle at 92% 4%,#0ea5e933,#0000 34%),linear-gradient(#f8fbff 0%,#eef8ff 44%,#fff7ed 100%);margin:0}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;padding:clamp(14px,2.2vw,30px);position:relative;overflow-x:hidden}.app-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#0284c70e 1px,#0000 1px),linear-gradient(90deg,#0284c70e 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.orb{filter:blur(88px);opacity:.34;pointer-events:none;border-radius:999px;width:420px;height:420px;position:fixed}.orb-one{background:#38bdf8;top:170px;left:-130px}.orb-two{background:#fbbf24;bottom:80px;right:-120px}.dashboard-container{z-index:1;width:min(1360px,100%);margin:0 auto;position:relative}.header{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(135deg,#ffffffeb,#eff6ffa8),radial-gradient(circle at 72% 12%,#fbbf2433,#0000 32%);border-radius:clamp(26px,4vw,42px);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:clamp(18px,3vw,34px);margin-bottom:22px;padding:clamp(18px,3vw,34px);display:grid}.hero-copy{min-width:0}.header-label{color:#075985;background:#e0f2fecc;border:1px solid #0284c72b;border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:9px 13px;font-size:13px;font-weight:900;display:inline-flex}.header-label span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header h1{letter-spacing:-.07em;background:linear-gradient(90deg,#0f172a 0%,#0284c7 48%,#f59e0b 92%);color:#0000;overflow-wrap:anywhere;-webkit-background-clip:text;background-clip:text;margin:18px 0 12px;font-size:clamp(42px,7vw,84px);line-height:.9}.header p{color:#526174;max-width:880px;margin:0;font-size:clamp(14px,1.7vw,16px);line-height:1.75}.header-actions{grid-template-columns:1fr;gap:12px;min-width:235px;display:grid}.last-update,.server-card,.stat-card,.panel,.prediction-card,.insight-strip{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.last-update{background:#ffffffd1;border-radius:22px;padding:14px 16px}.last-update span,.server-card span,.insight-strip span,.model-summary-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:900;display:block}.last-update strong,.server-card strong,.insight-strip strong,.model-summary-grid strong{color:var(--text);margin-top:4px;font-size:15px;line-height:1.25;display:block}.primary-button{color:#082f49;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#0ea5e9);border:0;border-radius:22px;justify-content:center;align-items:center;gap:8px;padding:15px 18px;font-weight:950;transition:transform .2s,opacity .2s;display:inline-flex;box-shadow:0 18px 45px #0ea5e938}.primary-button:hover,.switch-button:hover,.secondary-button:hover:not(:disabled){opacity:.94;transform:translateY(-2px)}.server-card{background:#ffffffd1;border-radius:22px;align-items:center;gap:12px;padding:13px 15px;display:flex}.pulse-icon{color:var(--green);animation:1.4s infinite pulse}@keyframes pulse{0%,to{opacity:.35;transform:scale(.96)}50%{opacity:1;transform:scale(1.08)}}.hero-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.stat-card,.panel,.prediction-card,.insight-strip{border-radius:30px}.stat-card{background:linear-gradient(#ffffffeb,#f0f9ffb8);min-width:0;padding:clamp(15px,1.7vw,19px)}.stat-card-top,.panel-header,.prediction-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.stat-icon,.source-icon{width:46px;height:46px;color:var(--cyan);background:#0ea5e91c;border:1px solid #0ea5e929;border-radius:18px;flex:none;place-items:center;display:grid}.live-pill{color:var(--green);background:#0596691a;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:950}.stat-content{margin-top:18px}.stat-content p{color:#334155;margin:0;font-size:13px;font-weight:900}.stat-value{align-items:flex-end;gap:7px;min-width:0;margin-top:7px;display:flex}.stat-value strong{letter-spacing:-.05em;overflow-wrap:anywhere;min-width:0;font-size:clamp(22px,2.1vw,28px);line-height:1}.stat-value span{color:var(--muted);white-space:nowrap;margin-bottom:3px;font-size:12px;font-weight:900}.stat-content small{color:var(--muted);margin-top:10px;line-height:1.45;display:block}.insight-strip{background:linear-gradient(90deg,#ffffffe6,#fff7edc7);grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:center;gap:18px;margin-top:18px;padding:clamp(17px,2vw,22px);display:grid;position:relative;overflow:hidden}.insight-strip:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0ea5e91a,#0000 48%,#fbbf2429);position:absolute;inset:0}.insight-strip>*{min-width:0;position:relative}.strip-icon{width:42px;height:42px;color:var(--yellow)}.main-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr);gap:20px;margin-top:20px;display:grid}.secondary-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:20px;margin-top:20px;display:grid}.panel,.prediction-card{background:#ffffffc7;min-width:0;padding:clamp(18px,2.2vw,24px)}.panel h2,.prediction-card h2{letter-spacing:-.03em;margin:0;font-size:clamp(19px,2.1vw,22px)}.panel p,.prediction-card p{color:var(--muted);margin:7px 0 0;line-height:1.6}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:12px;font-weight:950;display:inline-flex}.status-success{color:var(--green);background:#0596691a}.status-warning{color:var(--orange);background:#ea580c1a}.status-danger{color:var(--red);background:#e11d481a}.status-normal{color:var(--cyan);background:#0ea5e91a}.chart-box{width:100%;min-width:0;height:clamp(270px,31vw,382px)}.prediction-card{background:linear-gradient(#e0f2fedb,#fffc 48%)}.prediction-header svg,.panel-header svg{color:var(--yellow);flex:none}.prediction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.prediction-number,.decision-box,.summary-item,.model-summary-grid>div,.optimizer-chart{border:1px solid var(--border);background:#ffffff9e;border-radius:24px;min-width:0;padding:18px}.prediction-number span,.prediction-number small{color:var(--muted);font-size:12px;font-weight:900;display:block}.prediction-number strong{letter-spacing:-.055em;overflow-wrap:anywhere;margin-top:8px;font-size:clamp(28px,3.5vw,34px);line-height:1;display:block}.prediction-number small{margin-top:7px}.ai-chip{color:#334155;background:#e0f2fea3;border:1px solid #0ea5e92e;border-radius:18px;align-items:center;gap:10px;min-width:0;margin-top:14px;padding:12px 14px;font-size:13px;font-weight:900;display:flex}.ai-chip span{min-width:0}.ai-chip strong{color:var(--cyan);white-space:nowrap;margin-left:auto}.ai-chip em{color:var(--muted);white-space:nowrap;font-size:12px;font-style:normal;font-weight:900}.decision-box{margin-top:16px}.decision-badges{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.decision-content{gap:14px;display:flex}.decision-content svg{color:var(--yellow);flex:none;margin-top:3px}.decision-content h3{margin:0;font-size:18px}.summary-list{gap:14px;display:grid}.summary-item{gap:14px;display:flex}.summary-item svg{color:var(--cyan);flex:none}.summary-item strong,.summary-item span{display:block}.summary-item span{color:var(--muted);margin-top:4px;line-height:1.5}.efficiency-box{background:linear-gradient(135deg,#fbbf242e,#0ea5e91a);border:1px solid #f59e0b2e;border-radius:24px;padding:20px}.efficiency-box span{color:#475569;font-size:13px;font-weight:900;display:block}.efficiency-box strong{letter-spacing:-.05em;margin-top:8px;font-size:clamp(32px,4vw,38px);display:block}.table-wrapper,.evaluation-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-wrapper::-webkit-scrollbar{height:8px}.evaluation-table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-thumb{background:#64748b52;border-radius:999px}.evaluation-table-wrapper::-webkit-scrollbar-thumb{background:#64748b52;border-radius:999px}table{border-collapse:collapse;width:100%;min-width:560px}th,td{text-align:left;border-bottom:1px solid #64748b24;padding:13px 12px;font-size:13px}th{color:#334155;text-transform:uppercase;letter-spacing:.07em;font-size:12px}td{color:var(--muted)}.model-panel{margin-top:20px}.model-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.model-summary-grid>div{padding:16px}.model-summary-grid strong{overflow-wrap:anywhere}.model-description{margin:18px 0!important}.model-content-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:stretch;gap:20px;display:grid}.optimizer-chart h3{margin:0 0 12px;font-size:16px}.small-chart-box{width:100%;min-width:0;height:240px}.live-data-panel{margin-bottom:22px}.live-panel-header{align-items:flex-start}.live-source-card{border:1px solid var(--border);background:#ffffff9e;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:16px 0;padding:16px;display:grid}.live-source-card strong,.location-note span{color:var(--text);font-weight:950;display:block}.live-source-card span,.api-note{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.6;display:block}.switch-button,.secondary-button{color:var(--text);cursor:pointer;background:#ffffffc7;border:1px solid #0e2d521f;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-weight:950;transition:transform .2s,opacity .2s;display:inline-flex}.secondary-button:disabled{cursor:not-allowed;opacity:.45}.live-config-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.live-config-grid label{gap:7px;display:grid}.live-config-grid label span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:950}.live-config-grid input{width:100%;color:var(--text);background:#ffffffd1;border:1px solid #0e2d521f;border-radius:14px;outline:none;padding:11px 12px;box-shadow:inset 0 1px #ffffffd9}.live-config-grid input:focus{border-color:#0ea5e96b;box-shadow:0 0 0 4px #0ea5e91a}.live-config-grid input:disabled{opacity:.55}.timezone-field{grid-column:span 2}.live-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.location-note{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}.api-note{background:#fbbf241a;border:1px solid #f59e0b29;border-radius:16px;margin:12px 0 0;padding:12px 14px}@media (width<=1220px){.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.main-grid,.secondary-grid,.model-content-grid{grid-template-columns:1fr}}@media (width<=920px){.header{grid-template-columns:1fr}.header-actions{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.insight-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.strip-icon{display:none}.model-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-source-card{grid-template-columns:auto 1fr}.switch-button{grid-column:1/-1;width:100%}.live-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.app-shell{padding:12px}.orb{filter:blur(55px);opacity:.2;width:220px;height:220px}.header{border-radius:28px;margin-bottom:16px;padding:18px}.header-label{justify-content:center;width:100%;padding:9px 12px;font-size:11px}.header h1{letter-spacing:-.06em;margin-top:14px;font-size:clamp(38px,13vw,52px);line-height:.95}.header p{font-size:14px;line-height:1.65}.header-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%}.server-card{grid-column:1/-1;justify-content:space-between}.primary-button{padding:13px 14px}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card,.panel,.prediction-card,.insight-strip{border-radius:22px}.stat-card{padding:14px}.stat-icon{border-radius:15px;width:38px;height:38px}.live-pill{padding:5px 7px;font-size:9px}.stat-content{margin-top:12px}.stat-content small{display:none}.insight-strip{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding:16px}.main-grid,.secondary-grid,.model-panel{margin-top:14px}.panel,.prediction-card{padding:16px}.panel-header,.prediction-header{gap:12px}.panel-header>svg,.prediction-header>svg{width:26px;height:26px}.status-badge{padding:7px 9px;font-size:11px}.chart-box{height:280px;margin-left:-8px}.prediction-grid,.model-summary-grid{grid-template-columns:1fr}.ai-chip{grid-template-columns:auto 1fr;align-items:center;display:grid}.ai-chip strong,.ai-chip em{grid-column:2;margin-left:0}.decision-box,.prediction-number,.summary-item,.efficiency-box,.optimizer-chart{border-radius:18px}.decision-content{gap:10px}.decision-content h3{font-size:16px}.summary-item{padding:14px}table{min-width:520px}th,td{padding:11px 10px;font-size:12px}.small-chart-box{height:220px}}@media (width<=540px){.live-config-grid{grid-template-columns:1fr}.timezone-field{grid-column:auto}.live-actions-row,.secondary-button{width:100%}}@media (width<=420px){.app-shell{padding:10px}.header h1{font-size:38px}.hero-metrics,.insight-strip,.header-actions{grid-template-columns:1fr}.stat-content small{display:block}.last-update span,.server-card span,.insight-strip span,.model-summary-grid span{font-size:11px}}