:root{--blue-900:#0f2347;--blue-800:#1a3a6b;--blue-700:#1e4d8f;--blue-600:#2563eb;--blue-500:#3b82f6;--blue-400:#60a5fa;--blue-100:#dbeafe;--blue-50:#eff6ff;--yellow-700:#b45309;--yellow-600:#d97706;--yellow-500:#f59e0b;--yellow-400:#fbbf24;--yellow-300:#fcd34d;--yellow-100:#fef3c7;--yellow-50:#fffbeb;--purple-900:#4c1d95;--purple-800:#5b21b6;--purple-700:#6d28d9;--purple-600:#7c3aed;--purple-500:#8b5cf6;--purple-400:#a78bfa;--purple-100:#ede9fe;--purple-50:#f5f3ff;--gray-900:#111827;--gray-800:#1f2937;--gray-700:#374151;--gray-600:#4b5563;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--white:#fff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--gradient-hero:linear-gradient(135deg, var(--blue-900) 0%, var(--purple-800) 50%, var(--blue-800) 100%);--gradient-gold:linear-gradient(135deg, var(--yellow-500) 0%, var(--yellow-400) 100%);--gradient-card:linear-gradient(145deg, #ffffffe6 0%, #fff9 100%);--gradient-purple:linear-gradient(135deg, var(--purple-700) 0%, var(--purple-500) 100%);--gradient-blue:linear-gradient(135deg, var(--blue-800) 0%, var(--blue-500) 100%);--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 14px #0000001a;--shadow-lg:0 10px 40px #0000001f;--shadow-xl:0 20px 60px #00000026;--shadow-glow-blue:0 0 30px #2563eb4d;--shadow-glow-gold:0 0 30px #f59e0b4d;--shadow-glow-purple:0 0 30px #7c3aed4d;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--gray-900:#f3f4f6;--gray-800:#e5e7eb;--gray-700:#d1d5db;--gray-600:#9ca3af;--gray-500:#9ca3af;--gray-400:#6b7280;--gray-300:#374151;--gray-200:#1f2937;--gray-100:#111827;--gray-50:#0b1120;--white:#0f172a;--gradient-card:linear-gradient(145deg, #0f172ae6 0%, #0f172a99 100%);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 14px #0006;--shadow-lg:0 10px 40px #00000080;--shadow-xl:0 20px 60px #0009}[data-theme=dark] body{color:#e5e7eb;background-color:#0b1120}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#f3f4f6}[data-theme=dark] .navbar.scrolled{background:#0b1120f2}[data-theme=dark] .hero-wave svg path,[data-theme=dark] .footer-wave svg path{fill:#0b1120}[data-theme=dark] .feature-card,[data-theme=dark] .card,[data-theme=dark] .form-card,[data-theme=dark] .benefit-item,[data-theme=dark] .team-card,[data-theme=dark] .impact-card,[data-theme=dark] .summary-card{background:#111827;border:1px solid #ffffff0f}[data-theme=dark] .card-body p,[data-theme=dark] .feature-card p,[data-theme=dark] .benefit-item p,[data-theme=dark] .impact-card p{color:#9ca3af}[data-theme=dark] .card-meta{color:#6b7280}[data-theme=dark] .feature-icon.blue{background:#2563eb26}[data-theme=dark] .feature-icon.gold{background:#f59e0b26}[data-theme=dark] .feature-icon.purple{background:#7c3aed26}[data-theme=dark] .form-control{color:#e5e7eb;background:#1f2937;border-color:#374151}[data-theme=dark] .form-control:focus{border-color:var(--blue-500);box-shadow:0 0 0 4px #2563eb33}[data-theme=dark] .form-control::placeholder{color:#6b7280}[data-theme=dark] .btn-outline{color:#e5e7eb;border-color:#e5e7eb}[data-theme=dark] .btn-outline:hover{color:#0b1120;background:#e5e7eb}[data-theme=dark] .section[style*="background: var(--gray-50)"]{background:#0d1526!important}[data-theme=dark] .filter-tab{color:#9ca3af;background:#111827;border-color:#374151}[data-theme=dark] .filter-tab:hover{border-color:var(--blue-500);color:var(--blue-400)}[data-theme=dark] .data-table td{color:#d1d5db;border-bottom-color:#1f2937}[data-theme=dark] .data-table tbody tr:hover{background:#1f2937}[data-theme=dark] .table-wrapper{background:#111827}[data-theme=dark] .footer{background:#060a14}[data-theme=dark] .login-card{background:#111827f2}[data-theme=dark] .login-card h2{color:#f3f4f6}[data-theme=dark] .login-card p{color:#9ca3af}[data-theme=dark] .modal{background:#111827}[data-theme=dark] .modal-header{border-bottom-color:#1f2937}[data-theme=dark] .modal-close{color:#9ca3af;background:#1f2937}[data-theme=dark] .toast{background:#1f2937}[data-theme=dark] .page-loader{background:#0b1120}[data-theme=dark] .glass-card{background:#11182780;border-color:#ffffff14}[data-theme=dark] .search-bar{background:#1f2937}[data-theme=dark] .search-bar input{color:#e5e7eb}[data-theme=dark] .dashboard-main{background:#0b1120}[data-theme=dark] .dashboard-topbar{background:#111827;box-shadow:0 1px 3px #0006}[data-theme=dark] .empty-state{color:#6b7280}[data-theme=dark] .dash-gallery-item{box-shadow:0 1px 3px #0006}[data-theme=dark] .contact-info-list li{border-bottom-color:#1f2937}[data-theme=dark] .contact-info-list .icon-circle{background:#2563eb26}[data-theme=dark] ::-webkit-scrollbar-track{background:#111827}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#374151}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#4b5563}.theme-toggle{cursor:pointer;width:40px;height:40px;color:var(--yellow-400);transition:all var(--transition-spring);background:#ffffff14;border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:relative;overflow:hidden}.theme-toggle:hover{border-color:var(--yellow-400);background:#ffffff26;transform:rotate(15deg)scale(1.1)}.theme-toggle .fa-sun,.theme-toggle .fa-moon{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.theme-toggle .fa-sun{display:inline-block}.theme-toggle .fa-moon,[data-theme=dark] .theme-toggle .fa-sun{display:none}[data-theme=dark] .theme-toggle .fa-moon{color:var(--blue-400);display:inline-block}[data-theme=dark] .theme-toggle{background:#60a5fa1a;border-color:#60a5fa4d}[data-theme=dark] .theme-toggle:hover{border-color:var(--blue-400);background:#60a5fa33}.nav-profile{cursor:pointer;color:#ffffffd9;width:40px;height:40px;transition:all var(--transition-spring);background:#ffffff14;border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;display:flex}.nav-profile:hover{border-color:var(--yellow-400);color:var(--yellow-400);background:#ffffff26;transform:translateY(-2px)}.nav-actions{align-items:center;gap:.75rem;display:flex}@media (max-width:768px){.nav-actions{position:absolute;top:50%;right:60px;transform:translateY(-50%)}}.upload-zone{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--gray-50);margin-bottom:var(--space-lg);position:relative}[data-theme=dark] .upload-zone{background:#1f2937;border-color:#374151}[data-theme=dark] .upload-zone:hover,[data-theme=dark] .upload-zone.drag-over{border-color:var(--purple-400);background:#7c3aed1a}.upload-zone-icon{color:var(--purple-400);margin-bottom:var(--space-md);font-size:2.5rem}.upload-zone-text{color:var(--gray-500);margin-bottom:var(--space-sm);font-size:.95rem}.upload-zone-text strong{color:var(--purple-600)}.upload-preview{margin-top:var(--space-md);border-radius:var(--radius-md);max-height:200px;display:none;overflow:hidden}[data-theme=dark] .upload-tabs{border-color:#374151}.upload-tab{padding:var(--space-sm) var(--space-md);background:var(--gray-100);color:var(--gray-600);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;gap:var(--space-sm);border:none;flex:1;font-family:inherit;font-size:.85rem;font-weight:600;display:flex}[data-theme=dark] .upload-tab{color:#9ca3af;background:#1f2937}[data-theme=dark] .upload-tab.active{background:var(--purple-600);color:#fff}.upload-tab:hover:not(.active){background:var(--gray-200)}[data-theme=dark] .upload-tab:hover:not(.active){background:#374151}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--gray-800);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.7;overflow-x:hidden}a{color:inherit;transition:color var(--transition-base);text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--gray-900);font-weight:700;line-height:1.25}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:1.25rem}p{margin-bottom:var(--space-md)}.container{width:100%;max-width:1200px;padding:0 var(--space-xl);margin:0 auto}.section{padding:var(--space-4xl) 0}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{margin-bottom:var(--space-md);display:inline-block;position:relative}.section-header h2:after{content:"";background:var(--gradient-gold);border-radius:var(--radius-full);width:60px;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.section-header p{color:var(--gray-500);max-width:600px;margin:var(--space-lg) auto 0;font-size:1.1rem}.text-gradient{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.text-white{color:var(--white)!important}.text-gold{color:var(--yellow-500)}.text-purple{color:var(--purple-600)}.text-blue{color:var(--blue-600)}.mt-1{margin-top:var(--space-md)}.mt-2{margin-top:var(--space-xl)}.mt-3{margin-top:var(--space-3xl)}.mb-1{margin-bottom:var(--space-md)}.mb-2{margin-bottom:var(--space-xl)}.mb-3{margin-bottom:var(--space-3xl)}.navbar{z-index:1000;width:100%;padding:var(--space-md) 0;transition:all var(--transition-base);background:0 0;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);padding:var(--space-sm) 0;background:#0f2347f2;box-shadow:0 4px 30px #0003}.navbar .container{justify-content:space-between;align-items:center;display:flex}.navbar-brand{align-items:center;gap:var(--space-sm);display:flex}.navbar-brand img{border-radius:var(--radius-full);width:auto;height:45px}.navbar-brand span{color:var(--white);letter-spacing:.5px;font-size:1.15rem;font-weight:700}.nav-links{align-items:center;gap:var(--space-lg);display:flex}.nav-links a{color:#ffffffd9;padding:var(--space-xs) 0;transition:color var(--transition-base);font-size:.95rem;font-weight:500;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--yellow-400)}.nav-links a:after{content:"";background:var(--yellow-400);width:0;height:2px;transition:width var(--transition-base);border-radius:var(--radius-full);position:absolute;bottom:-2px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-cta{background:var(--gradient-gold)!important;color:var(--blue-900)!important;padding:var(--space-sm) var(--space-lg)!important;border-radius:var(--radius-full)!important;transition:transform var(--transition-spring), box-shadow var(--transition-base)!important;font-weight:600!important}.nav-cta:after{display:none!important}.nav-cta:hover{box-shadow:var(--shadow-glow-gold);transform:translateY(-2px)}.nav-toggle{cursor:pointer;padding:var(--space-sm);z-index:1001;flex-direction:column;gap:5px;display:none}.nav-toggle span{background:var(--white);border-radius:var(--radius-full);width:26px;height:2.5px;transition:all var(--transition-base);display:block}.nav-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (max-width:768px){.nav-toggle{display:flex}.nav-links{background:var(--blue-900);width:280px;height:100vh;padding:100px var(--space-2xl) var(--space-2xl);align-items:flex-start;gap:var(--space-lg);transition:right var(--transition-slow);flex-direction:column;position:fixed;top:0;right:-100%;box-shadow:-10px 0 40px #0000004d}.nav-links.open{right:0}.nav-links a{width:100%;padding:var(--space-sm) 0;border-bottom:1px solid #ffffff1a;font-size:1.1rem}}.hero{background:var(--gradient-hero);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:.15;z-index:0;background:url(/assets/img/hero-bg.jpg) 50%/cover no-repeat;position:absolute;inset:0}.hero:after{content:"";z-index:1;background:radial-gradient(circle at 20%,#7c3aed26 0%,#0000 50%),radial-gradient(circle at 80% 20%,#2563eb33 0%,#0000 50%),radial-gradient(circle at 50% 80%,#f59e0b1a 0%,#0000 50%);position:absolute;inset:0}.hero-particles{z-index:1;position:absolute;inset:0;overflow:hidden}.hero-particles .particle{background:#fbbf2466;border-radius:50%;width:6px;height:6px;animation:15s linear infinite float-particle;position:absolute}.hero-particles .particle:nth-child(2){background:#8b5cf64d;width:4px;height:4px;animation-duration:20s;animation-delay:-3s;left:20%}.hero-particles .particle:nth-child(3){background:#3b82f64d;width:8px;height:8px;animation-duration:18s;animation-delay:-7s;left:60%}.hero-particles .particle:nth-child(4){background:#fbbf244d;width:5px;height:5px;animation-duration:22s;animation-delay:-10s;left:80%}.hero-particles .particle:nth-child(5){background:#8b5cf640;width:7px;height:7px;animation-duration:16s;animation-delay:-5s;left:40%}.hero-particles .particle:nth-child(6){background:#3b82f659;width:4px;height:4px;animation-duration:25s;animation-delay:-12s;left:10%}.hero-particles .particle:nth-child(7){background:#fbbf2433;width:6px;height:6px;animation-duration:19s;animation-delay:-8s;left:90%}.hero-particles .particle:nth-child(8){background:#8b5cf666;width:3px;height:3px;animation-duration:17s;animation-delay:-2s;left:50%}@keyframes float-particle{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-10vh)rotate(720deg)}}.hero-content{z-index:2;text-align:center;color:var(--white);padding:0 var(--space-xl);max-width:800px;position:relative}.hero-badge{align-items:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);color:var(--yellow-300);margin-bottom:var(--space-xl);background:#ffffff1a;border:1px solid #ffffff26;font-size:.85rem;animation:.8s forwards fadeInDown;display:inline-flex}.hero-badge i{animation:2s infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}.hero h1{color:var(--white);margin-bottom:var(--space-lg);opacity:0;font-size:clamp(2.2rem,6vw,4rem);font-weight:800;line-height:1.15;animation:.8s .2s forwards fadeInUp}.hero p{color:#fffc;margin-bottom:var(--space-2xl);opacity:0;max-width:600px;margin-left:auto;margin-right:auto;font-size:clamp(1rem,2.5vw,1.2rem);animation:.8s .4s forwards fadeInUp}.hero-buttons{gap:var(--space-md);opacity:0;flex-wrap:wrap;justify-content:center;animation:.8s .6s forwards fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-wave{z-index:3;width:100%;line-height:0;position:absolute;bottom:-2px;left:0}.hero-wave svg{width:100%;height:auto;display:block}.btn{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-spring);border:2px solid #0000;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";transition:transform var(--transition-base);background:#ffffff1a;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:before{transform:translate(0)}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(-1px)}.btn-primary{background:var(--gradient-gold);color:var(--blue-900);border-color:var(--yellow-500)}.btn-primary:hover{box-shadow:var(--shadow-glow-gold)}.btn-secondary{color:var(--white);background:0 0;border-color:#fff6}.btn-secondary:hover{border-color:var(--white);background:#ffffff1a}.btn-blue{background:var(--gradient-blue);color:var(--white);border-color:var(--blue-600)}.btn-blue:hover{box-shadow:var(--shadow-glow-blue)}.btn-purple{background:var(--gradient-purple);color:var(--white);border-color:var(--purple-600)}.btn-purple:hover{box-shadow:var(--shadow-glow-purple)}.btn-outline{color:var(--blue-800);border-color:var(--blue-800);background:0 0}.btn-outline:hover{background:var(--blue-800);color:var(--white)}.btn-sm{padding:var(--space-sm) var(--space-lg);font-size:.875rem}.btn-danger{background:var(--danger);color:var(--white);border-color:var(--danger)}.btn-success{background:var(--success);color:var(--white);border-color:var(--success)}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-spring);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.card-img{object-fit:cover;width:100%;height:220px;transition:transform var(--transition-slow)}.card:hover .card-img{transform:scale(1.05)}.card-img-wrapper{position:relative;overflow:hidden}.card-badge{top:var(--space-md);right:var(--space-md);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;z-index:1;font-size:.75rem;font-weight:600;position:absolute}.card-badge.upcoming{background:var(--blue-600);color:var(--white)}.card-badge.ongoing{background:var(--purple-600);color:var(--white)}.card-badge.completed{background:var(--success);color:var(--white)}.card-body{padding:var(--space-lg)}.card-body h3{margin-bottom:var(--space-sm);font-size:1.2rem}.card-body p{color:var(--gray-500);font-size:.95rem}.card-meta{align-items:center;gap:var(--space-lg);margin-top:var(--space-md);color:var(--gray-400);font-size:.85rem;display:flex}.card-meta i{color:var(--yellow-500);margin-right:var(--space-xs)}.glass-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--space-2xl);transition:all var(--transition-spring);background:#ffffff14;border:1px solid #ffffff1f}.glass-card:hover{border-color:#ffffff40;transform:translateY(-4px);box-shadow:0 20px 60px #00000026}.stats{background:var(--gradient-hero);padding:var(--space-3xl) 0;position:relative}.stats-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-item{text-align:center;color:var(--white);padding:var(--space-xl)}.stat-icon{border-radius:var(--radius-full);width:60px;height:60px;margin:0 auto var(--space-md);color:var(--yellow-400);background:#fbbf2426;border:1px solid #fbbf244d;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.stat-number{margin-bottom:var(--space-sm);background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1;display:block}.stat-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-size:.95rem}.grid-2,.grid-3{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.grid-4{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.feature-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-spring);position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-gold);height:4px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.feature-icon{border-radius:var(--radius-lg);width:70px;height:70px;margin:0 auto var(--space-lg);transition:all var(--transition-spring);justify-content:center;align-items:center;font-size:1.75rem;display:flex}.feature-icon.blue{background:var(--blue-100);color:var(--blue-600)}.feature-icon.gold{background:var(--yellow-100);color:var(--yellow-600)}.feature-icon.purple{background:var(--purple-100);color:var(--purple-600)}.feature-card:hover .feature-icon{transform:scale(1.1)rotate(-5deg)}.feature-card h3{margin-bottom:var(--space-sm);font-size:1.15rem}.feature-card p{color:var(--gray-500);font-size:.9rem}.cta-section{background:var(--gradient-hero);padding:var(--space-4xl) 0;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";background:#fbbf2414;border-radius:50%;width:400px;height:400px;animation:8s infinite pulse-slow;position:absolute;top:-200px;right:-100px}.cta-section:after{content:"";background:#7c3aed14;border-radius:50%;width:300px;height:300px;animation:10s 2s infinite pulse-slow;position:absolute;bottom:-150px;left:-50px}@keyframes pulse-slow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.cta-section h2{color:var(--white);margin-bottom:var(--space-md)}.cta-section p{color:#fffc;max-width:500px;margin:0 auto var(--space-xl)}.footer{background:var(--blue-900);color:#ffffffb3;padding:var(--space-4xl) 0 0;position:relative}.footer-wave{width:100%;line-height:0;position:absolute;top:-2px;left:0;transform:rotate(180deg)}.footer-wave svg{width:100%;height:auto;display:block}.footer-grid{gap:var(--space-2xl);padding-bottom:var(--space-3xl);border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand img{height:50px;margin-bottom:var(--space-md);border-radius:var(--radius-full)}.footer-brand p{color:#fff9;font-size:.9rem;line-height:1.7}.footer h4{color:var(--white);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);font-size:1rem;position:relative}.footer h4:after{content:"";background:var(--yellow-500);border-radius:var(--radius-full);width:30px;height:2px;position:absolute;bottom:0;left:0}.footer-links a{padding:var(--space-xs) 0;color:#fff9;transition:all var(--transition-base);font-size:.9rem;display:block}.footer-links a:hover{color:var(--yellow-400);padding-left:var(--space-sm)}.footer-links a i{margin-right:var(--space-sm);font-size:.75rem}.footer-social{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.footer-social a{border-radius:var(--radius-full);color:#ffffffb3;width:38px;height:38px;transition:all var(--transition-spring);border:1px solid #fff3;justify-content:center;align-items:center;display:flex}.footer-social a:hover{background:var(--yellow-500);border-color:var(--yellow-500);color:var(--blue-900);transform:translateY(-3px)}.footer-bottom{text-align:center;padding:var(--space-lg) 0;color:#fff6;font-size:.85rem}@media (max-width:768px){.footer-grid{gap:var(--space-xl);grid-template-columns:1fr}}.form-group{margin-bottom:var(--space-lg);position:relative}.form-group label{margin-bottom:var(--space-sm);color:var(--gray-700);font-size:.9rem;font-weight:600;display:block}.form-group label i{margin-right:var(--space-sm);color:var(--blue-600)}.form-control{width:100%;padding:var(--space-md) var(--space-lg);border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-800);background:var(--white);transition:all var(--transition-base);outline:none;font-family:inherit;font-size:1rem}.form-control:focus{border-color:var(--blue-500);box-shadow:0 0 0 4px #2563eb1a}.form-control::placeholder{color:var(--gray-400)}textarea.form-control{resize:vertical;min-height:120px}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:var(--space-2xl)}.form-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);max-width:600px;margin:0 auto}.table-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--white);overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:var(--blue-900);color:var(--white)}.data-table th{padding:var(--space-md) var(--space-lg);text-align:left;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.data-table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--gray-100);color:var(--gray-700);font-size:.9rem}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--blue-50)}.badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{background:var(--yellow-100);color:var(--yellow-700)}.badge-approved,.badge-paid{color:var(--success);background:#10b9811a}.badge-rejected{color:var(--danger);background:#ef44441a}.badge-upcoming{background:var(--blue-100);color:var(--blue-700)}.badge-ongoing{background:var(--purple-100);color:var(--purple-700)}.badge-completed{color:var(--success);background:#10b9811a}.dashboard-layout{min-height:100vh;display:flex}.sidebar{background:var(--blue-900);width:260px;color:var(--white);padding:var(--space-xl) 0;z-index:100;height:100vh;transition:transform var(--transition-base);position:fixed;top:0;left:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:var(--space-sm);padding:0 var(--space-lg) var(--space-xl);margin-bottom:var(--space-lg);border-bottom:1px solid #ffffff1a;display:flex}.sidebar-brand img{border-radius:var(--radius-full);height:40px}.sidebar-brand span{font-size:.95rem;font-weight:700}.sidebar-nav a{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);color:#ffffffa6;transition:all var(--transition-base);border-left:3px solid #0000;font-size:.9rem;font-weight:500;display:flex}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--white);border-left-color:var(--yellow-500);background:#ffffff14}.sidebar-nav a i{text-align:center;width:20px;font-size:1rem}.sidebar-nav .nav-divider{height:1px;margin:var(--space-md) var(--space-lg);background:#ffffff1a}.dashboard-main{background:var(--gray-50);flex:1;min-height:100vh;margin-left:260px}.dashboard-topbar{background:var(--white);padding:var(--space-md) var(--space-xl);box-shadow:var(--shadow-sm);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.dashboard-topbar h2{color:var(--gray-800);font-size:1.25rem}.dashboard-content{padding:var(--space-xl)}.summary-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.summary-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);align-items:center;gap:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-spring);display:flex;position:relative;overflow:hidden}.summary-card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.summary-card.blue:before{background:var(--blue-600)}.summary-card.gold:before{background:var(--yellow-500)}.summary-card.purple:before{background:var(--purple-600)}.summary-card.green:before{background:var(--success)}.summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.summary-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.25rem;display:flex}.summary-card.blue .summary-card-icon{background:var(--blue-100);color:var(--blue-600)}.summary-card.gold .summary-card-icon{background:var(--yellow-100);color:var(--yellow-600)}.summary-card.purple .summary-card-icon{background:var(--purple-100);color:var(--purple-600)}.summary-card.green .summary-card-icon{color:var(--success);background:#10b9811a}.summary-card-info h3{margin-bottom:2px;font-size:1.5rem}.summary-card-info p{color:var(--gray-500);margin:0;font-size:.85rem}.sidebar-toggle{color:var(--gray-700);cursor:pointer;padding:var(--space-sm);background:0 0;border:none;font-size:1.25rem;display:none}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.dashboard-main{margin-left:0}.sidebar-toggle{display:block}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;visibility:hidden;transition:all var(--transition-base);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-2xl);width:90%;max-width:550px;max-height:85vh;transition:all var(--transition-spring);box-shadow:var(--shadow-xl);overflow-y:auto;transform:translateY(30px)scale(.95)}.modal-overlay.active .modal{transform:translateY(0)scale(1)}.modal-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:1.15rem}.modal-close{border-radius:var(--radius-full);background:var(--gray-100);cursor:pointer;width:36px;height:36px;color:var(--gray-600);transition:all var(--transition-base);border:none;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.modal-close:hover{background:var(--danger);color:var(--white)}.toast-container{top:var(--space-xl);right:var(--space-xl);z-index:3000;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-lg);border-left:4px solid;min-width:300px;animation:.4s forwards slideInRight;display:flex}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast.info{border-left-color:var(--info)}.toast.warning{border-left-color:var(--warning)}.toast i{font-size:1.25rem}.toast.success i{color:var(--success)}.toast.error i{color:var(--danger)}.toast.info i{color:var(--info)}.toast.warning i{color:var(--warning)}.toast p{margin:0;font-size:.9rem}.toast-close{cursor:pointer;color:var(--gray-400);padding:var(--space-xs);background:0 0;border:none;margin-left:auto;font-size:.85rem}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.spinner{border:4px solid var(--gray-200);border-top-color:var(--blue-600);width:40px;height:40px;margin:var(--space-xl) auto;border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{background:var(--white);z-index:9999;transition:opacity var(--transition-slow);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-loader.hidden{opacity:0;pointer-events:none}.gallery-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.gallery-item{border-radius:var(--radius-lg);cursor:pointer;aspect-ratio:4/3;box-shadow:var(--shadow-md);transition:all var(--transition-spring);position:relative;overflow:hidden}.gallery-item:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)scale(1.02)}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.gallery-item:hover img{transform:scale(1.1)}.gallery-item-overlay{opacity:0;transition:opacity var(--transition-base);padding:var(--space-lg);background:linear-gradient(#0000 40%,#0f2347cc 100%);align-items:flex-end;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-overlay span{color:var(--white);font-size:.9rem;font-weight:600}.lightbox{z-index:5000;opacity:0;visibility:hidden;transition:all var(--transition-base);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox.active{opacity:1;visibility:visible}.lightbox img{object-fit:contain;border-radius:var(--radius-md);max-width:90%;max-height:85vh;box-shadow:0 20px 60px #00000080}.lightbox-close{top:var(--space-xl);right:var(--space-xl);border-radius:var(--radius-full);width:44px;height:44px;color:var(--white);cursor:pointer;transition:all var(--transition-base);background:#ffffff1a;border:none;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute}.lightbox-close:hover{background:#fff3}.filter-tabs{gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-wrap:wrap;justify-content:center;display:flex}.filter-tab{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);border:2px solid var(--gray-200);background:var(--white);cursor:pointer;color:var(--gray-600);transition:all var(--transition-spring);font-family:inherit;font-size:.9rem;font-weight:500}.filter-tab:hover{border-color:var(--blue-500);color:var(--blue-600)}.filter-tab.active{background:var(--blue-600);color:var(--white);border-color:var(--blue-600)}.page-header{background:var(--gradient-hero);text-align:center;color:var(--white);padding:140px 0 80px;position:relative;overflow:hidden}.page-header:before{content:"";background:radial-gradient(circle at 30%,#7c3aed26 0%,#0000 50%),radial-gradient(circle at 70%,#f59e0b1a 0%,#0000 50%);position:absolute;inset:0}.page-header h1{color:var(--white);z-index:1;margin-bottom:var(--space-md);position:relative}.page-header p{z-index:1;color:#ffffffbf;font-size:1.1rem;position:relative}.page-header .breadcrumb{z-index:1;justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);color:#ffffff80;font-size:.9rem;display:flex;position:relative}.page-header .breadcrumb a{color:var(--yellow-400)}.login-page{background:var(--gradient-hero);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:#7c3aed1a;border-radius:50%;width:500px;height:500px;position:absolute;top:-200px;right:-100px}.login-page:after{content:"";background:#f59e0b14;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-200px;left:-100px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-3xl);width:90%;max-width:420px;box-shadow:var(--shadow-xl);z-index:1;text-align:center;background:#fffffff2;position:relative}.login-card img{border-radius:var(--radius-full);width:70px;height:70px;margin:0 auto var(--space-lg)}.login-card h2{margin-bottom:var(--space-xs)}.login-card p{color:var(--gray-500);margin-bottom:var(--space-xl)}.login-card .form-group{text-align:left}.login-card .btn{justify-content:center;width:100%}.benefits-list{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.benefit-item{gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm);transition:all var(--transition-spring);display:flex}.benefit-item:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.benefit-number{border-radius:var(--radius-full);background:var(--gradient-gold);width:44px;height:44px;color:var(--blue-900);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.benefit-item h4{margin-bottom:var(--space-xs)}.benefit-item p{color:var(--gray-500);margin:0;font-size:.9rem}.team-card{text-align:center;background:var(--white);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-100);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.team-card:before{content:"";background:var(--gradient-blue);z-index:1;width:100%;height:6px;transition:height .3s;position:absolute;top:0;left:0}.team-card.role-president:before{background:var(--gradient-gold)}.team-card.role-officer:before{background:var(--gradient-purple)}.team-card:hover{box-shadow:var(--shadow-xl);border-color:#2563eb33;transform:translateY(-12px)scale(1.02)}.team-card:hover:before{height:12px}.team-card-avatar-wrapper{width:110px;height:110px;margin:0 auto var(--space-md);background:var(--gray-200);border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .4s;display:flex;position:relative}.team-card:hover .team-card-avatar-wrapper{transform:rotate(5deg)scale(1.05)}.team-card.role-president .team-card-avatar-wrapper{background:linear-gradient(135deg,#f59e0b,#fbbf24,#f59e0b);box-shadow:0 0 15px #f59e0b4d}.team-card.role-officer .team-card-avatar-wrapper{background:linear-gradient(135deg,#7c3aed,#a78bfa,#7c3aed);box-shadow:0 0 15px #7c3aed4d}.team-card.role-coordinator .team-card-avatar-wrapper{background:linear-gradient(135deg,#2563eb,#60a5fa,#2563eb);box-shadow:0 0 15px #2563eb4d}.team-card-avatar{object-fit:cover;border:3px solid var(--white);background:var(--white);border-radius:50%;width:100%;height:100%}.team-card h4{margin-bottom:var(--space-xs);color:var(--blue-900);font-size:1.15rem;font-weight:700;transition:color .3s}.team-card:hover h4{color:var(--blue-600)}.team-card .position{color:var(--gray-500);text-transform:uppercase;letter-spacing:1px;background:var(--gray-50);border-radius:var(--radius-full);margin-top:4px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.team-card.role-president .position{color:var(--yellow-700);background:#f59e0b1a}.team-card.role-officer .position{color:var(--purple-700);background:#7c3aed1a}.team-card.role-coordinator .position{color:var(--blue-700);background:#2563eb1a}.hidden-member{display:none!important}.fade-in-card{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.bank-card-container{margin:var(--space-lg) 0 var(--space-xl);justify-content:center;display:flex}.premium-bank-card{width:100%;max-width:400px;height:230px;padding:var(--space-lg) var(--space-xl);color:var(--white);background:linear-gradient(135deg,#1f232b 0%,#0d0f12 100%);border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;justify-content:space-between;font-family:monospace;display:flex;position:relative;box-shadow:0 15px 35px #00000059,inset 0 1px 1px #ffffff26}.premium-bank-card .brand-header{justify-content:space-between;align-items:center;display:flex}.premium-bank-card .bank-name{letter-spacing:1.5px;color:var(--white);font-size:1rem;font-weight:800}.premium-bank-card .premium-tag{color:#f59e0b;letter-spacing:.5px;font-family:Georgia,serif;font-size:1.1rem;font-style:italic;font-weight:700}.premium-bank-card .card-mid{align-items:center;gap:var(--space-md);margin-top:var(--space-sm);display:flex}.premium-bank-card .gold-chip{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 100%);border:1px solid #b45309;border-radius:6px;width:44px;height:32px;position:relative}.premium-bank-card .gold-chip:after{content:"";border:1px solid #00000026;border-radius:2px;position:absolute;inset:5px}.premium-bank-card .wifi-symbol{color:#fff6;font-size:.85rem;transform:rotate(90deg)}.premium-bank-card .card-number{letter-spacing:2px;color:#10b981;margin:var(--space-sm) 0 2px;text-shadow:0 0 10px #10b9814d;font-size:1.3rem;font-weight:700}.premium-bank-card .card-labels{gap:var(--space-xl);color:#fff6;text-transform:uppercase;letter-spacing:.5px;font-size:.55rem;display:flex}.premium-bank-card .card-dates{gap:var(--space-xl);color:var(--white);margin-top:2px;font-size:.75rem;display:flex}.premium-bank-card .card-footer{margin-top:var(--space-sm);justify-content:space-between;align-items:flex-end;display:flex}.premium-bank-card .card-holder{text-transform:uppercase;color:var(--white);letter-spacing:1px;font-size:.85rem;font-weight:700}.premium-bank-card .mastercard-logo{width:40px;height:25px;display:flex;position:relative}.premium-bank-card .mastercard-logo .circle{border-radius:50%;width:25px;height:25px;position:absolute}.premium-bank-card .mastercard-logo .circle.red{background:#eb001b;left:0}.premium-bank-card .mastercard-logo .circle.yellow{opacity:.85;background:#ff5f00;left:15px}.empty-state{text-align:center;padding:var(--space-4xl);color:var(--gray-400)}.empty-state i{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}.empty-state p{font-size:1rem}.action-btns{gap:var(--space-sm);display:flex}.action-btn{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;font-size:.8rem;display:flex}.action-btn.edit{background:var(--blue-100);color:var(--blue-600)}.action-btn.edit:hover{background:var(--blue-600);color:var(--white)}.action-btn.delete{color:var(--danger);background:#ef44441a}.action-btn.delete:hover{background:var(--danger);color:var(--white)}.action-btn.approve{color:var(--success);background:#10b9811a}.action-btn.approve:hover{background:var(--success);color:var(--white)}.action-btn.reject{color:var(--danger);background:#ef44441a}.action-btn.reject:hover{background:var(--danger);color:var(--white)}@media (max-width:480px){.container{padding:0 var(--space-md)}.section{padding:var(--space-2xl) 0}.form-card{padding:var(--space-lg)}.hero h1{font-size:1.8rem}.hero-buttons{flex-direction:column;align-items:center}.btn{justify-content:center;width:100%}.stat-number{font-size:2rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}[data-aos]{transition-timing-function:cubic-bezier(.34,1.56,.64,1)!important}.contact-info-list{list-style:none}.contact-info-list li{align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--gray-100);display:flex}.contact-info-list li:last-child{border-bottom:none}.contact-info-list .icon-circle{border-radius:var(--radius-full);background:var(--blue-100);width:44px;height:44px;color:var(--blue-600);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.contact-info-list p{margin:0}.contact-info-list .label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.impact-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.impact-card{text-align:center;padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm);transition:all var(--transition-spring)}.impact-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.impact-card i{margin-bottom:var(--space-md);color:var(--yellow-500);font-size:2rem}.impact-card h4{margin-bottom:var(--space-xs);font-size:1rem}.impact-card p{color:var(--gray-500);margin:0;font-size:.85rem}.dash-gallery-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.dash-gallery-item{border-radius:var(--radius-md);aspect-ratio:1;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.dash-gallery-item img{object-fit:cover;width:100%;height:100%}.dash-gallery-item .overlay-actions{justify-content:center;align-items:center;gap:var(--space-sm);opacity:0;transition:opacity var(--transition-base);background:#00000080;display:flex;position:absolute;inset:0}.dash-gallery-item:hover .overlay-actions{opacity:1}.search-bar{align-items:center;gap:var(--space-sm);background:var(--gray-100);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg);max-width:300px;display:flex}.search-bar input{width:100%;color:var(--gray-800);background:0 0;border:none;outline:none;font-family:inherit;font-size:.9rem}.search-bar i{color:var(--gray-400)}.toolbar{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.upload-tabs{margin-bottom:var(--space-lg);border-radius:var(--radius-full);border:2px solid var(--gray-200);gap:0;display:flex;overflow:hidden}.upload-tab{padding:var(--space-sm) var(--space-md);background:var(--white);color:var(--gray-500);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.upload-tab.active{background:var(--blue-600);color:#fff}.upload-zone{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-lg);text-align:center;cursor:pointer;margin-bottom:var(--space-lg);background:var(--gray-50);transition:all .3s;position:relative}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--blue-500);background:var(--blue-50)}.upload-zone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-zone-icon{color:var(--gray-400);margin-bottom:var(--space-sm);font-size:2.5rem;transition:color .3s}.upload-zone:hover .upload-zone-icon,.upload-zone.drag-over .upload-zone-icon{color:var(--blue-500)}.upload-zone-text{color:var(--gray-600);margin:0 0 4px;font-size:.95rem}.upload-zone-hint{color:var(--gray-400);margin:0;font-size:.8rem}.upload-preview{margin-bottom:var(--space-lg);border-radius:var(--radius-md);border:2px solid var(--gray-200);max-height:180px;display:none;overflow:hidden}.upload-preview img{object-fit:cover;width:100%;height:180px}