:root{--bg:#f4f7fb;--surface:#fff;--line:#d9e2ef;--text:#0f2138;--muted:#5d7592;--accent:#1482d4}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 0,#e5f2ff 0,transparent 25%),radial-gradient(circle at 90% 10%,#e9fff4 0,transparent 30%),var(--bg)}a{color:var(--accent)}.wrapper{max-width:1100px;margin:0 auto;padding:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:1fr}@media (min-width:900px){.grid{grid-template-columns:1.2fr .8fr}}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}button,input,select{border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--text);padding:8px 10px}button{background:#eaf5ff;cursor:pointer}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px;vertical-align:top}.muted{color:var(--muted);font-size:12px}h1,h2{margin:0 0 10px}