:root{--navy:#0b7f8c;--navy-deep:#085f6b;--blue:#0a9ca9;--blue-dark:#0b7f8c;--blue-soft:#e2f2f3;--gold:#d9a441;--gold-dark:#c08f2c;--gold-light:#f4e7c1;--gold-tint:#fdf6e6;--white:#fff;--bg:#fff;--bg-soft:#f6f8fb;--text:#172033;--text-muted:#667085;--border:#e5e7eb;--border-strong:#d3d8e0;--teal:var(--blue);--teal-dark:var(--blue-dark);--navy-dark:var(--navy-deep);--shadow-sm:0 1px 2px #0b7f8c0f;--shadow:0 4px 18px #0b7f8c12;--shadow-md:0 10px 30px #0b7f8c1a;--shadow-lift:0 14px 34px #0b7f8c24;--radius:12px;--radius-sm:8px;--radius-lg:16px;--t-fast:.25s;--t-base:.3s;--t-slow:.4s;--t-reveal:.65s;--ease:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.16, 1, .3, 1);--font:"Segoe UI", system-ui, -apple-system, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4{color:var(--navy);margin:0 0 .5rem;line-height:1.2}p{color:var(--text-muted);margin:0 0 1rem}a{color:var(--blue);transition:color var(--t-fast) var(--ease);text-decoration:none}a:hover{color:var(--blue-dark)}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), box-shadow var(--t-base) var(--ease), transform var(--t-fast) var(--ease);border:2px solid #0000;padding:13px 26px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--navy);color:var(--white);border-color:var(--navy)}.btn-primary:hover{background:var(--blue);border-color:var(--blue);color:var(--white);box-shadow:var(--shadow-md)}.btn-gold{background:var(--gold);color:var(--navy-deep);border-color:var(--gold);font-weight:700}.btn-gold:hover{background:var(--gold-dark);border-color:var(--gold-dark);color:var(--navy-deep);box-shadow:0 10px 24px #d9a44159}.btn-outline{color:var(--white);background:0 0;border-color:#ffffffa6}.btn-outline:hover{background:var(--white);color:var(--navy);border-color:var(--white)}.btn-secondary{color:var(--navy);border-color:var(--navy);background:0 0}.btn-secondary:hover{background:var(--navy);color:var(--white);border-color:var(--navy);box-shadow:var(--shadow-md)}section{padding:72px 0}.section-label{color:var(--gold-dark);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:13px;font-weight:700}.section-head{text-align:center;max-width:640px;margin:0 auto 48px}.section-head h2{color:var(--navy);font-size:34px}.section-head p{color:var(--text-muted)}.page-head,.hero-home{background:var(--navy);color:var(--white);text-align:center}.page-head h1{color:var(--white);margin-bottom:8px;font-size:40px}.page-head p{color:#ffffffd1;max-width:560px;margin:0 auto}.page-head .section-label{color:var(--gold)}.page-enter{animation:pageEnter var(--t-slow) var(--ease) both}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.js .reveal{opacity:0;transition:opacity var(--t-reveal) var(--ease), transform var(--t-reveal) var(--ease);transition-delay:var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(18px)}.js .reveal-x{transform:translate(-24px)}.js .reveal-x.reveal-flip{transform:translate(24px)}.js .reveal-soft{transform:none}.js .reveal.is-revealed{opacity:1;will-change:auto;transform:none}.js .reveal-section{opacity:0;transition:opacity var(--t-reveal) var(--ease-soft)}.js .reveal-section.is-revealed{opacity:1}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.reveal-section{opacity:1;transform:none}.btn:hover,.admin-btn:hover,.admin-login-btn:hover,.admin-card:hover,.admin-card:hover .admin-card-accent,.admin-sidebar-brand:hover img,.brand:hover .brand-logo,.footer-brand:hover .footer-logo,.hero-stats:hover,.feature-card:hover,.feature-card:hover .feature-icon,.step-card:hover,.service-card:hover,.service-card:hover .service-icon,.value-card:hover,.team-member:hover,.team-member:hover .team-member-photo,.team-member:hover .team-initials,.team-chairman-photo:hover,.chairperson-message-photo:hover,.apply-step:hover,.upload-drop:hover,.product-card:hover{transform:none!important}}@media (width<=520px){.section-head{margin-bottom:32px}}.hero-home{background:var(--navy);color:var(--white);padding:96px 0}.hero-home .container{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.hero-home h1{color:var(--white);margin-bottom:18px;font-size:46px}.hero-home h1 span{color:var(--gold)}.hero-home p{color:#ffffffd9;margin-bottom:28px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-stats{border-radius:var(--radius);transition:background-color var(--t-base) var(--ease), border-color var(--t-base) var(--ease), transform var(--t-base) var(--ease);background:#ffffff12;border:1px solid #ffffff29;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:24px;display:grid}.hero-stats:hover{background:#ffffff1a;border-color:#ffffff42;transform:translateY(-4px)}.hero-stat{text-align:center}.hero-stat strong{color:var(--gold);font-size:30px;display:block}.hero-stat span{color:#ffffffbf;font-size:13px}.features{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);padding:28px}.feature-card:hover{box-shadow:var(--shadow-lift);border-color:var(--border-strong);transform:translateY(-4px)}.feature-icon{background:var(--blue-soft);width:48px;height:48px;color:var(--blue);transition:background-color var(--t-base) var(--ease), color var(--t-base) var(--ease), transform var(--t-base) var(--ease);border-radius:10px;place-items:center;margin-bottom:16px;font-size:24px;display:grid}.feature-card:hover .feature-icon{background:var(--navy);color:var(--gold);transform:scale(1.05)}.feature-card h3{color:var(--navy);margin-bottom:10px}.feature-card p{color:var(--text-muted);margin:0}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);padding:32px 28px 28px;position:relative}.step-card:hover{box-shadow:var(--shadow-lift);border-color:var(--border-strong);transform:translateY(-4px)}.step-card h3{color:var(--navy);margin-bottom:8px}.step-card p{color:var(--text-muted);margin:0}.step-num{color:var(--gold);opacity:.55;transition:opacity var(--t-base) var(--ease);margin-bottom:12px;font-size:34px;font-weight:800;line-height:1}.step-card:hover .step-num{opacity:1}.cta-band{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%);color:var(--white);text-align:center;background-position:50%;background-size:cover;padding:80px 0}.cta-band .container{z-index:1;position:relative}.cta-band h2{color:var(--white);margin-bottom:12px;font-size:34px}.cta-band p{color:#ffffffe0;max-width:560px;margin:0 auto 26px}.grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:32px;display:grid}.alt-bg{background:var(--bg-soft)}.service-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);gap:20px;margin-bottom:20px;padding:28px;display:flex}.service-card:hover{box-shadow:var(--shadow-lift);border-color:var(--border-strong);transform:translateY(-4px)}.service-card h3{color:var(--navy);margin-bottom:6px}.service-card p{color:var(--text-muted);margin:0}.service-icon{background:var(--navy);width:56px;height:56px;color:var(--white);transition:background-color var(--t-base) var(--ease), color var(--t-base) var(--ease), transform var(--t-base) var(--ease);border-radius:12px;flex-shrink:0;place-items:center;font-size:26px;display:grid}.service-card:hover .service-icon{background:var(--gold);color:var(--navy);transform:scale(1.05)}.values{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.value-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);padding:28px}.value-card:hover{box-shadow:var(--shadow-lift);border-color:var(--border-strong);transform:translateY(-4px)}.value-card h3{color:var(--navy);margin-bottom:8px;font-size:20px}.value-card p{color:var(--text-muted);margin:0}.team-chairman{text-align:center;margin-bottom:48px}.team-chairman-photo{object-fit:cover;border:5px solid var(--white);outline:2px solid var(--gold);width:220px;height:220px;box-shadow:var(--shadow-md);transition:transform var(--t-slow) var(--ease), box-shadow var(--t-slow) var(--ease);border-radius:50%;margin-bottom:16px}.team-chairman-photo:hover{box-shadow:var(--shadow-lift);transform:scale(1.03)}.team-row{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;display:grid}.team-member{text-align:center;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);padding:32px 24px}.team-member:hover{box-shadow:var(--shadow-lift);border-color:var(--border-strong);transform:translateY(-4px)}.team-member.featured{border-color:var(--gold);box-shadow:0 14px 40px #d9a44138}.team-member.featured:hover{box-shadow:0 18px 46px #d9a44152}.team-member-photo{object-fit:cover;width:140px;height:140px;transition:transform var(--t-slow) var(--ease);border-radius:50%;margin-bottom:16px}.team-member:hover .team-member-photo{transform:scale(1.04)}.team-member.featured .team-member-photo{width:200px;height:200px}.team-initials{background:var(--navy);color:var(--white);width:140px;height:140px;transition:background-color var(--t-base) var(--ease), transform var(--t-base) var(--ease);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:40px;font-weight:700;display:inline-flex}.team-member:hover .team-initials{background:var(--blue);transform:scale(1.04)}.team-role{color:var(--gold-dark);margin-bottom:0;font-weight:600}.chairperson-message-top{margin-top:32px}.chairperson-message-photo{object-fit:cover;border:3px solid var(--white);outline:2px solid var(--navy);width:200px;height:200px;box-shadow:var(--shadow-md);transition:transform var(--t-slow) var(--ease);border-radius:50%;margin-bottom:12px}.chairperson-message-photo:hover{transform:scale(1.03)}.chairperson-message-text{text-align:center;max-width:720px;margin:24px auto 0;font-size:17px}.chairperson-message-text p{color:var(--text-muted);margin-bottom:16px}.contact-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.contact-info-item{gap:14px;margin-bottom:22px;display:flex}.contact-info-item .icon{background:var(--blue-soft);width:44px;height:44px;color:var(--blue);transition:background-color var(--t-base) var(--ease), color var(--t-base) var(--ease);border-radius:10px;flex-shrink:0;place-items:center;font-size:20px;display:grid}.contact-info-item:hover .icon{background:var(--navy);color:var(--gold)}.form-group{margin-bottom:18px}.form-group label{color:var(--navy);margin-bottom:6px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:15px;font-family:var(--font);background:var(--white);color:var(--text);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);padding:12px 14px}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--border-strong)}.form-group input.has-error,.form-group select.has-error,.form-group textarea.has-error{outline-offset:-1px;border-color:#dc2626;outline:1px solid #dc2626}.field-error{color:#dc2626;margin-top:6px;font-size:13px;display:block}.field-hint{color:var(--text-muted);margin-top:6px;font-size:12px;display:block}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:2px solid var(--blue);outline-offset:-1px;border-color:var(--blue)}.form-grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}form{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px}.form-note{background:var(--gold-tint);border:1px solid var(--gold-light);color:var(--navy);border-radius:var(--radius-sm);margin-bottom:20px;padding:14px 16px;font-weight:500}.form-note-success{background:var(--gold-tint);border:1px solid var(--gold);padding:24px}.form-note-success h3{color:var(--navy);margin:0 0 8px}.form-note-success p{color:var(--text-muted);margin:4px 0}.form-note-success strong{background:var(--navy);color:var(--white);letter-spacing:.5px;border-radius:6px;padding:2px 10px;font-size:15px;display:inline-block}.apply-steps{grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 24px;display:grid}.apply-step{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);padding:16px}.apply-step:hover{box-shadow:var(--shadow-lift);border-color:var(--border-strong);transform:translateY(-4px)}.apply-step h4{color:var(--navy);margin:0 0 6px}.apply-step p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.upload-list button{color:#b91c1c;cursor:pointer;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:#fee2e2;border:none;border-radius:6px;flex-shrink:0;margin-left:auto;padding:3px 9px;font-size:12px}.upload-list button:hover{background:#fecaca}.upload-area{border:1px dashed var(--blue);border-radius:var(--radius);background:var(--bg-soft);margin-bottom:24px;padding:20px}.upload-note{color:var(--navy);background:var(--blue-soft);border-left:4px solid var(--blue);border-radius:6px;margin-bottom:14px;padding:10px 14px;font-weight:600}.upload-drop{border:2px dashed var(--blue);border-radius:var(--radius);background:var(--white);cursor:pointer;text-align:center;transition:background-color var(--t-base) var(--ease), border-color var(--t-base) var(--ease), transform var(--t-base) var(--ease);justify-content:center;align-items:center;gap:12px;padding:26px 20px;display:flex}.upload-drop:hover{background:var(--blue-soft);border-color:var(--navy);transform:translateY(-2px)}.upload-drop input[type=file]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.upload-icon{font-size:28px}.upload-drop small{color:var(--text-muted);margin-top:4px;font-size:13px;display:block}.upload-list{margin:14px 0 0;padding:0;list-style:none}.upload-list li{background:var(--white);border:1px solid var(--border);word-break:break-all;transition:border-color var(--t-fast) var(--ease);border-radius:6px;align-items:center;gap:8px;margin-bottom:6px;padding:8px 12px;font-size:14px;display:flex}.upload-list li:hover{border-color:var(--border-strong)}.upload-list li:before{content:"📄"}.upload-list em{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-style:normal}.home-bg section:not(.hero-home):not(.page-head):not(.cta-band){background:0 0}.product-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);margin-bottom:16px;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lift);border-color:var(--border-strong);transform:translateY(-4px)}.product-header{cursor:pointer;width:100%;font-family:var(--font);text-align:left;transition:background-color var(--t-fast) var(--ease);background:0 0;border:none;align-items:center;gap:16px;padding:20px 24px;display:flex}.product-header:hover{background:var(--bg-soft)}.product-icon{background:var(--blue-soft);width:44px;height:44px;color:var(--blue);transition:background-color var(--t-base) var(--ease), color var(--t-base) var(--ease);border-radius:10px;flex-shrink:0;place-items:center;font-size:22px;display:grid}.product-header:hover .product-icon{background:var(--navy);color:var(--gold)}.product-title{color:var(--navy);transition:color var(--t-fast) var(--ease);flex:1;font-size:19px;font-weight:700}.product-header:hover .product-title{color:var(--blue)}.product-chevron{color:var(--blue);text-transform:uppercase;letter-spacing:.5px;transition:color var(--t-fast) var(--ease);flex-shrink:0;font-size:13px;font-weight:600}.product-header:hover .product-chevron{color:var(--gold-dark);text-decoration:underline}.product-body{border-top:1px solid var(--border);padding:8px 24px 24px}.product-section{margin-top:20px}.product-section h4{text-transform:uppercase;letter-spacing:.8px;color:var(--gold-dark);margin-bottom:6px;font-size:14px}.product-section p{color:var(--text-muted);margin-bottom:0}.product-section ul{margin:0;padding-left:20px}.product-section li{color:var(--text-muted);margin-bottom:4px}.product-cta{margin-top:20px}@media (width<=1024px){.features,.steps,.values,.team-row{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.hero-home .container{text-align:center;grid-template-columns:1fr;gap:32px}.hero-actions{justify-content:center}.features,.steps,.values,.team-row{grid-template-columns:1fr}.grid-2{text-align:center;grid-template-columns:1fr}.contact-grid,.form-grid{grid-template-columns:1fr}}@media (width<=760px){.apply-steps{grid-template-columns:1fr;gap:12px}}@media (width<=520px){section{padding:48px 0}.container{padding:0 16px}.hero-home{padding:56px 0}.hero-home h1{font-size:32px}.hero-home p{font-size:16px}.hero-stats{grid-template-columns:1fr;gap:20px}.section-head h2{font-size:26px}.page-head{padding:44px 0}.page-head h1{font-size:30px}.cta-band{padding:56px 0}.cta-band h2{font-size:26px}form{padding:22px 16px}.upload-drop{flex-direction:column}.product-header{flex-wrap:wrap;padding:16px}.product-chevron{width:100%;padding-left:0}}.admin-shell{background:var(--bg-soft);min-height:100vh;display:flex}.admin-sidebar{background:var(--navy-deep);width:260px;color:var(--white);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.admin-sidebar-brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:20px;display:flex}.admin-sidebar-brand img{width:44px;height:auto;transition:transform var(--t-base) var(--ease);border-radius:6px}.admin-sidebar-brand:hover img{transform:scale(1.04)}.admin-sidebar-brand h3{color:var(--white);margin:0;font-size:15px;line-height:1.25}.admin-sidebar-brand span{color:var(--gold);font-size:12px}.admin-nav{flex:1;padding:12px 0}.admin-nav a{color:#ffffffbf;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), padding-left var(--t-fast) var(--ease);border-left:3px solid #0000;align-items:center;gap:12px;padding:11px 20px;font-size:14px;text-decoration:none;display:flex}.admin-nav a:hover{color:var(--white);background:#ffffff12;padding-left:23px}.admin-nav a.active{border-left-color:var(--gold);color:var(--white);background:#d9a44124}.admin-nav a .nav-dot{width:8px;height:8px;transition:background-color var(--t-fast) var(--ease);background:#ffffff40;border-radius:50%;flex-shrink:0}.admin-nav a:hover .nav-dot{background:#ffffff80}.admin-nav a.active .nav-dot{background:var(--gold)}.admin-sidebar-footer{border-top:1px solid #ffffff1a;padding:16px 20px}.admin-sidebar-user{align-items:center;gap:10px;margin-bottom:14px;display:flex}.admin-sidebar-avatar{background:var(--blue);width:38px;height:38px;color:var(--white);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.admin-sidebar-user-name{font-size:13px;font-weight:600}.admin-sidebar-user-role{color:#ffffff8c;font-size:11px}.btn-logout{border-radius:var(--radius-sm);color:#fca5a5;cursor:pointer;width:100%;transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:#dc262626;border:1px solid #dc262666;padding:10px;font-size:13px;font-weight:600}.btn-logout:hover{background:#dc262647;border-color:#dc262699}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex}.admin-header{background:var(--white);border-bottom:1px solid var(--border);z-index:40;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.admin-header h1{color:var(--navy);margin:0;font-size:20px}.admin-header-right{align-items:center;gap:14px;display:flex}.admin-badge{background:var(--gold-tint);color:var(--gold-dark);border:1px solid var(--gold-light);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.admin-content{flex:1;padding:28px}.admin-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);padding:18px}.admin-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-4px)}.admin-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.admin-card-value{color:var(--navy);margin-top:6px;font-size:26px;font-weight:800}.admin-card-accent{width:40px;height:40px;transition:transform var(--t-base) var(--ease);border-radius:10px;place-items:center;margin-bottom:10px;font-size:18px;display:grid}.admin-card:hover .admin-card-accent{transform:scale(1.06)}.accent-teal{background:var(--blue-soft);color:var(--blue)}.accent-gold{background:var(--gold-tint);color:var(--gold-dark)}.accent-navy{background:var(--blue-soft);color:var(--navy)}.accent-green{color:#166534;background:#dcfce7}.accent-red{color:#b91c1c;background:#fee2e2}.admin-panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);margin-bottom:24px}.admin-panel:hover{box-shadow:var(--shadow);border-color:var(--border-strong)}.admin-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.admin-panel-head h2,.admin-panel-head h3{color:var(--navy);margin:0;font-size:16px}.admin-panel-body{padding:20px}.admin-grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th{text-align:left;background:var(--bg-soft);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border);white-space:nowrap;padding:11px 14px;font-size:12px}.admin-table td{border-bottom:1px solid var(--border);white-space:nowrap;transition:background-color var(--t-fast) var(--ease);padding:11px 14px}.admin-table tbody tr:hover td{background:var(--bg-soft)}.admin-table tbody tr:last-child td{border-bottom:none}.status-badge{text-transform:capitalize;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.status-pending{background:var(--gold-tint);color:var(--gold-dark)}.status-under_review{background:var(--blue-soft);color:var(--blue)}.status-approved{color:#166534;background:#dcfce7}.status-rejected{color:#991b1b;background:#fee2e2}.status-cancelled{background:var(--bg-soft);color:var(--text-muted)}.status-active{color:#166534;background:#dcfce7}.status-inactive{background:var(--bg-soft);color:var(--text-muted)}.status-completed{background:var(--blue-soft);color:var(--blue-dark)}.status-paid{color:#166534;background:#dcfce7}.status-disbursement{background:var(--gold-tint);color:var(--gold-dark)}.status-repayment{background:var(--blue-soft);color:var(--blue-dark)}.status-new{background:var(--gold-tint);color:var(--gold-dark)}.status-read{background:var(--blue-soft);color:var(--blue-dark)}.status-archived{background:var(--bg-soft);color:var(--text-muted)}.admin-btn{border:1px solid var(--border-strong);background:var(--white);border-radius:var(--radius-sm);cursor:pointer;color:var(--navy);transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.admin-btn:hover{background:var(--bg-soft);transform:translateY(-1px)}.admin-btn-primary{background:var(--navy);border-color:var(--navy);color:var(--white)}.admin-btn-primary:hover{background:var(--blue);border-color:var(--blue);color:var(--white)}.admin-btn-gold{background:var(--gold);border-color:var(--gold);color:var(--navy-deep)}.admin-btn-gold:hover{background:var(--gold-dark);border-color:var(--gold-dark)}.admin-btn-danger{color:#dc2626;border-color:#fecaca}.admin-btn-danger:hover{background:#fef2f2}.admin-btn-sm{padding:5px 10px;font-size:12px}.admin-btn-ghost{color:var(--blue);cursor:pointer;transition:color var(--t-fast) var(--ease);background:0 0;border:none;padding:4px 6px;font-size:13px}.admin-btn-ghost:hover{color:var(--navy);text-decoration:underline}.admin-tabs{background:var(--white);border:1px solid var(--border-strong);border-radius:var(--radius-sm);flex-wrap:wrap;gap:4px;margin-bottom:16px;padding:4px;display:inline-flex}.admin-tab{color:var(--navy);border-radius:calc(var(--radius-sm) - 3px);cursor:pointer;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:none;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600}.admin-tab:hover{background:var(--bg-soft);color:var(--blue)}.admin-tab.active{background:var(--navy);color:var(--white)}.admin-tab.active:hover{background:var(--blue);color:var(--white)}.admin-tab:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-toolbar .spacer{flex:1}.admin-input,.admin-select,.admin-textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font);background:var(--white);color:var(--text);width:100%;transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);padding:9px 12px}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{outline:2px solid var(--blue);outline-offset:-1px;border-color:var(--blue)}.admin-input-sm{width:220px}.admin-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.admin-modal-overlay{z-index:100;animation:overlayIn var(--t-fast) var(--ease) both;background:#0c2a4b8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.admin-modal{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;animation:modalIn var(--t-base) var(--ease) both;overflow-y:auto;box-shadow:0 24px 60px #0c2a4b47}@keyframes modalIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.admin-modal-lg{max-width:760px}.admin-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.admin-modal-head h2{color:var(--navy);margin:0;font-size:17px}.admin-modal-close{cursor:pointer;color:var(--text-muted);transition:color var(--t-fast) var(--ease);background:0 0;border:none;font-size:20px}.admin-modal-close:hover{color:var(--navy)}.admin-modal-body{padding:22px}.admin-modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.admin-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin-form-group{margin-bottom:14px}.admin-form-group label{color:var(--navy);margin-bottom:5px;font-size:13px;font-weight:600;display:block}.admin-form-group input.has-error,.admin-form-group select.has-error,.admin-form-group textarea.has-error{border-color:#dc2626}.admin-alert{border-radius:var(--radius-sm);margin-bottom:14px;padding:12px 14px;font-size:13px;font-weight:500}.admin-alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.admin-alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.admin-alert-info{background:var(--blue-soft);color:var(--blue-dark);border:1px solid #bce3e9}.admin-alert-warning{background:var(--gold-tint);color:var(--gold-dark);border:1px solid var(--gold-light)}.quarter-bar{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:14px 18px;display:flex}.quarter-range{color:var(--text-muted);margin-left:10px;font-size:13px;font-weight:500}.quarter-controls{align-items:center;gap:10px;display:flex}.quarter-controls label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.quarter-controls select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-soft);color:var(--text);min-width:150px;transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);padding:8px 10px;font-size:14px}.quarter-controls select:hover{background:var(--white)}.admin-detail{grid-template-columns:1fr 1fr;gap:8px 24px;font-size:14px;display:grid}.admin-detail .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px}.admin-detail .value{color:var(--navy);margin-top:2px;font-weight:600}.admin-login-page{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login-card{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:420px;animation:modalIn var(--t-slow) var(--ease) both;padding:40px 36px;box-shadow:0 30px 60px #0c2a4b59}.admin-login-logo-wrap{text-align:center;margin-bottom:20px}.admin-login-logo-wrap img{border-radius:10px;width:120px}.admin-login-title{text-align:center;margin-bottom:6px}.admin-login-sub{text-align:center;color:var(--text-muted);margin-bottom:24px;font-size:13px}.admin-login-alert{color:#991b1b;border-radius:var(--radius-sm);text-align:center;background:#fef2f2;border:1px solid #fecaca;margin-bottom:16px;padding:11px 13px;font-size:13px}.password-wrap{position:relative}.password-wrap input{padding-right:46px}.password-toggle{cursor:pointer;color:var(--blue);transition:color var(--t-fast) var(--ease);background:0 0;border:none;padding:6px;font-size:13px;font-weight:600;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle:hover{color:var(--navy)}.admin-login-link{text-align:right;color:var(--blue);margin-bottom:18px;font-size:13px;display:block}.admin-login-link button{color:var(--blue);cursor:pointer;transition:color var(--t-fast) var(--ease);background:0 0;border:none;font-size:13px;font-weight:600}.admin-login-link button:hover{color:var(--navy)}.admin-login-btn{border-radius:var(--radius-sm);background:var(--navy);width:100%;color:var(--white);cursor:pointer;letter-spacing:.3px;transition:background-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease), box-shadow var(--t-base) var(--ease);border:none;padding:13px;font-size:15px;font-weight:700}.admin-login-btn:hover{background:var(--blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-login-back{text-align:center;color:var(--text-muted);transition:color var(--t-fast) var(--ease);margin-top:18px;font-size:13px;text-decoration:none;display:block}.admin-login-back:hover{color:var(--blue)}.text-muted{color:var(--text-muted)}.admin-row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.message-detail{margin-bottom:16px}.message-detail-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.message-detail-meta{color:var(--text-muted);margin-top:6px;font-size:13px}.message-detail-body{white-space:pre-wrap;margin-top:14px;font-size:14px;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.main{flex:1}.navbar{z-index:50;background:var(--white);box-shadow:none;transition:background-color var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}.navbar.scrolled{-webkit-backdrop-filter:blur(8px);border-bottom-color:var(--border);background:#fffffff0;box-shadow:0 6px 24px #0b7f8c17}.navbar-inner{height:72px;transition:height var(--t-base) var(--ease);justify-content:space-between;align-items:center;display:flex}.navbar.scrolled .navbar-inner{height:64px}.brand{color:var(--navy);letter-spacing:.5px;transition:color var(--t-fast) var(--ease);align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brand:hover{color:var(--navy)}.brand-logo{width:auto;height:48px;transition:transform var(--t-base) var(--ease);border-radius:6px;display:block}.brand:hover .brand-logo{transform:scale(1.03)}.brand span{color:var(--blue)}.nav-links{align-items:center;gap:20px;display:flex}.nav-links a{color:var(--navy);letter-spacing:.2px;transition:color var(--t-fast) var(--ease);padding:6px 0;font-size:13.5px;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--gold);transform-origin:50%;height:2px;transition:transform var(--t-base) var(--ease);border-radius:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--blue)}.nav-links a:hover:after{transform:scaleX(1)}.nav-links a.active{color:var(--blue)}.nav-links a.active:after{background:var(--blue);transform:scaleX(1)}.nav-cta{margin-left:8px;padding:9px 18px;font-size:13px}.nav-links a.nav-cta:after{display:none}.nav-toggle{color:var(--navy);cursor:pointer;transition:color var(--t-fast) var(--ease);background:0 0;border:none;font-size:26px;display:none}.nav-toggle:hover{color:var(--blue)}@media (width<=860px){.nav-toggle{display:block}.nav-links{background:var(--white);box-shadow:var(--shadow-md);max-height:0;transition:max-height var(--t-slow) var(--ease);flex-direction:column;align-items:flex-start;gap:0;position:absolute;top:72px;left:0;right:0;overflow:hidden}.navbar.scrolled .nav-links{top:64px}.nav-links.open{max-height:calc(100vh - 72px);padding:12px 24px 20px;overflow-y:auto}.nav-links a{border-bottom:1px solid var(--border);width:100%;padding:14px 0;display:block}.nav-links a:after{display:none}.nav-links a.active{color:var(--blue)}.nav-cta{text-align:center;margin:14px 0 0}}.footer{background:var(--navy-deep);color:#ffffffbf;padding:48px 0 0}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:36px;padding-bottom:32px;display:grid}.footer h4{color:var(--white);margin-bottom:16px;font-size:16px}.footer-brand{align-items:center;gap:10px;margin-bottom:12px;display:flex}.footer-brand h4{margin:0}.footer-logo{object-fit:contain;width:auto;height:64px;transition:transform var(--t-base) var(--ease);border-radius:6px}.footer-brand:hover .footer-logo{transform:scale(1.03)}.footer p{color:#ffffffb8;margin:0 0 12px;font-size:14px}.footer ul{margin:0;padding:0;list-style:none}.footer ul li{margin-bottom:10px}.footer ul a{color:#ffffffbf;transition:color var(--t-fast) var(--ease), padding-left var(--t-fast) var(--ease);font-size:14px;text-decoration:none}.footer ul a:hover{color:var(--gold);padding-left:4px}.footer-bottom{text-align:center;border-top:1px solid #ffffff1f;padding:18px 0;font-size:13px}@media (width<=720px){.footer-grid{grid-template-columns:1fr}}