:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color-scheme:light;--bg:#f5f7f8;--surface:#fff;--text:#202c36;--muted:#5c6b78;--border:#dde4e8;--accent:#16745c;--on-accent:#fff;--selected:#e7f3ed;--alert:#ad283d;--danger-bg:#fff0f2;--notice:#edf5ef;--notice-text:#365e43;--input:#fff;--shadow:0 4px 20px #183a4810}
:root[data-theme=dark]{color-scheme:dark;--bg:#111820;--surface:#19232e;--text:#edf2f7;--muted:#a6b4c4;--border:#33404e;--accent:#82dfbc;--on-accent:#102a20;--selected:#203d34;--alert:#ffb0bb;--danger-bg:#422831;--notice:#20362c;--notice-text:#b9ddc4;--input:#141d27;--shadow:0 4px 20px #00000018}
*{box-sizing:border-box}body{margin:0;display:flex;background:var(--bg);color:var(--text);line-height:1.55}aside{width:238px;min-height:100vh;background:var(--surface);border-right:1px solid var(--border);padding:30px 22px;flex-shrink:0}aside h2{color:var(--accent);font-size:24px;letter-spacing:-1px}nav{display:grid;gap:6px;margin:32px 0}a{color:var(--accent);text-underline-offset:4px}nav a{text-decoration:none;padding:12px 14px;border-radius:9px;color:var(--muted);font-size:14px;font-weight:550}nav a:hover,nav a.selected{background:var(--selected);color:var(--accent)}main{padding:54px clamp(24px,4vw,64px);max-width:1300px;width:100%;min-width:0}h1{font-size:clamp(27px,3vw,36px);line-height:1.2;letter-spacing:-1px;margin:14px 0 26px;font-weight:650}small{display:block;color:var(--muted);font-size:11px;letter-spacing:.06em}section{background:var(--surface);padding:28px;border:1px solid var(--border);border-radius:16px;margin:26px 0;box-shadow:var(--shadow);overflow-x:auto}h2{font-size:18px;line-height:1.4;margin-top:0;font-weight:650}p{color:var(--muted)}.notice{padding:14px 18px;background:var(--notice);border:1px solid var(--border);border-radius:10px;color:var(--notice-text);font-size:14px}.fields,.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cards section{margin:0}.cards strong{font-size:36px;letter-spacing:-1px}.cards p{margin:6px 0 0;font-size:14px}label{display:block;font-size:14px;color:var(--muted);margin-bottom:18px}input,select{font:inherit;color:var(--text);display:block;width:100%;padding:11px 13px;border-radius:8px;border:1px solid var(--border);background:var(--input);margin-top:8px}input[type=checkbox]{display:inline;width:auto;margin-right:8px;accent-color:var(--accent)}button{font:inherit;font-size:14px;border:1px solid transparent;border-radius:9px;background:var(--accent);color:var(--on-accent);padding:11px 18px;font-weight:650;cursor:pointer}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.delete{margin-top:12px}.delete button{background:var(--danger-bg);color:var(--alert);padding:7px 12px}.delete label{margin:0;font-size:12px}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:16px 12px;border-bottom:1px solid var(--border)}th{font-size:12px;color:var(--muted);font-weight:600}td{font-size:14px}.login{max-width:510px;margin:6vh auto}.compact aside{width:125px;padding:20px 10px}.compact nav a{font-size:12px;padding:10px 6px}.compact aside h2{font-size:19px}[role=alert]{color:var(--alert)}.theme-toggle{position:fixed;top:14px;right:20px;z-index:10;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);font-size:12px;padding:8px 12px}@media(min-width:1200px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){body{display:block}aside{width:100%;min-height:auto;padding:26px 20px 16px;border-right:0;border-bottom:1px solid var(--border)}nav{display:flex;flex-wrap:wrap;margin:16px 0;gap:4px}nav a{padding:8px 10px}main{padding:32px 20px}.fields,.cards{grid-template-columns:1fr}section{padding:20px}td,th{padding:10px}.compact aside{width:100%}.login{margin:30px auto;padding-top:55px}}