:root{--color-primary:#36c;--color-primary-dark:#2952a3;--color-primary-light:#4d7fd9;--color-secondary:#fc6;--color-secondary-dark:#e6b85c;--color-secondary-light:#ffd480;--color-teal:#3cc;--color-teal-dark:#2ab3b3;--color-teal-light:#5cd6d6;--color-green:#56cc65;--color-green-dark:#45a352;--color-green-light:#6fd67c;--color-orange:#ff974e;--color-orange-dark:#e6823a;--color-orange-light:#ffab6b;--color-text:#333330;--color-text-muted:#666;--color-text-light:#999;--color-text-inverse:#fff;--color-bg:#f2f2f2;--color-bg-white:#fff;--color-bg-dark:#333330;--color-bg-hover:#f9f9f9;--color-border:#e0e0e0;--color-border-light:#f2f2f2;--font-primary:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-cta:"League Spartan","Lato",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-3xl:2.5rem;--text-4xl:3rem;--font-normal:400;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.6;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--space-0:0;--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-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--container-max:1280px;--container-padding:var(--space-8);--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-full:9999px;--border-thin:1px;--border-medium:2px;--border-thick:4px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-card:0 2px 8px rgba(0,0,0,.08);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-chart:800ms ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-tooltip:400}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);min-height:100vh}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol,ul{list-style:none}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}.h1,h1{font-size:var(--text-4xl);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.h1,.h2,h1,h2{color:var(--color-text);font-family:var(--font-primary);font-weight:var(--font-normal)}.h2,h2{font-size:var(--text-2xl);line-height:1.14}.h3,h3{font-size:var(--text-xl);line-height:1.16}.h3,.h4,h3,h4{color:var(--color-text);font-family:var(--font-primary);font-weight:var(--font-bold)}.h4,h4{font-size:var(--text-lg);line-height:1.18}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}.text-primary{color:var(--color-primary)}.text-center{text-align:center}.text-right{text-align:right}.font-normal{font-weight:var(--font-normal)}.font-semibold{font-weight:var(--font-semibold)}.font-bold,.label-uppercase{font-weight:var(--font-bold)}.label-uppercase{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-4{padding-bottom:var(--space-4);padding-top:var(--space-4)}.py-6{padding-bottom:var(--space-6);padding-top:var(--space-6)}.py-8{padding-bottom:var(--space-8);padding-top:var(--space-8)}.w-full{width:100%}.container{margin-left:auto;margin-right:auto;max-width:var(--container-max);padding-left:var(--container-padding);padding-right:var(--container-padding);width:100%}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease forwards}.animate-fadeInUp{animation:fadeInUp var(--transition-slow) ease forwards}.stagger-1{animation-delay:0s}.stagger-2{animation-delay:50ms}.stagger-3{animation-delay:.1s}.stagger-4{animation-delay:.15s}.page{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1}.header{background-color:var(--color-bg-white);border-bottom:none;justify-content:space-between;min-height:70px;padding:var(--space-4) var(--space-8);position:sticky;top:0;z-index:var(--z-sticky)}.header,.header-logo{align-items:center;display:flex}.header-logo{position:relative;z-index:2}.header-logo a{display:block;line-height:0}.header-logo img,.header-logo svg{height:36px;width:auto}.header-actions{align-items:center;display:flex;gap:var(--space-4);position:relative;z-index:2}#logoutBtn{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}#logoutBtn:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.welcome-section{background-color:var(--color-bg);background-image:url("https://46811167.fs1.hubspotusercontent-na1.net/hubfs/46811167/revoice_donor%20waves%20(1).svg");background-position:50%;background-repeat:no-repeat;background-size:100% auto;padding:var(--space-12) var(--space-8);text-align:center}.welcome-title{color:var(--color-text);font-size:var(--text-2xl);font-weight:var(--font-normal);margin-bottom:var(--space-2)}.welcome-title .donor-name{color:var(--color-primary);font-weight:var(--font-bold)}.welcome-subtitle{color:var(--color-text-muted);font-size:var(--text-lg)}.main-content{background-color:var(--color-bg-white);padding:var(--space-8)}.main-content>.container{max-width:1200px}.section{margin-bottom:var(--space-8)}.section:last-child{margin-bottom:0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.section-title{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--font-bold)}.summary-grid{grid-template-columns:repeat(4,1fr)}.charts-grid,.summary-grid{display:grid;gap:var(--space-6)}.charts-grid{grid-template-columns:2fr 1fr}.footer{background-color:var(--color-bg);border-top:1px solid var(--color-border);margin-top:auto;padding:var(--space-8)}.footer-content{max-width:800px}.footer-disclaimer{color:var(--color-text-muted);line-height:var(--leading-relaxed)}.footer-contact,.footer-disclaimer{font-size:var(--text-sm);margin-bottom:var(--space-4)}.footer-contact{color:var(--color-text)}.footer-contact a{color:var(--color-primary);font-weight:var(--font-semibold)}.footer-copyright{color:var(--color-text-light);font-size:var(--text-xs)}.filter-bar{border-bottom:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-6)}.actions-bar{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.actions-bar__left,.actions-bar__right{align-items:center;display:flex;gap:var(--space-3)}.btn-manage-donations{align-items:center;display:inline-flex;gap:var(--space-2)}.btn-manage-donations svg{height:16px;width:16px}.export-bar{display:flex;gap:var(--space-3);justify-content:flex-end;margin-bottom:var(--space-4)}@media (max-width:1199px){.header{min-height:65px;padding:var(--space-4) var(--space-6)}.welcome-section{padding:var(--space-8) var(--space-6)}.main-content{padding:var(--space-6)}.charts-grid{grid-template-columns:1fr}}@media (max-width:767px){.header{min-height:60px;padding:var(--space-3) var(--space-4)}.header-logo img,.header-logo svg{height:28px}.welcome-section{padding:var(--space-6) var(--space-4)}.welcome-title{font-size:var(--text-xl)}.welcome-subtitle{font-size:var(--text-base)}.main-content{padding:var(--space-4)}.summary-grid{grid-template-columns:1fr}.section{margin-bottom:var(--space-6)}.footer{padding:var(--space-6) var(--space-4)}.filter-bar{flex-wrap:nowrap;margin-bottom:var(--space-4);overflow-x:auto;padding-bottom:var(--space-4);-webkit-overflow-scrolling:touch}.filter-bar .toggle-btn{flex-shrink:0}.export-bar{justify-content:stretch}.export-bar .btn{flex:1}.actions-bar{align-items:stretch;flex-direction:column}.actions-bar__left,.actions-bar__right{width:100%}.actions-bar__left .btn,.actions-bar__right .btn{flex:1}.btn-manage-donations{justify-content:center;width:100%}}.btn{align-items:center;border:var(--border-medium) 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:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-outline{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.btn-outline: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:var(--color-text-inverse)}.btn-ghost{background-color:transparent;border-color:transparent;color:var(--color-text)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg)}.btn-cta{font-family:var(--font-cta);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.btn-sm{font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}.btn-lg{font-size:var(--text-base);padding:var(--space-4) var(--space-8)}.btn-block{width:100%}.btn .icon,.btn svg{flex-shrink:0;height:16px;width:16px}.card{background-color:var(--color-bg-white);border-radius:0;box-shadow:var(--shadow-card);overflow:hidden}.card-body{padding:var(--space-6)}.card-accent{border-left:var(--border-thick) solid var(--color-primary)}.card-accent--teal{border-left-color:var(--color-teal)}.card-accent--green{border-left-color:var(--color-green)}.card-accent--orange{border-left-color:var(--color-orange)}.card-accent--secondary{border-left-color:var(--color-secondary)}.stat-card{background-color:var(--color-bg-white);border-left:var(--border-thick) solid var(--color-primary);box-shadow:var(--shadow-card);padding:var(--space-8);text-align:center}.stat-card__value{color:var(--color-text);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1;margin-bottom:var(--space-2)}.stat-card__label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase}.stat-card--teal{border-left-color:var(--color-teal)}.stat-card--green{border-left-color:var(--color-green)}.chart-card{background-color:var(--color-bg-white);box-shadow:var(--shadow-card);padding:var(--space-6)}.chart-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.chart-card__title{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--font-bold)}.chart-card__body{min-height:250px;position:relative}.badge{border-radius:var(--radius-sm);display:inline-block;font-size:11px;font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);line-height:1;padding:var(--space-1) var(--space-3);text-transform:uppercase}.badge-deductible{background-color:var(--color-primary);color:var(--color-text-inverse)}.badge-non-deductible{background-color:#adadad;color:var(--color-text-inverse)}.badge-primary{background-color:var(--color-primary)}.badge-primary,.badge-teal{color:var(--color-text-inverse)}.badge-teal{background-color:var(--color-teal)}.badge-green{background-color:var(--color-green);color:var(--color-text-inverse)}.badge-secondary{background-color:var(--color-secondary);color:var(--color-text)}.badge-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.form-input,.form-label{color:var(--color-text);font-size:var(--text-sm)}.form-input{background-color:var(--color-bg-white);border:var(--border-medium) solid var(--color-border);border-radius:0;font-family:var(--font-primary);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.form-input::placeholder{color:var(--color-text-light)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(51,102,204,.1);outline:none}.form-input:disabled{background-color:var(--color-bg);cursor:not-allowed}.form-input--error{border-color:#dc3545}.form-input--error:focus{border-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,.1)}.form-error{color:#dc3545;font-size:var(--text-sm);margin-top:var(--space-2)}.form-input--lg{font-size:var(--text-base);padding:var(--space-4) var(--space-5)}.toggle-group{display:flex;gap:var(--space-2)}.toggle-btn{background-color:transparent;border:var(--border-medium) solid var(--color-border);color:var(--color-text);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-normal);padding:var(--space-3) var(--space-5);transition:all var(--transition-base)}.toggle-btn:hover:not(.active):not(:disabled){border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.02)}.toggle-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.toggle-btn:disabled{cursor:not-allowed;opacity:.5}.toggle-group--sm{background-color:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-1)}.toggle-group--sm .toggle-btn{background-color:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}.toggle-group--sm .toggle-btn:hover:not(.active){background-color:hsla(0,0%,100%,.5);transform:none}.toggle-group--sm .toggle-btn.active{background-color:var(--color-bg-white);box-shadow:var(--shadow-sm);color:var(--color-text);font-weight:var(--font-semibold)}.pagination{gap:var(--space-1)}.pagination,.pagination__btn{display:flex;justify-content:center}.pagination__btn{align-items:center;background-color:var(--color-bg-white);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-sm);height:40px;transition:all var(--transition-base);width:40px}.pagination__btn:hover:not(.active):not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination__btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.pagination__btn:disabled{cursor:not-allowed;opacity:.5}.pagination__btn svg{height:16px;width:16px}.divider{background-color:var(--color-border-light);height:1px;margin:var(--space-6) 0}.divider--dark{background-color:var(--color-border)}.icon{display:inline-block;fill:currentColor;height:1em;vertical-align:middle;width:1em}.icon--sm{height:16px;width:16px}.icon--md{height:20px;width:20px}.icon--lg{height:24px;width:24px}@media (max-width:1199px){.stat-card__value{font-size:var(--text-3xl)}}@media (max-width:767px){.stat-card{padding:var(--space-6)}.stat-card__value{font-size:var(--text-2xl)}}.chart-container{min-height:280px;position:relative;width:100%}.chart-container--donut{max-height:300px;min-height:250px}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-top:var(--space-4)}.chart-legend-item{align-items:center;color:var(--color-text);display:flex;font-size:var(--text-sm);gap:var(--space-2)}.chart-legend-color{border-radius:2px;flex-shrink:0;height:12px;width:12px}.chart-legend-color--blue{background-color:var(--color-primary)}.chart-legend-color--teal{background-color:var(--color-teal)}.chart-legend-color--green{background-color:var(--color-green)}.chart-legend-color--orange{background-color:var(--color-orange)}.chart-legend-color--yellow{background-color:var(--color-secondary)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.donation-table{background-color:var(--color-bg-white);border-collapse:collapse;width:100%}.donation-table thead{background-color:var(--color-bg-dark)}.donation-table th{color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);padding:var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.donation-table th.sortable{cursor:pointer;transition:background-color var(--transition-base);user-select:none}.donation-table th.sortable:hover{background-color:#444441}.donation-table th.sortable:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;content:"";display:inline-block;height:0;margin-left:var(--space-2);opacity:.4;vertical-align:middle;width:0}.donation-table th.sortable.asc:after{border-bottom:4px solid;border-top:none;opacity:1}.donation-table th.sortable.desc:after{opacity:1}.donation-table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text);font-size:var(--text-sm);padding:var(--space-4);vertical-align:middle}.donation-table tbody tr{transition:background-color var(--transition-base)}.donation-table tbody tr:hover{background-color:var(--color-bg-hover)}.donation-table .col-date{white-space:nowrap;width:120px}.donation-table .col-fund{min-width:150px}.donation-table .col-type{width:140px}.donation-table .col-amount{font-variant-numeric:tabular-nums;font-weight:var(--font-bold);text-align:right;width:120px}.donation-table .col-status{text-align:center;width:140px}.table-empty{color:var(--color-text-muted);padding:var(--space-12) var(--space-4);text-align:center}.table-empty__icon{font-size:48px;margin-bottom:var(--space-4);opacity:.3}.table-empty__text{font-size:var(--text-base)}.table-pagination{margin-top:var(--space-6)}.pagination-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.pagination-text{color:var(--color-text-muted);font-size:var(--text-sm)}@media (max-width:767px){.pagination-info{flex-direction:column}}.time-filter{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.time-filter__label{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-right:var(--space-2)}.date-range-picker{align-items:center;display:none;gap:var(--space-2);margin-left:var(--space-4)}.date-range-picker.show{display:flex}.date-range-picker input[type=date]{background-color:var(--color-bg-white);border:var(--border-medium) solid var(--color-border);font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.date-range-picker input[type=date]:focus{border-color:var(--color-primary);outline:none}.chart-view-toggle{align-items:center;display:flex;gap:var(--space-2)}.chart-view-toggle__label{color:var(--color-text-muted);font-size:var(--text-xs);margin-right:var(--space-1)}.btn-export{align-items:center;display:inline-flex;gap:var(--space-2)}.btn-export svg{height:16px;width:16px}.btn-export.loading{opacity:.7;pointer-events:none}.btn-export.loading svg{animation:spin .8s linear infinite}.loading-overlay{background-color:hsla(0,0%,100%,.8)}.loading-spinner{animation:spin .8s linear infinite;height:32px;width:32px}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-white) 50%,var(--color-bg) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%}@media print{.chart-view-toggle,.export-bar,.filter-bar,.header .btn,.table-pagination{display:none!important}.chart-card,.page-content,.stat-card,.table-wrapper{animation:none;opacity:1}.chart-card{break-inside:avoid;page-break-inside:avoid}.donation-table tbody tr:hover{background-color:transparent}body{background-color:#fff}.footer,.welcome-section{background-color:#fff;border:1px solid var(--color-border)}}.no-data{color:var(--color-text-muted);padding:var(--space-12);text-align:center}.no-data__icon{height:64px;margin:0 auto var(--space-4);opacity:.3;width:64px}.no-data__title{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.no-data__text{font-size:var(--text-base)}#chartsSection,#summarySection,#tableSection{position:relative}.loading-overlay{align-items:center;background:hsla(0,0%,100%,.9);border-radius:var(--radius-lg);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:10}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-container{margin-bottom:var(--space-6)}.error-container.hidden{display:none}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.error-message p{color:#991b1b;font-size:var(--text-base);margin-bottom:var(--space-4)}.error-message .btn{margin-top:var(--space-2)}