:root{--bg-dark:#0a0e17;--bg-darker:#05080f;--accent-emerald:#00d4aa;--accent-emerald-glow:#00d4aa40;--accent-emerald-dark:#00997a;--accent-amber:#fbbf24;--accent-lavender:#a78bfa;--glass-panel:#ffffff08;--glass-border:#ffffff14;--glass-border-hover:#ffffff26;--glass-hover:#ffffff0f;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--transition-smooth:all .3s cubic-bezier(.16, 1, .3, 1);--border-radius-lg:1.25rem;--border-radius-md:.75rem;--border-radius-sm:.5rem;--border-radius-pill:9999px}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-dark);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15% 0,#00d4aa14,#0000 45%),radial-gradient(circle at 85% 30%,#a78bfa0f,#0000 50%),radial-gradient(circle at 50% 100%,#fbbf240d,#0000 40%);background-attachment:fixed;margin:0;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}::selection{background:var(--accent-emerald-glow);color:var(--text-primary)}.app-shell{flex-direction:column;width:min(1200px,100% - 2rem);min-height:100vh;margin:0 auto;padding:0 0 4rem;display:flex}.top-bar{background:var(--glass-panel);border:1px solid var(--glass-border);border-radius:var(--border-radius-pill);-webkit-backdrop-filter:blur(12px);z-index:50;justify-content:space-between;align-items:center;gap:1rem;margin:1.5rem 0 2rem;padding:1rem 1.5rem;display:flex;position:sticky;top:1.5rem;box-shadow:0 4px 30px #0000001a}.desktop-only{display:flex}.mobile-only{display:none}.mobile-top-bar{background:var(--glass-panel);border:1px solid var(--glass-border);border-radius:var(--border-radius-pill);justify-content:space-between;align-items:center;gap:.75rem;margin:1rem 0;padding:.85rem 1rem}.mobile-dock{border:1px solid var(--glass-border);border-radius:var(--border-radius-pill);background:#0000004d;justify-content:space-between;align-items:center;gap:.45rem;margin:0 0 1rem;padding:.45rem}.mobile-dock .route-link{text-align:center;flex:1}.brand-container{align-items:center;gap:1rem;display:flex}.brand{font-size:1.25rem;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-emerald) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0}.auth-chip{color:var(--text-secondary);align-items:center;gap:.5rem;margin:0;font-size:.85rem;display:flex}.auth-chip:before{content:"";background-color:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 8px var(--accent-emerald-glow);border-radius:50%;display:inline-block}.top-actions{align-items:center;gap:.75rem;display:flex}.view-switch{border-radius:var(--border-radius-pill);border:1px solid var(--glass-border);background:#0003;gap:.25rem;padding:.25rem;display:inline-flex}.view-switch .route-link{border-radius:var(--border-radius-pill);color:var(--text-secondary);transition:var(--transition-smooth);background:0 0;border:0;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none}.view-switch .route-link:hover{color:var(--text-primary);background:var(--glass-hover)}.view-switch .route-link.active{background:var(--glass-border-hover);color:var(--text-primary);box-shadow:0 2px 8px #0003}.view-switch button{border-radius:var(--border-radius-pill);color:var(--text-secondary);background:0 0;border:0;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.view-switch button.active{background:var(--glass-border-hover);color:var(--text-primary)}button{font-family:var(--font-body);transition:var(--transition-smooth)}.primary,.ghost,.text-button,.session-link{cursor:pointer;border-radius:var(--border-radius-pill);justify-content:center;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.primary{background:linear-gradient(135deg, var(--accent-emerald) 0%, var(--accent-emerald-dark) 100%);color:#002b22;border:0;padding:.75rem 1.5rem;box-shadow:0 4px 15px #00d4aa33}.primary:hover:not(:disabled){background:linear-gradient(135deg, #1ae0b8 0%, var(--accent-emerald) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #00d4aa4d}.ghost,.session-link{border:1px solid var(--glass-border-hover);color:var(--text-primary);background:#ffffff0d;padding:.75rem 1.5rem}.session-link{padding:.5rem 1rem;font-size:.875rem}.ghost:hover:not(:disabled),.session-link:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.text-button{color:var(--accent-emerald);background:0 0;border:0;padding:0}.text-button:hover{color:#1ae0b8;text-underline-offset:4px;text-decoration:underline}.primary:disabled,.ghost:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.hero-actions.compact{gap:.75rem;margin-top:1rem}.ghost.small{padding:.4rem .8rem;font-size:.8rem}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-primary);margin-top:0;line-height:1.2}h1{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4.5rem)}h2{letter-spacing:-.02em;margin-bottom:1.25rem;font-size:clamp(1.5rem,3vw,2.25rem)}h3{letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.25rem}p{margin-top:0;margin-bottom:1rem}.subtitle{color:var(--text-secondary);max-width:60ch;font-size:1.125rem;line-height:1.7}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-amber);margin-bottom:1rem;font-size:.875rem;font-weight:600;display:block}.chip{letter-spacing:.05em;text-transform:uppercase;color:var(--accent-emerald);background:var(--accent-emerald-glow);border-radius:var(--border-radius-pill);margin-bottom:1rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:inline-block}.panel,.hero-panel{background:var(--glass-panel);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(16px);transition:var(--transition-smooth);padding:2rem;position:relative;overflow:visible}.panel:hover{border-color:var(--glass-border-hover);box-shadow:0 8px 32px #0003}.hero-panel{text-align:center;background:linear-gradient(#ffffff05 0%,#ffffff03 100%);flex-direction:column;align-items:center;padding:4rem 3rem;display:flex}.hero-panel:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.panel-head h2{margin-bottom:0}.public-view,.subscriber-view,.admin-view{gap:1.5rem;display:grid}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}form{gap:1.25rem;display:grid}label{color:var(--text-secondary);gap:.5rem;font-size:.9rem;font-weight:500;display:grid}input,select,textarea{border:1px solid var(--glass-border);border-radius:var(--border-radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);background:#0003;padding:.75rem 1rem;font-size:1rem}.app-select{position:relative}.app-select-trigger{border-radius:var(--border-radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);background:#0003;border:1px solid #00d4aa59;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:1rem;display:flex}.app-select-trigger:hover{background:#00000047;border-color:#00d4aaa6}.app-select.open .app-select-trigger{border-color:#00d4aae6;box-shadow:0 0 0 2px #00d4aa38}.app-select-caret{color:var(--text-secondary);font-size:.85rem}.app-select.open .app-select-caret{color:var(--accent-emerald)}.app-select-menu{z-index:120;border-radius:var(--border-radius-md);background:#071023;border:1px solid #00d4aa66;margin:.45rem 0 0;padding:.35rem;list-style:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 18px 34px #00000073}.app-select-option{color:#e6eefb;text-align:left;background:0 0;border:0;border-radius:.55rem;width:100%;padding:.55rem .7rem;font-size:.97rem}.app-select-option:hover{color:#fff;background:#00d4aa24}.app-select-option.selected{color:#fff;background:#00d4aa38}.app-select.disabled .app-select-trigger{opacity:.5;cursor:not-allowed}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-color:#00d4aa59}select:hover{background:#00000047;border-color:#00d4aaa6}select option,select optgroup{color:#e5eef8;background:#0b1220}select option:checked{color:#fff;background:linear-gradient(#00d4aa33,#00d4aa33)}select option:hover{background:linear-gradient(#00d4aa24,#00d4aa24)}input:focus,select:focus,textarea:focus{background:#0000004d;border-color:#00d4aae6;outline:none;box-shadow:0 0 0 2px #00d4aa38}input::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=range]{appearance:none;background:#ffffff1a;border:none;border-radius:3px;height:6px;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-emerald);cursor:pointer;width:20px;height:20px;box-shadow:0 0 10px var(--accent-emerald-glow);border-radius:50%}.form-error{color:#ef4444;margin-top:.5rem;font-size:.875rem}textarea{resize:vertical;min-height:120px}.inline-list,.score-list ul{gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.inline-list li,.score-list li{border:1px solid var(--glass-border);border-radius:var(--border-radius-md);transition:var(--transition-smooth);background:#00000026;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.inline-list li:hover,.score-list li:hover{background:#ffffff05;border-color:#ffffff1a}.inline-list strong,.score-list strong{color:var(--text-primary);font-size:1rem;display:block}.inline-list p,.score-list span{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.inline-actions{align-items:center;gap:.5rem;display:flex}.metric-grid,.summary-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem;display:grid}.metric-grid article,.summary-metrics div{border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);text-align:left;background:#0003;padding:1.5rem}.metric,.summary-metrics strong{font-family:var(--font-display);color:var(--text-primary);background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2rem;font-weight:700;display:block}.metric-grid article p:last-child,.summary-metrics p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:.5rem 0 0;font-size:.875rem;font-weight:600}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.steps article{border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);background:#ffffff05;padding:1.5rem;position:relative;overflow:hidden}.steps span{background:var(--accent-emerald-glow);width:2.5rem;height:2.5rem;color:var(--accent-emerald);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;font-weight:700;display:flex}.charity-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.charity-card{border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);transition:var(--transition-smooth);background:#ffffff05;flex-direction:column;padding:1.5rem;display:flex}.charity-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-4px)}.charity-card-image,.charity-hero-image,.charity-detail-image{border-radius:var(--border-radius-md);object-fit:cover;background:#0003;width:100%}.charity-card-image{height:200px;margin-bottom:1.25rem}.charity-hero-image,.charity-detail-image{height:100%;min-height:300px;max-height:400px}.featured-charity,.charity-detail-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.card-foot{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.5rem;display:flex}.card-foot strong{color:var(--accent-emerald);font-size:1.25rem}.charity-event{color:var(--accent-amber);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.charity-filters{grid-template-columns:1fr 250px;gap:1rem;display:grid}.pool-table{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.pool-table div{border-radius:var(--border-radius-lg);border:1px solid var(--glass-border);text-align:center;background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);padding:2rem}.pool-table strong{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent-amber) 0%, #d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:1rem 0;font-size:3rem;line-height:1;display:block}.auth-page{justify-content:center;align-items:center;min-height:60vh;display:flex}.auth-panel{width:100%;max-width:480px;padding:3rem}.auth-helper{margin-bottom:2rem}.auth-notice{border-radius:var(--border-radius-md);margin-top:1.5rem;padding:1rem;font-size:.875rem;font-weight:500}.auth-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.auth-success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98133}.auth-info{color:#93c5fd;background:#3b82f61a;border:1px solid #3b82f633}.status-tag{border-radius:var(--border-radius-pill);text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-tag.pending{color:#fcd34d;background:#fbbf241a;border:1px solid #fbbf2433}.status-tag.approved{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98133}.status-tag.rejected{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.subscriber-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:2.5rem;display:flex}.subscription-pill{color:var(--accent-emerald);border-radius:var(--border-radius-pill);box-shadow:0 0 15px var(--accent-emerald-glow);background:#00d4aa1a;border:1px solid #00d4aa33;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.coming-soon{text-align:center;padding:5rem 2rem}.footer-note{text-align:center;color:var(--text-muted);margin-top:auto;padding-top:3rem;font-size:.875rem}.billing-help{margin-top:1.5rem;font-size:.875rem}.billing-ok{color:var(--accent-emerald)}.billing-warn{color:var(--accent-amber)}.billing-error{color:#ef4444}.donation-note{color:var(--text-secondary);margin-top:1rem;font-size:.875rem;font-style:italic}.score-insight{border-top:1px solid var(--glass-border);justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;font-size:1.125rem;display:flex}.score-insight strong{color:var(--accent-emerald)}.admin-score-add,.score-inline-edit{grid-template-columns:1fr 1fr auto;gap:.75rem;margin-bottom:1rem;display:grid}.reveal-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards revealUp;transform:translateY(20px)}.delayed-1{animation-delay:.1s}.delayed-2{animation-delay:.2s}.delayed-3{animation-delay:.3s}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.dashboard-grid,.featured-charity,.charity-detail-grid{grid-template-columns:1fr;gap:2rem}.charity-hero-image{order:-1}}@media (width<=768px){.desktop-only{display:none}.mobile-only{display:flex}.brand-container{justify-content:space-between;width:100%}.auth-chip{display:none}.top-actions{width:100%;padding-bottom:.5rem;overflow-x:auto}.mobile-top-bar .ghost,.mobile-top-bar .session-link{padding:.45rem .85rem;font-size:.8rem}.hero-panel{padding:3rem 1.5rem}.panel{padding:1.5rem}.charity-filters,.score-inline-edit,.admin-score-add{grid-template-columns:1fr}.inline-actions{justify-content:flex-end;width:100%;margin-top:.5rem}.subscriber-head{flex-direction:column;align-items:flex-start}}