:root{--primary-50: #f0f4ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-800: #3730a3;--primary-900: #312e81;--secondary-50: #faf5ff;--secondary-100: #f3e8ff;--secondary-200: #e9d5ff;--secondary-300: #d8b4fe;--secondary-400: #c084fc;--secondary-500: #a855f7;--secondary-600: #9333ea;--secondary-700: #7e22ce;--secondary-800: #6b21a8;--secondary-900: #581c87;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--info-50: #eff6ff;--info-100: #dbeafe;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--primary-color: var(--primary-600);--primary-gradient: linear-gradient(135deg, var(--primary-500) 0%, var(--secondary-600) 100%);--secondary-color: var(--secondary-600);--success-color: var(--success-600);--warning-color: var(--warning-500);--danger-color: var(--danger-500);--info-color: var(--info-500);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-700);--text-muted: var(--neutral-500);--text-disabled: var(--neutral-400);--text-inverse: var(--neutral-50);--text-link: var(--primary-600);--text-link-hover: var(--primary-700);--bg-primary: #ffffff;--bg-secondary: var(--neutral-50);--bg-tertiary: var(--neutral-100);--bg-overlay: rgba(0, 0, 0, .5);--bg-overlay-light: rgba(255, 255, 255, .9);--border-primary: var(--neutral-200);--border-secondary: var(--neutral-300);--border-focus: var(--primary-500);--border-error: var(--danger-500);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-6);--spacing-xl: var(--spacing-8);--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--elevation-1: var(--shadow-sm);--elevation-2: var(--shadow-md);--elevation-3: var(--shadow-lg);--elevation-4: var(--shadow-xl);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.68, -.55, .265, 1.55);--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--blur-sm: 4px;--blur-md: 8px;--blur-lg: 16px;--blur-xl: 24px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-light);color:var(--text-dark);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{font-size:1rem}@media(min-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}@media(min-width:1024px){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.75rem}}.header{background:linear-gradient(135deg,#2e7d32,#1b5e20,#33691e);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000026;position:sticky;top:0;z-index:1000;border-bottom:3px solid rgba(139,69,19,.3)}.header-container{max-width:1400px;margin:0 auto;padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{display:flex;align-items:center;gap:1rem;color:#fff;text-decoration:none;transition:transform .3s ease}.logo:hover{transform:translateY(-2px)}.logo-icon{font-size:2.5rem;animation:sway 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.logo-text{display:flex;flex-direction:column;gap:.125rem}.logo-title{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.logo-subtitle{font-size:.75rem;font-weight:400;opacity:.9;font-style:italic;letter-spacing:.5px}.nav{display:flex;gap:1rem;flex:1;justify-content:center}.nav-link{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:600;padding:.625rem 1.25rem;border-radius:12px;transition:all .3s ease;position:relative;background:#ffffff1a;border:2px solid transparent}.nav-link svg{font-size:1.125rem}.nav-link:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.nav-link.active{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 12px #0000004d}.nav-link.active:before{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:60%;height:3px;background:#fffc;border-radius:2px}.header-right,.user-menu{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:.75rem;color:#fff;padding:.5rem 1rem;background:#ffffff26;border-radius:25px;border:2px solid rgba(255,255,255,.2)}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ffd54f,#ffa726);display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 2px 8px #0003}.user-details{display:flex;flex-direction:column;gap:.125rem}.user-name{font-weight:700;font-size:.875rem;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.user-role{font-size:.6875rem;opacity:.85;font-style:italic}.logout-btn,.login-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#f44336e6;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px #0003;font-size:.875rem}.login-btn{background:#fff3}.logout-btn:hover{background:#f44336;transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.login-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}@media(max-width:1024px){.header-container{padding:.75rem 1.5rem}.logo-subtitle{display:none}}@media(max-width:768px){.header-container{padding:.625rem 1rem;gap:.75rem}.logo-icon{font-size:2rem}.logo-title{font-size:1.25rem}.nav{gap:.5rem}.nav-link{padding:.5rem .75rem;font-size:.875rem}.nav-link span,.user-details{display:none}.user-avatar{width:32px;height:32px;font-size:.875rem}.logout-btn span,.login-btn span{display:none}.logout-btn,.login-btn{padding:.5rem .75rem}}@media(max-width:480px){.header-container{padding:.5rem .75rem}.logo-text{display:none}.logo-icon{font-size:1.75rem}.nav-link,.user-info{padding:.375rem .5rem}}.footer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-top:auto;padding:2rem 0}.footer-container{max-width:1400px;margin:0 auto;padding:0 2rem;text-align:center}.footer-container p{margin:.5rem 0}.footer-subtitle{opacity:.8;font-size:.875rem}@media(max-width:768px){.footer{padding:1.5rem 0}.footer-container{padding:0 1rem}.footer-container p{font-size:.875rem}.footer-subtitle{font-size:.75rem}}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem}.loader{width:60px;height:60px;border:5px solid #f3f3f3;border-top:5px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-message{color:#667eea;font-size:1.125rem;font-weight:500}@media(max-width:768px){.loader{width:40px;height:40px;border-width:4px}.loader-message{font-size:1rem}}.admin-layout-shell{min-height:100vh;display:flex;flex-direction:row;background-color:#f8fafc;color:#0f172a}.admin-sidebar{width:260px;background-color:#0f172a;color:#fff;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:100;box-shadow:4px 0 24px #0000000a}.admin-sidebar a,.admin-sidebar span,.admin-sidebar svg{color:inherit}.admin-sidebar-brand{height:70px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.06)}.admin-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.admin-logo .logo-icon{font-size:1.5rem;color:#10b981;filter:drop-shadow(0 0 8px rgba(16,185,129,.4))}.admin-logo .logo-text{display:flex;flex-direction:column}.admin-logo .logo-title{font-size:1.1rem;font-weight:800;letter-spacing:-.01em;line-height:1.1;color:#fff}.admin-logo .logo-subtitle{font-size:.7rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-sidebar-nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.nav-group{display:flex;flex-direction:column;gap:4px}.nav-group-title{font-size:.725rem;color:#475569;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;padding-left:12px}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;font-size:.9rem;font-weight:600;color:#94a3b8;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent}.admin-nav-item .nav-icon{font-size:1.05rem;transition:color .2s ease}.admin-nav-item:hover{color:#f8fafc;background-color:#ffffff0a}.admin-nav-item.active{color:#fff;background-color:#10b98114;border-left-color:#10b981}.admin-nav-item.active .nav-icon{color:#10b981}.admin-nav-item.link-out{color:#94a3b8}.admin-nav-item.link-out:hover{color:#38bdf8;background-color:#38bdf80f}.admin-nav-item.link-out:hover .nav-icon{color:#38bdf8}.admin-sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.06);background-color:#00000026}.admin-user-profile{display:flex;flex-direction:column;gap:12px}.profile-info{display:flex;align-items:center;gap:12px}.profile-avatar{width:38px;height:38px;border-radius:50%;background-color:#ffffff14;display:flex;align-items:center;justify-content:center;color:#e2e8f0;font-size:.95rem;border:1px solid rgba(255,255,255,.1)}.profile-details{display:flex;flex-direction:column;flex:1;min-width:0}.profile-name{font-size:.85rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-role{font-size:.725rem;color:#64748b;font-weight:600}.admin-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border-radius:8px;font-size:.85rem;font-weight:700;color:#f87171;background:#ef444414;border:1px solid rgba(239,68,68,.15);cursor:pointer;transition:all .2s ease}.admin-logout-btn:hover{background:#ef444429;color:#fca5a5;border-color:#ef44444d}.admin-content-container{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow-y:auto}.admin-content-header{height:70px;background-color:#fff;border-bottom:1px solid #e2e8f0;padding:0 32px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:sticky;top:0;z-index:90}.header-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500}.breadcrumb-parent{color:#64748b}.breadcrumb-separator{color:#cbd5e1}.breadcrumb-current{color:#0f172a;font-weight:700}.header-status{display:flex;align-items:center;gap:8px;background-color:#f0fdf4;border:1px solid #bbf7d0;padding:6px 12px;border-radius:9999px}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.online{background-color:#22c55e;box-shadow:0 0 8px #22c55e99;animation:pulse-dot 2s infinite}.status-label{font-size:.75rem;font-weight:700;color:#166534}@keyframes pulse-dot{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.5}}.admin-main-content{flex:1;padding:32px;box-sizing:border-box}@media(max-width:1024px){.admin-sidebar{width:220px}.admin-content-header{padding:0 20px}.admin-main-content{padding:20px}}@media(max-width:768px){.admin-layout-shell{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:relative}.admin-sidebar-brand{justify-content:space-between}.admin-sidebar-nav{flex-direction:row;padding:10px 16px;gap:12px;overflow-x:auto;height:auto}.nav-group{flex-direction:row;align-items:center;gap:8px}.nav-group-title{display:none}.admin-nav-item{padding:8px 12px;white-space:nowrap;border-left:none;border-bottom:2px solid transparent}.admin-nav-item.active{border-bottom-color:#10b981}.admin-sidebar-footer{display:none}.admin-content-container{height:auto}.admin-content-header{height:50px;padding:0 16px}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.empty-state-icon{font-size:clamp(3rem,8vw,5rem);margin-bottom:1.5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.empty-state-message{max-width:32rem;font-size:clamp(1.125rem,2.5vw,1.5rem);line-height:1.5;color:#ffffffd9;margin:0}.screen-2-stories.kiosk-container{position:relative;width:100vw;height:100vh;background:linear-gradient(135deg,#f8fafc,#eff6ff,#f0fdf4);color:#0f172a;font-family:Outfit,Inter,system-ui,sans-serif;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:40px 60px;box-sizing:border-box}.ambient-background{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.glow-1{width:750px;height:750px;background:radial-gradient(circle,#86efac 0%,transparent 70%);top:-150px;left:-150px;animation:float-glow-1 25s infinite alternate ease-in-out}.glow-2{width:700px;height:700px;background:radial-gradient(circle,#93c5fd 0%,transparent 70%);bottom:-120px;right:-120px;animation:float-glow-2 30s infinite alternate ease-in-out}.stories-header{position:relative;z-index:10;text-align:center;margin-bottom:15px}.stories-header .header-title{font-size:3.25rem;font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,#0f172a 20%,#047857 75%,#4338ca);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;font-family:Outfit,sans-serif}.stories-header .header-subtitle{font-size:1.1rem;color:#475569;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-family:Inter,sans-serif}.story-stage{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;margin:20px 0;min-height:0}.story-glass-card{position:relative;width:100%;max-width:1080px;background:#ffffffb8;border:1px solid rgba(15,23,42,.06);border-radius:28px;padding:48px 56px;box-shadow:0 25px 50px -15px #0f172a0f,0 1px 3px #00000005;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);overflow:hidden;transition:all .5s ease-in-out}.story-glass-card.tier-gold{box-shadow:0 20px 40px -15px #0f172a0f,0 0 40px -10px #f59e0b14;border-color:#f59e0b33}.story-glass-card.tier-silver{box-shadow:0 20px 40px -15px #0f172a0f,0 0 40px -10px #94a3b814;border-color:#94a3b833}.story-glass-card.tier-bronze{box-shadow:0 20px 40px -15px #0f172a0f,0 0 40px -10px #fb923c14;border-color:#fb923c33}.story-glass-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px}.story-glass-card.tier-gold:after{background:linear-gradient(180deg,#fbbf24,#d97706)}.story-glass-card.tier-silver:after{background:linear-gradient(180deg,#cbd5e1,#94a3b8)}.story-glass-card.tier-bronze:after{background:linear-gradient(180deg,#fb923c,#c2410c)}.card-badge{position:absolute;top:24px;right:32px;display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:99px;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#ffffffd9;border:1px solid rgba(15,23,42,.08);font-family:Inter,sans-serif}.tier-gold .card-badge{color:#92400e;border-color:#f59e0b73;background:#fef3c7f2}.tier-silver .card-badge{color:#334155;border-color:#94a3b873;background:#f1f5f9f2}.tier-bronze .card-badge{color:#b45309;border-color:#fb923c73;background:#fff7edf2}.story-columns{display:grid;grid-template-columns:310px 1fr;gap:56px;align-items:center}.donor-profile-col{display:flex;flex-direction:column;align-items:center;text-align:center}.avatar-ring-container{position:relative;margin-bottom:20px}.avatar-glowing-pulse{position:absolute;inset:-6px;border-radius:50%;opacity:.25;filter:blur(8px);animation:pulse-ring 3.5s infinite ease-in-out}.tier-gold .avatar-glowing-pulse{border:4px solid #f59e0b;box-shadow:0 0 20px #f59e0b4d}.tier-silver .avatar-glowing-pulse{border:4px solid #94a3b8;box-shadow:0 0 20px #94a3b84d}.tier-bronze .avatar-glowing-pulse{border:4px solid #fb923c;box-shadow:0 0 20px #fb923c4d}@keyframes pulse-ring{0%{transform:scale(.97);opacity:.2}50%{transform:scale(1.05);opacity:.4}to{transform:scale(.97);opacity:.2}}.donor-profile-col .donor-avatar-img,.donor-profile-col .donor-avatar-svg{border-radius:50%;border:4px solid rgba(255,255,255,.8);box-shadow:0 10px 25px #0f172a14;transition:transform .3s ease}.donor-profile-col:hover .donor-avatar-img,.donor-profile-col:hover .donor-avatar-svg{transform:scale(1.03)}.donor-name{font-size:2.35rem;font-weight:800;letter-spacing:-.02em;margin:12px 0 6px;color:#0f172a;font-family:Outfit,sans-serif}.donor-donation-details{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.donation-amount{font-size:2.25rem;font-weight:900;letter-spacing:-.02em;font-family:Outfit,sans-serif;line-height:1.1}.tier-gold .donation-amount{background:linear-gradient(135deg,#fbbf24,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tier-silver .donation-amount{background:linear-gradient(135deg,#475569,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tier-bronze .donation-amount{background:linear-gradient(135deg,#fb923c,#c2410c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.donation-project{font-size:.9rem;color:#475569;font-weight:500;max-width:250px;font-family:Inter,sans-serif}.donation-date{display:inline-flex;align-items:center;gap:8px;color:#64748b;font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-family:Inter,sans-serif}.donor-message-col{display:flex;flex-direction:column;justify-content:center;min-height:240px;position:relative}.quote-icon-container{font-size:5.5rem;color:#0f172a1f;position:absolute;top:-40px;left:-20px;pointer-events:none}.tier-gold .quote-icon-container{color:#d9770624}.tier-silver .quote-icon-container{color:#47556924}.tier-bronze .quote-icon-container{color:#c2410c24}.quote-text{font-size:2.15rem;line-height:1.5;font-weight:500;color:#1e293b;font-style:italic;margin-bottom:24px;font-family:Outfit,sans-serif;z-index:1}.heart-icon-badge{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-family:Inter,sans-serif;z-index:1;align-self:flex-start}.tier-gold .heart-icon-badge{color:#d97706}.tier-silver .heart-icon-badge{color:#475569}.tier-bronze .heart-icon-badge{color:#b45309}.kiosk-progress-container{position:relative;z-index:10;width:100%;max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.progress-bar-track{width:100%;height:5px;background:#0f172a0f;border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#6366f1);border-radius:99px;transition:width .1s linear}.dots-indicator{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.dots-indicator .dot{width:10px;height:10px;border-radius:50%;border:none;background:#0f172a1f;padding:0;cursor:pointer;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.dots-indicator .dot:hover{background:#0f172a40;transform:scale(1.15)}.dots-indicator .dot.active{background:#10b981;transform:scale(1.4);box-shadow:0 0 10px #10b98166}.stories-kiosk-empty{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#f8fafc,#eff6ff,#f0fdf4)}@media(max-width:1024px){.screen-2-stories.kiosk-container{padding:30px}.story-glass-card{padding:36px 40px;border-radius:24px}.story-columns{gap:36px;grid-template-columns:240px 1fr}.quote-text{font-size:1.65rem}.donor-name,.donation-amount{font-size:1.85rem}}@media(max-width:768px){.screen-2-stories.kiosk-container{padding:20px}.story-glass-card{padding:24px}.story-columns{grid-template-columns:1fr;gap:24px}.donor-profile-col{flex-direction:row;gap:16px;text-align:left;align-items:center}.avatar-ring-container{margin-bottom:0}.donor-profile-col .donor-avatar-img,.donor-profile-col .donor-avatar-svg{width:80px!important;height:80px!important}.donor-name{font-size:1.4rem;margin:0 0 4px}.donation-amount{font-size:1.35rem}.donor-donation-details{margin-bottom:0}.donation-date{display:none}.card-badge{position:relative;top:0;right:0;margin-bottom:12px;align-self:flex-start}.quote-text{font-size:1.25rem;margin-bottom:12px}}.procedural-tree-container{position:relative;width:100%;height:100%;overflow:hidden;background:transparent;border:none;box-shadow:none}.procedural-tree-container:before{display:none}.procedural-tree-canvas{display:block;width:100%;height:100%;cursor:default}.procedural-tree-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:16px;font-weight:600;pointer-events:none}.procedural-tree-container .procedural-tooltip{position:absolute;z-index:10;padding:12px 18px;border-radius:12px;background:#fffffff2;border:1px solid rgba(0,0,0,.08);color:#1e293b;font-size:13px;line-height:1.5;max-width:320px;box-shadow:0 12px 28px #0f172a14;display:flex;flex-direction:column;gap:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.procedural-tooltip strong{color:#0f172a;font-size:15px}.procedural-tooltip .impact-tooltip-tier{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#b45309;font-weight:700}.procedural-tooltip .impact-tooltip-bio{margin:8px 0 0;font-size:12px;color:#475569;border-top:1px solid rgba(0,0,0,.06);padding-top:8px}.connection-status{display:flex;align-items:center;gap:.5rem;padding:8px 16px;border-radius:99px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-family:Inter,sans-serif;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.connection-status.connected{background-color:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.connection-status.disconnected,.connection-status.reconnecting,.connection-status.failed{background-color:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.connection-status svg{font-size:.9rem}.reconnect-btn{margin-left:.5rem;padding:4px 12px;background-color:#ef4444;color:#fff;border:none;border-radius:99px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:all .2s ease-in-out}.reconnect-btn:hover{background-color:#dc2626;transform:scale(1.05)}@media(max-width:768px){.connection-status{font-size:.725rem;padding:6px 12px}.connection-status span:not(.reconnect-btn){display:none}}.public-dashboard.kiosk{width:100vw;height:100vh;background:linear-gradient(135deg,#f8fafc,#eff6ff,#f0fdf4);color:#0f172a;overflow:hidden;position:relative;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;box-sizing:border-box}.public-dashboard.kiosk *{color:inherit}.ambient-background{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none}.radial-glow{position:absolute;border-radius:50%;filter:blur(130px);opacity:.3;mix-blend-mode:multiply}.glow-spruce{width:750px;height:750px;background:radial-gradient(circle,#86efac 0%,transparent 70%);top:-150px;left:-150px;animation:float-glow-1 25s infinite alternate ease-in-out}.glow-navy{width:700px;height:700px;background:radial-gradient(circle,#93c5fd 0%,transparent 70%);bottom:-120px;right:-120px;animation:float-glow-2 30s infinite alternate ease-in-out}@keyframes float-glow-1{0%{transform:translate(0) scale(1)}50%{transform:translate(80px,50px) scale(1.1)}to{transform:translate(-40px,-30px) scale(.95)}}@keyframes float-glow-2{0%{transform:translate(0) scale(.95)}50%{transform:translate(-60px,-80px) scale(1.15)}to{transform:translate(40px,40px) scale(1)}}.kiosk-api-error{margin:0;padding:12px 16px;background-color:#ef4444;color:#fff!important;text-align:center;font-size:.95rem;font-weight:600;position:absolute;top:0;width:100%;z-index:1000;box-shadow:0 4px 20px #ef444426;font-family:Inter,sans-serif}.kiosk-floating-header{position:absolute;top:28px;left:28px;right:28px;z-index:100;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.header-brand{display:flex;align-items:center;gap:12px;background:#ffffffb8;border:1px solid rgba(15,23,42,.06);padding:12px 24px;border-radius:9999px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 10px 40px #0f172a0a,0 1px 3px #00000003;pointer-events:auto}.pulse-green-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981;box-shadow:0 0 10px #10b981;animation:pulse-glow-dot 2s infinite}@keyframes pulse-glow-dot{0%{transform:scale(.9);opacity:.4}50%{transform:scale(1.2);opacity:1}to{transform:scale(.9);opacity:.4}}.brand-texts{display:flex;flex-direction:column}.brand-title{font-size:1.25rem;font-weight:800;color:#0f172a!important;letter-spacing:-.02em;margin:0;line-height:1.2;font-family:Outfit,sans-serif}.brand-subtitle{font-size:.75rem;color:#475569!important;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em}.header-controls{display:flex;align-items:center;gap:12px;pointer-events:auto}.admin-login-link-kiosk{display:inline-flex;align-items:center;padding:8px 18px;border-radius:99px;background:#ffffffbf;border:1px solid rgba(15,23,42,.08);color:#334155!important;font-size:.8rem;font-weight:700;text-decoration:none;font-family:Inter,sans-serif;transition:all .2s ease-in-out;cursor:pointer;pointer-events:auto;text-transform:uppercase;letter-spacing:.04em}.admin-login-link-kiosk:hover{background:#fffffff2;border-color:#0f172a29;color:#0f172a!important;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0a}.tree-stage{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center}.highlights-overlay{position:absolute;bottom:28px;left:28px;z-index:100;width:390px;pointer-events:auto}.highlight-glass-card{background:#ffffffbf;border:1px solid rgba(15,23,42,.06);border-radius:24px;padding:26px;box-shadow:0 20px 40px -15px #0f172a0f,0 1px 3px #00000005;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.highlight-glass-card.type-latest{border-left:4px solid #2563eb;box-shadow:0 20px 40px -10px #2563eb0d,0 20px 40px -15px #0f172a0f}.highlight-glass-card.type-largest{border-left:4px solid #d97706;box-shadow:0 20px 40px -10px #d977060d,0 20px 40px -15px #0f172a0f}.highlight-glass-card.type-quote{border-left:4px solid #16a34a;box-shadow:0 20px 40px -10px #16a34a0d,0 20px 40px -15px #0f172a0f}.card-top{display:flex;align-items:center;gap:8px;margin-bottom:14px}.card-top svg{font-size:1rem}.card-top .icon-blue{color:#2563eb}.card-top .icon-gold{color:#d97706}.card-top .icon-emerald{color:#16a34a}.card-tag{font-size:.75rem;font-weight:700;color:#475569!important;text-transform:uppercase;letter-spacing:.06em;font-family:Inter,sans-serif}.donor-name{font-size:1.4rem;font-weight:800;color:#0f172a!important;letter-spacing:-.02em;margin:0 0 6px;font-family:Outfit,sans-serif}.donation-amount{font-size:2.1rem;font-weight:900;color:#0f172a!important;letter-spacing:-.02em;margin-bottom:8px;line-height:1.1;font-family:Outfit,sans-serif}.highlight-glass-card.type-latest .donation-amount{background:linear-gradient(135deg,#2563eb 30%,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight-glass-card.type-largest .donation-amount{background:linear-gradient(135deg,#d97706 30%,#b45309);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight-glass-card.type-quote .donation-amount{background:linear-gradient(135deg,#16a34a 30%,#15803d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-tag{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:#475569!important;margin-bottom:12px;font-family:Inter,sans-serif}.donor-msg{font-size:.875rem;font-style:italic;color:#334155!important;margin:4px 0 0;line-height:1.5;border-top:1px solid rgba(15,23,42,.06);padding-top:12px;font-family:Inter,sans-serif}.tree-legend-footer{position:absolute;bottom:28px;right:28px;z-index:100;pointer-events:none}.legend-items{display:flex;gap:20px;background:#ffffffb8;border:1px solid rgba(15,23,42,.06);padding:10px 24px;border-radius:9999px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 10px 40px #0f172a0a,0 1px 3px #00000003;pointer-events:auto}.legend-item{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;color:#334155!important;font-family:Inter,sans-serif}.dot{width:8px;height:8px;border-radius:50%}.dot-gold{background-color:#f59e0b;box-shadow:0 0 6px #f59e0b66}.dot-silver{background-color:#94a3b8;box-shadow:0 0 6px #94a3b866}.dot-bronze{background-color:#fb923c;box-shadow:0 0 6px #fb923c66}@media(max-width:768px){.kiosk-floating-header{top:16px;left:16px;right:16px}.header-brand{padding:8px 16px}.brand-title{font-size:1.1rem}.highlights-overlay{bottom:16px;left:16px;right:16px;width:auto}.highlight-glass-card{padding:18px}.donation-amount{font-size:1.7rem}.tree-legend-footer{display:none}}.donor-card{display:flex;flex-direction:column;align-items:center;max-width:640px;margin:0 auto;padding:2.5rem 2rem;background:#0f172abf;border:1px solid rgba(255,255,255,.12);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center}.donor-card-photo{margin-bottom:1.5rem}.donor-card-photo .donor-avatar-img,.donor-card-photo .donor-avatar-svg{border-radius:50%;box-shadow:0 8px 32px #0006}.donor-card-name{margin:0 0 .75rem;font-size:clamp(1.5rem,4vw,2rem);color:#fff}.donor-card-meta{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.donor-card-amount{font-size:1.25rem;font-weight:700;color:#fbbf24}.donor-card-tier{font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.donor-card-message{font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.6;color:#ffffffe6;font-style:italic;margin:0 0 1rem}.donor-card-bio{font-size:.95rem;color:#ffffffa6;margin:0}.message-wall-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem 3rem;background:radial-gradient(ellipse at 50% 30%,#1e293b,#0f172a 60%,#020617)}.message-wall-indicators{display:flex;gap:.5rem;margin-top:2rem}.message-wall-indicators .indicator{width:10px;height:10px;border-radius:50%;border:none;padding:0;background:#ffffff40;cursor:pointer;transition:background .2s,transform .2s}.message-wall-indicators .indicator.active{background:#fbbf24;transform:scale(1.2)}.message-wall-indicators .indicator:hover{background:#ffffff80}.slideshow-mode{position:relative;min-height:100vh}.slideshow-screen{min-height:100vh}.slideshow-progress{position:fixed;bottom:0;left:0;right:0;display:flex;gap:4px;padding:0;z-index:100}.slideshow-progress .progress-segment{flex:1;height:4px;background:#fff3;transition:background .3s}.slideshow-progress .progress-segment.active{background:#fbbf24}.donor-badge{position:relative;display:flex;flex-direction:column;align-items:center;padding:.5rem;border-radius:12px;border:2px solid var(--tier-color, #4ade80);background:#00000059;cursor:default;transition:box-shadow .2s ease}.donor-badge.featured{box-shadow:0 0 20px color-mix(in srgb,var(--tier-color) 50%,transparent)}.donor-badge-avatar .donor-avatar-img,.donor-badge-avatar .donor-avatar-svg{border-radius:50%;display:block}.donor-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95);opacity:0;pointer-events:none;min-width:140px;padding:.75rem 1rem;background:#0f172af2;border:1px solid rgba(255,255,255,.15);border-radius:8px;text-align:center;z-index:10;transition:opacity .2s,transform .2s}.donor-badge:hover .donor-tooltip,.donor-badge:focus-within .donor-tooltip{opacity:1;transform:translate(-50%) scale(1)}.donor-tooltip h4{margin:0 0 .25rem;font-size:.95rem;color:#fff}.donor-tooltip .donor-amount{margin:0;font-weight:700;color:var(--tier-color, #4ade80)}.donor-tooltip .donor-bio{margin:.35rem 0 0;font-size:.75rem;color:#ffffffb3;line-height:1.3}.tier-group{margin-bottom:2rem}.tier-header{display:flex;align-items:center;gap:1rem;padding-bottom:.75rem;margin-bottom:1rem;border-bottom:3px solid}.tier-name{margin:0;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700}.tier-count{margin-left:auto;font-size:.9rem;color:#fff9}.tier-donors{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.donor-tree-screen{min-height:100vh;padding:1.5rem clamp(1rem,4vw,3rem) 2rem;background:radial-gradient(ellipse at 50% 0%,#1a3a2a,#0d1f17 45%,#0a1410)}.donor-tree-container{max-width:1400px;margin:0 auto}.modal-overlay{position:fixed;inset:0;background-color:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0f172a0d;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-small{max-width:440px}.modal-medium{max-width:640px}.modal-large{max-width:960px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.75rem;border-bottom:1px solid #e2e8f0;background-color:#fff}.modal-title{color:#0f172a;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin:0}.modal-close-btn{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;font-size:.95rem;transition:all .15s ease}.modal-close-btn:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}.modal-content{padding:1.75rem;overflow-y:auto;flex:1}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f8fafc}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.modal-overlay{padding:0}.modal-container{max-height:100vh;height:100%;border-radius:0}.modal-header{padding:1rem 1.25rem;border-radius:0}.modal-title{font-size:1.15rem}.modal-content{padding:1.25rem}.modal-small,.modal-medium,.modal-large{max-width:100%}}.donation-form{display:flex;flex-direction:column;gap:24px}.form-error-message{background-color:#fef2f2;color:#991b1b;padding:12px 16px;border-radius:8px;border:1px solid #fca5a5;margin-bottom:16px;font-size:.9rem;font-weight:600}.form-section{background-color:#f8fafc;padding:20px;border-radius:12px;border:1px solid #e2e8f0}.form-section-title{font-size:1rem;font-weight:800;color:#0f172a;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #f1f5f9;text-transform:uppercase;letter-spacing:.03em}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:700;color:#475569;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.form-group label.required:after{content:" *";color:#ef4444}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;background-color:#fff;color:#0f172a;transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f1f5f9;color:#64748b;cursor:not-allowed;opacity:.7}.form-group textarea{resize:vertical;min-height:80px}.field-error{color:#ef4444;font-size:.775rem;font-weight:600;margin-top:2px}.checkbox-group{display:flex;align-items:center;gap:10px;padding:8px 0}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4f46e5}.checkbox-group label{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;color:#334155;font-size:.875rem}.form-row-photo-bio{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:start}.donor-photo-group label,.donor-bio-group label{display:flex;align-items:center;gap:6px}.donor-photo-upload{display:flex;flex-direction:column;gap:8px;align-items:center}.donor-photo-preview{width:110px;height:110px;border-radius:50%;overflow:hidden;border:2px dashed #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #00000005;transition:all .2s ease}.donor-photo-preview:hover{border-color:#4f46e5}.donor-photo-preview img{width:100%;height:100%;object-fit:cover}.donor-photo-placeholder{font-size:2.25rem;color:#94a3b8}.donor-photo-input{width:100%;font-size:.75rem;padding:4px 0!important;border:none!important}.donor-photo-hint{font-size:.725rem;color:#64748b;text-align:center}.donor-bio-group textarea{min-height:100px}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e2e8f0;margin-top:8px}@media(max-width:768px){.donation-form{gap:16px}.form-section{padding:16px}.form-row{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.form-row-photo-bio{grid-template-columns:1fr;justify-items:center}.donor-photo-upload{margin-bottom:12px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%;justify-content:center}}.admin-panel{min-height:100%}.admin-container{max-width:100%;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px}.admin-header h1{font-size:1.75rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin:0 0 4px}.admin-subtitle{color:#64748b;font-size:.9rem;margin:0}.header-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 18px;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 4px 12px #4f46e51f;transition:all .2s ease}.btn-primary:hover{background-color:#4338ca;transform:translateY(-1px);box-shadow:0 4px 16px #4f46e538}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 18px;background-color:#fff;color:#334155;border:1px solid #cbd5e1;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:#f8fafc;color:#0f172a;border-color:#94a3b8;transform:translateY(-1px)}.filters-section{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap}.search-box{flex:1;min-width:280px;position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-input{width:100%;padding:10px 14px 10px 38px;border:1px solid #cbd5e1;border-radius:8px;font-size:.925rem;background-color:#fff;color:#0f172a;transition:all .2s ease}.search-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.filter-select{padding:10px 16px;border:1px solid #cbd5e1;border-radius:8px;font-size:.925rem;background-color:#fff;color:#334155;cursor:pointer;transition:all .2s ease}.filter-select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:28px}.stat-box{background:#fff;padding:24px;border-radius:16px;border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -2px #00000005;transition:transform .2s ease,box-shadow .2s ease}.stat-box:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000a}.stat-box.stat-donations{border-top:4px solid #6366f1}.stat-box.stat-amount{border-top:4px solid #10b981}.stat-box.stat-average{border-top:4px solid #f59e0b}.stat-box-content{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em;color:#64748b}.stat-value{font-size:1.85rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.stat-box-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:transform .3s ease}.stat-box:hover .stat-box-icon{transform:scale(1.1)}.stat-donations .stat-box-icon{background-color:#e0e7ff;color:#4f46e5}.stat-amount .stat-box-icon{background-color:#dcfce7;color:#16a34a}.stat-average .stat-box-icon{background-color:#fef3c7;color:#d97706}.analytics-section{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-bottom:28px}.analytics-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #00000005}.analytics-card h3{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0 0 2px}.card-subtitle{font-size:.825rem;color:#64748b;display:block;margin-bottom:16px}.chart-container{position:relative;height:220px;display:flex;align-items:center;justify-content:center}.chart-wrapper{position:relative;width:100%;height:100%}.svg-chart{width:100%;height:100%;overflow:visible}.chart-axis-label{font-size:10px;font-weight:600;fill:#94a3b8}.chart-point{transition:r .2s ease,fill .2s ease}.chart-tooltip{position:absolute;background-color:#0f172a;color:#fff;padding:6px 12px;border-radius:8px;font-size:.725rem;pointer-events:none;transform:translate(-50%,-100%);box-shadow:0 10px 15px -3px #00000026;z-index:10;animation:fadeIn .15s ease;min-width:80px;text-align:center;border:1px solid rgba(255,255,255,.08)}.tooltip-date{font-weight:600;color:#94a3b8;margin-bottom:2px}.tooltip-value{font-weight:800;font-size:.825rem;color:#fff}.empty-chart{color:#94a3b8;font-size:.9rem;font-weight:500}.category-breakdown-list{display:flex;flex-direction:column;gap:16px;width:100%}.category-bar-row{display:flex;flex-direction:column;gap:6px}.category-bar-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.category-bar-name{display:flex;align-items:center;gap:8px;font-weight:600;color:#334155}.category-color-dot{width:8px;height:8px;border-radius:50%}.category-bar-values{color:#0f172a}.category-bar-values strong{font-weight:700}.category-bar-count{font-size:.75rem;color:#64748b;margin-left:4px}.category-bar-container{height:8px;background-color:#f1f5f9;border-radius:9999px;overflow:hidden;width:100%}.category-bar-fill{height:100%;border-radius:9999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #00000005;overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.admin-table th{padding:14px 20px;text-align:left;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;color:#475569}.admin-table td{padding:16px 20px;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:#334155;vertical-align:middle}.admin-table tbody tr{transition:background-color .15s ease}.admin-table tbody tr:hover{background-color:#f8fafc}.donor-cell{font-weight:600;color:#0f172a}.amount-cell{font-weight:700;color:#4f46e5;font-size:1rem}.category-tag{padding:4px 10px;border-radius:9999px;color:#fff;font-size:.725rem;font-weight:700;display:inline-block;text-shadow:0 1px 1px rgba(0,0,0,.1)}.status-badge{padding:4px 10px;border-radius:9999px;font-size:.725rem;font-weight:700;display:inline-block;text-transform:uppercase;letter-spacing:.03em}.status-badge.status-confirmed{background-color:#ecfdf5;color:#065f46}.status-badge.status-pending{background-color:#fef3c7;color:#92400e}.status-badge.status-cancelled{background-color:#fef2f2;color:#991b1b}.flag-toggle{border:1px solid #cbd5e1;border-radius:9999px;padding:4px 10px;font-size:.725rem;font-weight:700;cursor:pointer;background:#f1f5f9;color:#475569;transition:all .2s ease}.flag-toggle.on{background-color:#ecfdf5;border-color:#a7f3d0;color:#047857}.flag-toggle.off{background-color:#f1f5f9;border-color:#e2e8f0;color:#475569}.flag-toggle:hover{transform:scale(1.05)}.actions-cell{display:flex;gap:6px}.btn-icon{width:32px;height:32px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.85rem;background-color:#fff}.btn-view{color:#0284c7}.btn-view:hover{background-color:#f0f9ff;border-color:#bae6fd;transform:scale(1.05)}.btn-edit{color:#4f46e5}.btn-edit:hover{background-color:#e0e7ff;border-color:#c7d2fe;transform:scale(1.05)}.btn-delete{color:#ef4444}.btn-delete:hover{background-color:#fef2f2;border-color:#fecaca;transform:scale(1.05)}.btn-secondary-small{padding:6px 12px;background-color:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;margin-top:12px;transition:all .2s ease}.btn-secondary-small:hover{background-color:#f8fafc;color:#0f172a}.anonymous-tag{font-style:italic;color:#94a3b8}.payment-method{font-weight:500;color:#475569}.donation-details{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f8fafc;border-radius:8px;border:1px solid #f1f5f9}.detail-label{font-weight:700;color:#475569;font-size:.85rem}.detail-value{color:#0f172a;text-align:right;font-size:.9rem;font-weight:600}.detail-value.amount{font-size:1.35rem;font-weight:800;color:#4f46e5}.detail-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.no-results{padding:40px;text-align:center;color:#64748b}.no-results p{font-size:1rem;margin:0;font-weight:500}@media(max-width:1200px){.analytics-section{grid-template-columns:1fr}}@media(max-width:768px){.admin-header h1{font-size:1.5rem}.filters-section{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.filter-select{width:100%}.table-container{overflow-x:auto}.admin-table th,.admin-table td{padding:12px 14px;white-space:nowrap}}.settings-management{min-height:100%}.settings-container{max-width:1000px;margin:0 auto}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.header-content{display:flex;align-items:center;gap:16px}.header-icon{font-size:2.25rem;color:#4f46e5}.settings-header h1{font-size:1.75rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin:0 0 2px}.settings-header p{color:#64748b;font-size:.9rem;margin:0}.unsaved-badge{background-color:#fef3c7;color:#92400e;padding:6px 14px;border-radius:9999px;font-weight:700;font-size:.8rem;border:1px solid #fde68a;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.message-banner{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-weight:600;font-size:.9rem;border:1px solid transparent;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.message-success{background-color:#ecfdf5;color:#065f46;border-color:#a7f3d0}.message-error{background-color:#fef2f2;color:#991b1b;border-color:#fecaca}.message-info{background-color:#eff6ff;color:#1e40af;border-color:#bfdbfe}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:28px;box-shadow:0 4px 6px -1px #00000005}.section-title{font-size:1.25rem;font-weight:800;color:#0f172a;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #f1f5f9}.settings-grid{display:flex;flex-direction:column;gap:16px}.setting-item{display:grid;grid-template-columns:1.1fr .9fr auto;gap:20px;align-items:center;padding:16px;background-color:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.setting-item:hover{border-color:#cbd5e1;background-color:#f1f5f9}.setting-label-section{display:flex;flex-direction:column;gap:4px}.setting-label{font-weight:700;color:#1e293b;font-size:.9rem}.setting-description{font-size:.8rem;color:#64748b;margin:0;line-height:1.4;font-weight:500}.setting-input-section{display:flex;align-items:center;width:100%}.setting-input,.setting-textarea{width:100%;padding:8px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;color:#0f172a;background-color:#fff;transition:all .2s ease;font-family:inherit}.setting-input:focus,.setting-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.setting-input:disabled,.setting-textarea:disabled{background-color:#e2e8f0;color:#64748b;cursor:not-allowed;opacity:.7}.setting-textarea{resize:vertical;min-height:80px}.setting-json{font-family:Courier New,monospace;font-size:.8rem;background-color:#0f172a;color:#38bdf8;border-color:#ffffff0d}.setting-json:focus{background-color:#030712;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81f}.readonly-badge{background-color:#64748b;color:#fff;padding:4px 10px;border-radius:9999px;font-size:.7rem;font-weight:700;white-space:nowrap}.toggle-switch{position:relative;width:50px;height:26px}.toggle-switch input[type=checkbox]{opacity:0;width:0;height:0}.toggle-label{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;border-radius:9999px;transition:all .3s ease}.toggle-label:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.toggle-switch input:checked+.toggle-label{background-color:#10b981}.toggle-switch input:checked+.toggle-label:before{transform:translate(24px)}.toggle-switch input:disabled+.toggle-label{opacity:.5;cursor:not-allowed}.settings-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e2e8f0;margin-top:28px}.settings-actions button{padding:10px 20px;font-weight:600;font-size:.9rem}@media(max-width:1024px){.setting-item{grid-template-columns:1fr;gap:12px;align-items:stretch}.setting-input-section{width:100%}.readonly-badge{align-self:flex-start}}@media(max-width:768px){.settings-header{flex-direction:column;align-items:flex-start;gap:12px}.settings-section{padding:16px}.settings-actions{flex-direction:column-reverse}.settings-actions button{width:100%;justify-content:center}}.tier-management{max-width:1200px;margin:0 auto}.tier-management-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.tier-management-header h1{font-size:1.75rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin:0}.tier-back-link{font-size:.9rem;font-weight:600;color:#4f46e5;text-decoration:none;transition:color .15s ease}.tier-back-link:hover{color:#3730a3}.tier-message{padding:12px 16px;background-color:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:8px;margin-bottom:20px;font-size:.9rem;font-weight:600}@media(min-width:900px){.tier-management{display:grid;grid-template-columns:380px 1fr;gap:28px;align-items:start}.tier-management-header,.tier-message{grid-column:1 / -1}}.tier-form{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #00000005}.tier-form h2{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0 0 16px;border-bottom:1px solid #f1f5f9;padding-bottom:8px}.tier-form-grid{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.tier-form label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#475569}.tier-form input,.tier-form textarea{padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;background-color:#fff;color:#0f172a;transition:all .2s ease}.tier-form input:focus,.tier-form textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.tier-form input:disabled{background-color:#f1f5f9;color:#64748b;cursor:not-allowed}.tier-form input[type=color]{padding:0;width:100%;height:38px;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;background:none}.tier-form-full{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.tier-form-full label{font-size:.8rem;font-weight:700;text-transform:uppercase;color:#475569}.tier-form-actions{display:flex;gap:10px}.tier-form-actions button{flex:1;padding:10px 16px;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;background-color:#4f46e5;color:#fff}.tier-form-actions button:hover{background-color:#4338ca}.tier-form-actions button.secondary{background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.tier-form-actions button.secondary:hover{background-color:#e2e8f0;color:#0f172a}.tier-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.tier-list-item{background:#fff;border:1px solid #e2e8f0;border-left-width:6px;border-radius:12px;padding:20px;box-shadow:0 4px 6px -1px #00000005;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;transition:transform .2s ease,box-shadow .2s ease}.tier-list-item:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000a}.tier-list-item strong{font-size:1.15rem;font-weight:800;color:#0f172a;display:block;margin-bottom:6px;letter-spacing:-.01em}.tier-range{display:block;font-size:.85rem;color:#64748b;font-weight:600;margin-bottom:8px}.tier-donors{background-color:#f1f5f9;color:#475569;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:700;display:inline-block}.tier-list-actions{display:flex;gap:8px;margin-top:16px;border-top:1px solid #f1f5f9;padding-top:12px;justify-content:flex-end}.tier-list-actions button{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;color:#475569;transition:all .2s ease}.tier-list-actions button:hover{background-color:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.tier-list-actions button.danger{color:#dc2626;border-color:#fee2e2;background-color:#fff8f8}.tier-list-actions button.danger:hover{background-color:#fee2e2;border-color:#fca5a5;color:#b91c1c}@media(max-width:900px){.tier-management{padding:0}.tier-form{margin-bottom:24px}}.preview-mode{position:relative}.preview-banner{position:sticky;top:0;z-index:200;padding:.5rem 1rem;text-align:center;background:#f59e0b;color:#1c1917;font-weight:700;font-size:.9rem}.login-page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f8fafc;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;box-sizing:border-box}.login-split-container{display:flex;width:100%;height:100%;background:#fff}.login-visual-panel{flex:1;position:relative;background-image:url(/login-art.png);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;padding:56px;color:#fff}.visual-panel-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0f172ad9,#4f46e5a6);z-index:1}.visual-panel-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;justify-content:space-between}.login-visual-panel a,.login-visual-panel span{color:inherit}.visual-logo{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800;font-size:1.45rem;text-decoration:none}.visual-welcome-text{max-width:480px}.visual-welcome-text h2{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;color:#fff;margin-bottom:16px}.visual-welcome-text p{font-size:1.05rem;color:#cbd5e1;line-height:1.6}.visual-footer{font-size:.8rem;color:#94a3b8;font-weight:500}.login-form-panel{width:500px;display:flex;align-items:center;justify-content:center;padding:56px;background-color:#fff;z-index:10;border-left:1px solid #e2e8f0}.login-form-wrapper{width:100%;max-width:360px;display:flex;flex-direction:column}.login-form-header{margin-bottom:28px}.login-form-header h1{font-size:1.85rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin:0 0 6px}.login-form-header p{color:#64748b;font-size:.9rem;margin:0;font-weight:500}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.03em}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#94a3b8;font-size:.95rem;pointer-events:none;z-index:5}.input-with-icon input{width:100%;height:44px;padding:10px 14px 10px 38px;border:1px solid #cbd5e1;border-radius:8px;font-size:.925rem;color:#0f172a;background-color:#fff;transition:all .2s ease}.input-with-icon input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.input-with-icon input::placeholder{color:#94a3b8}.input-with-icon input:disabled{background-color:#f1f5f9;color:#64748b;cursor:not-allowed}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:42px!important}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .15s ease}.password-toggle-btn:hover:not(:disabled){color:#4f46e5}.error-message{background-color:#fef2f2;color:#991b1b;padding:12px 16px;border-radius:8px;margin-bottom:24px;border:1px solid #fecaca;font-size:.85rem;font-weight:600;text-align:center}.remember-me-container{display:flex;align-items:center;margin-top:4px;margin-bottom:8px}.remember-me-label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.remember-me-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#4f46e5}.login-button{width:100%;height:44px;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #4f46e51f;transition:all .2s ease}.login-button:hover:not(:disabled){background-color:#3730a3;transform:translateY(-1px);box-shadow:0 4px 16px #4f46e538}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.login-footer{margin-top:28px;padding-top:20px;border-top:1px solid #e2e8f0;display:flex;justify-content:center}.back-home-link{color:#64748b;text-decoration:none;font-size:.85rem;font-weight:700;transition:all .2s ease;display:inline-flex;align-items:center}.back-home-link:hover{color:#4f46e5;transform:translate(-2px)}@media(max-width:900px){.login-form-panel{width:440px;padding:32px}.login-visual-panel{padding:32px}}@media(max-width:768px){.login-visual-panel{display:none}.login-form-panel{width:100%;border-left:none;padding:24px;background-color:#f8fafc}.login-form-wrapper{background-color:#fff;padding:40px 28px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #00000003}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.container{max-width:1400px;margin:0 auto;padding:0 2rem}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.container{padding:0 1rem}}