:root{--gradient-dark:linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--gradient-hero:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-accent:linear-gradient(135deg, #ec4899 0%, #fde047 100%);--radius-xs:6px;--radius-sm:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-pill:9999px;--easing-default:cubic-bezier(.4, 0, .2, 1);--easing-out:cubic-bezier(.16, 1, .3, 1)}.tnum{font-variant-numeric:tabular-nums}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .6s var(--easing-out) both}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.2s}.delay-4{animation-delay:.28s}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.55}}.dashboard-shell{background:radial-gradient(800px 600px at 90% -200px, #6366f114, transparent 60%), radial-gradient(700px 500px at -10% 30%, #8b5cf60f, transparent 60%), var(--bg-page);min-height:100vh;color:var(--fg-1);font-family:var(--font-sans)}[data-theme=dark] .dashboard-shell{background:radial-gradient(900px 700px at 85% -200px, #6366f11a, transparent 60%), radial-gradient(700px 500px at -10% 40%, #8b5cf612, transparent 60%), var(--bg-page)}.dashboard-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding:36px 0 24px;display:flex}.dashboard-greet-line{text-transform:uppercase;letter-spacing:.14em;color:var(--fg-3);align-items:center;gap:10px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.dashboard-live-dot{background:var(--color-success);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-soft;box-shadow:0 0 0 4px #10b9812e}.dashboard-page-title{letter-spacing:-.025em;color:var(--fg-1);margin:0;font-size:clamp(34px,4vw,44px);font-weight:800;line-height:1.05}.dashboard-page-title .accent{background:var(--gradient-main);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.08em;font-style:italic;font-weight:800}.dashboard-page-sub{color:var(--fg-3);max-width:56ch;margin:10px 0 0;font-size:15px;font-weight:400}.dashboard-head-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dashboard-head-pill{background:var(--bg-surface);border:1px solid var(--border-1);color:var(--fg-2);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.dashboard-tabs{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:12px;margin:24px 0 32px;padding:4px;display:inline-flex;position:relative}.dashboard-tab{z-index:1;color:var(--fg-3);cursor:pointer;transition:color .2s var(--easing-default);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.dashboard-tab.active{color:var(--fg-1)}.dashboard-tab-pill{z-index:0;background:var(--bg-muted);transition:left .35s var(--easing-out), width .35s var(--easing-out);border:1px solid var(--border-2);border-radius:8px;position:absolute;top:4px;bottom:4px;box-shadow:0 1px 2px #0000000a}.dashboard-hero-block{grid-template-columns:1.4fr 1fr;gap:28px;margin-bottom:28px;display:grid}@media (max-width:980px){.dashboard-hero-block{grid-template-columns:1fr}}.dashboard-hero-card{background:radial-gradient(600px 400px at 100% 0%, #8b5cf61a, transparent 60%), radial-gradient(500px 400px at 0% 100%, #6366f11a, transparent 60%), var(--bg-surface);border:1px solid var(--border-1);border-radius:22px;flex-direction:column;justify-content:space-between;min-height:320px;padding:36px 36px 32px;display:flex;position:relative;overflow:hidden}.dashboard-hero-card:before{content:"";opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L30 60M0 30L60 30' stroke='%236366f1' stroke-width='1' opacity='0.1' fill='none'/%3E%3C/svg%3E");background-size:60px;position:absolute;inset:0}.dashboard-hero-amount{align-items:baseline;gap:4px;margin:18px 0 16px;display:flex}.dashboard-hero-amount .currency{color:var(--fg-3);margin-right:4px;font-size:38px;font-weight:600}.dashboard-hero-amount .number{letter-spacing:-.045em;color:var(--fg-1);font-size:clamp(64px,8vw,92px);font-weight:800;line-height:.95}.dashboard-hero-amount .unit{color:var(--fg-2);margin-left:8px;font-size:32px;font-weight:600}.dashboard-hero-foot{border-top:1px solid var(--border-1);flex-wrap:wrap;align-items:center;gap:28px;margin-top:10px;padding-top:22px;display:flex}.dashboard-gauge-card{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:22px;flex-direction:column;padding:28px;display:flex}.dashboard-gauge-wrap{justify-content:center;align-items:center;margin:8px 0 16px;display:flex;position:relative}.dashboard-gauge-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-30%)}.dashboard-gauge-center .num{letter-spacing:-.04em;color:var(--fg-1);font-size:56px;font-weight:800;line-height:1}.dashboard-gauge-status{text-transform:uppercase;letter-spacing:.1em;border-radius:999px;align-self:center;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.dashboard-gauge-status.success{color:var(--color-success);background:#10b9811a}.dashboard-gauge-status.warning{color:var(--color-warning);background:#f59e0b1f}.dashboard-gauge-status.danger{color:var(--color-danger);background:#ef44441f}.dashboard-kpi-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px;display:grid}@media (max-width:1100px){.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.dashboard-kpi-grid{grid-template-columns:1fr}}.dashboard-kpi{background:var(--bg-surface);border:1px solid var(--border-1);transition:all .25s var(--easing-default);border-radius:18px;padding:24px;position:relative}.dashboard-kpi:hover{border-color:#6366f140;transform:translateY(-2px);box-shadow:0 12px 28px -12px #6366f12e}.dashboard-kpi-ic{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:inline-flex}.dashboard-kpi-ic.indigo{color:var(--color-primary);background:#6366f11a}.dashboard-kpi-ic.blue{color:#3b82f6;background:#3b82f61a}.dashboard-kpi-ic.green{color:var(--color-success);background:#10b9811a}.dashboard-kpi-ic.orange{color:var(--color-warning);background:#f59e0b1f}.dashboard-kpi-help{background:var(--bg-muted);width:22px;height:22px;color:var(--fg-3);cursor:help;border:1px solid var(--border-2);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.dashboard-kpi-tip{background:var(--fg-1);width:240px;color:var(--bg-surface);pointer-events:none;opacity:0;z-index:9999;border-radius:10px;padding:12px 14px;font-size:12px;font-weight:500;line-height:1.5;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 10px);right:-8px;transform:translateY(4px);box-shadow:0 12px 30px #0000002e}.dashboard-kpi-help:hover+.dashboard-kpi-tip{opacity:1;transform:translateY(0)}.scenarios-icon-circle{width:36px;height:36px;color:var(--color-primary);background:#6366f11a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:inline-flex}.dashboard-scenarios{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:18px;margin-bottom:28px;padding:24px 28px}.dashboard-preset-row{background:var(--bg-muted);border:1px solid var(--border-2);border-radius:10px;padding:3px;display:inline-flex}.dashboard-preset{color:var(--fg-3);cursor:pointer;transition:all .2s var(--easing-default);background:0 0;border:none;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600}.dashboard-preset.active{background:var(--bg-surface);color:var(--fg-1);box-shadow:0 1px 2px #0000000a}.dashboard-props-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:760px){.dashboard-props-grid{grid-template-columns:1fr}}.dashboard-prop-card{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:16px;flex-direction:column;padding:20px;transition:all .25s;display:flex}.dashboard-prop-card:hover{border-color:#6366f140;transform:translateY(-2px)}.dashboard-health-bar{background:var(--bg-muted);border-radius:999px;height:8px;margin:12px 0 16px;overflow:hidden}.dashboard-health-bar>span{height:100%;transition:width .8s var(--easing-out);border-radius:999px;display:block}input[type=range].dashboard-range{appearance:none;background:var(--bg-muted);border-radius:999px;outline:none;width:100%;height:6px}input[type=range].dashboard-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) var(--p,50%), var(--bg-muted) var(--p,50%), var(--bg-muted) 100%);border-radius:999px;height:6px}input[type=range].dashboard-range::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--color-primary);background:#fff;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 4px 12px #6366f159}.dashboard-btn{border:1px solid var(--border-1);background:var(--bg-surface);color:var(--fg-1);cursor:pointer;transition:all .2s var(--easing-default);border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.dashboard-btn-brand{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.dashboard-btn-ghost{border-color:var(--border-1);color:var(--fg-2);background:0 0}.dashboard-form-card{background:var(--bg-muted);border:1px solid var(--border-1);border-radius:16px;margin-bottom:16px;padding:24px}.dashboard-field input{background:var(--bg-surface);border:1px solid var(--border-1);width:100%;color:var(--fg-1);border-radius:9px;outline:none;padding:10px 12px;font-size:14px}