.llm7-dashboard{--llm7-bg:#080b14;--llm7-bg-elevated:#ffffff13;--llm7-bg-elevated-strong:#ffffff1f;--llm7-border:#ffffff24;--llm7-border-strong:#ffffff38;--llm7-text:#f6f7fb;--llm7-muted:#f6f7fba8;--llm7-faint:#f6f7fb6b;--llm7-good:#35d399;--llm7-good-soft:#35d39929;--llm7-warn:#ffbd4a;--llm7-warn-soft:#ffbd4a2e;--llm7-bad:#ff5c7a;--llm7-bad-soft:#ff5c7a2b;--llm7-chart-a:#8b7cff;--llm7-chart-a-soft:#8b7cff2e;--llm7-chart-b:#4ad7ff;--llm7-chart-b-soft:#4ad7ff26;color:var(--llm7-text);border:1px solid var(--llm7-border);background:radial-gradient(circle at 0 0,#8b7cff52,#0000 32rem),radial-gradient(circle at 80% 10%,#4ad7ff38,#0000 30rem),linear-gradient(145deg,#080b14 0%,#11182b 54%,#090d18 100%);border-radius:32px;padding:28px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden;box-shadow:0 26px 80px #00000047}.llm7-dashboard--light{--llm7-bg:#f7f8fc;--llm7-bg-elevated:#ffffffc7;--llm7-bg-elevated-strong:#ffffffeb;--llm7-border:#151c2d1f;--llm7-border-strong:#151c2d33;--llm7-text:#141827;--llm7-muted:#141827a8;--llm7-faint:#14182773;background:radial-gradient(circle at 0 0,#8b7cff2e,#0000 32rem),radial-gradient(circle at 80% 10%,#4ad7ff24,#0000 30rem),linear-gradient(145deg,#f7f8fc 0%,#edf1ff 54%,#fff 100%);box-shadow:0 26px 80px #1f2a4426}.llm7-dashboard *{box-sizing:border-box}.llm7-hero{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.llm7-hero h2{letter-spacing:-.07em;max-width:780px;margin:14px 0 8px;font-size:clamp(2rem,4vw,4.5rem);line-height:.94}.llm7-hero p{max-width:720px;color:var(--llm7-muted);margin:0;font-size:1rem;line-height:1.6}.llm7-pill{border:1px solid var(--llm7-border-strong);background:var(--llm7-bg-elevated);width:fit-content;color:var(--llm7-text);letter-spacing:.01em;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.llm7-pill-dot{background:var(--llm7-faint);border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 6px #ffffff0f}.llm7-pill--good .llm7-pill-dot{background:var(--llm7-good);box-shadow:0 0 0 6px var(--llm7-good-soft)}.llm7-pill--warn .llm7-pill-dot{background:var(--llm7-warn);box-shadow:0 0 0 6px var(--llm7-warn-soft)}.llm7-pill--bad .llm7-pill-dot{background:var(--llm7-bad);box-shadow:0 0 0 6px var(--llm7-bad-soft)}.llm7-pill--idle .llm7-pill-dot{animation:1.4s ease-in-out infinite llm7-pulse}@keyframes llm7-pulse{0%,to{opacity:.38;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.llm7-actions{flex-shrink:0;gap:10px;display:flex}.llm7-button{border:1px solid var(--llm7-border-strong);background:var(--llm7-bg-elevated);color:var(--llm7-text);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;padding:10px 14px;font-size:.9rem;font-weight:700;transition:transform .16s,border-color .16s,background .16s}.llm7-button:hover:not(:disabled){border-color:var(--llm7-border-strong);background:var(--llm7-bg-elevated-strong);transform:translateY(-1px)}.llm7-button:disabled{cursor:not-allowed;opacity:.45}.llm7-button--primary{background:linear-gradient(135deg, var(--llm7-chart-a), var(--llm7-chart-b));color:#fff;border-color:#0000}.llm7-alert{border:1px solid var(--llm7-bad-soft);background:var(--llm7-bad-soft);color:var(--llm7-text);border-radius:18px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;display:flex}.llm7-alert span{color:var(--llm7-muted)}.llm7-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.llm7-metric{border:1px solid var(--llm7-border);background:var(--llm7-bg-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;min-width:0;padding:16px}.llm7-metric--warning{border-color:var(--llm7-warn-soft);background:linear-gradient(135deg, var(--llm7-warn-soft), transparent), var(--llm7-bg-elevated)}.llm7-metric span,.llm7-metric small{color:var(--llm7-muted);display:block}.llm7-metric span{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.llm7-metric strong{letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap;margin:10px 0 4px;font-size:clamp(1.45rem,2vw,2.3rem);line-height:1;display:block;overflow:hidden}.llm7-metric small{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.llm7-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.llm7-chart-card,.llm7-table-card{border:1px solid var(--llm7-border);background:var(--llm7-bg-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px;min-width:0}.llm7-chart-card{padding:18px}.llm7-chart-card--full{margin-bottom:16px}.llm7-chart-header{margin-bottom:14px}.llm7-chart-header h3,.llm7-table-header h3{letter-spacing:-.02em;margin:0 0 5px;font-size:1rem}.llm7-chart-header p,.llm7-table-header p{color:var(--llm7-muted);margin:0;font-size:.88rem;line-height:1.45}.llm7-chart-body{height:280px}.llm7-chart-body .recharts-cartesian-grid line{stroke:var(--llm7-border)}.llm7-chart-body .recharts-text{fill:var(--llm7-muted);font-size:.72rem}.llm7-chart-body .recharts-legend-item-text{color:var(--llm7-muted)!important}.llm7-chart-body .recharts-default-tooltip{box-shadow:0 18px 40px #0000003d;border-color:var(--llm7-border)!important;background:var(--llm7-bg)!important;color:var(--llm7-text)!important;border-radius:14px!important}.llm7-table-card{margin-top:16px;overflow:hidden}.llm7-table-header{justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 18px 12px;display:flex}.llm7-muted{color:var(--llm7-muted);font-size:.86rem}.llm7-table-wrap{overflow-x:auto}.llm7-table{border-collapse:collapse;width:100%;font-size:.9rem}.llm7-table th,.llm7-table td{border-top:1px solid var(--llm7-border);text-align:right;white-space:nowrap;padding:13px 18px}.llm7-table th:first-child,.llm7-table td:first-child{text-align:left}.llm7-table th{color:var(--llm7-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}.llm7-table tbody tr:hover{background:#ffffff0b}.llm7-model-name{text-overflow:ellipsis;vertical-align:bottom;max-width:280px;font-weight:750;display:inline-block;overflow:hidden}.llm7-rate{border-radius:999px;justify-content:center;min-width:58px;padding:5px 8px;font-weight:800;display:inline-flex}.llm7-rate--good{background:var(--llm7-good-soft);color:var(--llm7-good)}.llm7-rate--warn{background:var(--llm7-warn-soft);color:var(--llm7-warn)}.llm7-rate--bad{background:var(--llm7-bad-soft);color:var(--llm7-bad)}.llm7-rate--empty{background:var(--llm7-bg-elevated);color:var(--llm7-muted)}.llm7-empty{color:var(--llm7-muted);text-align:center!important}.llm7-footer{color:var(--llm7-faint);flex-wrap:wrap;gap:10px 18px;margin-top:14px;font-size:.8rem;display:flex}@media (width<=1100px){.llm7-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.llm7-chart-grid{grid-template-columns:1fr}}@media (width<=720px){.llm7-dashboard{border-radius:24px;padding:18px}.llm7-hero{flex-direction:column}.llm7-actions{width:100%}.llm7-button{flex:1}.llm7-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.llm7-chart-body{height:240px}}@media (width<=480px){.llm7-kpis{grid-template-columns:1fr}}html{overflow-x:hidden}html,body,#root{min-height:100%}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#8b7cff3d,#0000 30rem),radial-gradient(circle at 90% 10%,#4ad7ff29,#0000 28rem),#050812;margin:0;overflow-x:hidden}.landing-page{width:min(1480px,100%);max-width:100%;margin:0 auto;padding:40px 20px}