:root{--bg:#f5f7fb;--surface:#ffffff;--ink:#14213d;--muted:#6b7280;--accent:#0d9488;--danger:#b42318;--border:#dbe1ea}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#e5fbf6 0,var(--bg) 35%);color:var(--ink)}main{max-width:1100px;margin:0 auto;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px}button{border:0;border-radius:10px;padding:10px 14px;cursor:pointer}button.primary{background:var(--accent);color:white}button.secondary{background:#edf2f7;color:var(--ink)}button.danger{background:var(--danger);color:white}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid var(--border);padding:8px;text-align:left;font-size:14px}.small{color:var(--muted);font-size:12px}.grid{display:grid;grid-gap:12px;gap:12px}@media (min-width:900px){.grid-2{grid-template-columns:1fr 1fr}}