:root{--bg:#f4f7fc;--surface:#fff;--text:#132032;--border:#d3dce8}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,sans-serif;background:linear-gradient(180deg,#f8fbff,#edf2fb);color:var(--text)}
.app{max-width:1100px;margin:0 auto;padding:1rem;display:grid;gap:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem}
.controls{display:flex;gap:.6rem;flex-wrap:wrap;align-items:end}input,select,button{font:inherit;padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px}canvas{width:100%;height:auto;background:#0f172a;border-radius:8px;border:1px solid #1f2b44}
table{width:100%;border-collapse:collapse}th,td{padding:.45rem;border-bottom:1px solid #edf1f7;text-align:left}