:root{--color-primary:#d97706;--color-primary-dark:#b45309;--color-primary-light:#fde68a;--color-secondary:#f59e0b;--color-secondary-light:#fef3c7;--color-accent:#881337;--color-accent-light:#991b1b;--color-bg:#fffdf8;--color-bg-alt:#faf5eb;--color-surface:#fff;--color-text:#1f2937;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-border-warm:#f3e8d0;--font-heading:"Noto Serif", serif, Georgia, "Times New Roman";--font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:8px;--radius-md:14px;--radius-card:22px;--radius-full:9999px;--shadow-sm:0 2px 4px #1f29370a;--shadow-md:0 6px 16px #8813370f;--shadow-lg:0 12px 32px #88133714;--shadow-warm:0 8px 24px #d977061f;--transition-smooth:all .28s cubic-bezier(.4, 0, .2, 1);--container-max:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%23881337'%3E%3Ccircle cx='60' cy='60' r='54' fill='none' stroke='%23881337' stroke-width='1.5'/%3E%3Ccircle cx='60' cy='60' r='36' fill='none' stroke='%23881337' stroke-width='1' stroke-dasharray='3,3'/%3E%3Ccircle cx='60' cy='60' r='18' fill='none' stroke='%23881337' stroke-width='1'/%3E%3Cpolygon points='60,6 74,46 114,60 74,74 60,114 46,74 6,60 46,46' fill='none' stroke='%23881337' stroke-width='1'/%3E%3Cpolygon points='60,20 88,32 100,60 88,88 60,100 32,88 20,60 32,32' fill='none' stroke='%23881337' stroke-width='0.75'/%3E%3Ccircle cx='60' cy='60' r='6' fill='%23881337'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:140px 140px;width:100vw;height:100vh;position:fixed;top:0;left:0}#app-root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-accent);font-weight:700;line-height:1.25}h1{font-size:clamp(2rem,5vw,3.25rem)}h2{font-size:clamp(1.6rem,3.5vw,2.35rem)}h3{font-size:clamp(1.25rem,2.5vw,1.65rem)}h4{font-size:1.15rem}p{color:#374151;font-size:1rem}a{color:var(--color-primary);transition:var(--transition-smooth);text-decoration:none}a:hover{color:var(--color-accent)}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.header-nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-warm);background:#fffdf8f0;position:sticky;top:0;box-shadow:0 2px 12px #8813370a}.header-inner{justify-content:space-between;align-items:center;height:76px;display:flex}.brand-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-icon-wrapper{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 10px #d9770640}.brand-icon-svg{fill:#fffdf8;width:28px;height:28px}.brand-text-block{flex-direction:column;display:flex}.brand-title{font-family:var(--font-heading);color:var(--color-accent);letter-spacing:-.01em;font-size:1.25rem;font-weight:700;line-height:1.1}.brand-subtitle{color:var(--color-primary-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.725rem;font-weight:500}.nav-menu{align-items:center;gap:1.75rem;list-style:none;display:flex}.nav-link{color:var(--color-text);transition:var(--transition-smooth);padding:.5rem .25rem;font-size:.95rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-accent)}.nav-link.active:after{content:"";background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);border-radius:var(--radius-full);height:2.5px;position:absolute;bottom:0;left:0;right:0}.nav-actions{align-items:center;gap:.75rem;display:flex}.lang-switch-btn{background:var(--color-bg-alt);border:1px solid var(--color-border-warm);color:var(--color-accent);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.lang-switch-btn:hover{background:var(--color-secondary-light);border-color:var(--color-secondary)}.mobile-nav-toggle{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem;display:none}@media (width<=960px){.mobile-nav-toggle{display:block}.nav-menu{background:var(--color-bg);border-bottom:2px solid var(--color-border-warm);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;flex-direction:column;gap:1.25rem;padding:2rem 1.5rem;transition:transform .3s,opacity .25s;position:fixed;top:76px;left:0;right:0;transform:translateY(-120%)}.nav-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}}main#main-view{flex-direction:column;flex:1;display:flex}.section{padding:4.5rem 0}.section-alt{background-color:var(--color-bg-alt);border-top:1px solid var(--color-border-warm);border-bottom:1px solid var(--color-border-warm)}.section-header{text-align:center;max-width:720px;margin:0 auto 3rem}.section-tag{text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary-dark);background:var(--color-secondary-light);border-radius:var(--radius-full);border:1px solid #d9770633;margin-bottom:.75rem;padding:.35rem .9rem;font-size:.8rem;font-weight:700;display:inline-block}.section-subtitle{color:var(--color-text-muted);margin-top:.65rem;font-size:1.05rem}.ornament-divider{opacity:.75;justify-content:center;align-items:center;gap:1rem;margin:1.25rem 0 2rem;display:flex}.ornament-line{background:linear-gradient(90deg, transparent, var(--color-primary), transparent);width:120px;height:1px}.ornament-lotus{width:22px;height:22px;color:var(--color-primary);fill:currentColor}.btn{font-family:var(--font-body);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, #b45309 100%);color:#fff;box-shadow:0 4px 14px #d977064d}.btn-primary:hover{background:linear-gradient(135deg, #f59e0b 0%, var(--color-primary) 100%);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #d9770666}.btn-secondary{color:var(--color-accent);border-color:var(--color-border-warm);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{background:var(--color-bg-alt);border-color:var(--color-primary);color:var(--color-primary-dark);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg, var(--color-accent) 0%, #4c0519 100%);color:#fff;box-shadow:0 4px 14px #88133740}.btn-accent:hover{background:linear-gradient(135deg, #9f1239 0%, var(--color-accent) 100%);color:#fff;transform:translateY(-2px)}.btn-outline{border:1.5px solid var(--color-primary);color:var(--color-primary-dark);background:0 0}.btn-outline:hover{background:var(--color-secondary-light);color:var(--color-accent)}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.card{background:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-border-warm);box-shadow:var(--shadow-md);transition:var(--transition-smooth);padding:2rem;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:#d9770640;transform:translateY(-3px)}.hero-slider-container{background-color:#1f2937;width:100%;height:600px;position:relative;overflow:hidden}.hero-slide{opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity .85s ease-in-out,visibility .85s ease-in-out,transform 6s ease-out;position:absolute;top:0;left:0;transform:scale(1.05)}.hero-slide.active{opacity:1;visibility:visible;transform:scale(1)}.hero-slide-bg{background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{background:linear-gradient(#0f172a66 0%,#881337b8 65%,#0f172ae6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;max-width:860px;height:100%;margin:0 auto;padding:0 1.5rem;display:flex;position:relative}.hero-title{font-size:clamp(2.2rem,5vw,3.8rem);font-family:var(--font-heading);color:#fffdf8;text-shadow:0 2px 10px #00000073;margin-bottom:1.25rem}.hero-subtitle{color:#fef3c7;max-width:680px;margin-bottom:2.25rem;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6}.hero-cta-group{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-dots{z-index:10;gap:10px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;width:12px;height:12px;transition:var(--transition-smooth);background:#fff6;border:1px solid #ffffffb3;border-radius:50%}.hero-dot.active{border-radius:var(--radius-full);background:var(--color-secondary);width:32px}.hero-arrow{z-index:10;color:#fff;cursor:pointer;width:48px;height:48px;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffdf833;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover{background:#fffdf873;transform:translateY(-50%)scale(1.08)}.hero-prev{left:24px}.hero-next{right:24px}@media (width<=640px){.hero-slider-container{height:520px}.hero-arrow{display:none}}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem;margin-bottom:3.5rem;display:grid}.about-intro-text p{margin-bottom:1.25rem;font-size:1.05rem;line-height:1.7}.about-highlight-box{border:1.5px solid var(--color-border-warm);border-radius:var(--radius-card);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#fffdf8 0%,#faf5eb 100%);padding:2.25rem;position:relative}.about-highlight-box:before{content:"ॐ";color:var(--color-primary);opacity:.12;font-family:serif;font-size:3.5rem;position:absolute;top:10px;right:18px}.about-pillars{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem;display:grid}.pillar-card{text-align:left;border-top:4px solid var(--color-primary);padding:2.25rem 2rem}.pillar-icon{background:var(--color-secondary-light);width:52px;height:52px;color:var(--color-accent);border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:1.5rem;display:flex}.pillar-title{margin-bottom:.75rem;font-size:1.25rem}.pillar-desc{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}@media (width<=860px){.about-grid{grid-template-columns:1fr}}.notices-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.notice-card{flex-direction:column;justify-content:space-between;height:100%;display:flex}.notice-meta{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.notice-category-badge{text-transform:uppercase;border-radius:var(--radius-full);letter-spacing:.05em;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.cat-agm{color:#3730a3;background:#e0e7ff}.cat-festival{color:#92400e;background:#fef3c7}.cat-volunteer{color:#065f46;background:#d1fae5}.cat-membership{color:#9d174d;background:#fce7f3}.cat-general{color:#374151;background:#f3f4f6}.notice-date{color:var(--color-text-muted);font-size:.85rem}.notice-pinned-tag{color:var(--color-accent);background:#ffe4e6;border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.notice-title{color:var(--color-accent);margin-bottom:.75rem;font-size:1.25rem}.notice-desc{color:#4b5563;flex:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.notice-footer{border-top:1px solid var(--color-border-warm);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.featured-event-card{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border-warm);box-shadow:var(--shadow-lg);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.featured-poster-wrapper{background-position:50%;background-size:cover;min-height:380px;position:relative}.featured-poster-overlay{background:linear-gradient(#0000 40%,#881337cc 100%);align-items:flex-end;padding:1.75rem;display:flex;position:absolute;inset:0}.featured-poster-tag{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);padding:.35rem .85rem;font-size:.8rem;font-weight:700}.featured-details{flex-direction:column;justify-content:center;padding:2.75rem 2.5rem;display:flex}.featured-event-title{margin-bottom:1.25rem;font-size:1.85rem}.event-meta-list{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.event-meta-item{color:var(--color-text);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.event-meta-icon{background:var(--color-bg-alt);width:32px;height:32px;color:var(--color-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.featured-event-desc{color:#4b5563;margin-bottom:2rem;font-size:.95rem;line-height:1.65}@media (width<=860px){.featured-event-card{grid-template-columns:1fr}.featured-poster-wrapper{min-height:260px}}.membership-card-wrap{border:2px solid var(--color-border-warm);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#fffdf8 0%,#faf5eb 100%);grid-template-columns:1.2fr 1fr;align-items:center;gap:3rem;padding:3.5rem 3rem;display:grid}.membership-fee-badge{color:var(--color-accent);background:var(--color-secondary-light);border-radius:var(--radius-full);border:1px solid #d9770640;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:1.15rem;font-weight:700;display:inline-flex}.benefit-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.benefit-item{align-items:flex-start;gap:.85rem;font-size:.98rem;line-height:1.5;display:flex}.benefit-check{color:#065f46;background:#d1fae5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;font-weight:800;display:flex}.membership-cta-box{border-radius:var(--radius-card);box-shadow:var(--shadow-md);border:1px solid var(--color-border-warm);text-align:center;background:#fff;padding:2.5rem}@media (width<=860px){.membership-card-wrap{grid-template-columns:1fr;padding:2rem 1.5rem}}.donation-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:2.5rem;display:grid}.donation-info-box{border-radius:var(--radius-card);border:1px solid var(--color-border-warm);box-shadow:var(--shadow-md);background:#fff;padding:2.5rem}.bank-detail-group{flex-direction:column;gap:1.25rem;margin-top:1.75rem;display:flex}.bank-row{background:var(--color-bg-alt);border:1px solid var(--color-border-warm);border-radius:14px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.bank-label{color:var(--color-text-muted);text-transform:uppercase;font-size:.825rem;font-weight:600}.bank-val{color:var(--color-accent);font-family:monospace;font-size:1.05rem;font-weight:700}.copy-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.85rem;font-weight:600}.copy-btn:hover{text-decoration:underline}.donation-qr-box{border-radius:var(--radius-card);border:1px solid var(--color-border-warm);box-shadow:var(--shadow-md);text-align:center;background:#fff;padding:2.5rem 2rem}.qr-frame{border:2px dashed var(--color-primary);background:#fff;border-radius:16px;justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto 1.25rem;padding:12px;display:flex}.qr-frame img,.qr-frame svg{max-width:100%;max-height:100%}@media (width<=860px){.donation-grid{grid-template-columns:1fr}}.sponsors-carousel-wrap{width:100%;padding:1.5rem 0;position:relative;overflow:hidden}.sponsors-track{gap:3rem;width:max-content;animation:28s linear infinite scrollSponsors;display:flex}.sponsors-track:hover{animation-play-state:paused}@keyframes scrollSponsors{0%{transform:translate(0)}to{transform:translate(-50%)}}.sponsor-logo-item{border:1px solid var(--color-border-warm);height:64px;color:var(--color-accent);box-shadow:var(--shadow-sm);white-space:nowrap;background:#fff;border-radius:14px;justify-content:center;align-items:center;padding:.5rem 1.5rem;font-size:1rem;font-weight:700;display:flex}.site-footer{color:#d1d5db;border-top:4px solid var(--color-primary);background:#111827;margin-top:auto;padding:4.5rem 0 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3.5rem;display:grid}.footer-brand h3{color:#fbbf24;margin-bottom:.75rem}.footer-brand p{color:#9ca3af;max-width:380px;font-size:.95rem}.footer-contact-item{color:#e5e7eb;align-items:center;gap:.65rem;margin-top:.75rem;font-size:.925rem;display:flex}.footer-nav-title{color:#fff;font-size:1.1rem;font-family:var(--font-heading);margin-bottom:1.25rem}.footer-nav-list{flex-direction:column;gap:.65rem;list-style:none;display:flex}.footer-nav-link{color:#9ca3af;transition:var(--transition-smooth)}.footer-nav-link:hover{color:#fbbf24}.footer-bottom{border-top:1px solid #374151;justify-content:space-between;align-items:center;padding-top:2rem;font-size:.875rem;display:flex}.committee-login-link{color:#9ca3af;border-radius:var(--radius-full);transition:var(--transition-smooth);border:1px solid #374151;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.85rem;display:inline-flex}.committee-login-link:hover{color:#fbbf24;background:#fbbf2414;border-color:#fbbf24}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;opacity:0;visibility:hidden;background:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.modal-backdrop.is-open{opacity:1;visibility:visible}.modal-dialog{background:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-border-warm);width:100%;max-width:600px;max-height:90vh;padding:2.5rem;transition:transform .28s;position:relative;overflow-y:auto;transform:translateY(20px);box-shadow:0 20px 40px #00000040}.modal-backdrop.is-open .modal-dialog{transform:translateY(0)}.modal-close-btn{background:var(--color-bg-alt);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{color:var(--color-accent);background:#fee2e2}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--color-text);font-size:.88rem;font-weight:600}.form-control{border:1px solid var(--color-border);width:100%;font-family:var(--font-body);color:var(--color-text);transition:var(--transition-smooth);background:#fffdf8;border-radius:12px;padding:.75rem 1rem;font-size:.95rem}.form-control:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #d9770626}textarea.form-control{resize:vertical;min-height:100px}.form-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.65rem;font-size:.875rem;display:flex}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;color:#fff;box-shadow:var(--shadow-lg);border-left:4px solid var(--color-primary);background:#1f2937;border-radius:14px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.925rem;animation:.3s slideInToast;display:flex}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}@keyframes slideInToast{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.developer-credit{text-align:center;opacity:.85;margin:8px 0;font-size:.85rem}.developer-credit a{color:inherit;text-underline-offset:3px;text-decoration:underline}.developer-credit a:hover{opacity:1}@media (width<=600px){.contact-page-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.contact-page-grid>.card{min-width:0;padding:1.5rem 1.25rem!important}.contact-page-grid a{overflow-wrap:anywhere}#hero-slider,#about-sec,#latest-notices-sec,#featured-event-sec,#membership-sec,#donation-sec{max-width:100%;overflow-x:clip}.hero-slider-container{height:500px}.hero-content{box-sizing:border-box;width:100%;padding:0 1rem}.hero-title{overflow-wrap:anywhere;font-size:clamp(1.8rem,7vw,2.5rem);line-height:1.2}.hero-subtitle{font-size:1rem;line-height:1.5}.hero-cta-group{flex-wrap:wrap;justify-content:center;gap:.65rem}.hero-cta-group .btn{box-sizing:border-box;max-width:100%}.about-intro-text>div{flex-wrap:wrap}.notices-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}.notice-card{overflow-wrap:anywhere;min-width:0}.notice-meta{flex-wrap:wrap;gap:.5rem}.featured-event-card,.membership-card-wrap,.donation-grid,.featured-event-card>*,.membership-card-wrap>*,.donation-grid>*{min-width:0}.section .container{padding-left:1rem;padding-right:1rem}.section-header h2{overflow-wrap:anywhere}}.admin-layout{background-color:#f9fafb;min-height:100vh;display:flex}.admin-sidebar{color:#f3f4f6;z-index:50;background:#111827;border-right:1px solid #1f2937;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:sticky;top:0}.admin-sidebar-header{border-bottom:1px solid #1f2937;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.admin-sidebar-logo-icon{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.15rem;display:flex}.admin-sidebar-title{font-family:var(--font-heading);color:#fff;font-size:1.05rem;line-height:1.2}.admin-sidebar-badge{color:#fbbf24;text-transform:uppercase;background:#d9770633;border-radius:4px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.admin-nav{flex-direction:column;flex:1;gap:.4rem;padding:1.25rem .75rem;display:flex}.admin-nav-item{color:#9ca3af;cursor:pointer;transition:var(--transition-smooth);border-radius:10px;align-items:center;gap:.85rem;padding:.75rem 1rem;font-size:.925rem;font-weight:500;text-decoration:none;display:flex}.admin-nav-item:hover{color:#fff;background:#1f2937}.admin-nav-item.active{color:#fbbf24;border-left:3px solid var(--color-primary);background:linear-gradient(90deg,#d9770640 0%,#d977061a 100%);font-weight:600}.admin-nav-icon{justify-content:center;align-items:center;width:20px;font-size:1.15rem;display:flex}.admin-sidebar-footer{border-top:1px solid #1f2937;flex-direction:column;gap:.65rem;padding:1.25rem;display:flex}.admin-user-pill{color:#d1d5db;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.65rem;font-size:.85rem;display:flex;overflow:hidden}.admin-avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.admin-topbar{z-index:40;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex;position:sticky;top:0}.admin-page-title{font-family:var(--font-heading);color:var(--color-accent);font-size:1.35rem}.admin-topbar-actions{align-items:center;gap:1rem;display:flex}.admin-content-body{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.stat-kpi-card{border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);background:#fff;border:1px solid #e5e7eb;flex-direction:column;padding:1.5rem;display:flex;position:relative;overflow:hidden}.stat-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-kpi-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.stat-kpi-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.825rem;font-weight:600}.stat-kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.stat-icon-amber{color:#d97706;background:#fef3c7}.stat-icon-emerald{color:#059669;background:#d1fae5}.stat-icon-blue{color:#2563eb;background:#dbeafe}.stat-icon-purple{color:#7c3aed;background:#ede9fe}.stat-icon-rose{color:#e11d48;background:#ffe4e6}.stat-kpi-value{color:#111827;font-size:1.85rem;font-weight:700;font-family:var(--font-heading)}.admin-table-container{border-radius:var(--radius-card);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;margin-bottom:2rem;overflow:hidden}.admin-table-header{background:#faf5eb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.admin-table-title{color:var(--color-accent);font-size:1.15rem}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.admin-table th{color:#4b5563;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.85rem 1.25rem;font-size:.75rem;font-weight:600}.admin-table td{color:#1f2937;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:1rem 1.25rem}.admin-table tr:hover td{background:#fffdf8}.status-badge{border-radius:var(--radius-full);align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-approved{color:#065f46;background:#d1fae5}.badge-pending{color:#92400e;background:#fef3c7}.badge-rejected{color:#991b1b;background:#fee2e2}.badge-paid{color:#3730a3;background:#e0e7ff}.charts-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.chart-card{border-radius:var(--radius-card);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5e7eb;padding:1.5rem}.chart-card-full{grid-column:1/-1}.chart-canvas-wrapper{width:100%;height:280px;position:relative}@media (width<=900px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:static}.charts-grid{grid-template-columns:1fr}}