:root{--color-primary: #000000;--color-primary-active: #1a1a1a;--color-text-link: #0d74ce;--color-canvas: #ffffff;--color-canvas-soft: #fafafa;--color-surface-card: #ffffff;--color-surface-strong: #f0f0f3;--color-hairline: #f0f0f3;--color-hairline-strong: #dcdee0;--color-ink: #171717;--color-body: #60646c;--color-muted: #999999;--color-on-primary: #ffffff;--color-semantic-success: #16a34a;--color-semantic-error: #eb8e90;--font-sans: "Kanit", -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-display-md: 28px;--text-title-md: 18px;--text-title-sm: 16px;--text-body-md: 16px;--text-body-sm: 14px;--text-caption: 13px;--text-caption-uppercase: 11px;--text-button: 14px;--text-nav-link: 14px;--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-base: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--rounded-sm: 6px;--rounded-md: 8px;--rounded-lg: 12px;--rounded-xl: 16px;--rounded-pill: 9999px;--nav-height: 64px;--sidebar-width: 280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-body-md);color:var(--color-body);background:var(--color-canvas-soft)}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}.staff-layout{display:flex;min-height:100vh}.staff-sidebar{width:260px;flex-shrink:0;background:#1e293b;color:#e2e8f0;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;border-right:1px solid #334155;z-index:200}.staff-sidebar-brand{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #334155;background:#0f172a}.staff-sidebar-brand-logo{width:36px;height:36px;border-radius:50%;object-fit:contain;background:#fff;flex-shrink:0;padding:2px}.staff-sidebar-brand-text{min-width:0}.staff-sidebar-brand-text strong{display:block;font-size:13px;font-weight:600;color:#f8fafc;line-height:1.3}.staff-sidebar-brand-text span{display:block;font-size:11px;color:#94a3b8;line-height:1.3;margin-top:2px}.staff-sidebar-profile{display:flex;align-items:center;gap:12px;padding:20px 16px;border-bottom:1px solid #334155;background:#0f172a}.staff-sidebar-photo{width:64px;height:80px;object-fit:cover;object-position:top center;border-radius:6px;border:2px solid #475569;background:#fff;flex-shrink:0}.staff-sidebar-profile-text{min-width:0}.staff-sidebar-profile-text strong{display:block;font-size:14px;font-weight:600;color:#f8fafc;line-height:1.3;margin-bottom:4px}.staff-sidebar-profile-text span{font-size:12px;color:#4ade80}.staff-sidebar-nav{flex:1;overflow-y:auto;padding:12px 0;display:flex;flex-direction:column}.staff-sidebar-group{margin-bottom:2px}.staff-sidebar-link{display:flex;align-items:center;gap:10px;padding:11px 18px;font-size:14px;color:#cbd5e1;text-decoration:none;border-left:3px solid transparent;transition:background .15s,color .15s}.staff-sidebar-link-text{flex:1;min-width:0}.staff-sidebar-chevron{margin-left:auto;font-size:12px;line-height:1;color:#94a3b8;transition:transform .2s ease,color .15s;flex-shrink:0}.staff-sidebar-link:hover .staff-sidebar-chevron,.staff-sidebar-link-active .staff-sidebar-chevron{color:#e2e8f0}.staff-sidebar-chevron-open{transform:rotate(90deg)}.staff-sidebar-link:hover{background:#334155;color:#f8fafc;text-decoration:none}.staff-sidebar-link-active{background:#334155;color:#fff;border-left-color:#f59e0b;font-weight:500}.staff-sidebar-icon{width:20px;text-align:center;flex-shrink:0;font-size:15px;opacity:.9}.staff-sidebar-sub-nav{padding:4px 0 8px 44px}.staff-sidebar-sub-link{display:block;padding:6px 12px;font-size:13px;color:#94a3b8;text-decoration:none;border-radius:4px}.staff-sidebar-sub-link:hover{color:#f8fafc;background:#334155;text-decoration:none}.staff-sidebar-sub-link-active{color:#fff;background:#475569;font-weight:600}.staff-sidebar-logout{display:flex;align-items:center;gap:10px;width:100%;padding:11px 18px;margin-top:auto;border:none;border-top:1px solid #334155;background:transparent;font-family:inherit;font-size:14px;color:#fca5a5;cursor:pointer;text-align:left}.staff-sidebar-logout:hover{background:#450a0a;color:#fecaca}.staff-sidebar-backdrop{display:none}.import-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.import-category-card{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);text-decoration:none;color:inherit;transition:border-color .15s}.import-category-card:hover{border-color:var(--color-ink);text-decoration:none}.import-category-legacy{font-family:var(--font-mono);font-size:11px;color:var(--color-muted)}.import-category-card strong{color:var(--color-ink);font-size:var(--text-body-sm)}.import-category-card small{font-size:11px;color:var(--color-muted);line-height:1.4}.import-category-link{margin-top:8px;font-size:var(--text-caption);color:var(--color-text-link)}.drop-zone{border:2px dashed var(--color-hairline-strong);border-radius:var(--rounded-lg);padding:48px 24px;text-align:center;background:var(--color-canvas);cursor:pointer;margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.drop-zone-active{border-color:var(--color-ink);background:var(--color-canvas-soft)}.drop-zone strong{color:var(--color-ink)}.drop-zone span,.drop-zone small{color:var(--color-muted);font-size:var(--text-body-sm)}.file-list{list-style:none;font-size:var(--text-body-sm);color:var(--color-body)}.file-list li{padding:6px 0;border-bottom:1px solid var(--color-hairline)}.file-list.compact li{padding:4px 0}.file-list li span{color:var(--color-muted);font-size:var(--text-caption)}.file-list li.invalid,.file-error{color:#991b1b}.manifest-group{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-hairline)}.manifest-group h4{font-size:var(--text-body-sm);font-weight:600;color:var(--color-ink);margin-bottom:8px}.alert-success{background:#f0fdf4;color:#166534;border:1px solid var(--color-semantic-success)}.badge.status-completed{background:#dcfce7;color:#166534}.badge.status-failed{background:#fef2f2;color:#991b1b}.badge.status-staged{background:#fef9c3;color:#854d0e}.badge.status-running{background:#dbeafe;color:#1e40af}code{font-family:var(--font-mono);font-size:12px;background:var(--color-surface-strong);padding:2px 6px;border-radius:4px}.staff-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-width:0}.staff-topbar{background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);padding:0 var(--spacing-lg);height:var(--nav-height);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}.staff-topbar-left{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.staff-menu-toggle{display:none;border:1px solid var(--color-hairline-strong);background:var(--color-canvas);border-radius:var(--rounded-md);width:40px;height:40px;font-size:18px;cursor:pointer;flex-shrink:0}.staff-topbar-brand{display:flex;align-items:center;gap:12px;min-width:0}.staff-topbar-brand img{width:40px;height:40px;border-radius:50%;object-fit:contain;background:#fff;padding:2px;flex-shrink:0}.staff-topbar-brand strong{display:block;font-size:14px;font-weight:600;color:var(--color-ink)}.staff-topbar-brand span{display:block;font-size:12px;color:var(--color-muted)}.staff-topbar-user{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0}.staff-topbar-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-hairline-strong);background:var(--color-surface-strong);object-fit:cover;object-position:top center;flex-shrink:0}.staff-topbar-name{font-size:14px;color:var(--color-body);white-space:nowrap}.staff-content{padding:var(--spacing-xl);flex:1}.page-header{margin-bottom:var(--spacing-xl)}.page-header h1{font-size:var(--text-display-md);font-weight:600;color:var(--color-ink);line-height:1.2}.page-header p{font-size:var(--text-body-sm);color:var(--color-muted);margin-top:4px}.search-bar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.search-photo-col{width:52px;padding-right:0!important}.search-member-photo{width:40px;height:48px;object-fit:cover;object-position:top center;border-radius:6px;border:1px solid var(--color-hairline);background:var(--color-surface-strong);display:block}.guarantee-person-cell{display:flex;align-items:center;gap:10px;min-width:0}.guarantee-member-photo{width:40px;height:48px;object-fit:cover;object-position:top center;border-radius:6px;border:1px solid var(--color-hairline);background:var(--color-surface-strong);flex-shrink:0}.guarantee-person-text{display:flex;flex-direction:column;gap:2px;min-width:0}.guarantee-person-text a{color:var(--color-ink);font-weight:500;text-decoration:none}.guarantee-person-text a:hover{text-decoration:underline}.guarantee-person-no{font-size:var(--text-caption);color:var(--color-muted);font-variant-numeric:tabular-nums}@media(max-width:900px){.search-bar{grid-template-columns:1fr}.staff-menu-toggle{display:inline-flex;align-items:center;justify-content:center}.staff-topbar-name{display:none}.staff-sidebar{transform:translate(-100%);transition:transform .2s ease;box-shadow:4px 0 24px #0003}.staff-sidebar-open{transform:translate(0)}.staff-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;border:none;background:#0f172a73;cursor:pointer}.staff-main{margin-left:0}}.table-wrap{overflow-x:auto;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg)}table.data-table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm)}table.data-table th,table.data-table td{padding:var(--spacing-sm) var(--spacing-base);border-bottom:1px solid var(--color-hairline);text-align:left}table.data-table th{background:var(--color-canvas-soft);font-size:var(--text-caption-uppercase);letter-spacing:.5px;color:var(--color-muted)}table.data-table tr:hover td{background:var(--color-canvas-soft);cursor:pointer}.text-right{text-align:right}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border:none;border-radius:var(--rounded-md);font-family:var(--font-sans);font-size:var(--text-button);font-weight:500;cursor:pointer}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-secondary{background:var(--color-surface-card);color:var(--color-ink);border:1px solid var(--color-hairline-strong)}.btn-sm{height:32px;padding:0 12px;font-size:var(--text-caption)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:var(--spacing-base)}.form-group label{display:block;font-size:var(--text-body-sm);font-weight:500;color:var(--color-ink);margin-bottom:4px}.form-control{width:100%;height:44px;padding:0 16px;border:1px solid var(--color-hairline-strong);border-radius:var(--rounded-md);font-family:var(--font-sans);font-size:var(--text-body-sm)}.form-control:focus{outline:none;border-color:var(--color-ink)}.alert{padding:var(--spacing-sm) var(--spacing-base);border-radius:var(--rounded-md);margin-bottom:var(--spacing-base);font-size:var(--text-body-sm)}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid var(--color-semantic-error)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(160deg,var(--color-canvas-soft) 0%,var(--color-canvas) 55%)}.login-card{width:100%;max-width:420px;padding:var(--spacing-xl);border:1px solid var(--color-hairline-strong);border-radius:var(--rounded-xl);background:var(--color-canvas);box-shadow:0 12px 40px #0000000f}.login-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--spacing-lg)}.login-logo{width:80px;height:80px;margin-bottom:var(--spacing-md);border-radius:50%;object-fit:contain;background:#fff;padding:4px;border:1px solid var(--color-hairline);display:block}.login-card h1{font-size:var(--text-title-md);color:var(--color-ink);margin-bottom:4px}.login-card p{color:var(--color-muted);font-size:var(--text-body-sm);margin-bottom:0}.login-org{margin-top:4px!important;font-size:var(--text-caption)!important;color:var(--color-body)!important}.member-header{display:flex;gap:var(--spacing-lg);align-items:flex-start;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.member-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:1px solid var(--color-hairline);background:var(--color-surface-strong)}.member-photo.placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-muted);font-size:24px}.member-header h2{font-size:var(--text-title-md);color:var(--color-ink)}.badge{display:inline-block;padding:2px 10px;border-radius:var(--rounded-pill);font-size:var(--text-caption);font-weight:500}.badge-success{background:#dcfce7;color:#166534}.badge-muted{background:var(--color-surface-strong);color:var(--color-muted)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-base);margin-bottom:var(--spacing-lg)}@media(max-width:700px){.summary-grid{grid-template-columns:1fr}}.summary-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);padding:var(--spacing-base)}.summary-card span{display:block;font-size:var(--text-caption);color:var(--color-muted);margin-bottom:4px}.summary-card strong{font-size:var(--text-title-sm);color:var(--color-ink)}.section-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.section-card h3{font-size:var(--text-title-sm);color:var(--color-ink);margin-bottom:var(--spacing-base)}.pagination{display:flex;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-base);font-size:var(--text-body-sm)}.role-pill{display:inline-block;padding:2px 8px;border-radius:var(--rounded-pill);background:var(--color-surface-strong);font-size:var(--text-caption);color:var(--color-body)}.import-progress-panel{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.import-progress-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--color-ink)}.import-progress-spinner{width:18px;height:18px;border:2px solid var(--color-hairline-strong);border-top-color:var(--color-ink);border-radius:50%;animation:import-spin .8s linear infinite;flex-shrink:0}@keyframes import-spin{to{transform:rotate(360deg)}}.progress-bar{height:8px;background:var(--color-surface-strong);border-radius:var(--rounded-pill);overflow:hidden;margin-bottom:12px}.progress-bar-fill{height:100%;background:var(--color-ink);border-radius:var(--rounded-pill);transition:width .25s ease}.import-progress-message{font-size:var(--text-body-sm);color:var(--color-body);margin-bottom:6px}.import-progress-step{font-size:var(--text-body-sm);color:var(--color-muted);margin-bottom:6px}.import-progress-file{font-size:var(--text-body-sm);color:var(--color-body);margin-bottom:4px;word-break:break-all}.import-progress-file code{font-family:ui-monospace,monospace;font-size:12px;background:var(--color-surface-strong);padding:2px 6px;border-radius:4px}.import-progress-batch{font-size:var(--text-caption);color:var(--color-muted);margin-top:4px;word-break:break-all}.import-progress-percent{font-size:var(--text-caption);color:var(--color-muted);margin-top:8px;text-align:right}.import-progress-summary{font-size:var(--text-body-sm);color:var(--color-muted);margin:8px 0 10px}.import-file-status-list{list-style:none;max-height:280px;overflow-y:auto;border:1px solid var(--color-hairline);border-radius:var(--rounded-md);background:var(--color-canvas-soft)}.import-file-status{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name badge" "detail detail";gap:2px 8px;padding:8px 12px;border-bottom:1px solid var(--color-hairline);font-size:var(--text-body-sm)}.import-file-status:last-child{border-bottom:none}.import-file-status-running{background:color-mix(in srgb,var(--color-ink) 4%,transparent)}.import-file-status-name{grid-area:name;font-family:ui-monospace,monospace;font-size:12px;word-break:break-all;color:var(--color-body)}.import-file-status-badge{grid-area:badge;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--rounded-pill);white-space:nowrap;align-self:start}.import-file-status-badge-pending{background:var(--color-surface-strong);color:var(--color-muted)}.import-file-status-badge-running{background:#dbeafe;color:#1d4ed8}.import-file-status-badge-success{background:#dcfce7;color:#15803d}.import-file-status-badge-failed{background:#fee2e2;color:#b91c1c}.import-file-status-detail{grid-area:detail;font-size:var(--text-caption);color:var(--color-muted)}.chart-section{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.chart-card{background:var(--color-surface-card);border:1px solid var(--color-hairline-strong);border-radius:var(--rounded-lg);padding:var(--spacing-lg)}.chart-card h3{font-size:var(--text-title-sm);font-weight:600;color:var(--color-ink);margin-bottom:var(--spacing-xs)}.chart-note{font-size:var(--text-body-sm);color:var(--color-muted);margin-bottom:var(--spacing-md)}.chart-body{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.donut-wrap{position:relative;width:100%;max-width:220px}.donut-svg{width:100%;height:auto;display:block}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.donut-center-label{font-size:11px;color:var(--color-muted);margin-bottom:2px}.donut-center-value{font-size:15px;font-weight:600;color:var(--color-ink);font-variant-numeric:tabular-nums;line-height:1.2}.donut-center-value.negative{color:#b91c1c}.donut-center-value.positive{color:#047857}.chart-legend{width:100%;display:flex;flex-direction:column;gap:8px}.chart-legend-item{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;font-size:var(--text-body-sm)}.chart-legend-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.chart-legend-label{color:var(--color-body);min-width:0}.chart-legend-value{font-weight:600;color:var(--color-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.chart-legend-pct{font-weight:400;color:var(--color-muted);margin-left:4px}.chart-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-xs);padding-top:var(--spacing-md);border-top:1px solid var(--color-hairline)}.chart-summary-item{text-align:center}.chart-summary-item span{display:block;font-size:11px;color:var(--color-muted);margin-bottom:2px}.chart-summary-item strong{font-size:var(--text-body-sm);font-weight:600;color:var(--color-ink);font-variant-numeric:tabular-nums}.loan-bar-list{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.loan-bar-row{display:flex;flex-direction:column;gap:6px}.loan-bar-meta{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);font-size:var(--text-body-sm)}.loan-bar-label{color:var(--color-ink);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loan-bar-sub{font-size:var(--text-caption);color:var(--color-muted);font-weight:400}.loan-bar-amount{font-weight:600;color:var(--color-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.loan-bar-track{height:10px;background:var(--color-surface-strong);border-radius:var(--rounded-pill);overflow:hidden}.loan-bar-fill{height:100%;border-radius:var(--rounded-pill);background:linear-gradient(90deg,#dc2626,#b91c1c);min-width:2px;transition:width .4s ease}.chart-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-muted);font-size:var(--text-body-sm);border:1px dashed var(--color-hairline-strong);border-radius:var(--rounded-md);width:100%}@media(max-width:900px){.chart-section{grid-template-columns:1fr}.chart-summary-row{grid-template-columns:1fr;gap:var(--spacing-md)}}.dashboard-stats{grid-template-columns:repeat(4,1fr)}.dashboard-stats .summary-card small{display:block;margin-top:4px;font-size:var(--text-caption);color:var(--color-muted);font-weight:400}.dashboard-split{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.dashboard-loading{padding:var(--spacing-xxl);text-align:center;color:var(--color-muted)}.dashboard-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap}.dashboard-hero-badge{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;border-radius:var(--rounded-lg);padding:16px 20px;min-width:200px;box-shadow:0 8px 24px #0f172a26}.dashboard-hero-badge span{display:block;font-size:var(--text-caption);color:#94a3b8;margin-bottom:4px}.dashboard-hero-badge strong{display:block;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.dashboard-hero-badge small,.dashboard-hero-formula{display:block;margin-top:6px;font-size:11px;color:#94a3b8;font-weight:400;line-height:1.45}.dashboard-hero-badge strong.positive{color:#4ade80}.dashboard-hero-badge strong.negative{color:#fca5a5}.dashboard-stat-card{position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.dashboard-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.dashboard-stat-card.accent-blue:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.dashboard-stat-card.accent-indigo:before{background:linear-gradient(90deg,#6366f1,#4f46e5)}.dashboard-stat-card.accent-green:before{background:linear-gradient(90deg,#10b981,#047857)}.dashboard-stat-card.accent-red:before{background:linear-gradient(90deg,#ef4444,#b91c1c)}.dashboard-stat-card.accent-amber:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.dashboard-chart-grid{margin-bottom:var(--spacing-xl)}.dashboard-chart-grid.two-col{grid-template-columns:repeat(2,1fr)}.dashboard-chart-card{background:linear-gradient(180deg,#fff,#fafafa);box-shadow:0 4px 16px #0f172a0d;transition:box-shadow .2s ease}.dashboard-chart-card:hover{box-shadow:0 8px 28px #0f172a14}.chart-body-wide{width:100%;align-items:stretch!important}.dashboard-donut-layout{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%}.dashboard-donut-wrap{max-width:200px}.dashboard-donut-slice{transition:opacity .2s ease}.dashboard-donut-slice:hover{opacity:.85}.dashboard-donut-center-value.positive{color:#047857}.dashboard-donut-center-value.negative{color:#b91c1c}.dashboard-donut-legend{width:100%;display:flex;flex-direction:column;gap:8px}.dashboard-legend-item{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;font-size:var(--text-body-sm)}.dashboard-legend-label{color:var(--color-body);min-width:0}.dashboard-legend-pct{font-weight:600;color:var(--color-ink);font-variant-numeric:tabular-nums}.dashboard-bar-list{width:100%;display:flex;flex-direction:column;gap:14px}.dashboard-bar-row{display:flex;flex-direction:column;gap:6px}.dashboard-bar-meta{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);font-size:var(--text-body-sm)}.dashboard-bar-label{color:var(--color-ink);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-bar-sub{font-size:var(--text-caption);color:var(--color-muted);font-weight:400}.dashboard-bar-values{display:flex;align-items:baseline;gap:8px;flex-shrink:0}.dashboard-bar-amount{font-weight:600;color:var(--color-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.dashboard-bar-pct{font-size:var(--text-caption);color:var(--color-muted);font-variant-numeric:tabular-nums}.dashboard-bar-track{height:12px;background:var(--color-surface-strong);border-radius:var(--rounded-pill);overflow:hidden}.dashboard-bar-fill{height:100%;border-radius:var(--rounded-pill);min-width:4px;animation:dashboardBarGrow .7s ease forwards;transform-origin:left center}@keyframes dashboardBarGrow{0%{transform:scaleX(0);opacity:.6}to{transform:scaleX(1);opacity:1}}.dashboard-kpi-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-base)}.dashboard-kpi-item{background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);padding:var(--spacing-base)}.dashboard-kpi-item span{display:block;font-size:var(--text-caption);color:var(--color-muted);margin-bottom:4px}.dashboard-kpi-item strong{display:block;font-size:var(--text-title-sm);color:var(--color-ink);font-variant-numeric:tabular-nums}.dashboard-kpi-item small{display:block;margin-top:2px;font-size:var(--text-caption);color:var(--color-muted)}.report-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-base)}.report-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);padding:var(--spacing-lg)}.report-card h3{font-size:var(--text-body-md);font-weight:600;margin-bottom:6px}.report-card p{font-size:var(--text-body-sm);color:var(--color-muted);margin-bottom:var(--spacing-base)}.audit-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.advanced-search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-base);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg)}.member-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-hairline);padding-bottom:8px}.member-tab{border:1px solid var(--color-hairline);background:var(--color-canvas);border-radius:var(--rounded-pill);padding:8px 16px;font-family:inherit;font-size:var(--text-body-sm);color:var(--color-body);cursor:pointer}.member-tab-active{background:var(--color-ink);color:var(--color-on-primary);border-color:var(--color-ink)}.panel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.panel-toolbar h3{margin-bottom:0}.panel-select{max-width:160px;height:40px}.panel-muted{color:var(--color-muted);font-size:var(--text-body-sm);padding:var(--spacing-base) 0}.receipt-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-sm);margin-bottom:var(--spacing-base)}.receipt-form .form-group{flex:1;min-width:200px;margin-bottom:0}.receipt-print-area{margin-top:var(--spacing-lg)}.receipt-sheet{background:#fff;border:1px solid var(--color-hairline-strong);border-radius:var(--rounded-md);padding:var(--spacing-lg)}.receipt-sheet-header{display:grid;grid-template-columns:72px 1fr 72px;gap:var(--spacing-base);align-items:center;margin-bottom:var(--spacing-base)}.receipt-sheet-logo,.receipt-sheet-photo{width:72px;height:72px;object-fit:contain;border-radius:var(--rounded-sm);border:1px solid var(--color-hairline)}.receipt-sheet-header h2{font-size:var(--text-body-md);margin-bottom:4px}.receipt-sheet-meta{display:flex;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--text-body-sm)}.receipt-sheet .data-table th{text-align:center}.receipt-sheet .data-table td.text-right{text-align:right}.receipt-sheet .data-table td.text-center{text-align:center}.receipt-amount-words{margin-top:var(--spacing-sm);font-size:var(--text-body-sm)}.text-positive{color:#047857;font-weight:600}.text-negative{color:#b91c1c;font-weight:600}.dashboard-trends,.dashboard-alerts{margin-bottom:var(--spacing-xl)}.search-toolbar{margin-bottom:var(--spacing-md)}.report-section-title{font-size:var(--text-title-sm);font-weight:600;margin:var(--spacing-xl) 0 var(--spacing-md);color:var(--color-ink)}.report-section-title:first-of-type{margin-top:0}.panel-subtitle{font-weight:500;margin-bottom:8px;color:var(--color-body)}.account-history-list{display:flex;flex-direction:column;gap:10px}.account-history-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-base);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);background:var(--color-canvas-soft)}.account-history-main{display:flex;flex-direction:column;gap:4px;min-width:0}.account-history-badge{display:inline-block;width:fit-content;font-size:var(--text-caption);font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.account-history-ref{font-size:var(--text-caption);color:var(--color-muted)}.account-history-detail{font-size:var(--text-body-sm);color:var(--color-muted);margin:0}.account-history-amount{font-weight:600;color:var(--color-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.member-print-btn{align-self:flex-start;flex-shrink:0}@media print{.no-print,.staff-sidebar,.staff-topbar,.member-tabs,.receipt-print-toolbar{display:none!important}.staff-main{margin-left:0!important}.staff-content{padding:16px!important}body.member-print-mode .chart-section,body.member-print-mode .no-print{display:none!important}body.member-print-mode .member-print-header,body.member-print-mode .member-print-summary{display:block!important}#staff-receipt-print{border:none;box-shadow:none}}@media(max-width:900px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.registry-alert-stats,.photo-stats-grid,.dashboard-split,.dashboard-chart-grid.two-col,.dashboard-kpi-list,.registry-form-grid{grid-template-columns:1fr}}.dashboard-tabs{display:flex;gap:8px;margin-bottom:20px}.registry-alert-stats{grid-template-columns:repeat(3,1fr)}.summary-card.accent-amber{border-left:4px solid #d97706}.registry-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.registry-link-card{display:block;padding:14px 16px;border-radius:var(--rounded-lg);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-text-link);text-decoration:none;font-weight:600}.registry-link-card:hover{border-color:var(--color-text-link);background:var(--color-canvas-soft);text-decoration:none}.registry-detail-table td:first-child{width:220px;color:var(--color-muted)}.registry-election-form{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-hairline)}.registry-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-bottom:12px}.photo-stats-grid{grid-template-columns:repeat(3,1fr)}.photo-sync-form{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.photo-sync-option{display:flex;align-items:center;gap:8px;font-size:var(--text-body-sm);color:var(--color-body)}.photo-sync-progress{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-hairline)}.photo-sync-bar{height:8px;background:var(--color-surface-strong);border-radius:var(--rounded-pill);overflow:hidden;margin:8px 0}.photo-sync-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);transition:width .2s ease}.member-photo-upload{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.member-photo-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.member-photo-msg{font-size:var(--text-caption);margin:0;text-align:center;max-width:140px}.member-photo-msg.error{color:#b91c1c}.member-photo-msg.success{color:#047857}.ops-dashboard-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.status-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:var(--text-caption);font-weight:600}.status-pill.status-active{background:#dcfce7;color:#166534}.status-pill.status-inactive{background:#f1f5f9;color:#64748b}.retention-policy-card{margin-bottom:24px}.retention-policy-list{margin:0;padding-left:20px;color:var(--color-body);font-size:var(--text-body-sm);line-height:1.8}.retention-empty{text-align:center;color:var(--color-muted)}.retention-empty h3{margin-bottom:8px;color:var(--color-ink)}.retention-year-list{display:flex;flex-direction:column;gap:20px}.retention-year-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.retention-year-meta{margin:4px 0 0;font-size:var(--text-body-sm);color:var(--color-muted)}.retention-confirm-actions{display:flex;gap:8px}.retention-warning{margin-bottom:12px}.retention-snapshot-details{margin-top:8px}.retention-snapshot-details summary{cursor:pointer;font-size:var(--text-body-sm);color:var(--color-primary);margin-bottom:8px}.btn-danger{background:#b91c1c;color:#fff;border:1px solid #991b1b}.btn-danger:hover:not(:disabled){background:#991b1b}.alert-success{background:#dcfce7;color:#166534;border:1px solid #86efac}.alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}