:root{--bg:#f3f5f8;--surface:#fff;--text:#122033;--muted:#607286;--border:#d6dfe7;--brand:#0f5dc6;--danger:#b32738;--success:#1f7f4c}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Avenir Next,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(180deg,#e8eef8 0,var(--bg) 42%)}main{max-width:1120px;margin:0 auto;padding:28px 16px 64px}h1,h2,h3{margin-top:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 10px 24px rgba(18,32,51,.08)}.grid{display:grid;grid-gap:14px;gap:14px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}label{display:block;font-weight:600;margin-bottom:6px}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border-radius:10px;border:1px solid var(--border);padding:10px 12px}button{border:0;border-radius:10px;padding:10px 14px;background:var(--brand);color:#fff;cursor:pointer;font-weight:600}button.secondary{background:#e7eefb;color:#1d467e}button.danger{background:#f6e5e8;color:var(--danger)}.notice{margin-top:8px;padding:10px 12px;border-radius:10px}.notice.error{background:#ffecef;color:var(--danger)}.notice.success{background:#e9f8ef;color:var(--success)}.muted{color:var(--muted)}.inline{display:flex;gap:8px;align-items:center}a{color:#0f5dc6}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid var(--border);padding:8px;font-size:14px}