:root{--color-primary:#36c;--color-primary-dark:#2952a3;--color-green:#56cc65;--color-orange:#ff974e;--color-text:#333330;--color-text-muted:#666;--color-text-light:#999;--color-bg:#f2f2f2;--color-border:#e0e0e0;--color-border-light:#f2f2f2;--font-primary:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-4xl:3rem;--font-normal:400;--font-semibold:600;--font-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--shadow-card:0 2px 8px rgba(0,0,0,.08);--radius-sm:2px;--tracking-wide:0.025em;--transition-base:200ms ease}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{background-color:#fff;border-bottom:1px solid var(--color-border-light);justify-content:space-between;padding:var(--space-4) var(--space-8);position:sticky;top:0;z-index:200}.header,.header-logo{align-items:center;display:flex}.header-logo a{display:block;line-height:0}.header-logo img{height:36px;width:auto}.header-actions{align-items:center;display:flex;gap:var(--space-4)}.btn{align-items:center;border:2px solid transparent;border-radius:0;cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-3) var(--space-5);transition:all var(--transition-base);white-space:nowrap}.btn,.btn:hover{text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-outline-dark{background-color:transparent;border-color:var(--color-text);color:var(--color-text)}.btn-outline-dark:hover:not(:disabled){background-color:var(--color-text);color:#fff}body{background:var(--color-bg,#f2f2f2);min-height:100vh}.main{margin:0 auto;max-width:1400px;padding:0 24px 48px}.header__title{color:var(--color-text-muted,#666);font-family:var(--font-primary,"Lato",sans-serif);font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.page-header{padding:40px 0 32px;text-align:center}.page-header__title{color:var(--color-text,#333330);font-size:var(--text-2xl);font-weight:var(--font-normal);margin:0 0 var(--space-2)}.page-header__subtitle{color:var(--color-text-muted,#666);font-size:16px;margin:0}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.error-state.hidden,.loading-state.hidden{display:none}.loading-state__spinner{animation:spin 1s linear infinite;border:4px solid var(--color-border,#e0e0e0);border-radius:50%;border-top-color:var(--color-primary,#36c);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-state__text{color:var(--color-text,#333330);font-size:18px;font-weight:600;margin:24px 0 8px}.loading-state__subtext{color:var(--color-text-muted,#666);font-size:14px;margin:0}.error-state__icon{align-items:center;background:#ff974e;border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:64px;justify-content:center;margin-bottom:24px;width:64px}.error-state__text{color:var(--color-text,#333330);font-size:16px;margin:0 0 24px}.summary-cards--staff{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.summary-card{background:#fff;border-left:4px solid var(--color-primary,#36c);border-radius:0;box-shadow:var(--shadow-card);padding:var(--space-8);text-align:center}.summary-card--total{border-left-color:var(--color-text,#333330)}.summary-card--active{border-left-color:var(--color-green,#56cc65)}.summary-card--new{border-left-color:var(--color-primary,#36c)}.summary-card--attention{background:#fff8f5;border-left-color:#ff974e}.summary-card__value{color:var(--color-text,#333330);font-size:var(--text-4xl);font-weight:700;line-height:1;margin-bottom:var(--space-2)}.summary-card--attention .summary-card__value{color:#e85d2b}.summary-card__label{color:var(--color-text-muted,#666);font-size:13px;letter-spacing:.5px;text-transform:uppercase}.yoy-banner{background:var(--color-text,#333330);border-radius:0;display:flex;gap:var(--space-12);margin-bottom:var(--space-8);padding:var(--space-5) var(--space-8)}.yoy-banner__item{display:flex;flex-direction:column;gap:4px}.yoy-banner__label{color:hsla(0,0%,100%,.6);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.yoy-banner__value{color:#fff;font-size:24px;font-weight:700}.yoy-banner__value.positive{color:#56cc65}.yoy-banner__value.negative{color:#ff6b6b}.yoy-banner__item--change{border-left:1px solid hsla(0,0%,100%,.2);margin-left:auto;padding-left:48px}.tabs-section{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:24px}.tabs{background:#fff;border-radius:0;box-shadow:var(--shadow-card);gap:var(--space-1);padding:var(--space-1)}.tab,.tabs{display:flex}.tab{align-items:center;background:transparent;border:none;border-radius:0;color:var(--color-text-muted,#666);cursor:pointer;font-family:var(--font-primary,"Lato",sans-serif);font-size:var(--text-sm);font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-base)}.tab:hover{background:var(--color-bg,#f2f2f2);color:var(--color-text,#333330)}.tab.active{background:var(--color-primary,#36c);color:#fff}.tab__badge{align-items:center;background:rgba(0,0,0,.1);border-radius:11px;display:inline-flex;font-size:12px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.tab.active .tab__badge{background:hsla(0,0%,100%,.25)}.search-filter{display:flex;gap:12px}.search-input{border:2px solid var(--color-border,#e0e0e0);border-radius:0;font-family:var(--font-primary,"Lato",sans-serif);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-base);width:280px}.search-input:focus{border-color:var(--color-primary,#36c);outline:none}.search-input::placeholder{color:var(--color-text-light,#999)}.filter-select{background:#fff;border:2px solid var(--color-border,#e0e0e0);border-radius:0;cursor:pointer;font-family:var(--font-primary,"Lato",sans-serif);font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.filter-select:focus{border-color:var(--color-primary,#36c);outline:none}.table-section{background:#fff;border-radius:0;box-shadow:var(--shadow-card);overflow:hidden}.table-wrapper{overflow-x:auto}.donor-table{border-collapse:collapse;width:100%}.donor-table th{background:var(--color-text,#333330);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.donor-table th.sortable{cursor:pointer;padding-right:24px;position:relative;user-select:none}.donor-table th.sortable:after{border:5px solid transparent;border-top-color:hsla(0,0%,100%,.3);content:"";margin-top:3px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.donor-table th.sortable.asc:after{border-bottom-color:#fff;border-top-color:transparent;margin-top:-3px}.donor-table th.sortable.desc:after{border-top-color:#fff}.donor-table td{border-bottom:1px solid var(--color-border-light,#f2f2f2);color:var(--color-text,#333330);font-size:14px;padding:14px 16px}.donor-table tr:hover{background:#fafafa}.donor-table tr.row--attention{background:#fff8f5}.donor-table tr.row--attention:hover{background:#fff0eb}.col-name{font-weight:600}.col-email{color:var(--color-text-muted,#666);font-size:13px}.col-thisyear,.col-total{font-weight:600;text-align:right}.col-days,.col-lastgift,.col-streak,.col-yoy{text-align:center}.days--warning{color:#e8a42b;font-weight:600}.days--danger{color:#e85d2b;font-weight:700}.yoy--positive{color:var(--color-green,#56cc65);font-weight:600}.yoy--negative{color:#e85d2b;font-weight:600}.status-badge{border-radius:var(--radius-sm);display:inline-block;font-size:11px;font-weight:700;letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-3);text-transform:uppercase}.status-badge--active{background:#e8f5e9;color:#2e7d32}.status-badge--new{background:#e3f2fd;color:#1565c0}.status-badge--lapsed{background:#fff3e0;color:#e65100}.status-badge--inactive{background:#f5f5f5;color:#757575}.streak-badge{align-items:center;background:#e8f5e9;border-radius:var(--radius-sm);color:#2e7d32;display:inline-flex;font-size:var(--text-xs);font-weight:700;gap:var(--space-1);padding:var(--space-1) var(--space-2)}.pagination-wrapper{align-items:center;border-top:1px solid var(--color-border-light,#f2f2f2);display:flex;justify-content:space-between;padding:16px 24px}.pagination-text{color:var(--color-text-muted,#666);font-size:14px}.pagination{display:flex;gap:4px}.pagination__btn{align-items:center;background:#fff;border:1px solid var(--color-border,#e0e0e0);border-radius:0;color:var(--color-text,#333330);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:600;height:40px;justify-content:center;min-width:40px;transition:all var(--transition-base)}.pagination__btn:hover:not(:disabled){border-color:var(--color-primary,#36c);color:var(--color-primary,#36c)}.pagination__btn.active{background:var(--color-primary,#36c);border-color:var(--color-primary,#36c);color:#fff}.pagination__btn:disabled{cursor:not-allowed;opacity:.4}.pagination__ellipsis{align-items:center;color:var(--color-text-muted,#666);display:flex;height:36px;justify-content:center;width:36px}.table-empty{padding:48px 24px!important;text-align:center}.table-empty__text{color:var(--color-text-muted,#666);font-size:16px}.footer{border-top:1px solid var(--color-border,#e0e0e0);margin-top:48px;padding:32px 24px;text-align:center}.footer__text{color:var(--color-text-muted,#666);font-size:14px;margin:0 0 8px}.footer__text--muted{color:var(--color-text-light,#999);font-size:12px}.hidden{display:none!important}.flag-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);margin-left:6px;padding:2px 6px;vertical-align:middle}.flag-badge--lybunt{background:#fff0eb;color:#d84315}.flag-badge--second{background:#e8f5e9;color:#2e7d32}.trend-badge{font-size:var(--text-lg);font-weight:var(--font-bold)}.trend-badge--up{color:#2e7d32}.trend-badge--down{color:#d84315}.col-trend{text-align:center;width:60px}.detail-overlay{background:rgba(0,0,0,.3);inset:0;opacity:0;position:fixed;transition:opacity .3s ease;z-index:299}.detail-overlay.open{opacity:1}.detail-panel{background:#fff;box-shadow:-4px 0 16px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100vh;max-width:90vw;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:500px;z-index:300}.detail-panel.open{transform:translateX(0)}.detail-panel__header{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-6)}.detail-panel__title{color:var(--color-text);font-family:League Spartan,sans-serif;font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.detail-panel__close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:28px;line-height:1;padding:0;transition:color var(--transition-base)}.detail-panel__close:hover{color:var(--color-text)}.detail-panel__content{flex:1;overflow-y:auto;padding:var(--space-6)}.detail-summary{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-6)}.detail-stat{background:var(--color-bg);padding:var(--space-4)}.detail-stat__label{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1);text-transform:uppercase}.detail-stat__value{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--font-bold)}.detail-stat__value--positive{color:#2e7d32}.detail-stat__value--negative{color:#d84315}.detail-section-title{color:var(--color-text);font-family:League Spartan,sans-serif;font-size:var(--text-base);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);margin:0 0 var(--space-4);text-transform:uppercase}.detail-table-wrapper{overflow-x:auto}.detail-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.detail-table th{background:var(--color-text);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-align:left;text-transform:uppercase}.detail-table td,.detail-table th{padding:var(--space-3) var(--space-4)}.detail-table td{border-bottom:1px solid var(--color-border-light)}.detail-table tr:hover{background:#fafafa}.donor-table tbody tr{cursor:pointer}@media (max-width:1200px){.summary-cards--staff{grid-template-columns:repeat(2,1fr)}.yoy-banner{flex-wrap:wrap;gap:24px}.yoy-banner__item--change{border-left:none;border-top:1px solid hsla(0,0%,100%,.2);margin-left:0;padding-left:0;padding-top:16px;width:100%}}@media (max-width:768px){.main{padding:0 16px 32px}.page-header{padding:24px 0}.page-header__title{font-size:var(--text-xl)}.summary-cards--staff{gap:12px;grid-template-columns:1fr 1fr}.summary-card{padding:16px}.summary-card__value{font-size:var(--text-2xl)}.tabs-section{align-items:stretch;flex-direction:column}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{font-size:13px;padding:10px 16px;white-space:nowrap}.search-filter{flex-direction:column}.search-input{width:100%}.pagination-wrapper{flex-direction:column;gap:16px}.detail-panel{max-width:100%;width:100%}.detail-summary{grid-template-columns:1fr 1fr}.detail-stat{padding:var(--space-3)}.detail-stat__value{font-size:var(--text-base)}}