@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#0a0f1e;--bg-secondary:#0d1530;--bg-card:#111827;--bg-card-alt:#0f172a;--bg-sidebar:#0c1428;--color-orange:#f97316;--color-amber:#fbbf24;--color-teal:#06b6d4;--color-teal-dark:#0891b2;--color-green:#22c55e;--color-red:#ef4444;--color-yellow:#eab308;--color-purple:#a855f7;--grad-primary:linear-gradient(135deg, #f97316, #fbbf24);--grad-teal:linear-gradient(135deg, #06b6d4, #0284c7);--grad-green:linear-gradient(135deg, #22c55e, #16a34a);--grad-red:linear-gradient(135deg, #ef4444, #dc2626);--grad-purple:linear-gradient(135deg, #a855f7, #7c3aed);--grad-bg:linear-gradient(135deg, #0a0f1e 0%, #0d1530 50%, #0a0f1e 100%);--grad-hero:radial-gradient(ellipse 80% 60% at 50% -20%, #f9731626, transparent), radial-gradient(ellipse 60% 40% at 80% 50%, #06b6d414, transparent), linear-gradient(180deg, #0a0f1e 0%, #0d1530 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#f97316;--border-color:#ffffff12;--border-accent:#f973164d;--border-teal:#06b6d44d;--chart-col-hover-bg:#ffffff0a;--glass-bg:#111827cc;--glass-border:#ffffff14;--glass-shadow:0 8px 32px #0006;--sidebar-w:260px;--navbar-h:68px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-family:"Plus Jakarta Sans", sans-serif;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow-orange:0 0 24px #f973164d;--shadow-glow-teal:0 0 24px #06b6d440;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}body.light-theme{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--bg-card-alt:#f8fafc;--bg-sidebar:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#0f172a14;--border-accent:#f9731659;--border-teal:#06b6d459;--chart-col-hover-bg:#0f172a0a;--glass-bg:#ffffffd9;--glass-border:#0f172a14;--glass-shadow:0 8px 32px #0f172a14;--grad-bg:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #f8fafc 100%);--grad-hero:radial-gradient(ellipse 80% 60% at 50% -20%, #f9731614, transparent), radial-gradient(ellipse 60% 40% at 80% 50%, #06b6d40d, transparent), linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#f9731666}::-webkit-scrollbar-thumb:hover{background:#f97316b3}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-family);border:none;outline:none}input,select,textarea{font-family:var(--font-family);outline:none}img{max-width:100%;display:block}::selection{color:var(--text-primary);background:#f973164d}.page-enter{opacity:0;transform:translateY(16px)}.page-enter-active{opacity:1;transition:opacity var(--transition-slow), transform var(--transition-slow);transform:translateY(0)}.gradient-text{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.btn-primary{background:var(--grad-primary);color:#fff;border-radius:var(--radius-full);transition:all var(--transition-base);align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover:after{transform:translate(100%)}.btn-primary:hover{box-shadow:var(--shadow-glow-orange);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-full);border:1.5px solid var(--border-color);transition:all var(--transition-base);background:0 0;align-items:center;gap:8px;padding:11px 26px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--color-orange);color:var(--color-orange);transform:translateY(-2px)}.btn-teal{background:var(--grad-teal);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-base);align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-teal:hover{box-shadow:var(--shadow-glow-teal);transform:translateY(-2px)}.btn-danger{background:var(--grad-red);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-base);align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-danger:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-base);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.025em;text-transform:uppercase;font-size:.875rem;font-weight:600}.form-input{border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff0a;padding:12px 16px;font-size:.95rem}.form-input:focus{border-color:var(--color-orange);background:#f973160d;box-shadow:0 0 0 3px #f973161a}.form-input::placeholder{color:var(--text-muted)}.form-input.error{border-color:var(--color-red);background:#ef44440d}select.form-input option{background:var(--bg-card);color:var(--text-primary)}.form-error{color:var(--color-red);align-items:center;gap:4px;font-size:.8rem;display:flex}.location-select__control{font-size:.95rem}body.light-theme .location-select__control{background:#0f172a08!important;border-color:#0f172a14!important}body.light-theme .location-select__menu{background:#fff!important;border-color:#0f172a14!important}body.light-theme .location-select__option,body.light-theme .location-select__single-value,body.light-theme .location-select__input-container{color:#0f172a!important}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:2.5px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.spinner-lg{border-width:3px;border-color:#f9731633;border-top-color:var(--color-orange);width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.section-tag{border-radius:var(--radius-full);color:var(--color-orange);letter-spacing:.08em;text-transform:uppercase;background:#f973161a;border:1px solid #f9731633;margin-bottom:16px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-block}.badge{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.badge-pending{color:var(--color-yellow);background:#eab30826;border:1px solid #eab3084d}.badge-approved{color:var(--color-green);background:#22c55e26;border:1px solid #22c55e4d}.badge-rejected{color:var(--color-red);background:#ef444426;border:1px solid #ef44444d}.badge-inreview{color:var(--color-teal);background:#06b6d426;border:1px solid #06b6d44d}.badge-done{color:var(--color-purple);background:#a855f726;border:1px solid #a855f74d}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.divider{background:var(--border-color);height:1px;margin:24px 0}@media (width<=768px){.container{padding:0 16px}.btn-primary,.btn-secondary{padding:10px 20px;font-size:.875rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-12px)rotate(5deg)}66%{transform:translateY(-6px)rotate(-3deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #f9731633}50%{box-shadow:0 0 40px #f9731680}}@keyframes counter-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body.light-theme .glass-card,body.light-theme .form-card,body.light-theme .dash-stat-card,body.light-theme .dashboard-section,body.light-theme .donation-card,body.light-theme .ngo-admin-card,body.light-theme .admin-quick-card,body.light-theme .auth-card,body.light-theme .step-card,body.light-theme .testimonial-card,body.light-theme .impact__grid,body.light-theme .modal{background:#fff!important;border-color:#0f172a14!important;box-shadow:0 10px 30px #0f172a0a!important}body.light-theme .navbar--scrolled{background:#f8fafceb!important;border-bottom-color:#0f172a14!important;box-shadow:0 4px 24px #0f172a0a!important}body.light-theme .navbar__dropdown{background:#fff!important;border-color:#0f172a14!important;box-shadow:0 10px 30px #0f172a14!important}body.light-theme .navbar__mobile{background:#fff!important;border-bottom-color:#0f172a14!important}body.light-theme .navbar__link:hover,body.light-theme .navbar__dropdown-item:hover,body.light-theme .navbar__mobile-link:hover{background:#0f172a0a!important}body.light-theme .navbar__user-btn{background:#0f172a0a!important;border-color:#0f172a14!important}body.light-theme .navbar__user-btn:hover{background:#0f172a14!important}body.light-theme .categories{background:#0f172a05!important}body.light-theme .footer{background:var(--bg-secondary)!important;border-top-color:#0f172a14!important}body.light-theme .form-input,body.light-theme select.form-input,body.light-theme textarea.form-input{color:#0f172a!important;background:#0f172a08!important;border-color:#0f172a14!important}body.light-theme .form-input:focus,body.light-theme select.form-input:focus,body.light-theme textarea.form-input:focus{border-color:var(--color-orange)!important;background:#f9731605!important}body.light-theme .admin-table thead{background:#0f172a05!important}body.light-theme .admin-table td{border-bottom-color:#0f172a0d!important}body.light-theme .admin-table tbody tr:hover{background:#0f172a04!important}body.light-theme .skeleton{background:linear-gradient(90deg,#0f172a0a 25%,#0f172a14 50%,#0f172a0a 75px) 0 0/200% 100%!important}body.light-theme ::placeholder{color:#94a3b8!important}body.light-theme .empty-state{background:0 0!important}body.light-theme .modal-overlay{background:#0f172a66!important}.notifications-page-container{max-width:800px;margin:calc(var(--navbar-h) + 2rem) auto 4rem;font-family:var(--font-family);padding:0 1.5rem}.notifications-header-box{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-main-title{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.page-subtitle{color:var(--text-secondary);font-size:.95rem}.btn-mark-all-read{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);background:#ffffff0d;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600}.btn-mark-all-read:hover{background:var(--color-orange);color:#fff;border-color:var(--color-orange);box-shadow:var(--shadow-glow-orange)}.notify-filters-bar{scrollbar-width:thin;gap:.75rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.notify-filter-tab{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:var(--transition-base);padding:.5rem 1.2rem;font-size:.85rem;font-weight:600}.notify-filter-tab:hover{border-color:var(--border-accent);color:var(--text-primary)}.notify-filter-tab.active{background:var(--grad-primary);color:#fff;border-color:#0000}.notify-lists-container{flex-direction:column;gap:2rem;display:flex}.notify-group{flex-direction:column;gap:1rem;display:flex}.notify-group-title{color:var(--text-secondary);border-left:3px solid var(--color-orange);padding-left:.25rem;font-size:1rem;font-weight:700;line-height:1}.notify-group-cards{flex-direction:column;gap:.75rem;display:flex}.notify-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-base);align-items:flex-start;gap:1rem;padding:1.2rem;display:flex;position:relative;overflow:hidden}.notify-card:hover{box-shadow:var(--shadow-md);border-color:#ffffff26;transform:translateY(-2px)}.notify-unread{background:var(--bg-card-alt)}.notify-unread:after{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.notify-border-red{border-left:4px solid var(--color-red)!important}.notify-border-green{border-left:4px solid var(--color-green)!important}.notify-border-purple{border-left:4px solid var(--color-purple)!important}.notify-border-teal{border-left:4px solid var(--color-teal)!important}.notify-border-orange{border-left:4px solid var(--color-orange)!important}.notify-icon-container{border-radius:var(--radius-md);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notify-emoji-icon{font-size:1.25rem}.notify-content-container{flex:1}.notify-header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.4rem;display:flex}.notify-title{color:var(--text-primary);font-size:1rem;font-weight:700}.notify-time{color:var(--text-muted);font-size:.75rem}.notify-message{color:var(--text-secondary);margin-bottom:.6rem;font-size:.9rem;line-height:1.4}.notify-meta{align-items:center;gap:.5rem;display:flex}.notify-tag{text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius-sm);border:1px solid var(--border-color);letter-spacing:.05em;background:#ffffff08;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.notify-badge-new{color:#fff;background:var(--color-orange);border-radius:var(--radius-sm);padding:.1rem .4rem;font-size:.7rem;font-weight:700;box-shadow:0 2px 4px #f9731633}.notify-actions{align-self:center;align-items:center;display:flex}.notify-btn-delete{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;padding:.3rem;font-size:.9rem}.notify-btn-delete:hover{color:var(--color-red);background:#ef44441a}.notify-empty-state{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.empty-bell{margin-bottom:1.5rem;font-size:3rem;animation:3s ease-in-out infinite bell-swing}@keyframes bell-swing{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(12deg)}20%,40%,60%{transform:rotate(-12deg)}70%{transform:rotate(0)}}.notify-empty-state h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.notify-empty-state p{color:var(--text-secondary);font-size:.9rem}.notify-bell-container{align-items:center;display:flex;position:relative}.notify-bell-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;font-size:1.35rem;display:flex;position:relative}.notify-bell-btn:hover{color:var(--text-primary);background:#ffffff0d}.notify-badge-count{background:var(--color-red);color:#fff;border-radius:var(--radius-full);min-width:16px;height:16px;box-shadow:0 0 0 2px var(--bg-primary);justify-content:center;align-items:center;padding:0 4px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.notify-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:380px;box-shadow:var(--shadow-lg);z-index:100;-webkit-backdrop-filter:blur(16px);animation:.25s cubic-bezier(.16,1,.3,1) dropdown-fade-in;position:absolute;top:calc(100% + .75rem);right:0;overflow:hidden}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.notify-dropdown-header{border-bottom:1px solid var(--border-color);background:#ffffff03;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.notify-dropdown-header h3{color:var(--text-primary);font-size:1rem;font-weight:700}.btn-dismiss-all{color:var(--color-orange);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;font-size:.8rem;font-weight:600}.btn-dismiss-all:hover{opacity:.8}.notify-dropdown-list{scrollbar-width:thin;max-height:350px;overflow-y:auto}.notify-dropdown-item{border-bottom:1px solid var(--border-color);transition:var(--transition-fast);cursor:pointer;gap:.75rem;padding:1rem 1.25rem;display:flex}.notify-dropdown-item:hover{background:#ffffff05}.notify-dropdown-item.is-unread{background:#f9731605}.notify-dd-icon{margin-top:.15rem;font-size:1.1rem}.notify-dd-content{flex:1}.notify-dd-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.875rem;font-weight:700}.notify-dd-desc{color:var(--text-secondary);margin-bottom:.4rem;font-size:.8rem;line-height:1.35}.notify-dd-time{color:var(--text-muted);font-size:.7rem}.notify-dropdown-footer{text-align:center;border-top:1px solid var(--border-color);background:#0000000d;padding:.75rem}.btn-view-all{color:var(--text-secondary);transition:var(--transition-fast);font-size:.85rem;font-weight:600;text-decoration:none;display:block}.btn-view-all:hover{color:var(--color-orange)}.notify-loading-skeleton{flex-direction:column;gap:1rem;display:flex}.skeleton-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#ffffff05;height:80px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:.3}}body.light-theme .notify-card{background:#fff;box-shadow:0 1px 3px #0000000d}body.light-theme .notify-unread{background:#f8fafc}body.light-theme .notify-empty-state{background:#fff}body.light-theme .notify-dropdown{background:#fff;box-shadow:0 10px 40px #00000014}.notify-bell-tabs{border-bottom:1px solid var(--border-color);background:#00000026;display:flex}.notify-bell-tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);text-align:center;background:0 0;border:none;flex:1;padding:.75rem 0;font-size:.82rem;font-weight:700;position:relative}.notify-bell-tab-btn:hover{color:var(--text-primary);background:#ffffff05}.notify-bell-tab-btn.active{color:var(--color-orange);background:#ffffff03}.notify-bell-tab-btn.active:after{content:"";background:var(--grad-primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.notify-tab-badge{background:var(--color-red);color:#fff;border-radius:var(--radius-full);margin-left:.35rem;padding:2px 6px;font-size:.65rem;font-weight:700}.notify-tab-badge.badge-gray{color:var(--text-secondary);background:#ffffff26}body.light-theme .notify-bell-tabs{background:#00000005}body.light-theme .notify-tab-badge.badge-gray{color:#475569;background:#00000014}.navbar{z-index:1000;height:var(--navbar-h);transition:background var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--border-color);background:#0a0f1eeb;box-shadow:0 4px 24px #0006}.navbar__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar__logo{align-items:center;gap:10px;text-decoration:none;display:flex}.navbar__logo-icon{font-size:1.5rem}.navbar__logo-text{font-size:1.3rem;font-weight:800}.navbar__links{align-items:center;gap:4px;display:flex}.navbar__link{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);padding:7px 14px;font-size:.9rem;font-weight:500;text-decoration:none}.navbar__link:hover{color:var(--text-primary);background:#ffffff0d}.navbar__link--active{color:var(--text-primary);background:#f973161a}.navbar__link--admin{color:var(--color-teal)}.navbar__auth{align-items:center;gap:12px;display:flex}.navbar__auth-btns{align-items:center;gap:8px;display:flex}.navbar__user{position:relative}.navbar__user-btn{border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);background:#ffffff0d;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex}.navbar__user-btn:hover{background:#ffffff14;border-color:#f973164d}.navbar__avatar{background:var(--grad-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:800;display:flex}.navbar__user-name{font-size:.875rem;font-weight:600}.navbar__dropdown{border:1px solid var(--border-color);border-radius:var(--radius-lg);width:220px;box-shadow:var(--shadow-lg);background:#111827;animation:.15s fadeInUp;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.navbar__dropdown-header{background:#ffffff05;padding:14px 16px}.navbar__dropdown-divider{background:var(--border-color);height:1px;margin:4px 0}.navbar__dropdown-item{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:.875rem;text-decoration:none;display:flex}.navbar__dropdown-item:hover{color:var(--text-primary);background:#ffffff0d}.navbar__dropdown-item--danger:hover{color:var(--color-red);background:#ef44440d}.navbar__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.navbar__hamburger span{background:var(--text-secondary);width:22px;height:2px;transition:all var(--transition-fast);border-radius:2px;display:block}.navbar__mobile{top:var(--navbar-h);border-bottom:1px solid var(--border-color);z-index:999;opacity:0;pointer-events:none;transition:all var(--transition-base);background:#0c1428;padding:12px 0;display:none;position:fixed;left:0;right:0;transform:translateY(-8px)}.navbar__mobile--open{opacity:1;pointer-events:all;transform:translateY(0)}.navbar__mobile-inner{flex-direction:column;gap:2px;padding:0 20px;display:flex}.navbar__mobile-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);padding:12px 16px;font-size:.9rem;text-decoration:none;display:block}.navbar__mobile-link:hover{color:var(--text-primary);background:#ffffff0d}.navbar__mobile-divider{background:var(--border-color);height:1px;margin:8px 0}.navbar__mobile-cta{text-align:center;margin-top:8px;display:block}.navbar__backdrop{z-index:998;background:#0006;position:fixed;inset:0}@media (width<=1024px){.navbar__links,.navbar__auth-btns{display:none}.navbar__hamburger{display:flex}.navbar__mobile{display:block}}.landing{padding-top:var(--navbar-h);overflow-x:hidden}.hero{background:var(--grad-hero);align-items:center;min-height:100vh;padding:80px 0 60px;display:flex;position:relative;overflow:hidden}.hero__glow{filter:blur(120px);pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute}.hero__glow--left{background:radial-gradient(circle,#f973161f 0%,#0000 70%);top:-100px;left:-200px}.hero__glow--right{background:radial-gradient(circle,#06b6d41a 0%,#0000 70%);bottom:-100px;right:-200px}.particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{-webkit-user-select:none;user-select:none;animation:linear infinite float;position:absolute}.hero__content{z-index:2;text-align:center;max-width:760px;margin:0 auto;animation:.8s both fadeInUp;position:relative}.hero__tag{margin-bottom:24px}.hero__title{letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(2.8rem,6vw,5rem);font-weight:800;line-height:1.1}.hero__subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto 36px;font-size:1.15rem;line-height:1.7}.hero__cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:36px;display:flex}.hero__cta-btn{justify-content:center;min-width:160px}.hero__trust{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:20px;font-size:.85rem;display:flex}.hero__trust span{align-items:center;gap:6px;display:flex}.hero__scroll{border:2px solid #ffffff26;border-radius:12px;justify-content:center;align-items:flex-start;width:24px;height:40px;padding-top:6px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero__scroll-dot{background:var(--color-orange);border-radius:2px;width:4px;height:8px;animation:2s infinite scroll-dot}@keyframes scroll-dot{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(10px)}}.impact{padding:60px 0}.impact__grid{background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(6,1fr);gap:1px;display:grid;overflow:hidden}.impact__stat{text-align:center;background:var(--glass-bg);transition:background var(--transition-fast);padding:36px 20px}.impact__stat:hover{background:#ffffff05}.impact__stat-value{margin-bottom:8px;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1}.impact__stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}.section-header{text-align:center;margin-bottom:56px}.section-title{margin-bottom:16px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.05rem}.how-it-works{padding:80px 0}.steps-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}.step-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base);background:#11182799;padding:32px 24px;animation:.6s both fadeInUp;position:relative}.step-card:hover{border-color:#f973164d;transform:translateY(-6px);box-shadow:0 20px 60px #0000004d}.step-card__number{border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:20px;font-size:.9rem;font-weight:800;display:inline-flex}.step-card__icon{margin-bottom:16px;font-size:2.5rem;display:block}.step-card__title{margin-bottom:10px;font-size:1.05rem;font-weight:700}.step-card__desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.step-card__arrow{color:var(--text-muted);z-index:1;font-size:1.5rem;position:absolute;top:50%;right:-16px;transform:translateY(-50%)}.categories{background:#0d153066;padding:80px 0}.categories__grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.category-pill{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);transition:all var(--transition-base);cursor:default;align-items:center;gap:10px;padding:12px 22px;font-size:.9rem;font-weight:600;display:flex}.category-pill:hover{transform:translateY(-2px)}.category-pill span:first-child{font-size:1.3rem}.testimonials{padding:80px 0}.testimonials__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testimonial-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-base);background:#111827b3;padding:32px;position:relative}.testimonial-card:hover{border-color:#f9731633;transform:translateY(-4px);box-shadow:0 20px 60px #0000004d}.testimonial-card__quote{color:var(--color-orange);opacity:.3;margin-bottom:-12px;font-family:Georgia,serif;font-size:4rem;line-height:1}.testimonial-card__text{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem;line-height:1.7}.testimonial-card__author{align-items:center;gap:12px;display:flex}.testimonial-card__avatar{font-size:2rem}.testimonial-card__name{font-size:.95rem;font-weight:700}.testimonial-card__role{color:var(--text-muted);margin-top:2px;font-size:.8rem}.cta-section{padding:100px 0;position:relative;overflow:hidden}.cta-section__bg{pointer-events:none;background:radial-gradient(70% 60%,#f973161f,#0000);position:absolute;inset:0}.cta-section__content{z-index:1;text-align:center;position:relative}.cta-section__title{margin-bottom:16px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800}.cta-section__subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:1.05rem}.cta-section__btns{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.footer{border-top:1px solid var(--border-color);background:#0a0f1ee6;padding:64px 0 32px}.footer__top{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer__logo{align-items:center;gap:10px;margin-bottom:16px;display:flex}.footer__tagline{color:var(--text-muted);max-width:280px;font-size:.9rem;line-height:1.6}.footer__links-group{flex-direction:column;gap:10px;display:flex}.footer__links-group h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-size:.8rem}.footer__links-group a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.9rem;text-decoration:none}.footer__links-group a:hover{color:var(--color-orange)}.footer__bottom{border-top:1px solid var(--border-color);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:24px;font-size:.85rem;display:flex}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:100px 20px 40px;display:flex;position:relative;overflow:hidden}.auth-page__bg{background:var(--grad-bg);position:absolute;inset:0}.auth-page__glow{filter:blur(100px);pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute}.auth-page__glow--1{background:#f973161a;top:-200px;left:-150px}.auth-page__glow--2{background:#06b6d414;bottom:-200px;right:-150px}.auth-card{z-index:1;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);background:#111827e6;border:1px solid #ffffff14;width:100%;max-width:440px;padding:40px;animation:.4s fadeInUp;position:relative;box-shadow:0 24px 80px #00000080}.auth-card--wide{max-width:680px}.auth-card__brand{justify-content:center;align-items:center;gap:10px;margin-bottom:28px;display:flex}.auth-card__brand-icon{font-size:2rem}.auth-card__title{text-align:center;margin-bottom:8px;font-size:1.8rem;font-weight:800}.auth-card__subtitle{text-align:center;color:var(--text-secondary);margin-bottom:28px;font-size:.95rem}.auth-card__fields{flex-direction:column;gap:18px;display:flex}.auth-card__fields-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.auth-card__footer{justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:.875rem;display:flex}.auth-card__link{color:var(--color-orange);font-weight:600;text-decoration:none}.auth-card__link:hover{text-decoration:underline}.auth-error-box{border-radius:var(--radius-md);color:var(--color-red);background:#ef44441a;border:1px solid #ef44444d;padding:12px 16px;font-size:.875rem}.dashboard-layout{min-height:100vh;padding-top:var(--navbar-h);background:var(--bg-primary);display:flex}.dashboard-sidebar{top:var(--navbar-h);width:var(--sidebar-w);height:calc(100vh - var(--navbar-h));background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;padding:24px 16px;transition:width .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;left:0;overflow-y:auto}.dashboard-sidebar__brand{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;margin-bottom:20px;padding:0 8px 24px;font-size:1.1rem;font-weight:800;display:flex}.dashboard-sidebar__brand span:first-child{font-size:1.4rem}.dashboard-sidebar__nav{flex-direction:column;flex:1;gap:4px;display:flex}.dashboard-sidebar__nav-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.dashboard-sidebar__nav-item:hover{color:var(--text-primary);background:#ffffff0d}.dashboard-sidebar__nav-item--active{color:var(--color-orange);background:#f973161f;font-weight:600}.dashboard-sidebar__nav-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:16px 14px 6px;font-size:.7rem;font-weight:600}.dashboard-sidebar__user{border-top:1px solid var(--border-color);align-items:center;gap:12px;margin-top:16px;padding:16px 8px 0;display:flex}.dashboard-sidebar__avatar{background:var(--grad-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9rem;font-weight:800;display:flex}.dashboard-sidebar__avatar--admin{background:var(--grad-teal)}.dashboard-main{margin-left:var(--sidebar-w);min-height:calc(100vh - var(--navbar-h));flex:1;padding:32px;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.dashboard-header__title{margin-bottom:4px;font-size:1.6rem;font-weight:800}.dashboard-header__subtitle{color:var(--text-secondary);font-size:.9rem}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.dash-stat-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:default;background:#111827cc;align-items:center;gap:16px;padding:20px;display:flex}.dash-stat-card:hover{box-shadow:var(--shadow-md);border-color:#ffffff1a;transform:translateY(-3px)}.dash-stat-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.dash-stat-card__value{margin-bottom:4px;font-size:1.8rem;font-weight:800;line-height:1}.dash-stat-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.dashboard-section{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:#11182799;overflow:hidden}.dashboard-section__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.dashboard-section__title{font-size:1.1rem;font-weight:700}.table-container{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table thead{background:#ffffff05}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 16px;font-size:.75rem;font-weight:700}.admin-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 16px}.admin-table tbody tr{transition:background var(--transition-fast)}.admin-table tbody tr:hover{background:#ffffff05}.admin-table tbody tr:last-child td{border-bottom:none}.donation-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);background:#111827b3;padding:20px 24px}.donation-card:hover{box-shadow:var(--shadow-md);border-color:#f9731633;transform:translateY(-2px)}.donation-card__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.donation-card__id{color:var(--text-muted);font-family:monospace;font-size:.8rem}.donation-card__items{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.donation-card__item-tag{border-radius:var(--radius-full);color:var(--color-orange);background:#f973161a;border:1px solid #f9731633;padding:4px 12px;font-size:.78rem;font-weight:600}.donation-card__meta{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.donation-card__meta-item{color:var(--text-muted);align-items:center;gap:6px;font-size:.82rem;display:flex}.donation-card__actions{gap:8px;margin-top:14px;display:flex}.ngo-admin-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);background:#111827b3;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.ngo-admin-card:hover{border-color:#06b6d433}.ngo-admin-card__info{align-items:center;gap:16px;display:flex}.ngo-admin-card__avatar{border-radius:var(--radius-md);background:#06b6d41a;border:1px solid #06b6d433;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.admin-overview-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.admin-quick-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background:#111827b3;align-items:center;gap:16px;padding:20px 24px;display:flex}.admin-quick-card:hover{background:#f973160a;border-color:#f973164d;transform:translateY(-2px)}.empty-state{text-align:center;padding:60px 24px}.empty-state__icon{margin-bottom:16px;font-size:4rem}.empty-state__title{margin-bottom:8px;font-size:1.2rem;font-weight:700}.empty-state__text{color:var(--text-secondary);font-size:.9rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:#111827;width:100%;max-width:460px;padding:36px;animation:.2s fadeInUp;box-shadow:0 32px 80px #0009}.modal__icon{margin-bottom:16px;font-size:2.5rem}.modal__title{margin-bottom:8px;font-size:1.3rem;font-weight:800}.modal__text{color:var(--text-secondary);margin-bottom:24px;font-size:.9rem;line-height:1.6}.modal__actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.create-donation-page{padding-top:var(--navbar-h);background:var(--bg-primary);min-height:100vh}.create-donation-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#f973160f 0%,#0000 60%);padding:40px 0}.create-donation-body{padding:40px 0 80px}.step-indicator{align-items:center;gap:0;margin-bottom:40px;display:flex}.step-indicator__item{flex:1;align-items:center;gap:10px;display:flex}.step-indicator__circle{border:2px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);background:var(--bg-card);transition:all var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.step-indicator__circle--active{border-color:var(--color-orange);color:var(--color-orange);background:#f973161a}.step-indicator__circle--done{border-color:var(--color-green);background:var(--color-green);color:#fff}.step-indicator__label{color:var(--text-muted);white-space:nowrap;font-size:.85rem;font-weight:600}.step-indicator__label--active{color:var(--text-primary)}.step-indicator__line{background:var(--border-color);height:2px;transition:background var(--transition-base);flex:1;margin:0 12px}.step-indicator__line--done{background:var(--color-green)}.form-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:#111827cc;margin-bottom:24px;padding:32px}.form-card__title{align-items:center;gap:8px;margin-bottom:20px;font-size:1.05rem;font-weight:700;display:flex}.food-item-block{border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);background:#ffffff05;padding:24px;position:relative}.food-item-block:hover{border-color:#f9731626}.food-item-block__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.food-item-block__num{color:var(--color-orange);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.food-item-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.food-item-grid--2{grid-template-columns:1fr 1fr}.add-item-btn{border-radius:var(--radius-lg);width:100%;color:var(--color-orange);transition:all var(--transition-fast);background:0 0;border:2px dashed #f973164d;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:.9rem;font-weight:600;display:flex}.add-item-btn:hover{background:#f973160d;border-color:#f9731680}.form-nav{justify-content:space-between;align-items:center;margin-top:32px;display:flex}.ngo-page{padding-top:var(--navbar-h);background:var(--bg-primary);min-height:100vh}.ngo-hero{text-align:center;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#06b6d414 0%,#0000 60%);padding:64px 0 48px}.ngo-form-wrapper{max-width:760px;margin:0 auto;padding:48px 24px 80px}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);pointer-events:all;min-width:320px;max-width:420px;animation:slideInRight .4s cubic-bezier(.16, 1, .3, 1), fadeOut .3s cubic-bezier(.16, 1, .3, 1) calc(var(--duration,4s) - .3s) forwards;-webkit-backdrop-filter:blur(16px);transition:all var(--transition-base);border:1px solid;align-items:center;gap:14px;padding:16px 20px;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff0d}.toast--success{color:#4ade80;background:#22c55e1a;border-color:#22c55e40;box-shadow:0 10px 30px #0000004d,0 0 20px #22c55e26,inset 0 1px #ffffff0d}.toast--error{color:#f87171;background:#ef44441a;border-color:#ef444440;box-shadow:0 10px 30px #0000004d,0 0 20px #ef444426,inset 0 1px #ffffff0d}.toast--info{color:#22d3ee;background:#06b6d41a;border-color:#06b6d440;box-shadow:0 10px 30px #0000004d,0 0 20px #06b6d426,inset 0 1px #ffffff0d}.toast--warning{color:#facc15;background:#eab3081a;border-color:#eab30840;box-shadow:0 10px 30px #0000004d,0 0 20px #eab30826,inset 0 1px #ffffff0d}.toast__icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:inline-flex}.toast__message{text-align:left;flex:1;line-height:1.4}.toast__close{cursor:pointer;opacity:.5;color:inherit;transition:opacity var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:4px;font-size:.9rem;display:inline-flex}.toast__close:hover{opacity:1;background:#ffffff14;transform:scale(1.05)}@keyframes fadeOut{to{opacity:0;transform:translate(30px)}}.status-badge{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.status-badge__dot{border-radius:50%;width:6px;height:6px}.status-badge--pending{color:var(--color-yellow);background:#eab30826;border:1px solid #eab3084d}.status-badge--pending .status-badge__dot{background:var(--color-yellow);animation:1.5s infinite pulse-dot}.status-badge--approved{color:var(--color-green);background:#22c55e26;border:1px solid #22c55e4d}.status-badge--approved .status-badge__dot{background:var(--color-green)}.status-badge--rejected{color:var(--color-red);background:#ef444426;border:1px solid #ef44444d}.status-badge--rejected .status-badge__dot{background:var(--color-red)}.status-badge--inreview{color:var(--color-teal);background:#06b6d426;border:1px solid #06b6d44d}.status-badge--inreview .status-badge__dot{background:var(--color-teal);animation:2s infinite pulse-dot}.filter-bar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:8px;padding:16px 24px;display:flex}.filter-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:6px 16px;font-size:.8rem;font-weight:600}.filter-btn:hover{color:var(--text-primary);background:#ffffff0a}.filter-btn--active{color:var(--color-orange);background:#f973161a;border-color:#f973164d}.search-input-wrap{flex:1;max-width:300px;position:relative}.search-input-wrap:before{content:"🔍";font-size:.875rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{padding-left:36px}.breadcrumb{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:.82rem;display:flex}.breadcrumb span{color:var(--text-muted)}.admin-tabs{border-bottom:1px solid var(--border-color);gap:2px;padding:0 24px;display:flex}.admin-tab-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:14px 18px;font-size:.875rem;font-weight:600}.admin-tab-btn:hover{color:var(--text-primary)}.admin-tab-btn--active{color:var(--color-orange);border-bottom-color:var(--color-orange)}@media (width<=1100px){.steps-grid{grid-template-columns:repeat(2,1fr)}.step-card__arrow{display:none}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.admin-overview-cards{grid-template-columns:1fr 1fr}}@media (width<=900px){.testimonials__grid{grid-template-columns:1fr}.footer__top{grid-template-columns:1fr 1fr}.impact__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.steps-grid{grid-template-columns:1fr}.dashboard-sidebar{display:none}.dashboard-main{margin-left:0;padding:20px}.dashboard-stats{grid-template-columns:1fr 1fr}.impact__grid{grid-template-columns:repeat(2,1fr)}.food-item-grid,.food-item-grid--2,.auth-card__fields-grid{grid-template-columns:1fr}.hero__title{font-size:2.4rem}.footer__top,.admin-overview-cards{grid-template-columns:1fr}}@media (width<=480px){.auth-card{padding:28px 20px}.dashboard-stats{grid-template-columns:1fr}.form-card{padding:20px}}.navbar__noti{position:relative}.navbar__noti-btn{border:1px solid var(--border-color);cursor:pointer;width:38px;height:38px;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:relative}.navbar__noti-btn:hover{border-color:var(--color-orange);background:#ffffff14}.navbar__noti-badge{color:#fff;background:#f97316;border:1.5px solid #111827;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:800;animation:2s infinite pulse-orange;display:flex;position:absolute;top:-2px;right:-2px}@keyframes pulse-orange{0%{box-shadow:0 0 #f97316b3}70%{box-shadow:0 0 0 6px #f9731600}to{box-shadow:0 0 #f9731600}}.navbar__noti-dropdown{border:1px solid var(--border-color);border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-lg);z-index:1000;background:#111827;animation:.15s fadeInUp;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.navbar__noti-header{border-bottom:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.navbar__noti-title{color:var(--text-primary);font-size:.9rem;font-weight:700}.navbar__noti-count{color:var(--color-orange);background:#f9731626;border-radius:99px;padding:2px 8px;font-size:.72rem;font-weight:700}.navbar__noti-list{max-height:280px;padding:8px 0;overflow-y:auto}.navbar__noti-item{transition:all var(--transition-fast);border-bottom:1px solid #ffffff08;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.navbar__noti-item:last-child{border-bottom:none}.navbar__noti-item:hover{background:#ffffff05}.navbar__noti-ngo{color:var(--text-primary);font-size:.82rem;font-weight:700}.navbar__noti-location{color:var(--text-muted);font-size:.72rem}.navbar__noti-needed{color:var(--text-secondary);margin-top:2px;font-size:.78rem;line-height:1.4}.navbar__noti-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.navbar__noti-tag{color:var(--color-orange);background:#f9731614;border-radius:4px;padding:1px 6px;font-size:.7rem;font-weight:600}.navbar__noti-action{justify-content:flex-end;margin-top:6px;display:flex}.navbar__noti-btn-fulfill{background:var(--grad-purple);color:#fff;cursor:pointer;transition:opacity var(--transition-fast);border:none;border-radius:6px;padding:5px 12px;font-size:.72rem;font-weight:700}.navbar__noti-btn-fulfill:hover{opacity:.9}.navbar__noti-empty{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:.8rem}body.light-theme .navbar__noti-btn{color:var(--text-primary)!important;background:#0f172a0a!important;border-color:#0f172a14!important}body.light-theme .navbar__noti-btn:hover{border-color:var(--color-orange)!important;background:#0f172a14!important}body.light-theme .navbar__noti-dropdown{background:#fff!important;border-color:#0f172a14!important;box-shadow:0 10px 30px #0f172a14!important}body.light-theme .navbar__noti-badge{border-color:#fff!important}body.light-theme .navbar__noti-item{border-bottom-color:#0f172a0a!important}body.light-theme .navbar__noti-item:hover{background:#0f172a05!important}.dashboard-mobile-nav{white-space:nowrap;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);-webkit-overflow-scrolling:touch;top:var(--navbar-h);z-index:100;gap:8px;margin:-10px -20px 20px;padding:8px 16px;display:none;position:sticky;overflow-x:auto}.dashboard-mobile-nav::-webkit-scrollbar{display:none}.dashboard-mobile-nav-item{border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border-color);transition:all var(--transition-fast);background:#ffffff08;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.dashboard-mobile-nav-item--active{color:var(--color-orange);background:#f973161a;border-color:#f973164d}@media (width<=768px){.dashboard-mobile-nav{display:flex}}@media (width<=480px){.impact__grid{grid-template-columns:1fr}}.csr-showcase{border-bottom:1px solid var(--border-color);padding:80px 0;position:relative;overflow:hidden}.csr-showcase__glow-left{pointer-events:none;background:radial-gradient(circle,#a855f70f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:20%;right:-10%}.csr-showcase__glow-right{pointer-events:none;background:radial-gradient(circle,#f973160d 0%,#0000 70%);border-radius:50%;width:350px;height:350px;position:absolute;bottom:-10%;left:-5%}.csr-container{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(20px);grid-template-columns:280px 1fr;min-height:480px;display:grid;overflow:hidden}.csr-sidebar{border-right:1px solid var(--border-color);background:#0d153066;flex-direction:column;justify-content:space-between;padding:24px 18px;display:flex}.csr-sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:20px;display:flex}.csr-sidebar-logo-icon{font-size:1.5rem}.csr-sidebar-title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:800;line-height:1.2}.csr-sidebar-subtitle{color:var(--text-muted);font-size:.72rem}.csr-sidebar-menu{flex-direction:column;gap:6px;display:flex}.csr-menu-btn{text-align:left;border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:12px 14px}.csr-menu-btn:hover{color:var(--text-primary);background:#ffffff05}.csr-menu-btn--active{color:var(--color-orange)!important;background:#f973161f!important;border-color:#f9731640!important}.csr-menu-btn-label{font-size:.85rem;font-weight:700}.csr-menu-btn-desc{color:var(--text-muted);margin-top:2px;font-size:.72rem}.csr-status-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#ffffff05;margin-top:20px;padding:14px}.csr-status-label{color:var(--text-muted);margin-bottom:4px;font-size:.72rem;display:block}.csr-status-value{color:var(--color-green);align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.csr-status-dot{background:var(--color-green);width:8px;height:8px;box-shadow:0 0 8px var(--color-green);border-radius:50%;display:inline-block}.csr-content-area{background:#ffffff03;padding:32px 36px;overflow-y:auto}.csr-content-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.csr-content-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:800}.csr-content-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.82rem}.csr-badge{color:var(--color-orange);border-radius:var(--radius-full);background:#f973161a;border:1px solid #f9731633;padding:4px 12px;font-size:.75rem;font-weight:700}.csr-table{border-collapse:collapse;width:100%;font-size:.85rem}.csr-table th{color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border-color);padding:12px 8px;font-weight:600}.csr-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:14px 8px}.csr-table-highlight{font-weight:600;color:var(--text-primary)!important}.csr-status-pill{color:var(--color-green);background:#22c55e1a;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700}.csr-table-tx{text-align:right;color:var(--color-teal);font-family:monospace;font-size:.75rem}.csr-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:28px;display:grid}.csr-metric-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#ffffff05;padding:20px;position:relative}.csr-metric-icon{opacity:.8;font-size:1.5rem;position:absolute;top:12px;right:12px}.csr-metric-label{color:var(--text-muted);letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;font-weight:600;display:block}.csr-metric-value{font-size:1.7rem;font-weight:800;line-height:1.2}.csr-metric-value.text-green{color:var(--color-green)}.csr-metric-value.text-teal{color:var(--color-teal)}.csr-metric-value.text-orange{color:var(--color-orange)}.csr-metric-note{color:var(--text-muted);margin-top:4px;font-size:.72rem;display:block}.csr-info-banner{border-left:4px solid var(--color-green);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#22c55e08;padding:20px}.csr-info-title{color:var(--text-primary);margin-bottom:6px;font-size:.9rem;font-weight:800}.csr-info-text{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.5}.csr-cert-preview{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#ffffff05;padding:28px;position:relative;overflow:hidden}.csr-cert-watermark{opacity:.02;pointer-events:none;font-size:6rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.csr-cert-header{text-align:center;border-bottom:2px solid #ffffff0f;margin-bottom:20px;padding-bottom:16px}.csr-cert-icon{margin-bottom:4px;font-size:1.8rem;display:block}.csr-cert-title{color:var(--text-primary);letter-spacing:.1em;margin:0;font-size:1rem;font-weight:800}.csr-cert-subtitle{color:var(--text-muted);font-size:.7rem}.csr-cert-details{color:var(--text-secondary);grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;font-size:.78rem;display:grid}.csr-cert-details strong{color:var(--text-muted)}.csr-cert-details span{color:var(--text-primary);font-weight:600}.csr-cert-summary{border:1px dashed var(--border-color);border-radius:var(--radius-sm);background:#ffffff05;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 18px;display:flex}.csr-cert-summary-label{color:var(--text-muted);font-size:.72rem}.csr-cert-summary-value{color:var(--color-orange);margin-top:2px;font-size:1.25rem;font-weight:800}.csr-cert-badge{color:var(--color-teal);background:#06b6d41a;border-radius:4px;padding:4px 8px;font-size:.72rem;font-weight:700}.csr-cert-footer{color:var(--text-muted);text-align:center;font-size:.68rem;line-height:1.5}.csr-analytics-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.csr-analytics-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#ffffff05;padding:20px}.csr-analytics-card.flex-center{text-align:center;flex-direction:column;align-items:center;display:flex}.csr-card-header-title{color:var(--text-primary);text-align:left;width:100%;margin-bottom:16px;font-size:.88rem;font-weight:800}.csr-progress-list{flex-direction:column;gap:12px;display:flex}.csr-progress-item{width:100%}.csr-progress-labels{color:var(--text-secondary);justify-content:space-between;margin-bottom:4px;font-size:.78rem;font-weight:600;display:flex}.csr-progress-percent{color:var(--text-primary)}.csr-progress-bar-bg{background:#ffffff0d;border-radius:99px;height:6px;overflow:hidden}.csr-progress-bar-fill{border-radius:99px;height:100%}.csr-goal-tracking{text-align:center;flex-direction:column;align-items:center;width:100%;padding:10px 0;display:flex}.csr-goal-circle-container{justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:12px;display:flex;position:relative}.csr-goal-circle-bg{border:6px solid #22c55e1a;border-radius:50%;position:absolute;inset:0}.csr-goal-circle-fill{border:6px solid var(--color-green);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-radius:50%;position:absolute;inset:0;transform:rotate(45deg)}.csr-goal-icon{font-size:1.4rem}.csr-goal-label{color:var(--text-muted);font-size:.75rem}.csr-goal-value{color:var(--text-primary);margin-top:2px;font-size:1.1rem;font-weight:800}.csr-goal-percent{color:var(--color-green);margin-top:4px;font-size:.7rem;font-weight:700}@media (width<=800px){.csr-container{grid-template-columns:1fr}.csr-sidebar{border-bottom:1px solid var(--border-color);white-space:nowrap;gap:12px;overflow-x:auto;border-right:none!important;flex-direction:row!important;padding:16px 20px!important}.csr-sidebar-top{align-items:center;gap:16px;display:flex}.csr-sidebar-header{display:none!important}.csr-sidebar-menu{gap:8px;flex-direction:row!important}.csr-menu-btn{display:inline-block;width:auto!important;padding:8px 12px!important}.csr-menu-btn-desc,.csr-status-card{display:none!important}.csr-content-area{padding:24px 20px!important}.csr-analytics-grid{grid-template-columns:1fr}.csr-cert-preview{padding:20px}.csr-cert-details{grid-template-columns:1fr;gap:10px}}body.light-theme .csr-sidebar,body.light-theme .csr-menu-btn:hover{background:#0f172a05!important}body.light-theme .csr-menu-btn--active{background:#f9731614!important;border-color:#f9731626!important}body.light-theme .csr-status-card{background:#0f172a03!important}body.light-theme .csr-content-area{background:0 0!important}body.light-theme .csr-metric-card,body.light-theme .csr-cert-preview,body.light-theme .csr-analytics-card,body.light-theme .csr-cert-summary{background:#0f172a03!important}body.light-theme .csr-progress-bar-bg{background:#0f172a0d!important}body.light-theme .csr-goal-circle-bg{border-color:#22c55e14!important}body.light-theme .csr-cert-header{border-bottom-color:#0f172a0f!important}body.light-theme .csr-menu-btn{color:var(--text-secondary)!important}body.light-theme .csr-menu-btn:hover{color:var(--text-primary)!important}.csr-info-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;display:grid}.csr-info-banner--teal{border-left-color:var(--color-teal)!important;background:#06b6d408!important}@media (width<=680px){.csr-info-grid{grid-template-columns:1fr;gap:16px}}body.light-theme .csr-info-banner--teal{background:#06b6d405!important}