:root{--bg:#f6f7f4;--panel:#fff;--panel-2:#fbfcf8;--text:#242723;--muted:#6c7169;--line:#dde2d7;--line-strong:#c7cfbf;--brand:#1f7a4d;--brand-strong:#145c39;--brand-soft:#e7f3eb;--amber:#b7791f;--amber-soft:#fff5dd;--danger:#b42318;--danger-soft:#fff0ee;--success:#147a44;--success-soft:#edf8f0;--shadow:0 12px 30px #24272314;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.6}a{color:inherit}#root{min-height:100svh}.screen-center,.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.login-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;gap:18px;width:100%;max-width:420px;padding:28px;display:grid}.login-brand{align-items:center;gap:14px;margin-bottom:8px;display:flex}.login-brand strong,.sidebar-head strong{font-size:18px;display:block}.login-brand span,.sidebar-head span{color:var(--muted);font-size:13px;display:block}.brand-mark{background:var(--brand-soft);color:var(--brand);border:1px solid #badcc6;border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.app-shell{height:100svh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar{color:#f6f7f4;z-index:20;background:#20251f;border-right:1px solid #30372f;flex-direction:column;flex:0 0 248px;padding:18px;display:flex;position:relative}.sidebar-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.sidebar-nav{gap:6px;display:grid}.sidebar-nav a{color:#dfe6d9;border-radius:6px;align-items:center;gap:10px;min-height:40px;padding:9px 10px;text-decoration:none;display:flex}.sidebar-nav a:hover,.sidebar-nav a.active{color:#fff;background:#344132}.topbar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:16px;min-height:72px;padding:12px 24px;display:flex}.topbar-title{flex:1;min-width:0}.eyebrow{color:var(--muted);margin:0 0 4px;font-size:12px;font-weight:700}.topbar h1,.page-header h2{color:var(--text);margin:0;font-size:22px;line-height:1.2}.topbar-actions,.page-actions,.toolbar-actions,.row-actions,.modal-actions,.sticky-actions{align-items:center;gap:10px;display:flex}.admin-chip{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.admin-chip span{font-weight:700}.admin-chip small{color:var(--muted)}.content-area{flex:1;padding:24px;overflow:auto}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px}.mt-24{margin-top:24px}.filter-grid,.detail-grid,.stat-grid{gap:14px;display:grid}.filter-grid,.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.password-grid{gap:14px;max-width:460px;display:grid}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:8px;padding:18px;display:grid}.stat-card svg{color:var(--brand)}.stat-card span{color:var(--muted);font-size:13px}.stat-card strong{font-size:28px}.field{gap:6px;min-width:0;display:grid}.field>span{color:var(--muted);font-size:13px;font-weight:700}.control{background:var(--panel-2);border:1px solid var(--line-strong);color:var(--text);border-radius:6px;width:100%;min-width:0;min-height:38px;padding:8px 10px}.control:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #1f7a4d24}.field-error{color:var(--danger)}.button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 13px;font-weight:700;display:inline-flex}.button-primary{background:var(--brand);color:#fff}.button-primary:hover{background:var(--brand-strong)}.button-outline,.button-secondary{background:var(--panel);border-color:var(--line-strong);color:var(--text)}.button-outline:hover,.button-secondary:hover{background:var(--panel-2)}.button-danger{background:var(--danger);color:#fff}.button-ghost{color:var(--text);background:0 0}.full-width{width:100%}.icon-button{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.danger-icon{color:var(--danger)}.mobile-only{display:none}.birthday-filter{grid-template-columns:140px 110px 110px auto;align-items:end;gap:12px;margin-top:14px;display:grid}.segmented{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;align-items:center;height:38px;display:inline-flex;overflow:hidden}.segmented button{color:var(--muted);background:0 0;border:0;height:100%;padding:0 13px}.segmented button.active{background:var(--brand);color:#fff}.toolbar-row,.list-meta{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.toolbar-row.right{justify-content:flex-end}.list-meta{color:var(--muted);margin-bottom:10px}.list-meta label{align-items:center;gap:8px;display:flex}.list-meta select{border:1px solid var(--line-strong);border-radius:6px;min-height:34px;padding:6px 8px}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:920px}.data-table th{color:#2e372d;text-align:left;background:#edf3e8;font-size:13px;font-weight:800}.data-table th,.data-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px}.data-table tbody tr:hover{background:#fbfcf8}.table-sort{color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:800;display:inline-flex}.table-link,.back-link{color:var(--brand);font-weight:800;text-decoration:none}.table-link:hover,.back-link:hover{text-decoration:underline}.table-empty,.loading-panel{color:var(--muted);text-align:center;padding:40px}.stacked-cell{gap:2px;display:grid}.stacked-cell small,.muted-text{color:var(--muted)}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.member-summary{grid-template-columns:minmax(220px,1fr) 2fr;align-items:start;gap:18px;margin-bottom:16px;display:grid}.member-summary h3{margin:8px 0 0;font-size:22px}.member-summary dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.member-summary dt{color:var(--muted);font-size:12px;font-weight:800}.member-summary dd{margin:4px 0 0;font-weight:800}.tabs{gap:0;display:grid}.tab-list{gap:6px;margin-bottom:-1px;display:flex}.tab-list button{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:8px 8px 0 0;min-height:38px;padding:8px 16px;font-weight:800}.tab-list button.active{background:var(--panel);border-bottom-color:var(--panel);color:var(--brand)}.inline-code{background:var(--panel-2);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:4px;max-width:100%;padding:4px 6px;display:inline-block}.sticky-actions{border-top:1px solid var(--line);background:#f6f7f4eb;justify-content:flex-end;margin-top:16px;padding:14px 0;position:sticky;bottom:0}.section-title{color:var(--brand);align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-title h3,.modal-panel h3,.panel h3{margin:0}.permission-table{min-width:980px}.center-cell{text-align:center}.ok-icon{color:var(--success);margin:0 auto}.muted-icon{color:#a8afa2;margin:0 auto}.mini-badge,.role-badge{border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:3px 8px;font-size:12px;font-weight:800;display:inline-flex}.mini-badge{background:var(--brand-soft);color:var(--brand)}.role-badge{color:#535b50;background:#eef0ea;margin-left:0}.role-badge.super{background:var(--amber-soft);color:var(--amber)}.modal-backdrop{z-index:40;background:#0f120e8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--panel);box-shadow:var(--shadow);border-radius:8px;gap:14px;width:100%;max-width:440px;padding:22px;display:grid}.modal-actions{justify-content:flex-end;margin-top:6px}.form-message{border-radius:6px;margin:0 0 16px;padding:10px 12px;font-weight:700}.form-message.error{background:var(--danger-soft);color:var(--danger);border:1px solid #f4b8b2}.form-message.success{background:var(--success-soft);color:var(--success);border:1px solid #bde5c9}.spin{vertical-align:middle;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.filter-grid,.detail-grid,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.birthday-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented{grid-column:1/-1;justify-self:start}}@media (width<=760px){.mobile-only{display:inline-flex}.sidebar{width:280px;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{z-index:10;background:#0f120e73;border:0;position:fixed;inset:0}.topbar{padding:12px 16px}.admin-chip{display:none}.content-area{padding:16px}.page-header,.toolbar-row,.list-meta,.member-summary{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.filter-grid,.detail-grid,.stat-grid,.birthday-filter,.member-summary dl{grid-template-columns:1fr}.toolbar-actions,.page-actions{justify-content:flex-start}}