:root{--bg: #0b0e14;--card: #121826;--muted: #1b2333;--text: #e6e9ef;--sub: #a6adbb;--accent: #6ee7b7;--accent2: #60a5fa;--danger: #ef4444;--warn: #f59e0b;--ok: #22c55e;--border: #222b3d}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#0b0e14,#0e1320);color:var(--text)}.app{max-width:1200px;margin:24px auto;padding:0 16px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.title{font-size:24px;font-weight:700;letter-spacing:.3px}.controls{display:flex;gap:8px;align-items:center}.badge{padding:6px 10px;border-radius:999px;background:var(--muted);color:var(--sub);font-size:12px}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}@media (max-width: 1024px){.grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.grid{grid-template-columns:1fr}}.card{background:radial-gradient(1200px 600px at -10% -20%,rgba(110,231,183,.07),transparent 60%),radial-gradient(800px 400px at 120% 120%,rgba(96,165,250,.07),transparent 60%),var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}.card h3{margin:0 0 10px;font-size:16px;color:var(--sub);font-weight:600}.row{display:grid;grid-template-columns:repeat(12,1fr);gap:10px;margin-bottom:10px}.row .field{grid-column:span 6}.row .field.sm{grid-column:span 3}.row .field.lg{grid-column:span 12}@media (max-width: 768px){.row .field{grid-column:span 12}.row .field.sm{grid-column:span 6}}@media (max-width: 480px){.row .field,.row .field.sm{grid-column:span 12}.app{margin:16px auto;padding:0 12px}.title{font-size:20px}.price{font-size:24px}}label{display:block;font-size:12px;color:var(--sub);margin-bottom:6px}input,select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0d1320;color:var(--text)}input::placeholder{color:#728099}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.btn{background:linear-gradient(180deg,#1f2937,#0f172a);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:10px;font-weight:600;cursor:pointer}.btn.primary{background:linear-gradient(180deg,#059669,#065f46);border-color:#064e3b}.btn:disabled{opacity:.5;cursor:not-allowed}.hl{color:var(--accent)}.price{font-weight:700;font-size:28px}.sub{color:var(--sub);font-size:12px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 1024px){.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.kpis{grid-template-columns:1fr}}.kpi{background:var(--muted);border:1px solid var(--border);padding:12px;border-radius:12px}.kpi .name{font-size:12px;color:var(--sub)}.kpi .value{font-weight:700;font-size:18px;margin-top:6px}.pill{padding:4px 8px;border-radius:999px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.pill.ok{background:#22c55e1f;color:var(--ok);border:1px solid rgba(34,197,94,.25)}.pill.warn{background:#f59e0b1f;color:var(--warn);border:1px solid rgba(245,158,11,.25)}.pill.bad{background:#ef44441f;color:var(--danger);border:1px solid rgba(239,68,68,.25)}.footer{margin-top:10px;font-size:12px;color:var(--sub)}canvas{width:100%!important;height:300px!important}@media (max-width: 768px){canvas{height:250px!important}}@media (max-width: 480px){canvas{height:200px!important}}.divider{height:1px;background:var(--border);margin:12px 0}.right-col .row{margin-bottom:12px}.tooltip{border-bottom:1px dashed var(--sub);cursor:help}