:root { color-scheme: light; --ink:#1f2933; --muted:#667085; --line:#d9dee7; --bg:#f6f7f9; --panel:#ffffff; --accent:#1f6f78; --accent2:#884b2e; }
* { box-sizing: border-box; }
body { margin:0; font-family: Segoe UI, Arial, sans-serif; background:var(--bg); color:var(--ink); }
nav { height:56px; display:flex; align-items:center; gap:14px; padding:0 22px; border-bottom:1px solid var(--line); background:#fff; position:sticky; top:0; }
nav a { color:var(--accent); text-decoration:none; font-weight:600; }
nav span { margin-left:auto; color:var(--muted); font-size:14px; }
main { max-width:1180px; margin:0 auto; padding:24px; }
h1 { margin:0 0 18px; font-size:26px; }
.hero, .panel { background:var(--panel); border:1px solid var(--line); border-radius:6px; padding:24px; margin-bottom:18px; }
.hero p, .muted { color:var(--muted); }
.warn { color:#9a3412; font-weight:600; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:14px; }
.card { background:var(--panel); border:1px solid var(--line); border-radius:6px; padding:18px; color:var(--ink); text-decoration:none; display:flex; flex-direction:column; gap:8px; }
.card strong { font-size:18px; }
.card span { color:var(--muted); }
.toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }
.button, button { background:var(--accent); color:white; border:0; border-radius:5px; padding:10px 14px; text-decoration:none; font-weight:700; cursor:pointer; }
.button.secondary { background:#667085; }
button.secondary { background:#667085; }
button.danger { background:#9a3412; }
.notice { background:#fff7ed; border:1px solid #fed7aa; border-radius:6px; padding:12px; }
.notice p { margin:6px 0 0; color:var(--muted); }
.searchbar { display:flex; gap:10px; align-items:center; margin:0 0 14px; }
.searchbar input { max-width:520px; background:#fff; }
table { width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); }
th, td { padding:9px 10px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; font-size:14px; }
th { background:#eef2f4; }
.form { display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap:12px; }
.form-block { grid-column:1 / -1; display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap:12px; border:1px solid var(--line); border-radius:6px; padding:12px; background:#fdfdfd; }
.form-block legend { font-weight:800; color:var(--ink); padding:0 6px; }
label { display:flex; flex-direction:column; gap:6px; background:#fff; border:1px solid var(--line); border-radius:6px; padding:10px; }
label span { font-size:13px; color:var(--muted); font-weight:700; }
input, textarea, select { width:100%; border:1px solid #c8ced8; border-radius:4px; padding:9px; font:inherit; background:#fff; }
textarea { min-height:90px; }
.wide { grid-column:1 / -1; }
.actions { grid-column:1 / -1; display:flex; justify-content:flex-end; }
@media (max-width: 700px) { nav { overflow:auto; } main { padding:14px; } table { font-size:13px; } }