:root{color-scheme:light dark;--fg: #111;--bg: #fafafa;--panel: #fff;--muted: #666;--line: #e5e5e5;--accent: #1e40af}@media(prefers-color-scheme:dark){:root{--fg: #fafafa;--bg: #0a0a0a;--panel: #141414;--muted: #888;--line: #222}}*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--fg);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-block;padding:.55rem 1rem;border-radius:8px;background:var(--accent);color:#fff;font-size:.85rem;font-weight:500;border:none;cursor:pointer;text-decoration:none}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--fg)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid var(--line);background:var(--panel)}.nav{display:flex;gap:1rem;align-items:center;font-size:.9rem}.nav a{color:var(--fg)}.nav a.active{color:var(--accent);font-weight:600}main{padding:1.5rem 1.25rem;max-width:1100px;margin:0 auto}table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:12px;overflow:hidden;border:1px solid var(--line)}th,td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--line);font-size:.9rem}.photo{width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--line)}input,textarea,select{font:inherit;padding:.6rem;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--fg)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}