body{font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#16224a 0%,#0b1020 55%);color:#eef3ff;margin:0}*{box-sizing:border-box}header{padding:22px 24px;background:rgba(13,20,42,.75);backdrop-filter:blur(10px);border-bottom:1px solid #2c3653;position:sticky;top:0;z-index:10}h1{margin:0 0 6px;font-size:30px;letter-spacing:.2px}main{padding:18px;display:grid;gap:16px;max-width:1400px;margin:0 auto}.card{background:linear-gradient(180deg,rgba(19,27,52,.95),rgba(14,20,39,.95));border:1px solid #2c3653;border-radius:20px;padding:16px;box-shadow:0 12px 36px rgba(0,0,0,.22)}.hero,.grid{display:grid;gap:16px}.hero,.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.plan-steady{border-color:#2f6a4f;background:linear-gradient(180deg,#153225,#131b34)}.plan-asy{border-color:#8b6422;background:linear-gradient(180deg,#322613,#131b34)}.stat .label{color:#aebce0;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.stat .value{font-size:32px;font-weight:800;margin-top:8px}.pill{display:inline-block;padding:5px 10px;border-radius:999px;background:#23335d;margin-right:8px}.good{background:#18412f;color:#a8f3cc}.warn{background:#574117;color:#ffd997}.bad{background:#5c222d;color:#ffc0ca}.muted,.tiny{color:#aebce0}.tiny{font-size:12px}.row{margin:8px 0;line-height:1.45}.btn,.select{background:#101a35;color:#eef3ff;border:1px solid #355087;border-radius:12px;padding:10px 13px}.btn{cursor:pointer;transition:.15s transform ease,.15s opacity ease}.btn:hover{transform:translateY(-1px);opacity:.96}.accent{border-color:#3f7cff;background:#17306c}.danger{border-color:#8a3848}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.list{display:flex;flex-direction:column;gap:10px}.item{padding:13px;border:1px solid #2c3653;border-radius:14px;background:#0f162c;min-width:0}.signal-box,.subbox{margin-top:12px;padding:12px;border:1px solid #2c3653;border-radius:14px;background:#0f162c}.mode-bars{display:grid;gap:10px}.bar{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center}.track{height:10px;border-radius:999px;background:#0b1020;overflow:hidden;border:1px solid #2c3653}.fill{height:100%}.fill.strict{background:#7dd3fc}.fill.balanced{background:#9df0c5}.fill.aggressive{background:#ffd18a}.progress{height:14px;border-radius:999px;background:#0b1020;overflow:hidden;border:1px solid #2c3653}.progress>div{height:100%;background:linear-gradient(90deg,#3f7cff,#9df0c5)}canvas{width:100%!important;max-width:100%;height:180px!important}@media (max-width:1100px){.hero,.two,.metric-grid{grid-template-columns:1fr}} @media (max-width:700px){main{padding:12px}.card{padding:14px}h1{font-size:25px}}