:root,[data-theme=light]{--kiwanis-blue: #0e2f7a;--kiwanis-blue-hover: #0a2360;--bg: #ffffff;--bg-elevated: #ffffff;--bg-subtle: #f9fafc;--bg-stripe: #f4f6fa;--bg-hover: #f6f7fa;--bg-editable-hover: #eef2ff;--dept-sat: 70%;--dept-lum: 90%;--dept-border-lum: 78%;--dept-text: #1a2238;--text: #222222;--text-muted: #666666;--text-faint: #999999;--border: #e3e3e3;--border-strong: #cccccc;--row-border: #f1f1f1;--retired-bg: #fafafa;--retired-fg: #888888;--danger-bg: #fde8e8;--danger-fg: #9b1c1c;--warn-bg: #fff8e1;--warn-border: #ffe082;--warn-fg: #5d4037;--warn-hint: #7a6234;--warn-divider: #f1e3a5;--warn-code-bg: #fffbeb;--button-bg: #ffffff;--button-text: #222222;--shadow: 0 8px 24px rgba(0, 0, 0, .2)}[data-theme=dark]{--kiwanis-blue: #6b8fff;--kiwanis-blue-hover: #8aa5ff;--bg: #161821;--bg-elevated: #1d2030;--bg-subtle: #232636;--bg-stripe: #1f2231;--bg-hover: #262a3c;--bg-editable-hover: #2a3247;--dept-sat: 32%;--dept-lum: 22%;--dept-border-lum: 32%;--dept-text: #d5dceb;--text: #e4e6eb;--text-muted: #a0a4b1;--text-faint: #6b7080;--border: #2d3142;--border-strong: #3d4256;--row-border: #232636;--retired-bg: #1a1c28;--retired-fg: #6b7080;--danger-bg: #3a1d1d;--danger-fg: #f5a5a5;--warn-bg: #2d2615;--warn-border: #5d4f2a;--warn-fg: #e8d49a;--warn-hint: #b8a878;--warn-divider: #3d3520;--warn-code-bg: #1f1a0d;--button-bg: #232636;--button-text: #e4e6eb;--shadow: 0 8px 24px rgba(0, 0, 0, .5)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);transition:background .2s,color .2s}html,body{height:100%;overflow:hidden}.app{padding:16px 24px;height:100vh;display:flex;flex-direction:column;gap:12px}.site-header{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;flex-shrink:0;padding-bottom:12px;border-bottom:1px solid var(--border)}.site-header .user-area{position:absolute;top:0;right:0}.brand-logo{display:inline-flex;align-items:center;text-decoration:none;width:100%;max-width:340px;justify-content:center}.brand-logo img{width:100%;height:auto;display:block}[data-theme=dark] .brand-logo img{filter:brightness(1.5)}.user-area{display:flex;align-items:center;gap:10px;padding:4px 4px 4px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;box-shadow:0 1px 2px #0000000a}.user-info{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;min-width:0}.user-info .name{font-size:12px;font-weight:500;color:var(--text);white-space:nowrap}.user-info .email{font-size:11px;color:var(--text-muted);font-family:SF Mono,Menlo,Consolas,monospace;white-space:nowrap}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--kiwanis-blue),#c9a55b);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;letter-spacing:.5px;flex-shrink:0}.icon-btn{width:30px;height:30px;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;transition:color .15s,border-color .15s,background .15s}.icon-btn:hover{color:var(--kiwanis-blue);border-color:var(--kiwanis-blue);background:var(--bg-hover)}.signout-btn{font-family:inherit;font-size:12px;font-weight:500;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s}.signout-btn:hover{color:var(--kiwanis-blue);border-color:var(--kiwanis-blue);background:transparent}@media(max-width:720px){.user-info{display:none}}.app-title{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;flex-shrink:0}.app-title h1{margin:0 0 5px;font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--kiwanis-blue)}.subtitle{margin:0;font-size:13px;color:var(--text-muted)}.filter-bar{display:flex;justify-content:center;flex-shrink:0}.filter-bar .controls{flex-wrap:wrap;justify-content:center}.loading-dot{color:var(--kiwanis-blue)}.controls{display:flex;gap:8px;align-items:center}.filter-input{padding:6px 10px;border:1px solid var(--border-strong);border-radius:6px;font-size:13px;width:240px;background:var(--bg-elevated);color:var(--text)}.filter-input::placeholder{color:var(--text-faint)}.year-select{padding:6px 10px;border:1px solid var(--border-strong);border-radius:6px;font-size:13px;background:var(--bg-elevated);color:var(--text);cursor:pointer;font-family:inherit}.year-select:hover{background:var(--bg-hover)}.toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);-webkit-user-select:none;user-select:none;cursor:pointer}.toggle input{cursor:pointer;accent-color:var(--kiwanis-blue)}.view-tabs{display:inline-flex;border:1px solid var(--border-strong);border-radius:6px;overflow:hidden;background:var(--bg-elevated)}.view-tabs button{border:0;border-right:1px solid var(--border);border-radius:0;padding:6px 12px;background:var(--bg-elevated);color:var(--text-muted);font-size:13px;cursor:pointer;transition:background .12s,color .12s}.view-tabs button:last-child{border-right:0}.view-tabs button:hover{background:var(--bg-hover);color:var(--text)}.view-tabs button.active{background:var(--kiwanis-blue);color:#fff}.view-tabs button.active:hover{background:var(--kiwanis-blue-hover)}.view-tabs .count{margin-left:6px;padding:1px 6px;border-radius:10px;background:var(--bg-subtle);color:var(--text-muted);font-size:11px;font-weight:500}.view-tabs button.active .count{background:#ffffff40;color:#fff}button{padding:6px 14px;border-radius:6px;border:1px solid var(--border-strong);background:var(--button-bg);color:var(--button-text);cursor:pointer;font-size:13px;transition:background .15s}button:hover:not(:disabled){background:var(--bg-hover)}button:disabled{opacity:.5;cursor:not-allowed}.theme-btn{width:32px;padding:6px 0;text-align:center;font-size:14px}.error-banner{background:var(--danger-bg);color:var(--danger-fg);padding:10px 14px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;font-size:13px;flex-shrink:0}.error-banner button{background:transparent;border:0;font-size:18px;color:var(--danger-fg);cursor:pointer}.warn-banner{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-fg);padding:10px 14px;border-radius:6px;font-size:13px;flex-shrink:0;max-height:35vh;overflow-y:auto}.link-btn{background:transparent;border:0;padding:0;color:var(--kiwanis-blue);text-decoration:underline;cursor:pointer;font-size:13px}.link-btn:hover{background:transparent;color:var(--kiwanis-blue-hover)}.diag-details{margin-top:12px;padding-top:12px;border-top:1px solid var(--warn-border)}.diag-details h4{margin:12px 0 6px;font-size:13px;font-weight:600}.diag-table{width:100%;font-size:12px;border-collapse:collapse}.diag-table th,.diag-table td{text-align:left;padding:4px 8px;border-bottom:1px solid var(--warn-divider)}.diag-table code{font-family:SF Mono,Menlo,Consolas,monospace;background:var(--warn-code-bg);padding:1px 5px;border-radius:3px}.diag-hint{margin:8px 0 0;font-size:12px;color:var(--warn-hint);font-style:italic}.table-wrap{flex:1 1 auto;min-height:0;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated)}table{border-collapse:collapse;width:100%;font-size:13px}thead th{background:var(--bg-subtle);border-bottom:1px solid var(--border);text-align:left;padding:8px 10px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-muted);white-space:nowrap;position:sticky;top:0;z-index:1}thead th:hover{background:var(--bg-hover)}tbody td{border-bottom:1px solid var(--row-border);padding:6px 10px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}tbody tr:hover{background:var(--bg-hover)}tbody tr:nth-child(2n of:not(.expansion-row)){background:var(--bg-stripe)}tbody tr.retired{background:var(--retired-bg);color:var(--retired-fg)}tbody tr.retired td{color:var(--retired-fg)}tbody tr.expanded-parent,tbody tr.expanded-parent:hover{background:var(--bg-editable-hover)}td.dept-cell{background:hsl(var(--dept-hue),var(--dept-sat),var(--dept-lum));color:var(--dept-text);box-shadow:inset 0 0 0 1px hsl(var(--dept-hue),var(--dept-sat),var(--dept-border-lum))}th.expand-col,td.expand-col{width:32px;min-width:32px;padding:0;text-align:center;position:sticky;left:0;background:var(--bg-elevated);z-index:2}thead th.expand-col{background:var(--bg-subtle);z-index:3}tbody tr.retired td.expand-col{background:var(--retired-bg)}tbody tr.expanded-parent td.expand-col{background:var(--bg-editable-hover)}tbody tr:hover td.expand-col{background:var(--bg-hover)}.expand-btn{width:28px;height:24px;padding:0;border:0;background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.expand-btn:hover{background:var(--border);color:var(--text)}tr.expansion-row>td{padding:0;background:var(--bg-subtle);border-bottom:1px solid var(--border);position:sticky;left:0}.expansion-editor{padding:16px 24px 16px 48px;background:var(--bg-subtle);border-left:3px solid var(--kiwanis-blue);max-width:calc(100vw - 48px);box-sizing:border-box}.expansion-header{display:flex;align-items:baseline;gap:16px;margin-bottom:16px;flex-wrap:wrap}.expansion-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.retired-badge{background:var(--retired-fg);color:var(--bg-elevated);font-size:10px;font-weight:500;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.expansion-meta{font-size:12px;color:var(--text-muted);display:flex;gap:6px;flex-wrap:wrap}.expansion-meta .serial{font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px}.expansion-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,200px));gap:12px 20px;align-items:start;max-width:900px}.expansion-field{display:flex;flex-direction:column;gap:4px;font-size:12px;min-width:0}.expansion-field.field-notes{grid-column:1 / -1;max-width:700px}.field-label{font-weight:500;color:var(--text-muted);text-transform:uppercase;font-size:10px;letter-spacing:.5px}.expansion-field input,.expansion-field select,.expansion-field textarea{padding:6px 10px;border:1px solid var(--border-strong);border-radius:4px;font-size:13px;font-family:inherit;background:var(--bg-elevated);color:var(--text);width:100%;box-sizing:border-box}.expansion-field textarea{resize:vertical;min-height:60px}.expansion-field input:focus,.expansion-field select:focus,.expansion-field textarea:focus{outline:none;border-color:var(--kiwanis-blue);box-shadow:0 0 0 2px #0e2f7a26}.expansion-footer{margin-top:16px;display:flex;align-items:center;justify-content:flex-start;gap:16px;font-size:12px;max-width:900px}.saving-indicator{color:var(--kiwanis-blue);font-style:italic}.muted{color:var(--text-faint)}.editable{cursor:text;min-height:18px;padding:2px 4px;margin:-2px -4px;border-radius:4px}.editable:hover{background:var(--bg-editable-hover)}.editable.saving{opacity:.5;pointer-events:none}td input,td select{width:100%;padding:3px 6px;border:1px solid var(--kiwanis-blue);border-radius:4px;font-size:13px;font-family:inherit;background:var(--bg-elevated);color:var(--text)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0e2f7a,#2952c4)}.login-card{background:var(--bg-elevated);padding:32px 40px;border-radius:12px;text-align:center;box-shadow:var(--shadow)}.login-card h1{color:var(--kiwanis-blue);margin:0 0 8px}.login-card p{color:var(--text-muted);margin:0 0 20px}.login-card button{background:var(--kiwanis-blue);color:#fff;padding:10px 28px;font-size:14px;border:0}.login-card button:hover{background:var(--kiwanis-blue-hover)}