:root{--bg: #ffffff;--text: #0f172a;--muted: #475569;--line: #e5e7eb;--nav: #0b2f52;--navText: #ffffff;--panel: #f8fafc;--card: #ffffff;--shadow: 0 8px 24px rgba(2,6,23,.08);--btn: #2c6b86;--btnText: #ffffff;--radius: 14px;--radiusSm: 10px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 10px}p{margin:0 0 12px;color:var(--muted)}input,select,textarea{width:100%;padding:10px 12px;border-radius:var(--radiusSm);border:1px solid var(--line);font:inherit;background:#fff}textarea{min-height:120px}button{border:0;border-radius:var(--radiusSm);padding:10px 14px;font:inherit;cursor:pointer;background:var(--btn);color:var(--btnText)}button:disabled{opacity:.6;cursor:not-allowed}.container{max-width:1100px;margin:0 auto;padding:18px 16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:900px){.grid4{grid-template-columns:1fr 1fr}.grid3,.grid2{grid-template-columns:1fr}}