:root{--card:#f5f5f4;--ring:#6366f1;--input:#d6d3d1;--muted:#e7e5e4;--accent:#f3e5f5;--border:#d6d3d1;--radius:1.25rem;--chart-1:#6366f1;--chart-2:#4f46e5;--chart-3:#4338ca;--chart-4:#3730a3;--chart-5:#312e81;--popover:#f5f5f4;--primary:#6366f1;--sidebar:#ddd9d6;--font-mono:"Roboto Mono", monospace;--font-sans:"Plus Jakarta Sans", sans-serif;--secondary:#d6d3d1;--background:#e7e5e4;--font-serif:"Lora", serif;--foreground:#1e293b;--destructive:#ef4444;--shadow-blur:10px;--shadow-color:#95959d;--sidebar-ring:#6366f1;--shadow-spread:4px;--shadow-opacity:.15;--sidebar-accent:#f3e5f5;--sidebar-border:#d6d3d1;--card-foreground:#1e293b;--shadow-offset-x:2px;--shadow-offset-y:2px;--sidebar-primary:#6366f1;--muted-foreground:#6b7280;--accent-foreground:#374151;--popover-foreground:#1e293b;--primary-foreground:#fff;--sidebar-foreground:#1e293b;--secondary-foreground:#4b5563;--destructive-foreground:#fff;--sidebar-accent-foreground:#374151;--sidebar-primary-foreground:#fff;--shadow-sm:1px 1px 4px 1px #95959d1a;--shadow-md:2px 2px 10px 4px #95959d26;--shadow-lg:3px 4px 18px 6px #95959d33;--shadow-xl:4px 8px 30px 8px #95959d40;--glow-primary:0 0 24px #6366f138;--glow-gold:0 0 24px #6366f138;--glow-blue:0 0 24px #6366f138;--navy-900:var(--background);--navy-850:var(--muted);--navy-800:var(--card);--navy-700:var(--secondary);--navy-600:#c8c4c0;--gold-300:#c7d2fe;--gold-400:var(--primary);--gold-500:var(--primary);--gold-600:#4f46e5;--blue-400:#818cf8;--blue-500:var(--primary);--blue-600:#4f46e5;--emerald-400:#34d399;--emerald-500:#10b981;--red-400:#f87171;--red-500:var(--destructive);--amber-400:#fbbf24;--amber-500:#f59e0b;--text:var(--foreground);--text-muted:var(--muted-foreground);--text-subtle:#9ca3af;--bg-card:#00000006;--bg-card-hov:#0000000d;--border-hov:#b0aca8;--ease:cubic-bezier(.4,0,.2,1);--t:all .2s var(--ease);--t-slow:all .35s var(--ease)}.dark{--card:#2c2825;--ring:#818cf8;--input:#3a3633;--muted:#2c2825;--accent:#484441;--border:#3a3633;--popover:#2c2825;--primary:#818cf8;--sidebar:#3a3633;--secondary:#3a3633;--background:#1e1b18;--foreground:#e2e8f0;--destructive:#ef4444;--chart-1:#818cf8;--chart-2:#6366f1;--chart-3:#4f46e5;--chart-4:#4338ca;--chart-5:#3730a3;--sidebar-ring:#818cf8;--sidebar-accent:#484441;--sidebar-border:#3a3633;--card-foreground:#e2e8f0;--sidebar-primary:#818cf8;--muted-foreground:#9ca3af;--accent-foreground:#d1d5db;--popover-foreground:#e2e8f0;--primary-foreground:#1e1b18;--sidebar-foreground:#e2e8f0;--secondary-foreground:#d1d5db;--destructive-foreground:#1e1b18;--sidebar-accent-foreground:#d1d5db;--sidebar-primary-foreground:#1e1b18;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 10px 30px #0000008c;--shadow-xl:0 20px 60px #000000a6;--glow-primary:0 0 24px #818cf840;--glow-gold:0 0 24px #818cf840;--glow-blue:0 0 24px #818cf840;--gold-400:var(--primary);--gold-500:var(--primary);--gold-600:#6366f1;--blue-400:#a5b4fc;--blue-500:var(--primary);--navy-900:var(--background);--navy-850:var(--muted);--navy-800:var(--card);--text:var(--foreground);--text-muted:var(--muted-foreground);--text-subtle:#6b7280;--bg-card:#ffffff0a;--bg-card-hov:#ffffff12;--border-hov:#5a5450}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.65;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}img{max-width:100%}ul,ol{list-style:none}h1{font-family:var(--font-serif);color:var(--foreground);letter-spacing:-.01em;font-size:clamp(2.2rem,5vw,3.75rem);font-weight:700;line-height:1.15}h2{font-family:var(--font-sans);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:1.25}h3{font-family:var(--font-sans);font-size:1.2rem;font-weight:600}h4{font-family:var(--font-sans);font-size:1.05rem;font-weight:600}p{color:var(--muted-foreground);font-size:.95rem}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.text-gradient{background:linear-gradient(135deg, var(--chart-1) 0%, var(--chart-3) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-primary,.text-gold{color:var(--primary)}.text-muted{color:var(--muted-foreground)}.text-subtle{color:var(--text-subtle)}.text-success{color:var(--emerald-500)}.text-danger{color:var(--destructive)}.data-display{font-family:var(--font-mono);color:var(--primary);letter-spacing:-.02em;font-weight:600}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:0 1px 0 0 var(--border);background:#f5f5f4eb;position:sticky;top:0}.dark .navbar{background:#1c1916eb}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:68px;margin:0 auto;padding:0 1.5rem;display:flex}.navbar-brand{cursor:pointer;align-items:center;gap:.75rem;display:flex}.brand-wordmark{flex-direction:column;line-height:1.1;display:flex}.brand-name{font-family:var(--font-serif);color:var(--foreground);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.brand-tagline{font-family:var(--font-mono);color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.brand-icon{background:linear-gradient(135deg, var(--chart-1), var(--chart-3));border-radius:var(--radius);color:#fff;width:38px;height:38px;box-shadow:var(--shadow-sm), var(--glow-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.navbar-nav{align-items:center;gap:.25rem;display:flex}.nav-link{border-radius:calc(var(--radius) * 2);font-family:var(--font-sans);color:var(--muted-foreground);transition:var(--t);cursor:pointer;background:0 0;border:none;padding:.45rem .9rem;font-size:.875rem;font-weight:500}.nav-link:hover{color:var(--foreground);background:var(--muted)}.nav-link.active{color:var(--primary);background:var(--accent)}.navbar-actions{align-items:center;gap:.5rem;display:flex}.user-pill{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) * 2);font-family:var(--font-sans);cursor:pointer;transition:var(--t);color:var(--foreground);align-items:center;gap:.5rem;padding:.35rem .85rem .35rem .4rem;font-size:.85rem;font-weight:500;display:flex}.user-pill:hover{border-color:var(--ring);box-shadow:0 0 0 3px #6366f11a}.user-avatar{background:linear-gradient(135deg, var(--chart-1), var(--chart-2));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.dark-toggle{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);cursor:pointer;width:36px;height:36px;transition:var(--t);color:var(--foreground);justify-content:center;align-items:center;font-size:1rem;display:flex}.dark-toggle:hover{border-color:var(--ring);background:var(--accent)}.btn{border-radius:calc(var(--radius) * 2);font-family:var(--font-sans);cursor:pointer;transition:var(--t);white-space:nowrap;letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--chart-2);box-shadow:var(--shadow-md), var(--glow-primary);transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg, var(--chart-1), var(--chart-2));color:var(--primary-foreground);box-shadow:var(--shadow-sm)}.btn-gold:hover:not(:disabled){background:linear-gradient(135deg, var(--chart-2), var(--chart-3));box-shadow:var(--shadow-md), var(--glow-primary);transform:translateY(-1px)}.btn-success{background:var(--emerald-500);color:#fff}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-danger{background:var(--destructive);color:var(--destructive-foreground)}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-ghost{background:var(--card);color:var(--secondary-foreground);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){color:var(--foreground);border-color:var(--ring);background:var(--muted)}.btn-outline-gold{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline-gold:hover:not(:disabled){background:var(--accent)}.btn-sm{padding:.375rem .875rem;font-size:.8rem}.btn-lg{padding:.875rem 2.25rem;font-size:1rem}.btn-full{width:100%}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem}.card-hover{transition:var(--t-slow);cursor:pointer}.card-hover:hover{border-color:var(--ring);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{font-family:var(--font-sans);color:var(--secondary-foreground);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.form-input,.form-select,.form-textarea{background:var(--background);border:1.5px solid var(--input);border-radius:var(--radius);width:100%;color:var(--foreground);font-family:var(--font-sans);transition:var(--t);appearance:none;outline:none;padding:.75rem 1rem;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--ring);background:var(--card);box-shadow:0 0 0 3px #6366f11f}.form-input::placeholder{color:var(--text-subtle)}.form-select option{background:var(--card);color:var(--foreground)}.form-textarea{resize:vertical;min-height:100px}.dark .form-input,.dark .form-select,.dark .form-textarea{background:var(--muted)}.input-prefix{background:var(--background);border:1.5px solid var(--input);border-radius:var(--radius);transition:var(--t);align-items:center;display:flex;overflow:hidden}.input-prefix:focus-within{border-color:var(--ring);box-shadow:0 0 0 3px #6366f11f}.input-prefix-label{color:var(--muted-foreground);font-family:var(--font-mono);border-right:1.5px solid var(--input);white-space:nowrap;background:var(--muted);padding:.75rem 1rem;font-size:.9rem;font-weight:600}.input-prefix .form-input{background:0 0;border:none;border-radius:0}.input-prefix .form-input:focus{box-shadow:none}.badge{border-radius:calc(var(--radius) * 2);font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.3rem;padding:.2rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.badge-pending{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.badge-approved{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.badge-rejected{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.badge-active{background:var(--accent);color:var(--chart-3);border:1px solid #6366f133}.badge-closed{background:var(--muted);color:var(--muted-foreground);border:1px solid var(--border)}.dark .badge-pending{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b40}.dark .badge-approved{color:#34d399;background:#10b98126;border-color:#10b98140}.dark .badge-rejected{color:#f87171;background:#ef444426;border-color:#ef444440}.dark .badge-active{color:#818cf8;background:#6366f126;border-color:#6366f140}.progress-bar{background:var(--secondary);border-radius:calc(var(--radius) * 2);height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--chart-1), var(--chart-2));border-radius:calc(var(--radius) * 2);height:100%;transition:width .8s var(--ease);box-shadow:0 0 6px #6366f166}.table-wrapper{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:collapse;width:100%}thead tr{background:var(--muted)}thead th{text-align:left;font-family:var(--font-sans);color:var(--muted-foreground);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap;padding:.875rem 1rem;font-size:.72rem;font-weight:700}tbody tr{border-bottom:1px solid var(--border);transition:var(--t)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--accent)}tbody td{font-family:var(--font-sans);color:var(--muted-foreground);vertical-align:middle;padding:.9rem 1rem;font-size:.9rem}tbody td:first-child{color:var(--foreground);font-weight:500}.table-empty{text-align:center;color:var(--muted-foreground);padding:3rem}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:var(--t);background:var(--background);padding:2.5rem}.upload-zone:hover,.upload-zone.dragging{border-color:var(--ring);background:var(--accent)}.upload-zone-icon{margin-bottom:.75rem;font-size:2.5rem;display:block}.upload-zone p{color:var(--muted-foreground);font-size:.9rem}.upload-zone small{color:var(--text-subtle);font-size:.8rem}.upload-zone input[type=file]{display:none}.file-preview{border-radius:var(--radius);background:#d1fae5;border:1px solid #a7f3d0;align-items:center;gap:1rem;padding:1rem;animation:.3s fadeIn;display:flex}.dark .file-preview{background:#10b98114;border-color:#10b98133}.file-preview-icon{font-size:1.5rem}.file-preview-info{flex:1}.file-preview-name{color:#065f46;font-size:.9rem;font-weight:600}.dark .file-preview-name{color:var(--emerald-400)}.file-preview-size{color:var(--muted-foreground);font-size:.8rem}.file-remove-btn{cursor:pointer;color:var(--muted-foreground);transition:var(--t);background:0 0;border:none;padding:.2rem;font-size:1.1rem}.file-remove-btn:hover{color:var(--destructive)}.admin-wrapper{min-height:calc(100vh - 68px);display:flex}.admin-sidebar{background:var(--sidebar);border-right:1px solid var(--sidebar-border);flex-direction:column;gap:.25rem;width:240px;min-width:240px;height:calc(100vh - 68px);padding:1.5rem 1rem;display:flex;position:sticky;top:68px;overflow-y:auto}.sidebar-section-title{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);margin-top:.5rem;padding:.5rem .75rem;font-size:.68rem;font-weight:700}.admin-nav-item{border-radius:var(--radius);font-family:var(--font-sans);color:var(--sidebar-foreground);cursor:pointer;transition:var(--t);text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.6rem .875rem;font-size:.875rem;font-weight:500;display:flex}.admin-nav-item:hover{color:var(--foreground);background:#6366f114}.admin-nav-item.active{color:var(--sidebar-primary);background:var(--sidebar-accent);font-weight:600}.admin-nav-icon{text-align:center;width:20px;font-size:.95rem}.admin-main{background:var(--background);flex:1;min-width:0;padding:2rem;overflow-y:auto}.admin-page-header{margin-bottom:2rem}.admin-page-header h2{margin-bottom:.25rem}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:var(--t-slow);flex-direction:column;gap:.4rem;padding:1.5rem;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);font-size:.72rem;font-weight:700}.stat-value{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--foreground);font-size:2rem;font-weight:600;line-height:1}.stat-icon{margin-bottom:.1rem;font-size:1.4rem}.stat-gold{border-top:3px solid var(--chart-1)}.stat-blue{border-top:3px solid var(--chart-2)}.stat-green{border-top:3px solid var(--emerald-500)}.stat-red{border-top:3px solid var(--destructive)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;background:#1e1b1880;justify-content:center;align-items:center;padding:1.5rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:500px;box-shadow:var(--shadow-xl);animation:slideUp .3s var(--ease);padding:2rem}.modal-large{max-width:780px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.modal-title{font-size:1.15rem;font-weight:700}.modal-close{cursor:pointer;color:var(--muted-foreground);transition:var(--t);background:0 0;border:none;border-radius:.5rem;padding:.25rem;font-size:1.3rem}.modal-close:hover{color:var(--foreground);background:var(--muted)}.modal-footer{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}#toast-root{z-index:999;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{border-radius:var(--radius);min-width:280px;max-width:400px;font-family:var(--font-sans);box-shadow:var(--shadow-lg);animation:slideInRight .3s var(--ease);border:1px solid;align-items:center;gap:.75rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500;display:flex}.toast-success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.toast-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.toast-info{background:var(--accent);color:var(--chart-3);border-color:#6366f140}.toast-warn{color:#92400e;background:#fffbeb;border-color:#fde68a}.dark .toast-success{color:#34d399;background:#10b9811a;border-color:#10b98133}.dark .toast-error{color:#f87171;background:#ef44441a;border-color:#ef444433}.dark .toast-info{color:#818cf8;background:#6366f11a;border-color:#6366f133}.dark .toast-warn{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b33}.toast-icon{font-size:1rem}.toast-msg{flex:1}.toast-exit{animation:slideOutRight .3s var(--ease) forwards}.hero{text-align:center;background:var(--card);padding:7rem 0 8rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(70% 55% at 50% -10%,#6366f11a 0%,#0000 70%),radial-gradient(40% 30% at 90% 60%,#a38bf80f 0%,#0000 60%);position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--background));pointer-events:none;height:80px;position:absolute;bottom:0;left:0;right:0}.hero-inner{z-index:1;position:relative}.hero-badge{background:var(--accent);border-radius:calc(var(--radius) * 2);font-family:var(--font-sans);color:var(--chart-2);letter-spacing:.04em;text-transform:uppercase;border:1px solid #6366f140;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.35rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.hero h1{margin-bottom:1.25rem}.hero h1 em{color:var(--primary);font-style:italic}.hero>.container>p,.hero-inner>p{font-family:var(--font-sans);color:var(--muted-foreground);max-width:540px;margin:0 auto 2.5rem;font-size:1.1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-stats{flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:4.5rem;display:flex}.hero-stat{text-align:center}.hero-stat-value{font-family:var(--font-mono);color:var(--primary);letter-spacing:-.02em;font-size:1.9rem;font-weight:600;display:block}.hero-stat-label{font-family:var(--font-sans);color:var(--muted-foreground);margin-top:.3rem;font-size:.78rem}.causes-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-top:2.5rem;display:grid}.cause-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:var(--t-slow);flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.cause-card:hover{border-color:var(--ring);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.cause-card-top{align-items:flex-start;gap:1rem;display:flex}.cause-icon{background:var(--accent);border-radius:var(--radius);border:1px solid #6366f133;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.cause-card h3{margin-bottom:.2rem;font-size:1.1rem}.cause-meta{flex-direction:column;gap:.2rem;display:flex}.cause-amounts{justify-content:space-between;align-items:flex-end;display:flex}.cause-raised{font-family:var(--font-mono);color:var(--primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:600}.cause-goal{color:var(--muted-foreground);text-align:right;font-size:.78rem}.cause-pct{font-family:var(--font-mono);color:var(--chart-2);font-size:.75rem;font-weight:600}.steps-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;display:grid}.step-card{text-align:center;padding:2rem 1.5rem}.step-number{background:linear-gradient(135deg, var(--chart-1), var(--chart-2));width:52px;height:52px;font-family:var(--font-mono);color:#fff;box-shadow:var(--shadow-sm), var(--glow-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;font-size:1.1rem;font-weight:600;display:flex}.step-card h3{margin-bottom:.5rem}.bank-box{border-radius:var(--radius);background:linear-gradient(135deg,#6366f10f,#6366f105);border:1px solid #6366f133;padding:1.5rem}.bank-box h3{color:var(--primary);margin-bottom:1rem;font-size:1rem}.bank-row{border-bottom:1px solid #6366f114;justify-content:space-between;align-items:center;padding:.6rem 0;font-size:.9rem;display:flex}.bank-row:last-child{border-bottom:none}.bank-row-label{color:var(--muted-foreground);font-size:.82rem}.bank-row-value{color:var(--foreground);font-weight:600}.copy-btn{cursor:pointer;color:var(--muted-foreground);transition:var(--t);font-size:.78rem;font-family:var(--font-sans);background:0 0;border:none;border-radius:.4rem;padding:.2rem .5rem}.copy-btn:hover{color:var(--primary);background:var(--accent)}.stepper{justify-content:center;align-items:center;gap:0;margin-bottom:2.5rem;display:flex}.step-item{align-items:center;display:flex}.step-bubble{background:var(--muted);border:2px solid var(--border);width:32px;height:32px;font-family:var(--font-mono);color:var(--muted-foreground);transition:var(--t);border-radius:50%;justify-content:center;align-items:center;font-size:.82rem;font-weight:600;display:flex}.step-item.active .step-bubble{background:var(--primary);border-color:var(--primary);color:#fff}.step-item.done .step-bubble{background:var(--emerald-500);border-color:var(--emerald-500);color:#fff}.step-label{font-family:var(--font-sans);color:var(--muted-foreground);margin-left:.5rem;font-size:.78rem;font-weight:600}.step-item.active .step-label{color:var(--primary)}.step-item.done .step-label{color:var(--emerald-500)}.step-line{background:var(--border);flex-shrink:0;width:60px;height:2px;margin:0 .25rem}.step-line.done{background:var(--emerald-500)}.auth-page{background:radial-gradient(60% 50% at 50% 0,#6366f112,#0000 70%);justify-content:center;align-items:center;min-height:calc(100vh - 68px);padding:3rem 1.5rem;display:flex}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:440px;box-shadow:var(--shadow-md);padding:2.5rem}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo .brand-icon{width:54px;height:54px;margin:0 auto 1rem;font-size:1.5rem}.auth-logo h2{font-family:var(--font-serif);font-size:1.6rem}.auth-logo p{margin-top:.25rem;font-size:.9rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-divider{text-align:center;color:var(--muted-foreground);margin:.75rem 0;font-size:.85rem}.auth-footer{text-align:center;color:var(--muted-foreground);margin-top:1.5rem;font-size:.88rem}.auth-footer a,.auth-link{color:var(--primary);cursor:pointer;transition:var(--t);font-weight:600}.auth-link:hover{color:var(--chart-2)}.donor-page{max-width:900px;margin:0 auto;padding:2.5rem 1.5rem}.donor-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.filter-bar{flex-wrap:wrap;gap:.5rem;display:flex}.filter-btn{border-radius:calc(var(--radius) * 2);font-family:var(--font-sans);border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);cursor:pointer;transition:var(--t);padding:.375rem .875rem;font-size:.8rem;font-weight:600}.filter-btn:hover{border-color:var(--ring);color:var(--foreground)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.voucher-box{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;min-height:400px;display:flex;overflow:hidden}.voucher-img{object-fit:contain;max-width:100%;max-height:600px;margin:auto;display:block}.voucher-pdf{border:none;width:100%;height:500px}.voucher-loading{text-align:center;color:var(--muted-foreground);padding:3rem}.section-header{text-align:center;margin-bottom:.5rem}.section-header h2{margin-bottom:.5rem}.section-header p{max-width:500px;margin:.5rem auto 0}.divider{background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;margin:4rem 0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.text-right{text-align:right}.text-center{text-align:center}.font-bold{font-weight:700}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin:3rem auto;animation:1s linear infinite spin}.empty-state{text-align:center;padding:4rem 2rem}.empty-state-icon{margin-bottom:1rem;font-size:3rem;display:block}.empty-state h3{margin-bottom:.5rem}.error-msg{color:#991b1b;border-radius:var(--radius);font-size:.875rem;font-family:var(--font-sans);background:#fee2e2;border:1px solid #fecaca;padding:.75rem 1rem}.dark .error-msg{color:var(--red-400);background:#ef444414;border-color:#ef444433}.success-msg{color:#065f46;border-radius:var(--radius);background:#d1fae5;border:1px solid #a7f3d0;padding:.75rem 1rem;font-size:.875rem}.dark .success-msg{color:var(--emerald-400);background:#10b98114;border-color:#10b98133}.info-msg{color:var(--chart-3);background:var(--accent);border-radius:var(--radius);border:1px solid #6366f133;padding:.75rem 1rem;font-size:.875rem}.dark .info-msg{color:#a5b4fc;background:#6366f114;border-color:#6366f133}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade{animation:.4s fadeIn}.animate-slide{animation:slideUp .4s var(--ease)}@media (width<=1024px){.admin-sidebar{width:200px;min-width:200px}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.admin-wrapper{flex-direction:column}.admin-sidebar{flex-flow:wrap;gap:.25rem;width:100%;min-width:0;height:auto;padding:.75rem;position:static}.admin-nav-item{flex:1;justify-content:center;min-width:100px}.admin-main{padding:1.25rem}.grid-2,.grid-3,.grid-4,.steps-grid{grid-template-columns:1fr}.hero{padding:4rem 0 5rem}.hero-stats{gap:2rem}.navbar-nav{display:none}}