@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.landing-page{background:var(--white);display:flex;flex-direction:column;min-height:100vh}.landing-nav{background:linear-gradient(135deg,var(--surface-dark) 0,#0d0d0d 100%);border-bottom:2px solid var(--border-primary);box-shadow:0 2px 8px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-content{justify-content:space-between;padding:var(--space-4) 0}.nav-content,.nav-logo{align-items:center;display:flex}.nav-logo{gap:var(--space-3);text-decoration:none}.nav-logo .logo-img{border:2px solid var(--border-primary);border-radius:var(--radius-md);height:50px;object-fit:contain;width:50px}.nav-logo .logo-text{color:var(--primary);font-size:var(--font-size-xl);font-weight:700}.nav-links{align-items:center;display:flex;gap:var(--space-4)}.nav-link{border-radius:var(--radius-md);color:#ffffffe6;font-weight:500;padding:var(--space-2) var(--space-3);text-decoration:none;transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{background:#f4c4301a;color:var(--primary)}.hero-section{background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);color:var(--text-inverse);overflow:hidden;padding:var(--space-16) 0;position:relative}.hero-section:before{background:radial-gradient(circle at 20% 50%,#f4c4301a 0,#0000 50%),radial-gradient(circle at 80% 50%,#f4c43014 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{grid-gap:var(--space-8);align-items:center;display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr;position:relative;z-index:1}.hero-text{max-width:600px}.hero-title{font-size:3rem;margin-bottom:var(--space-4)}.hero-title .highlight{color:var(--primary)}.hero-subtitle{line-height:1.6}.hero-cta,.hero-subtitle{margin-bottom:var(--space-6)}.hero-cta{display:flex;gap:var(--space-4)}.hero-taglines{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-left:4px solid var(--primary);border-radius:var(--radius-md);margin-top:var(--space-6);padding:var(--space-5)}.tagline-primary{color:var(--primary);font-size:var(--font-size-xl);font-style:italic;font-weight:600;margin-bottom:var(--space-2);margin-top:0}.tagline-secondary{color:#ffffffd9;font-size:var(--font-size-base);font-style:italic;margin:0}.hero-image,.hero-logo-wrapper{align-items:center;display:flex;justify-content:center}.hero-logo-wrapper{background:#ffffff1a;border:3px solid var(--primary);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;height:400px;width:400px}.hero-logo{height:90%;object-fit:contain;width:90%}.stats-section{background:var(--gray-50);padding:var(--space-12) 0}.stats-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);text-align:center;transition:transform var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{font-size:3rem;margin-bottom:var(--space-3)}.stat-number{color:var(--secondary);font-size:2.5rem;font-weight:700;margin-bottom:var(--space-2)}.stat-label{font-size:var(--font-size-base);font-weight:500}.features-section{background:var(--white);padding:var(--space-16) 0}.section-header{margin-bottom:var(--space-12);text-align:center}.section-title{color:var(--secondary);font-size:2.5rem;font-weight:700;margin-bottom:var(--space-3)}.section-subtitle{color:var(--gray-600);font-size:var(--font-size-lg)}.features-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-fast)}.feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{font-size:3rem;margin-bottom:var(--space-4)}.feature-title{color:var(--secondary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-3)}.feature-description{color:var(--gray-600);line-height:1.6}.about-preview-section{background:var(--gray-50);padding:var(--space-16) 0}.about-preview-content{grid-gap:var(--space-8);align-items:center;display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr}.about-preview-description{color:var(--gray-700);font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--space-4)}.about-preview-image{display:flex;justify-content:center}.preview-logo{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);height:auto;max-width:400px;width:100%}.cta-section{background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);color:var(--text-inverse);padding:var(--space-16) 0;text-align:center}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-4)}.cta-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--space-6);opacity:.95}.landing-footer{background:linear-gradient(135deg,var(--surface-dark) 0,#0d0d0d 100%);border-top:3px solid var(--border-primary);color:var(--text-inverse);padding:var(--space-12) 0 var(--space-6) 0}.footer-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-8)}.footer-title{color:var(--primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-4)}.footer-text{color:#fffc;line-height:1.6;margin-bottom:var(--space-2)}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:#fffc;text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:var(--space-6);text-align:center}.footer-copyright{color:#ffffffb3;margin-bottom:var(--space-2)}.footer-tagline{color:var(--primary);font-style:italic;font-weight:500}.page-header{background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);color:var(--text-inverse);padding:var(--space-12) 0;text-align:center}.page-title{font-size:3rem;font-weight:700;margin-bottom:var(--space-3)}.page-subtitle{font-size:var(--font-size-xl);opacity:.95}.page-meta{font-size:var(--font-size-sm);margin-top:var(--space-2);opacity:.8}.content-section{flex:1 1;padding:var(--space-12) 0}.content-block{margin-bottom:var(--space-8)}.content-title{color:var(--secondary);font-size:2rem;font-weight:600;margin-bottom:var(--space-4)}.content-list,.content-text{color:var(--gray-700);font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--space-4)}.content-list{margin-left:var(--space-6)}.content-list li{margin-bottom:var(--space-2)}.highlight-block{border-left:4px solid var(--primary);padding:var(--space-6)}.content-cta,.highlight-block{background:var(--gray-50);border-radius:var(--radius-lg)}.content-cta{margin-top:var(--space-8);padding:var(--space-8);text-align:center}.content-cta h2{color:var(--secondary);font-size:2rem;margin-bottom:var(--space-3)}.content-cta p{color:var(--gray-600);font-size:var(--font-size-lg);margin-bottom:var(--space-6)}.timeline{padding-left:var(--space-8);position:relative}.timeline:before{background:var(--primary);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.timeline-item{margin-bottom:var(--space-8);position:relative}.timeline-year{color:var(--primary);font-size:var(--font-size-xl);font-weight:700;left:calc(var(--space-8)*-1 - 60px);position:absolute;text-align:right;top:0;width:60px}.timeline-item:before{background:var(--primary);border:3px solid var(--white);border-radius:50%;box-shadow:0 0 0 3px var(--primary);content:"";height:15px;left:calc(var(--space-8)*-1 - 6px);position:absolute;top:8px;width:15px}.timeline-content h3{color:var(--secondary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2)}.timeline-content p{color:var(--gray-700);line-height:1.6}.activities-grid,.leadership-grid,.location-grid,.vision-mission-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.activity-card,.leader-card,.location-card,.vm-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6)}.activity-card h3,.leader-card h3,.location-card h3,.vm-card h3{color:var(--secondary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-3)}.leader-name{color:var(--secondary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2)}.leader-title{color:var(--gray-600);font-style:italic}.activity-card ul{list-style:none;padding:0}.activity-card li{border-bottom:1px solid var(--gray-200);padding:var(--space-2) 0}.activity-card li:last-child{border-bottom:none}.achievements-list{display:flex;flex-direction:column;gap:var(--space-6)}.achievement-item{background:var(--white);border:2px solid var(--primary);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-6)}.achievement-icon{flex-shrink:0;font-size:3rem}.achievement-content h3{color:var(--secondary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2)}.achievement-content p{color:var(--gray-700);line-height:1.6}.membership-stats{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-6)}.membership-stat{background:var(--white);border:2px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.contact-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr}.contact-info{flex-direction:column}.contact-card,.contact-info{display:flex;gap:var(--space-4)}.contact-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-fast)}.contact-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.contact-icon{flex-shrink:0;font-size:2rem}.contact-details h3{color:var(--secondary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2)}.contact-details p{color:var(--gray-700);line-height:1.6}.contact-details a{color:var(--secondary);text-decoration:none}.contact-details a:hover{color:var(--primary)}.contact-form-wrapper{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-6)}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.alert{margin-bottom:var(--space-4)}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.legal-content{margin:0 auto;max-width:900px}.legal-content h3{color:var(--secondary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-3);margin-top:var(--space-4)}.objectives-list{color:var(--gray-700);font-size:var(--font-size-lg);line-height:1.8;margin-left:var(--space-6)}.objectives-list li{margin-bottom:var(--space-3)}.contact-info-box{background:var(--gray-50);border-left:4px solid var(--primary);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-6)}.contact-info-box p{line-height:1.8;margin:0}@media (max-width:1024px){.about-preview-content,.contact-grid,.hero-content{grid-template-columns:1fr}.hero-logo-wrapper{height:300px;width:300px}.timeline{padding-left:var(--space-6)}.timeline-year{margin-bottom:var(--space-2);position:static;text-align:left;width:auto}}@media (max-width:768px){.nav-links{display:none}.hero-title{font-size:2rem}.hero-cta{flex-direction:column}.page-title,.section-title{font-size:2rem}.features-grid,.footer-grid,.stats-grid{grid-template-columns:1fr}}:root{--brand-gold:#f4c430;--brand-gold-light:gold;--brand-gold-dark:#daa520;--brand-green:#2e7d32;--brand-green-light:#4a7c2c;--brand-green-dark:#1a5010;--brand-red:#dc143c;--brand-red-light:#ff6b6b;--brand-red-dark:#8b0000;--brand-black:#1a1a1a;--brand-white:#fff;--primary:#f4c430;--primary-hover:gold;--primary-pressed:#daa520;--primary-light:gold;--primary-dark:#daa520;--secondary:#2e7d32;--secondary-hover:#4a7c2c;--secondary-pressed:#1a5010;--secondary-light:#4a7c2c;--secondary-dark:#1a5010;--surface-dark:#1a1a1a;--surface-medium:#262626;--surface-light:#fff;--surface-subtle:#f5f5f5;--surface-hover:#f8f8f8;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--text-inverse:#fff;--text-inverse-secondary:#fffc;--text-inverse-muted:#fff9;--border-primary:#f4c430;--border-secondary:#2e7d32;--border-subtle:#e5e5e5;--border-medium:#d1d1d1;--border-dark:#333;--success:#2e7d32;--success-light:#4a7c2c;--success-dark:#1a5010;--success-bg:#f0fdf4;--success-border:#bbf7d0;--error:#dc143c;--danger:#dc143c;--error-light:#ff6b6b;--error-dark:#8b0000;--error-bg:#fef2f2;--error-border:#fecaca;--warning:#f4c430;--warning-light:gold;--warning-dark:#daa520;--warning-bg:#fffbeb;--warning-border:#fde68a;--info:#3b82f6;--info-light:#60a5fa;--info-dark:#1e40af;--info-bg:#eff6ff;--info-border:#bfdbfe;--gayong-green:#2e7d32;--gayong-green-light:#4a7c2c;--gayong-green-dark:#1a5010;--gayong-yellow:#f4c430;--gayong-yellow-dark:#daa520;--gayong-red:#dc143c;--gayong-black:#1a1a1a;--gayong-white:#fff;--accent:#f4c430;--accent-light:gold;--accent-dark:#daa520;--dark:#1a1a1a;--gray-900:#1a1a1a;--gray-800:#333;--gray-700:#4a4a4a;--gray-600:#666;--gray-500:#999;--gray-400:#ccc;--gray-300:#d1d1d1;--gray-200:#e5e5e5;--gray-100:#f5f5f5;--gray-50:#fafafa;--white:#fff;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a1a,#1a5010 50%,#1a1a1a);background:linear-gradient(135deg,var(--surface-dark) 0,var(--secondary-dark) 50%,var(--surface-dark) 100%);color:#1a1a1a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--leading-normal);min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-6);width:100%}.auth-layout{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1.5rem;padding:var(--space-6)}.auth-card{animation:slideUp .5s ease-out;background:#fff;background:var(--surface-light);border:2px solid #f4c430;border-radius:16px;border-radius:var(--radius-xl);border-top:4px solid #f4c430;border:2px solid var(--border-primary);border-top:4px solid var(--border-primary);box-shadow:0 20px 40px #f4c43033,0 25px 50px -12px #00000040;box-shadow:0 20px 40px #f4c43033,var(--shadow-2xl);max-width:480px;padding:2.5rem;padding:var(--space-10);width:100%}.auth-header{margin-bottom:2rem;margin-bottom:var(--space-8);text-align:center}.auth-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4c430,#daa520);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem;margin-bottom:var(--space-2);text-shadow:0 2px 10px #f4c4304d}.brand-full{display:inline}.brand-short{display:none}@media (max-width:768px){.brand-full{display:none}.brand-short{display:inline}.auth-logo{font-size:1.875rem;font-size:var(--font-size-3xl)}}@media (max-width:480px){.auth-logo{font-size:1.5rem;font-size:var(--font-size-2xl)}}.auth-subtitle{color:#666;color:var(--gray-600);font-size:1rem;font-size:var(--font-size-base);font-weight:400}.form{gap:1.25rem;gap:var(--space-5)}.form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem;gap:var(--space-2)}.form-row{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:1fr 1fr}.form-label{color:#4a4a4a;color:var(--gray-700);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.form-input,.form-select{background:#fff;background:var(--surface-light);border:2px solid #e5e5e5;border:2px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-md);color:#1a1a1a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);outline:none;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.form-input:hover:not(:disabled),.form-select:hover:not(:disabled){border-color:#d1d1d1;border-color:var(--border-medium)}.form-input:focus,.form-select:focus{border-color:#f4c430;border-color:var(--primary);box-shadow:0 0 0 3px #f4c43026}.form-input:disabled,.form-select:disabled{background:#f5f5f5;background:var(--gray-100);cursor:not-allowed;opacity:.6}.form-input-error{background:#dc143c05;border-color:#dc143c!important;border-color:var(--danger)!important}.form-input-error:focus{box-shadow:0 0 0 3px #dc143c1a!important}.form-input::placeholder{color:#ccc;color:var(--gray-400)}.form-error{color:#dc143c;color:var(--danger);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.25rem;gap:var(--space-1)}.btn,.form-error{align-items:center}.btn{border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#f4c430,#daa520);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:2px solid #daa520;border:2px solid var(--primary-dark);box-shadow:0 4px 6px #f4c4304d,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:0 4px 6px #f4c4304d,var(--shadow-md);color:#1a1a1a;color:var(--surface-dark);font-weight:700}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,gold,#f4c430);background:linear-gradient(135deg,var(--primary-hover) 0,var(--primary) 100%);box-shadow:0 6px 12px #f4c43066,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:0 6px 12px #f4c43066,var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#f5f5f5;background:var(--gray-100);border:1px solid #e5e5e5;border:1px solid var(--gray-200);color:#333;color:var(--gray-800)}.btn-secondary:hover:not(:disabled){background:#e5e5e5;background:var(--gray-200);border-color:#d1d1d1;border-color:var(--gray-300)}.btn-danger{background:#dc143c;background:var(--danger);color:#fff;color:var(--white)}.btn-danger:hover:not(:disabled){background:#a01830}.btn-full{width:100%}.btn-sm{padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.alert,.btn-sm{font-size:.875rem;font-size:var(--font-size-sm)}.alert{align-items:center;animation:slideDown .3s ease-out;border-radius:8px;border-radius:var(--radius-md);display:flex;font-weight:500;gap:.75rem;gap:var(--space-3);margin-bottom:1.25rem;margin-bottom:var(--space-5);padding:1rem;padding:var(--space-4)}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert-info{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.link{color:#f4c430;color:var(--primary);font-weight:500;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.link:hover{color:gold;color:var(--primary-light);text-decoration:underline}.text-center{text-align:center}.text-muted{color:#666;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm)}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e5e5;border-top-color:#f4c430;border:3px solid var(--gray-200);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--brand-gold);height:20px;width:20px}.spinner-sm{border-width:2px;height:16px;width:16px}.spinner-lg{border-width:4px;height:32px;width:32px}.dashboard{background:#fafafa;background:var(--gray-50);display:flex;flex-direction:column;min-height:100vh}.dashboard-header{background:linear-gradient(135deg,#1a1a1a,#0d0d0d 50%,#000);background:linear-gradient(135deg,var(--surface-dark) 0,#0d0d0d 50%,#000 100%);border-bottom:3px solid #f4c430;border-bottom:3px solid var(--border-primary);box-shadow:0 4px 6px #f4c4301a,0 1px 2px 0 #0000000d;box-shadow:0 4px 6px #f4c4301a,var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.dashboard-header:before{background:radial-gradient(circle at 10% 50%,#f4c43014 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0}.dashboard-header>*{position:relative;z-index:1}.dashboard-header .btn-signout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #f4c43099;color:#fff;color:var(--white);transition:all .3s ease}.dashboard-header .btn-signout:hover{background:#f4c43040;border-color:#f4c430;border-color:var(--brand-gold);box-shadow:0 4px 12px #f4c43066;transform:translateY(-2px)}.signout-icon{margin-right:.5rem;margin-right:var(--space-2)}@media (min-width:1025px){.dashboard-header{border-left:3px solid #f4c430;border-left:3px solid var(--brand-gold)}}.dashboard-nav{align-items:center;display:flex;justify-content:space-between;padding:1rem 0;padding:var(--space-4) 0}.dashboard-brand{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#f4c430,gold);background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);-webkit-background-clip:text;background-clip:text;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;gap:.75rem;gap:var(--space-3)}.brand-logo-container{align-items:center;display:flex;gap:1rem;gap:var(--space-4)}.logo-wrapper{align-items:center;background:linear-gradient(135deg,#f4c43026,#f4c4300d);border:2px solid #f4c4304d;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #f4c43033;display:flex;height:55px;justify-content:center;overflow:hidden;padding:.5rem;padding:var(--space-2);position:relative;transition:all .3s ease;width:55px}.logo-wrapper:before{animation:logoShine 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#f4c4301a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes logoShine{0%,to{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(100%) translateY(100%) rotate(45deg)}}.logo-wrapper:hover{border-color:#f4c430;border-color:var(--brand-gold);box-shadow:0 6px 16px #f4c4304d;transform:scale(1.05)}.header-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:100%;object-fit:contain;position:relative;width:100%;z-index:1}.brand-text-container{display:flex;flex-direction:column;gap:0}.dashboard-brand .brand-full{display:inline}.dashboard-brand .brand-short{display:none}@media (max-width:1024px){.dashboard-brand .brand-full{display:none}.dashboard-brand .brand-short{display:inline}}.dashboard-content{flex:1 1;padding:2rem 0;padding:var(--space-8) 0;width:100%}.dashboard-banner{background:linear-gradient(135deg,#2e7d32,#1a5010);background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);border-bottom:3px solid #f4c430;border-bottom:3px solid var(--border-primary);box-shadow:0 4px 12px #0000001a;margin-top:1.5rem;margin-top:var(--space-6);overflow:hidden;position:relative}.dashboard-banner:before{background:radial-gradient(circle at 20% 50%,#f4c4301a 0,#0000 50%),radial-gradient(circle at 80% 50%,#f4c43014 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.banner-content{gap:1rem;gap:var(--space-4);padding:1.5rem 0;padding:var(--space-6) 0;position:relative;z-index:1}.banner-content,.banner-icon{align-items:center;display:flex;justify-content:center}.banner-icon{background:#f4c43026;border:2px solid #f4c4304d;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 12px #f4c43033;flex-shrink:0;height:60px;width:60px}.banner-text{flex:1 1;max-width:800px;text-align:center}.banner-pantun{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.pantun-line{color:#fff;color:var(--text-inverse);font-size:1.125rem;font-size:var(--font-size-lg);font-style:italic;font-weight:600;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px #0000004d}.dashboard-footer{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);background:linear-gradient(135deg,var(--surface-dark) 0,#0d0d0d 100%);border-top:3px solid #f4c430;border-top:3px solid var(--border-primary);margin-top:2rem;margin-top:var(--space-8);overflow:hidden;position:relative}.dashboard-footer:before{background:radial-gradient(circle at 30% 50%,#f4c43014 0,#0000 50%),radial-gradient(circle at 70% 50%,#f4c4300f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.footer-content{padding:2rem 0;padding:var(--space-8) 0;position:relative;text-align:center;z-index:1}.footer-pantun{flex-direction:column;gap:1rem;gap:var(--space-4);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.footer-icon,.footer-pantun{align-items:center;display:flex}.footer-icon{background:#f4c4301a;border:2px solid #f4c43033;border-radius:12px;border-radius:var(--radius-lg);flex-shrink:0;height:50px;justify-content:center;margin-bottom:.5rem;margin-bottom:var(--space-2);width:50px}.pantun-verses{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);margin:0 auto;max-width:600px}.pantun-verse{color:#ffffffe6;font-size:1rem;font-size:var(--font-size-base);font-style:italic;font-weight:500;letter-spacing:.3px;line-height:1.6;margin:0}.footer-divider{background:linear-gradient(90deg,#0000,#f4c4304d 50%,#0000);height:2px;margin:1.5rem 0;margin:var(--space-6) 0;margin-left:auto;margin-right:auto;max-width:600px}.footer-copyright{text-align:center}.copyright-text{color:#ffffffb3;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.copyright-tagline{color:#f4c430;color:var(--primary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.card{background:#fff;background:var(--surface-light);border:1px solid #e5e5e5;border:1px solid var(--border-subtle);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:2rem;padding:var(--space-8)}.card-title{color:#1a1a1a;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:1.25rem;margin-bottom:var(--space-5)}.card-section{background:#fafafa;background:var(--gray-50);border:1px solid #f5f5f5;border:1px solid var(--gray-100);border-radius:8px;border-radius:var(--radius-md);margin-top:1.25rem;margin-top:var(--space-5);padding:1.25rem;padding:var(--space-5)}.card-section-title{color:#333;color:var(--gray-800);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.table-container{border:1px solid #e5e5e5;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);overflow-x:auto}.table{border-collapse:collapse;font-size:.875rem;font-size:var(--font-size-sm);width:100%}.table th{background:#fafafa;background:var(--gray-50);border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--gray-200);color:#4a4a4a;color:var(--gray-700);font-weight:600;text-align:left}.table td,.table th{padding:1rem;padding:var(--space-4)}.table td{border-bottom:1px solid #f5f5f5;border-bottom:1px solid var(--gray-100);color:#333;color:var(--gray-800)}.table tr:last-child td{border-bottom:none}.table tr:hover{background:#fafafa;background:var(--gray-50)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.badge-success{background:#dcfce7;color:#166534}.badge-danger{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-primary{background:#fef3c7;border:1px solid #f4c430;border:1px solid var(--primary);color:#daa520;color:var(--primary-dark)}.toast-container{flex-direction:column;max-width:420px;pointer-events:none;position:fixed;right:1.5rem;right:var(--space-6);top:1.5rem;top:var(--space-6);width:100%;z-index:9999}.toast,.toast-container{display:flex;gap:.75rem;gap:var(--space-3)}.toast{align-items:center;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 25px #0003,0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:0 10px 25px #0003,var(--shadow-xl);min-width:320px;padding:1rem;padding:var(--space-4);pointer-events:auto}.toast-icon{align-items:center;background:#fff3;border-radius:9999px;border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;height:32px;justify-content:center;width:32px}.toast-message{flex:1 1;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;line-height:1.5;line-height:var(--leading-normal)}.toast-close{align-items:center;background:#fff3;border:none;border-radius:9999px;border-radius:var(--radius-full);color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-size:var(--font-size-base);font-weight:700;height:28px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:28px}.toast-close:hover{background:#ffffff4d;transform:scale(1.1)}.toast-close:active{transform:scale(.95)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.toast-container{left:1rem;left:var(--space-4);max-width:none;right:1rem;right:var(--space-4);top:1rem;top:var(--space-4)}.toast{min-width:auto}}.custom-select-wrapper{position:relative;width:100%}.custom-select-trigger{align-items:center;background:#fff;background:var(--white);border:2px solid #e5e5e5;border:2px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);color:#1a1a1a;color:var(--dark);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);justify-content:space-between;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.custom-select-trigger:hover{border-color:#d1d1d1;border-color:var(--gray-300)}.custom-select-trigger.open,.custom-select-trigger:focus{border-color:#f4c430;border-color:var(--primary);box-shadow:0 0 0 3px #f4c43026;outline:none}.custom-select-trigger.error{border-color:#dc143c;border-color:var(--danger)}.custom-select-trigger .placeholder{color:#ccc;color:var(--gray-400)}.custom-select-trigger .selected{color:#1a1a1a;color:var(--dark);font-weight:500}.custom-select-arrow{color:#999;color:var(--gray-500);font-size:.75rem;font-size:var(--font-size-xs);transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.custom-select-trigger.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{animation:slideDown .2s ease-out;background:#333;background:var(--gray-800);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);left:0;max-height:280px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.custom-select-dropdown::-webkit-scrollbar{width:8px}.custom-select-dropdown::-webkit-scrollbar-track{background:#4a4a4a;background:var(--gray-700);border-radius:0 12px 12px 0;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#666;background:var(--gray-600);border-radius:9999px;border-radius:var(--radius-full)}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#999;background:var(--gray-500)}.custom-select-header{background:#333;background:var(--gray-800);border-bottom:1px solid #4a4a4a;border-bottom:1px solid var(--gray-700);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.custom-select-header,.custom-select-option{color:#fff;color:var(--white);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.custom-select-option{cursor:pointer;font-size:1rem;font-size:var(--font-size-base);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.custom-select-option:hover{background:#4a4a4a;background:var(--gray-700)}.custom-select-option.selected{background:#2e7d32;background:var(--secondary);color:#fff;color:var(--text-inverse);font-weight:600}.custom-select-option.selected:hover{background:#4a7c2c;background:var(--secondary-hover)}.info-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.info-item{color:#4a4a4a;color:var(--gray-700);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--space-2)}.info-item strong{color:#1a1a1a;color:var(--gray-900);min-width:100px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){:root{--space-6:1.25rem;--space-8:1.5rem;--space-10:2rem}.auth-card{border-radius:12px;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--space-6)}.auth-logo{font-size:1.875rem;font-size:var(--font-size-3xl)}.form-row{gap:1.25rem;gap:var(--space-5);grid-template-columns:1fr}.dashboard-nav{padding:.75rem 0;padding:var(--space-3) 0}.dashboard-brand{font-size:1.125rem;font-size:var(--font-size-lg)}.banner-content{flex-direction:column;padding:1rem 0;padding:var(--space-4) 0;text-align:center}.banner-icon{height:50px;width:50px}.pantun-line{font-size:1rem;font-size:var(--font-size-base)}.footer-pantun{align-items:center;flex-direction:column;text-align:center}.footer-icon{height:40px;width:40px}.pantun-verse{font-size:.875rem;font-size:var(--font-size-sm)}.copyright-text{font-size:.75rem;font-size:var(--font-size-xs)}.logo-wrapper{height:45px;padding:.25rem;padding:var(--space-1);width:45px}.brand-logo-container{gap:.75rem;gap:var(--space-3)}.btn-signout{font-size:.875rem;font-size:var(--font-size-sm);min-width:auto;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.signout-text{display:none}.signout-icon{font-size:1.125rem;font-size:var(--font-size-lg)}.card{padding:1.25rem;padding:var(--space-5)}.table td,.table th{padding:.75rem;padding:var(--space-3)}.hide-mobile{display:none!important}.show-mobile{display:block!important}.form-select{position:relative;z-index:1}.form-select:focus{z-index:10}.form-group:has(.form-select){margin-top:2rem;margin-top:var(--space-8);padding-top:1rem;padding-top:var(--space-4)}.branch-select-group{margin-bottom:1.5rem!important;margin-bottom:var(--space-6)!important;margin-top:1.25rem!important;margin-top:var(--space-5)!important}.auth-card>form>div{isolation:isolate}.auth-card>form>div[style*=background]{margin-bottom:1.5rem!important;margin-bottom:var(--space-6)!important}.branch-select-group+button{margin-top:1.5rem!important;margin-top:var(--space-6)!important}}@media (max-width:480px){.auth-layout{padding:1rem;padding:var(--space-4)}.auth-card{padding:1.25rem;padding:var(--space-5)}.auth-logo{font-size:1.5rem;font-size:var(--font-size-2xl)}.btn{padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.dashboard-brand{font-size:1.125rem;font-size:var(--font-size-lg)}.btn-signout{border-radius:9999px;border-radius:var(--radius-full);height:40px;padding:.5rem;padding:var(--space-2);width:40px}.signout-icon{font-size:1.25rem;font-size:var(--font-size-xl)}}.info-row{align-items:flex-start;border-bottom:1px solid #f5f5f5;border-bottom:1px solid var(--gray-100);display:flex;gap:1rem;gap:var(--space-4);justify-content:space-between;padding:.75rem 0;padding:var(--space-3) 0}.info-row:last-child{border-bottom:none}.info-label{color:#666;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;min-width:120px}.info-value{color:#1a1a1a;color:var(--gray-900);font-size:1rem;font-size:var(--font-size-base);font-weight:400;text-align:right;word-break:break-word}.form-hint{color:#999;color:var(--gray-500);display:block;font-size:.75rem;font-size:var(--font-size-xs);margin-top:.25rem;margin-top:var(--space-1)}@media (max-width:768px){.info-row{flex-direction:column;gap:.5rem;gap:var(--space-2)}.info-label{min-width:auto}.info-value{text-align:left}}@media (min-width:769px){.show-mobile{display:none!important}}@media (max-width:768px){.table td:last-child{min-width:140px}.table .btn-sm{font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.table td>div{flex-wrap:nowrap}.show-mobile{display:flex!important}}.tabs-container{width:100%}.tabs-header{-webkit-overflow-scrolling:touch;border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--gray-200);display:flex;gap:.5rem;gap:var(--space-2);overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.tabs-header::-webkit-scrollbar{height:4px}.tabs-header::-webkit-scrollbar-track{background:#f5f5f5;background:var(--gray-100)}.tabs-header::-webkit-scrollbar-thumb{background:#d1d1d1;background:var(--gray-300);border-radius:9999px;border-radius:var(--radius-full)}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;color:var(--gray-600);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;margin-bottom:-2px;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);position:relative;transition:all .2s ease;white-space:nowrap}.tab-button.active,.tab-button:hover{background:#fafafa;background:var(--gray-50);color:#2e7d32;color:var(--brand-green)}.tab-button.active{border-bottom-color:#2e7d32;border-bottom-color:var(--brand-green)}.tab-button:focus{outline:2px solid #2e7d32;outline:2px solid var(--brand-green);outline-offset:2px}.tabs-content{animation:fadeIn .3s ease;padding:0}@media (max-width:768px){.tabs-header{gap:.25rem;gap:var(--space-1)}.tab-button{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}}.tabs-container .card{background:#0000;border:none;box-shadow:none;margin:0}.tabs-container .card-title{margin-top:1rem;margin-top:var(--space-4)}.sidebar{background:linear-gradient(180deg,#1a1a1a,#0d0d0d 50%,#000);background:linear-gradient(180deg,var(--surface-dark) 0,#0d0d0d 50%,#000 100%);box-shadow:4px 0 20px #00000080;color:#fff;color:var(--text-inverse);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:280px;z-index:10000}.sidebar:before{background:radial-gradient(circle at 20% 20%,#f4c4301f 0,#0000 50%),radial-gradient(circle at 80% 80%,#f4c43014 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.sidebar>*{position:relative;z-index:1}.sidebar.collapsed{width:80px}.sidebar-header{align-items:center;background:linear-gradient(135deg,#f4c4301f,#f4c4300d);border-bottom:2px solid #f4c4304d;display:flex;justify-content:center;min-height:120px;overflow:hidden;padding:1.5rem 1rem;padding:var(--space-6) var(--space-4);position:relative}.sidebar-header:after{background:linear-gradient(90deg,#0000,#f4c430 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--brand-gold) 50%,#0000 100%);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.sidebar-logo{align-items:center;animation:fadeInDown .5s ease;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);text-align:center}.logo-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f4c430,#d4a017);background:linear-gradient(135deg,var(--primary) 0,#d4a017 100%);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #f4c4304d;display:flex;height:50px;justify-content:center;margin-bottom:.5rem;margin-bottom:var(--space-2);width:50px}.logo-icon-large{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:28px}.logo-text{color:#f4c430;color:var(--primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:800;letter-spacing:3px;text-shadow:0 2px 8px #f4c43066}.logo-subtitle{color:#ffffffb3;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;letter-spacing:1px;text-transform:uppercase}.sidebar-logo-collapsed{animation:fadeIn .3s ease;text-align:center}.sidebar-logo-collapsed .logo-icon{filter:drop-shadow(0 2px 8px rgba(244,196,48,.5));font-size:32px}.sidebar-user-badge{align-items:center;animation:fadeIn .5s ease .2s both;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #f4c43033;border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:.75rem;gap:var(--space-3);margin:1rem .75rem;margin:var(--space-4) var(--space-3);padding:1rem;padding:var(--space-4)}.user-avatar{align-items:center;background:linear-gradient(135deg,#f4c430,#d4a017);background:linear-gradient(135deg,var(--primary) 0,#d4a017 100%);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 8px #f4c4304d;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.user-info{flex:1 1;min-width:0}.user-name{color:#fff;color:var(--text-inverse);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#f4c430;color:var(--primary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1rem 0;padding:var(--space-4) 0}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d;border-radius:9999px;border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f4c430,#f4c43080);background:linear-gradient(180deg,var(--primary) 0,#f4c43080 100%);border-radius:9999px;border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#f4c430;background:var(--primary)}.sidebar-section{animation:fadeInUp .5s ease;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.sidebar-section-title{align-items:center;color:#fff9;display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;gap:.5rem;gap:var(--space-2);letter-spacing:2px;margin-bottom:.75rem;margin-bottom:var(--space-3);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-transform:uppercase}.section-title-text{white-space:nowrap}.section-title-line{background:linear-gradient(90deg,#0000,#f4c4304d 50%,#0000);flex:1 1;height:1px}.sidebar-section-divider{background:linear-gradient(90deg,#0000,#f4c43066 50%,#0000);height:2px;margin:.75rem .5rem;margin:var(--space-3) var(--space-2)}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu li{margin:0}.sidebar-item{align-items:center;background:#0000;border:none;border-left:3px solid #0000;border-radius:8px;border-radius:var(--radius-md);color:#ffffffe6;cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;gap:.75rem;gap:var(--space-3);margin:.25rem .5rem;margin:var(--space-1) var(--space-2);overflow:hidden;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 1rem);width:calc(100% - var(--space-4))}.sidebar-item:before{background:linear-gradient(90deg,#f4c430,#0000);background:linear-gradient(90deg,var(--brand-gold) 0,#0000 100%);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.sidebar-item:hover{background:#ffffff14;border-left-color:#f4c430;border-left-color:var(--primary);box-shadow:0 2px 8px #f4c43033;color:#fff;color:var(--text-inverse);transform:translateX(4px)}.sidebar-item:hover:before{width:100%}.sidebar-item.active{background:linear-gradient(135deg,#f4c43040,#f4c43026);border-left-color:#f4c430;border-left-color:var(--primary);box-shadow:0 2px 12px #f4c4304d;color:#f4c430;color:var(--primary);font-weight:600}.sidebar-item.active:before{width:100%}.sidebar-item-icon{align-items:center;display:flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.25rem;font-size:var(--font-size-xl);justify-content:center;min-width:28px;transition:transform .3s ease}.sidebar-item:hover .sidebar-item-icon{transform:scale(1.15)}.sidebar-item.active .sidebar-item-icon{filter:drop-shadow(0 2px 4px rgba(244,196,48,.4));transform:scale(1.1)}.sidebar-item-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-indicator{animation:pulse 2s ease-in-out infinite;color:#f4c430;color:var(--brand-gold);font-size:8px;margin-left:auto}.sidebar.collapsed .sidebar-item{justify-content:center;margin:.25rem;margin:var(--space-1) var(--space-1);padding:.75rem .5rem;padding:var(--space-3) var(--space-2);width:calc(100% - .5rem);width:calc(100% - var(--space-2))}.sidebar.collapsed .sidebar-item-indicator,.sidebar.collapsed .sidebar-item-label{display:none}.sidebar.collapsed .sidebar-item:after{border:1px solid #f4c430;border:1px solid var(--brand-gold);box-shadow:0 4px 12px #0006;font-size:.875rem;font-size:var(--font-size-sm);margin-left:.75rem;margin-left:var(--space-3);z-index:1000}.sidebar-collapse-btn:hover{background:linear-gradient(135deg,#f4c43040,#f4c43026);border-color:#f4c430;border-color:var(--brand-gold);box-shadow:0 4px 12px #f4c4304d;color:#fff;color:var(--white);transform:translateY(-2px)}.collapse-icon{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;transition:transform .3s ease}.sidebar-collapse-btn:hover .collapse-icon{transform:scale(1.2)}.collapse-text{font-size:.75rem;font-size:var(--font-size-xs)}.sidebar.collapsed .sidebar-collapse-btn{margin:.5rem;margin:var(--space-2);padding:.75rem;padding:var(--space-3)}.sidebar-signout-btn{align-items:center;background:linear-gradient(135deg,#dc143c26,#dc143c0d);border:2px solid #dc143c4d;border-radius:12px;border-radius:var(--radius-lg);color:#ff6b6b;cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;justify-content:center;letter-spacing:1px;margin:.75rem;margin:var(--space-3);margin-top:0;padding:1rem;padding:var(--space-4);text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-signout-btn:hover{background:linear-gradient(135deg,#dc143c40,#dc143c26);border-color:#dc143c;box-shadow:0 4px 12px #dc143c4d;color:#fff;color:var(--white);transform:translateY(-2px)}.sidebar.collapsed .sidebar-signout-btn{font-size:.75rem;font-size:var(--font-size-xs);margin:.5rem;margin:var(--space-2);margin-top:0;padding:.75rem;padding:var(--space-3)}.sidebar-footer-gradient{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#f4c430 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--brand-gold) 50%,#0000 100%);height:4px}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.sidebar-mobile-toggle{background:linear-gradient(135deg,#1a1a1a,#000);border:2px solid #f4c430;border:2px solid var(--brand-gold);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0006;color:#fff;color:var(--white);cursor:pointer;display:none;height:50px;padding:.75rem;padding:var(--space-3);pointer-events:auto;position:relative;transition:background .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);width:50px;z-index:100000}.sidebar-collapse-btn{align-items:center;background:linear-gradient(135deg,#f4c43026,#f4c4300d);border:2px solid #f4c4304d;border-radius:12px;border-radius:var(--radius-lg);color:#f4c430;color:var(--brand-gold);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;letter-spacing:1px;margin:.75rem;margin:var(--space-3);padding:1rem;padding:var(--space-4);text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-mobile-toggle:hover{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);box-shadow:0 6px 16px #f4c4304d}.sidebar-mobile-toggle.active{background:linear-gradient(135deg,#f4c430,#d4a017);background:linear-gradient(135deg,var(--brand-gold) 0,#d4a017 100%)}.hamburger-icon{display:flex;flex-direction:column;gap:5px;height:18px;position:relative;width:24px}.hamburger-icon .bar{background:#fff;background:var(--white);border-radius:9999px;border-radius:var(--radius-full);height:3px;transition:all .3s ease;width:100%}.sidebar-mobile-toggle.active .hamburger-icon .bar:first-child{transform:rotate(45deg) translateY(8px)}.sidebar-mobile-toggle.active .hamburger-icon .bar:nth-child(2){opacity:0}.sidebar-mobile-toggle.active .hamburger-icon .bar:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.sidebar-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1024px){.sidebar{box-shadow:8px 0 24px #0006;transform:translateX(-100%);width:280px}.sidebar.mobile-open{animation:slideInFromLeft .3s ease;transform:translateX(0)}.sidebar-mobile-toggle{align-items:center;display:flex!important;justify-content:center;margin-right:.75rem;margin-right:var(--space-3)}.dashboard-content{margin-left:0!important;padding-top:1.5rem;padding-top:var(--space-6)}.dashboard-header{padding-left:0}.sidebar-user-badge{margin:.75rem .5rem;margin:var(--space-3) var(--space-2)}}@media (min-width:1025px){.dashboard-content{border-left:1px solid #f4c4301a;min-height:calc(100vh - 80px)}.dashboard-content,.dashboard-header{margin-left:280px;transition:margin-left .4s cubic-bezier(.4,0,.2,1)}body.sidebar-collapsed .dashboard-content,body.sidebar-collapsed .dashboard-header{margin-left:80px}.sidebar-mobile-toggle,.sidebar-overlay{display:none}.sidebar{transform:translateX(0)}}@media (min-width:768px) and (max-width:1024px){.sidebar{width:280px}.sidebar-header{min-height:110px}.logo-text{font-size:1.25rem;font-size:var(--font-size-xl)}.logo-wrapper{height:50px;width:50px}.dashboard-brand{font-size:1.25rem;font-size:var(--font-size-xl)}}@media (max-width:480px){.sidebar{width:260px}.sidebar-header{min-height:100px;padding:1rem;padding:var(--space-4)}.logo-icon-wrapper{height:45px;width:45px}.logo-icon-large{font-size:24px}.logo-text{font-size:1.25rem;font-size:var(--font-size-xl);letter-spacing:2px}.sidebar-user-badge{margin:.75rem .5rem;margin:var(--space-3) var(--space-2);padding:.75rem;padding:var(--space-3)}.user-avatar{font-size:18px;height:36px;width:36px}.logo-wrapper{height:40px;padding:.25rem;padding:var(--space-1);width:40px}.brand-logo-container{gap:.5rem;gap:var(--space-2)}.dashboard-brand{font-size:1rem;font-size:var(--font-size-base)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.sidebar-item{animation:slideInLeft .3s ease}.sidebar.collapsed .sidebar-item{position:relative}.sidebar.collapsed .sidebar-item:after{background:#1a1a1a;background:var(--brand-black);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--white);content:attr(title);font-size:.75rem;font-size:var(--font-size-xs);left:100%;margin-left:.5rem;margin-left:var(--space-2);opacity:0;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1001}.sidebar.collapsed .sidebar-item:hover:after{opacity:1}.dashboard-banner-compact{background:linear-gradient(135deg,#2e7d32,#1a5010);background:linear-gradient(135deg,var(--brand-green) 0,var(--brand-green-dark) 100%);border-bottom:2px solid #f4c430;border-bottom:2px solid var(--brand-gold);box-shadow:0 2px 8px #0000001a;margin-top:1rem;margin-top:var(--space-4);overflow:hidden;position:relative}.dashboard-banner-compact:before{background:radial-gradient(circle at 50% 50%,#f4c43014 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.banner-content-compact{gap:.75rem;gap:var(--space-3);padding:1rem 0;padding:var(--space-4) 0;position:relative;z-index:1}.banner-content-compact,.banner-icon-compact{align-items:center;display:flex;justify-content:center}.banner-icon-compact{background:#f4c4301f;border:1px solid #f4c43040;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 8px #f4c43026;flex-shrink:0;height:40px;width:40px}.banner-text-compact{flex:1 1;max-width:700px;text-align:center}.pantun-line-compact{color:#fff;color:var(--white);font-size:1rem;font-size:var(--font-size-base);font-style:italic;font-weight:600;letter-spacing:.3px;margin:0;text-shadow:0 1px 3px #0003}@media (max-width:768px){.banner-content-compact{gap:.5rem;gap:var(--space-2);padding:.75rem 0;padding:var(--space-3) 0}.banner-icon-compact{height:32px;width:32px}.pantun-line-compact{font-size:.875rem;font-size:var(--font-size-sm)}}.hero-integrated{grid-gap:1.5rem;grid-gap:var(--space-6);align-items:start;display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr 2fr;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.hero-welcome-section{align-items:center;background:linear-gradient(135deg,#2e7d32,#4a7c2c);background:linear-gradient(135deg,var(--brand-green) 0,var(--brand-green-light) 100%);border:2px solid #f4c430;border:2px solid var(--brand-gold);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;display:flex;min-height:180px;overflow:hidden;padding:2rem;padding:var(--space-8);position:relative}.hero-welcome-section:before{background:radial-gradient(circle,#f4c43026 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.hero-welcome-content{position:relative;width:100%;z-index:1}.hero-title{font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;line-height:1.2;margin-bottom:.75rem;margin-bottom:var(--space-3);text-shadow:0 2px 4px #0003}.hero-subtitle{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:500;margin:0;opacity:.95}.hero-stats-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.hero-stat-card{background:#fff;background:var(--white);border:2px solid #f5f5f5;border:2px solid var(--gray-100);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;padding:1.25rem;padding:var(--space-5);position:relative;text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.hero-stat-card:before{background:linear-gradient(90deg,#2e7d32,#f4c430);background:linear-gradient(90deg,var(--brand-green) 0,var(--brand-gold) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.hero-stat-card:hover{border-color:#f4c430;border-color:var(--brand-gold);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hero-stat-card:hover:before{transform:scaleX(1)}.hero-stat-special{background:linear-gradient(135deg,#fff9e6,#fff);border-color:#f4c430;border-color:var(--brand-gold)}.stat-label{color:#666;color:var(--gray-600);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;margin-bottom:var(--space-3);text-transform:uppercase}.stat-value{align-items:center;display:flex;justify-content:center;min-height:40px}.stat-text{color:#1a1a1a;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700}.stat-highlight{color:#2e7d32;color:var(--brand-green)}.stat-badge{background:#f4c430;background:var(--brand-gold);border:2px solid #0000001a;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;color:#1a1a1a;color:var(--brand-black);display:inline-block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.stat-badge-blue{background:#1e40af}.stat-badge-blue,.stat-badge-green{border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.stat-badge-green{background:#059669}.stat-value-multi{align-items:center;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}@media (max-width:1024px){.hero-integrated{gap:1.25rem;gap:var(--space-5);grid-template-columns:1fr}.hero-welcome-section{min-height:140px;padding:1.5rem;padding:var(--space-6)}.hero-title{font-size:1.5rem;font-size:var(--font-size-2xl)}.hero-subtitle{font-size:1rem;font-size:var(--font-size-base)}.hero-stats-grid{gap:.75rem;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width:768px){.hero-integrated{gap:1rem;gap:var(--space-4)}.hero-welcome-section{min-height:120px;padding:1.25rem;padding:var(--space-5)}.hero-title{font-size:1.25rem;font-size:var(--font-size-xl);margin-bottom:.5rem;margin-bottom:var(--space-2)}.hero-subtitle{font-size:.875rem;font-size:var(--font-size-sm)}.hero-stats-grid{gap:.75rem;gap:var(--space-3);grid-template-columns:1fr}.hero-stat-card{padding:1rem;padding:var(--space-4)}.stat-label{font-size:.75rem;font-size:var(--font-size-xs);margin-bottom:.5rem;margin-bottom:var(--space-2)}.stat-text{font-size:1.125rem;font-size:var(--font-size-lg)}}@media (max-width:480px){.hero-welcome-section{min-height:100px;padding:1rem;padding:var(--space-4)}.hero-title{font-size:1.125rem;font-size:var(--font-size-lg)}.hero-subtitle{font-size:.75rem;font-size:var(--font-size-xs)}.hero-stat-card{padding:.75rem;padding:var(--space-3)}}
/*# sourceMappingURL=main.c55ae94f.css.map*/