:root{color-scheme:light;--bg:#f5f7fb;--surface:#fff;--text:#17243a;--sub:#65738a;--border:#dce3ed;--primary:#315fc2;--hover:#eef3fb;--error:#a22d36} :root[data-theme=dark]{color-scheme:dark;--bg:#111927;--surface:#1c2736;--text:#eaf0f8;--sub:#aab9cc;--border:#36455a;--primary:#85aaff;--hover:#29394e;--error:#ff9c9c}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}.site-header{min-height:68px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 5%;gap:36px}.brand{font-size:17px;font-weight:750;color:var(--text);white-space:nowrap}.brand:first-letter{color:var(--primary)}nav{display:flex;gap:24px;flex:1}nav a{color:var(--sub);font-weight:600}.header-actions{display:flex;gap:16px;align-items:center}.header-actions form{margin:0}.header-user{color:var(--sub);font-size:13px}.icon-button,.text-button{border:0;background:transparent;color:var(--text);padding:8px}.text-button{font-size:13px}.container{max-width:1100px;margin:0 auto;padding:48px 24px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.1em;color:var(--primary)}h1{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:8px 0}h2{font-size:21px;margin:0 0 16px}p{color:var(--sub)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-heading p{margin:5px 0}.button{border:1px solid var(--border);border-radius:7px;padding:10px 15px;background:var(--surface);color:var(--text);font-weight:650}.button:hover{background:var(--hover)}.primary{background:#315fc2;color:#fff;border-color:#315fc2}.primary:hover{background:#244b9d}.full{width:100%}.panel,.auth-card,dialog{background:var(--surface);border:1px solid var(--border);border-radius:10px}.panel{overflow:hidden}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:15px 20px;border-bottom:1px solid var(--border);font-size:14px}tr:last-child td{border:0}th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--sub)}td small{display:block;color:var(--sub)}.table-actions{display:flex;gap:12px}.table-actions button{background:none;border:0;color:var(--primary);padding:0;white-space:nowrap}.empty{padding:28px;color:var(--sub)}.auth-card{max-width:410px;margin:70px auto;padding:32px}.auth-card p{margin-bottom:24px}label{display:block;font-size:13px;font-weight:650;margin:14px 0}label input:not([type=checkbox]),label select{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}label small{font-weight:400;color:var(--sub)}.between,.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-actions{justify-content:flex-end;margin-top:22px}.check{display:flex;align-items:center;gap:8px;font-weight:400}.check input{width:16px;height:16px}.notice,.error{padding:10px 12px;border-radius:6px;background:var(--hover)}.error{color:var(--error)}dialog{color:var(--text);padding:24px;width:min(520px,calc(100% - 30px));max-height:90vh;overflow:auto}dialog::backdrop{background:#101828aa}fieldset{border:1px solid var(--border);border-radius:6px;margin:14px 0}legend{font-size:13px;font-weight:650}#workspace{max-width:1350px;margin:auto} @media(max-width:650px){.site-header{padding:12px 18px;gap:12px;flex-wrap:wrap}.brand{flex:1}.site-header nav{order:3;flex-basis:100%}.header-user{display:none}.container{padding:28px 16px}.page-heading{align-items:flex-start}.auth-card{margin:30px 16px;padding:24px}}
/* Keep the icon aligned with the wordmark in both themes. */
.site-header .brand{display:inline-flex;align-items:center;gap:8px}.site-header .brand img{display:block;flex:none;border-radius:6px}