body{font:16px system-ui;background:#f3f6fa;color:#172b45;margin:0}main{max-width:1150px;margin:auto;padding:28px}h1{font-size:30px}p{line-height:1.5}.layout{display:grid;grid-template-columns:300px 1fr;gap:24px}.card{min-width:0;box-sizing:border-box;background:white;padding:22px;border-radius:14px;border:1px solid #dbe3ed}label{display:block;margin:14px 0}input[type=range]{width:100%}select,button{font:inherit;padding:8px;border:1px solid #a8b9cb;border-radius:6px}svg{width:100%;height:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #dbe3ed}small{color:#43576e}.scroll{overflow:auto}circle{transition:cx .2s,cy .2s}.badge{color:#22634f}#message{color:#a52626} @media(max-width:800px){.layout{grid-template-columns:1fr}main{padding:15px}}@media(prefers-reduced-motion:reduce){circle{transition:none}}