:root{--bg:#f7f8fc;--card:#ffffff;--border:#d8deea;--text:#1b2434;--muted:#59647a;--primary:#1d6fd8;--danger:#b42318;--success:#067647}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top left,#eef5ff 0,var(--bg) 48%)}main{max-width:1100px;margin:0 auto;padding:28px 18px 64px}h1,h2,h3,p{margin:0}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}button,input,select,textarea{font:inherit}input,select,textarea{border:1px solid var(--border);border-radius:8px;padding:9px 11px;width:100%;background:#fff}textarea{min-height:120px;resize:vertical}button{border:1px solid transparent;border-radius:8px;padding:9px 12px;background:var(--primary);color:#fff;cursor:pointer}button.secondary{background:#fff;color:var(--text);border-color:var(--border)}button.danger{background:var(--danger)}.inline{display:flex;gap:8px}.badge,.inline{align-items:center}.badge{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:12px;background:#e8f1ff;color:#1d4f91}.muted{color:var(--muted);font-size:13px}.success{color:var(--success)}.error{color:var(--danger)}.list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.list li{border:1px solid var(--border);border-radius:8px;padding:8px}label{font-size:13px;color:var(--muted);display:block}