:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--primary-500-rgb:59,130,246;--surface:#fff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--text:#1e293b;--text-muted:#475569;--text-heading:#0f172a;--bg:#fff;--bg-muted:#f8fafc;--border:#cbd5e1;--border-focus:#93c5fd;--error:#ef4444;--success:#22c55e;--warning:#f59e0b;--info:#3b82f6;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-heading:"Plus Jakarta Sans",var(--font-sans);--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--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;--space-20:5rem;--space-24:6rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--z-negative:-1;--z-elevate:1;--z-sticky:100;--z-drawer:200;--z-modal:300;--z-popover:400;--z-maximum:999;--transition-all:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-colors:color 0.2s cubic-bezier(0.4,0,0.2,1),background-color 0.2s cubic-bezier(0.4,0,0.2,1),border-color 0.2s cubic-bezier(0.4,0,0.2,1);--transition-opacity:opacity 0.2s cubic-bezier(0.4,0,0.2,1);--transition-shadow:box-shadow 0.2s cubic-bezier(0.4,0,0.2,1);--transition-transform:transform 0.2s cubic-bezier(0.4,0,0.2,1);--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(16px);--blur-xl:blur(24px)}.dark-theme{--surface:#1e293b;--surface-2:#334155;--surface-3:#475569;--text:#f1f5f9;--text-muted:#cbd5e1;--bg:#0f172a;--bg-muted:#1e293b;--border:#475569;--border-focus:#60a5fa;--primary-400:#93c5fd;--primary-500:#60a5fa;--primary-600:#3b82f6}@media (prefers-contrast:high){:root{--primary-600:#1a4bbd;--text:#000;--text-muted:#595959;--border:#000}.dark-theme{--text:#fff;--text-muted:#a6a6a6;--border:#fff}}@media (prefers-reduced-motion:reduce){:root{--transition-all:none;--transition-colors:none;--transition-opacity:none;--transition-shadow:none;--transition-transform:none}}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5}.light-theme{--text:#1a1a1a;--text-heading:#111;--text-muted:#666;--bg:#fff;--surface:#fff;--surface-2:#f5f5f5;--surface-3:#eee;--border:#e5e5e5}.dark-theme{--text:#e5e5e5;--text-heading:#fff;--text-muted:#a3a3a3;--bg:#1a1a1a;--surface:#262626;--surface-2:#333;--surface-3:#404040;--border:#404040}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-family:var(--font-heading);font-weight:700;line-height:1.2}h1,h2,h3,h4,h5,h6,ol,p,ul{margin-bottom:var(--space-4)}ol,ul{padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}img{height:auto;max-width:100%}.container{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.dark-theme .container{background:var(--surface-2);border-color:var(--border)}.container>*+*{margin-top:var(--space-8)}.content-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text);padding:var(--space-8)}.dark-theme .content-section{background:var(--surface-2);border-color:var(--border)}.skip-to-main{background:var(--primary-600);color:#fff;left:0;padding:var(--space-3) var(--space-4);position:fixed;top:-100%;transition:top .3s;z-index:var(--z-maximum)}.skip-to-main:focus{top:0}.section{border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.section>*+*{margin-top:var(--space-6)}.dark-theme .section{background:var(--surface-2)}.section-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text);padding:var(--space-6)}.dark-theme .section-content{background:var(--surface-2);border-color:var(--border)}.section-title{font-size:var(--text-2xl)}.section-text{margin-inline:auto;margin-bottom:var(--space-8);max-width:65ch;text-align:center}.hero{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));padding:var(--space-12) 0}.hero-pattern{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");inset:0;opacity:.1;position:absolute}.hero-content{margin-inline:auto;z-index:1}.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-xl);opacity:.9}.fade-in{animation:fadeIn .5s ease-out}.slide-up{animation:slideUp .5s ease-out}@media (max-width:768px){html{font-size:14px}.section{padding:var(--space-6) 0}.hero{padding:var(--space-8) 0}.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-lg)}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media print{body{background:#fff;color:#000}.no-print{display:none}a{text-decoration:underline}@page{margin:2cm}}.btn{border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:600;height:48px;min-width:160px}.btn-primary{border:2px solid var(--primary-600)}.btn-primary:hover{border-color:var(--primary-700);color:#fff;transform:translateY(-2px)}.btn-outline{border:2px solid var(--primary-600)}.btn-outline:hover{background:var(--primary-600);transform:translateY(-2px)}.card{transition:var(--transition-all)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.text-lg{font-size:var(--text-lg);line-height:1.6}.text-xl{font-size:var(--text-xl);line-height:1.5}.text-2xl{font-size:var(--text-2xl);line-height:1.4}.section-padding{padding:var(--space-16) 0}.section-subtitle{color:var(--text-muted);font-size:var(--text-xl);margin:0 auto var(--space-12);max-width:800px;text-align:center}.image-container{position:relative}.image-container img{transition:var(--transition-all)}.container,.section{background:var(--surface);color:var(--text)}.section{padding:var(--space-8) 0}.dark-theme .container,.dark-theme .section{background:var(--surface-2);color:var(--text)}.grid-2{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(2,1fr)}.grid-3{grid-gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.grid-3,.grid-4{display:grid;gap:var(--space-6)}.grid-4{grid-gap:var(--space-6);grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.btn{font-size:var(--text-base);height:44px;min-width:140px}.section-title{font-size:var(--text-2xl)}.section-subtitle{font-size:var(--text-lg)}}@media (max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.image-container{min-height:300px}}.dark-theme .section-subtitle{color:var(--text-muted)}.layout{display:flex;flex-direction:column;min-height:100vh}.main{flex:1 1;padding-bottom:var(--space-16);padding-top:var(--space-16)}.header{background-color:var(--surface);box-shadow:var(--shadow-sm);left:0;position:fixed;right:0;transition:var(--transition-all);z-index:var(--z-sticky)}.header-content{margin:0 auto;max-width:var(--container-xl);padding:var(--space-4)}.brand{align-items:center;display:flex;gap:var(--space-2);text-decoration:none}.brand-title{color:var(--primary-600);font-size:var(--text-xl);font-weight:700}.nav-menu{align-items:center;display:flex;gap:var(--space-6)}.nav-link{color:var(--text-muted);font-weight:500;text-decoration:none;transition:var(--transition-colors)}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--primary-600)}.theme-toggle{color:var(--text-muted);transition:var(--transition-colors)}.theme-toggle:hover{color:var(--text)}.theme-toggle svg{height:1.5em;width:1.5em}.menu-button{background:none;border:none;color:var(--text-muted);cursor:pointer;display:none;padding:var(--space-2)}.menu-button svg{height:1.5em;width:1.5em}.footer{padding:var(--space-12) 0}.footer-bottom{color:var(--text-muted);padding-top:var(--space-8);text-align:center}@media (max-width:768px){.nav-menu{align-items:stretch;background-color:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-lg);display:none;flex-direction:column;gap:var(--space-2);left:0;padding:var(--space-4);position:fixed;right:0;top:60px}.menu-open .nav-menu{display:flex}.menu-button{display:block}.nav-link{border-radius:var(--radius-md);padding:var(--space-3)}.nav-link:hover{background-color:var(--surface-2)}.footer-content{grid-template-columns:1fr;text-align:center}.footer-links{align-items:center}}@media print{.footer,.header{display:none}.main{padding:0}}.header{background:var(--surface);border-bottom:1px solid var(--border);height:var(--header-height);position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4) 0}.brand-logo-img{display:block;height:100%;object-position:20% 50%;width:100%}.nav-links{-ms-overflow-style:none;align-items:center;display:flex;gap:var(--space-6);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{border-radius:var(--radius-sm);color:var(--text);font-weight:500;padding:var(--space-2) var(--space-1);text-decoration:none;transition:var(--transition-all);white-space:nowrap}.nav-links a:hover{background:var(--surface-2);color:var(--primary-600)}.theme-toggle{background:none;border:none;border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-xl);line-height:1;padding:var(--space-2);transition:var(--transition-all)}.theme-toggle:hover{background:var(--surface-2)}.user-menu{gap:var(--space-4)}.user-menu,.username{align-items:center;display:flex}.username{color:var(--text);font-weight:500;gap:var(--space-2)}.role-badge{background:rgba(var(--primary-500-rgb),.1);border-radius:var(--radius-full);color:var(--primary-600);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.btn{padding:var(--space-2) var(--space-4)}.btn-primary{text-decoration:none}.dark-theme.header{background:var(--surface-2)}.dark-theme .nav-links a:hover,.dark-theme .theme-toggle:hover{background:var(--surface-3)}@media (max-width:1024px){.nav-links{gap:var(--space-4)}.username{display:none}.brand-text{font-size:var(--text-base)}}@media (max-width:768px){.header-content{row-gap:var(--space-3)}.brand-text{display:none}.nav-links{justify-content:space-between;order:3;padding-top:var(--space-4);width:100%}}@media print{.header{border-bottom:none;position:static}.header-actions,.nav-links{display:none}}@media (prefers-contrast:more){.header{border-bottom:2px solid}.role-badge{border:1px solid}}@media (prefers-reduced-motion:reduce){.btn,.nav-links a,.theme-toggle{transition:none}}.nav-links{display:none!important}.hamburger-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;justify-content:center;padding:var(--space-2);transition:var(--transition-all)}.hamburger-btn:hover{background:var(--surface-2)}.hamburger-lines{display:inline-flex;flex-direction:column;height:16px;justify-content:space-between;width:22px}.hamburger-lines span{background:var(--text);border-radius:999px;display:block;height:2px;transition:transform .18s ease,opacity .18s ease;width:100%}.hamburger-lines.is-open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-lines.is-open span:nth-child(2){opacity:0}.hamburger-lines.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-overlay{background:#00000073;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .16s ease;z-index:2000}.menu-overlay.open{opacity:1;pointer-events:auto}.menu-panel{background:var(--surface);display:flex;flex-direction:column;inset:0;padding:var(--space-5);position:absolute}.dark-theme .menu-panel{background:var(--surface-2)}.menu-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:var(--space-4);justify-content:space-between;padding-bottom:var(--space-4)}.menu-title{color:var(--text);font-size:var(--text-lg);font-weight:700}.menu-close{background:#0000;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-2) var(--space-3);transition:var(--transition-all)}.menu-close:hover{background:var(--surface-2)}.menu-links{display:flex;flex-direction:column;gap:var(--space-2);overflow:auto;padding-top:var(--space-4)}.menu-link{background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--text);font-weight:600;padding:var(--space-3);text-decoration:none;transition:var(--transition-all)}.menu-link:hover{background:var(--surface-2);border-color:var(--border)}.menu-footer{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4)}.menu-welcome{color:var(--text);font-weight:600}@media (max-width:768px){.username{display:none}}.footer{border-top:1px solid var(--border);margin-top:auto;padding:var(--space-12) 0 0}.dark-theme .footer,.footer{background-color:var(--surface-2)}.footer-content{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:var(--container-xl);padding:0 var(--space-4)}.footer-section{display:flex;flex-direction:column;gap:var(--space-4)}.footer-title{color:var(--text-heading);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.footer-description{color:var(--text-muted);line-height:1.6;margin-bottom:var(--space-4)}.footer-contact{color:var(--text-muted)}.footer-contact,.footer-links{display:flex;flex-direction:column;gap:var(--space-2)}.footer-link{color:var(--text-muted);padding:var(--space-1) 0;text-decoration:none;transition:var(--transition-colors)}.footer-link:hover{color:var(--text)}.hours-list{display:flex;flex-direction:column;gap:var(--space-2)}.hours-item{color:var(--text-muted);display:flex;justify-content:space-between}.emergency-notice{color:var(--primary-600);font-weight:500;margin-top:var(--space-4)}.footer-bottom{border-top:1px solid var(--border);margin-top:var(--space-8);padding:var(--space-6) var(--space-4)}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin:0 auto;max-width:var(--container-xl)}.copyright{color:var(--text-muted);font-size:var(--text-sm)}.footer-bottom-links{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--space-4)}.separator{color:var(--border)}@media (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-section,.hours-item{align-items:center}.hours-item{flex-direction:column;gap:var(--space-1)}.footer-bottom-content{flex-direction:column;text-align:center}.footer-bottom-links{flex-direction:column;gap:var(--space-2)}.separator{display:none}}@media print{.footer{display:none}}@media (prefers-contrast:more){.footer-link{text-decoration:underline}}.footer-section{animation:fadeInUp .5s ease forwards;opacity:0;transform:translateY(20px)}.footer-section:first-child{animation-delay:.1s}.footer-section:nth-child(2){animation-delay:.2s}.footer-section:nth-child(3){animation-delay:.3s}.footer-section:nth-child(4){animation-delay:.4s}@media (prefers-reduced-motion:reduce){.footer-section{animation:none;opacity:1;transform:none}}.hero{align-items:center;display:flex;justify-content:center;min-height:80vh;overflow:hidden;padding:var(--space-8) 0;position:relative}.hero,.hero-content h1{color:#fff}.hero-buttons{display:flex;gap:var(--space-4);justify-content:center}.services-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:var(--space-8) 0}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--space-6);text-align:center;transition:var(--transition-all)}.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.service-image{border-radius:var(--radius-md);height:200px;margin-bottom:var(--space-4);overflow:hidden;width:100%}.service-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.service-card:hover .service-image img{transform:scale(1.05)}.info-grid{grid-gap:var(--space-8);align-items:center;display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr}.info-content h2{color:var(--text-heading);font-size:var(--text-3xl);font-weight:800;letter-spacing:-.02em}.feature-list,.info-content h2{margin-bottom:var(--space-6)}.feature-list li{align-items:center;display:flex;margin-bottom:var(--space-3)}.feature-list li:before{color:var(--primary-600);content:"✓";font-weight:700;margin-right:var(--space-3)}.image-container{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:100%;min-height:400px;overflow:hidden;width:100%}.image-container img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-container:hover img{transform:scale(1.05)}.image-banner{height:400px;margin:var(--space-16) 0;overflow:hidden;width:100%}.banner-image,.banner-image img{height:100%;width:100%}.banner-image img{object-fit:cover}.contact-grid{grid-gap:var(--space-6);gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-6)}.contact-item{align-items:flex-start;display:flex}.contact-item h3{margin-bottom:var(--space-2)}.cta-section{margin-top:var(--space-16)}.cta-title{font-size:var(--text-3xl);margin-bottom:var(--space-4);text-shadow:0 2px 4px #0003}.cta-description{margin-bottom:var(--space-8);opacity:.9;text-shadow:0 1px 2px #0003}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{min-height:60vh}.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-xl)}.hero-buttons{flex-direction:column;gap:var(--space-4)}.info-grid{gap:var(--space-8)}.contact-grid,.info-grid{grid-template-columns:1fr}.contact-grid{gap:var(--space-6)}.service-card{padding:var(--space-6)}.image-container{min-height:300px}.image-banner{height:300px}}@media (max-width:480px){.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-lg)}.services-grid{grid-template-columns:1fr}.service-card{padding:var(--space-4)}.image-container{min-height:250px}.image-banner{height:200px}}.dark-theme .content,.dark-theme .service-card{background:var(--surface-2);border-color:var(--border)}.dark-theme .feature-list li:before,.dark-theme .service-icon{color:var(--primary-400)}.dark-theme .image-container{border-color:var(--border)}@media print{.hero{min-height:auto;padding:var(--space-8) 0}.cta-section,.hero-image,.hero-overlay{display:none}}.contact-page .hero{align-items:center;color:#fff;display:flex;justify-content:center;min-height:60vh;overflow:hidden;padding:var(--space-8) 0;position:relative}.contact-grid{grid-template-columns:repeat(2,1fr);margin:var(--space-16) 0}.contact-info-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-8)}.info-image{border-radius:var(--radius-md);height:250px;margin-bottom:var(--space-6);overflow:hidden;width:100%}.info-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.info-image:hover img{transform:scale(1.05)}.contact-heading{color:var(--text-heading);font-size:var(--text-3xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-6)}.contact-list{display:flex;flex-direction:column;gap:var(--space-6);text-align:center}.contact-item{gap:var(--space-4);justify-content:center;text-align:center}.contact-icon{color:var(--primary-600);flex-shrink:0;height:2rem;width:2rem}.contact-text{font-size:var(--text-lg);line-height:1.6}.contact-link{color:var(--primary-600);transition:color .3s ease}.contact-link:hover{color:var(--primary-700)}.contact-form-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-8)}.form-image{border-radius:var(--radius-md);height:250px;margin-bottom:var(--space-6);overflow:hidden;width:100%}.form-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.form-image:hover img{transform:scale(1.05)}.contact-form{gap:var(--space-4)}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-label{color:var(--text-heading)}.form-control{border:1px solid var(--border);border-color:var(--primary-600);box-shadow:0 0 0 1px var(--primary-100);font-size:var(--text-base);transition:all .3s ease}.form-control:focus{box-shadow:0 0 0 2px var(--primary-100)}textarea.form-control{min-height:120px;resize:vertical}.submit-button{background:var(--primary-600);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--text-lg);font-weight:600;padding:var(--space-4) var(--space-6);transition:all .3s ease}.submit-button:hover{background:var(--primary-700)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.submit-button.loading{color:#0000;position:relative}.submit-button.loading:after{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;inset:0;margin:auto;position:absolute;width:20px}.success-message{background:var(--success-50);border:1px solid var(--success-200);border-radius:var(--radius-md);color:var(--success-700);margin-bottom:var(--space-4);padding:var(--space-4)}.map-section{grid-gap:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:grid;gap:var(--space-8);grid-template-columns:2fr 1fr;margin:var(--space-16) 0;overflow:hidden}.map-container{height:500px;position:relative}.map-frame{border:none;height:100%;width:100%}.map-overlay{background:var(--surface);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.map-overlay img{border-radius:var(--radius-md);height:250px;margin-bottom:var(--space-4);object-fit:cover;width:100%}.map-text{text-align:center}.map-text h3{color:var(--text-heading);font-size:var(--text-2xl);margin-bottom:var(--space-2)}.map-text p{color:var(--text);font-size:var(--text-lg);line-height:1.6}.dark-theme .contact-form-section,.dark-theme .contact-info-section,.dark-theme .map-overlay{background:var(--surface-2)}.dark-theme .contact-icon,.dark-theme .contact-link{color:var(--primary-400)}.dark-theme .contact-link:hover{color:var(--primary-300)}.dark-theme .form-control{background:var(--surface-2)}.dark-theme .form-control:focus{border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-900)}@media (max-width:1024px){.contact-grid{gap:var(--space-6)}.contact-grid,.map-section{grid-template-columns:1fr}.map-container{height:400px}}@media (max-width:768px){.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-xl)}.contact-form-section,.contact-info-section{padding:var(--space-6)}.form-image,.info-image{height:200px}.map-container{height:300px}}@media (max-width:480px){.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-lg)}.contact-form-section,.contact-info-section{padding:var(--space-4)}.form-image,.info-image{height:180px}.map-container{height:250px}.map-overlay img{height:200px}}@media print{.hero{min-height:auto;padding:var(--space-8) 0}.hero-image,.hero-overlay{display:none}.contact-form-section,.contact-info-section{border:1px solid var(--border);box-shadow:none}.map-section{display:none}}.cv-auto{contain-intrinsic-size:0 500px;content-visibility:auto}.blur-load{background-position:50%;background-size:cover}.blur-load.loaded>img{opacity:1}.blur-load>img{opacity:0;transition:opacity .2s ease-in-out}.lazy-section{min-height:1px}.font-loaded{font-display:optional}.aspect-ratio-box{padding-top:56.25%;position:relative}.aspect-ratio-box>*{height:100%;left:0;position:absolute;top:0;width:100%}@media (prefers-reduced-motion:no-preference){.optimize-animation{will-change:transform}}.optimize-paint{backface-visibility:hidden;transform:translateZ(0)}.content-fence{contain:layout style paint}.image-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--surface-2) 0,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.progressive-image{transition:filter .3s ease-out}.progressive-image.loading{filter:blur(10px)}.optimize-gpu{transform:translateZ(0)}.text-visible{font-display:swap}.virtual-list{contain:strict}.clip-content{contain:paint}.hardware-accelerated{transform:translateZ(0);will-change:transform}img{aspect-ratio:attr(width) /attr(height)}.scroll-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.cleanup-layer{contain:strict;content-visibility:auto}.modal-content{contain:content}@media (hover:hover){.hover-effect{transition:transform .2s ease-out}.hover-effect:hover{transform:translateY(-2px)}}@media print{.no-break{break-inside:avoid;page-break-inside:avoid}.force-break{break-before:page;page-break-before:always}}@media (prefers-reduced-motion:reduce){.motion-safe{animation:none;transition:none}}@media (prefers-contrast:more){.contrast-safe{border:2px solid}}.app{display:flex;flex-direction:column;min-height:100vh}.btn{align-items:center;border:2px solid #0000;display:inline-flex;justify-content:center;text-decoration:none}.btn-primary{background-color:var(--primary-600)}.btn-primary:hover{background-color:var(--primary-700)}.btn-outline{border-color:var(--primary-600);color:var(--primary-600)}.btn-outline:hover{background-color:var(--primary-600);color:#fff}a{color:var(--primary-600);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--primary-700)}.container{margin-inline:auto;padding:var(--space-4);width:min(100% - 2rem,var(--container-xl))}.section{padding:var(--space-16) 0}.section-title{margin-bottom:var(--space-8);text-align:center}.card{background-color:var(--surface);padding:var(--space-6)}.form-group{margin-bottom:var(--space-4)}.form-label{color:var(--text-muted);display:block;margin-bottom:var(--space-2)}.form-control{background-color:var(--surface);padding:var(--space-3)}.alert{margin-bottom:var(--space-4)}.alert-error{background-color:#ef44441a;border:1px solid var(--error)}.alert-success{background-color:#22c55e1a;border:1px solid var(--success);color:var(--success)}.loading{pointer-events:none;position:relative}.loading:after{background-color:#ffffffb3;border-radius:inherit;content:"";inset:0;position:absolute}.text-center{text-align:center}.w-full{width:100%}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:var(--space-4)}.dark-theme{color-scheme:dark}.dark-theme .card,.dark-theme .form-control{background-color:var(--surface-2)}.dark-theme .form-control{border-color:var(--border)}.dark-theme .form-control:focus{border-color:var(--primary-600)}@media (max-width:768px){.container{padding:var(--space-4) var(--space-2)}.section{padding:var(--space-8) 0}}@media print{.no-print{display:none}.container{padding:0;width:100%}.card{border:1px solid var(--border);box-shadow:none}}:root{--primary-color-rgb:37,99,235;--success-color-rgb:5,150,105;--danger-color-rgb:220,38,38;--warning-color-rgb:217,119,6;color-scheme:light dark}*,:after,:before{box-sizing:border-box;margin:0;padding:0}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,p{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;scroll-behavior:smooth;text-rendering:optimizeSpeed}img,picture{display:block;height:auto;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:focus{outline:3px solid var(--primary-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}::selection{background-color:var(--primary-color);color:#fff}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--light-bg)}.dark-theme ::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}ol[class],ul[class]{list-style:none;padding:0}table{margin-bottom:var(--space-md)}td,th{border-bottom:1px solid var(--light-border);padding:var(--space-sm)}.dark-theme td,.dark-theme th{border-bottom-color:var(--dark-border)}code,pre{background-color:#2563eb1a;background-color:rgba(var(--primary-color-rgb),.1);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em;padding:.2em .4em}.dark-theme code,.dark-theme pre{background-color:#ffffff1a}blockquote{border-left:4px solid var(--primary-color);font-style:italic;margin:var(--space-md) 0;padding-left:var(--space-md)}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{background-color:var(--light-input-bg);border:1px solid var(--light-border);border-radius:var(--radius-md);padding:.75rem 1rem;transition:all var(--transition-normal);width:100%}.dark-theme input[type=email],.dark-theme input[type=number],.dark-theme input[type=password],.dark-theme input[type=search],.dark-theme input[type=tel],.dark-theme input[type=text],.dark-theme input[type=url],.dark-theme textarea{background-color:var(--dark-input-bg);border-color:var(--dark-border);color:var(--dark-text)}button{background:none;border:none;cursor:pointer;padding:0}svg{fill:currentColor;display:inline-block;vertical-align:middle}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:var(--primary-color);color:#fff;left:0;padding:8px;position:absolute;top:-40px;z-index:100}.skip-link:focus{top:0}.reveal{transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.main{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.route-change .reveal{transition:none!important}.route-change .reveal,.route-change .reveal.active{opacity:1!important;transform:translateY(0)!important}@media (prefers-reduced-motion:reduce){.main,.reveal,.reveal.active{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}}.about .hero{align-items:center;color:#fff;display:flex;justify-content:center;min-height:60vh;overflow:hidden;padding:var(--space-8) 0;position:relative}.mission-content h2{text-align:center}.mission-content h3{color:var(--primary-400)}.mission-vision{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr;margin:var(--space-8) 0}.mission,.vision{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-8);transition:var(--transition-all)}.mission-image{border-radius:var(--radius-md);height:485/8px;overflow:hidden;width:100%}.mission-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.mission:hover .mission-image img,.vision:hover{transform:scale(1.05)}.mission:hover,.vision:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.mission h2,.vision h2{color:var(--text-heading);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-4)}.mission p,.vision p{color:var(--text);font-size:var(--text-lg);line-height:1.6}.values-grid{text-align:center}.values{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-8)}.value-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--space-6);transition:var(--transition-all)}.value-image{border-radius:var(--radius-md);height:180px;margin-bottom:var(--space-4);overflow:hidden;width:100%}.value-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.value-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.value-card:hover .value-image img{transform:scale(1.05)}.value-card h3{color:var(--primary-400);font-weight:700;margin-bottom:var(--space-4)}.value-card p{color:var(--text);font-size:var(--text-lg);line-height:1.6}.team-section{margin:0 auto;max-width:1200px;padding:3rem 1.5rem}.team-section h2{font-size:2.5rem;margin-bottom:1.5rem;padding-bottom:1rem;position:relative;text-align:center}.team-section h2:after{bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.section-intro{font-size:1.2rem;line-height:1.8;margin:0 auto 3rem;max-width:800px;text-align:center}.team-member{border-radius:15px;box-shadow:0 4px 6px #0000001a;margin-bottom:2.5rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.team-member:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-5px)}.team-info{padding:1rem}.team-info h3{border-bottom:2px solid #9999dc33;color:var(--primary-400);font-size:1.8rem;margin-bottom:1rem;padding-bottom:.5rem}.team-info p{font-size:1.1rem;line-height:1.8;margin:0}@media (max-width:768px){.team-section{padding:2rem 1rem}.team-section h2{font-size:2rem}.section-intro{font-size:1.1rem;margin-bottom:2rem}.team-member{padding:1.5rem}.team-info h3{font-size:1.5rem}.team-info p{font-size:1rem}}.cta-section{color:#fff;overflow:hidden;padding:var(--space-16) 0;position:relative;text-align:center}.cta-background{height:100%;inset:0;position:absolute;width:100%}.cta-background img{filter:brightness(.3);height:100%;object-fit:cover;width:100%}.cta-section .container{margin:0 auto;max-width:var(--container-md);position:relative;z-index:2}.cta-buttons{justify-content:center}.dark-theme .member-image,.dark-theme .mission,.dark-theme .value-card,.dark-theme .vision{background:var(--surface-2);border-color:var(--border)}.dark-theme .mission h2,.dark-theme .value-card h3,.dark-theme .vision h2{color:var(--primary-400)}@media (max-width:1024px){.values{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about .hero{min-height:50vh}.about .hero-title{font-size:var(--text-4xl)}.about .hero-subtitle{font-size:var(--text-xl)}.mission-vision{gap:var(--space-6);grid-template-columns:1fr}.mission,.value-card,.vision{padding:var(--space-6)}.mission-image{height:200px}.cta-buttons{flex-direction:column}}@media (max-width:480px){.about .hero-title{font-size:var(--text-3xl)}.about .hero-subtitle{font-size:var(--text-lg)}.values{grid-template-columns:1fr}.mission,.value-card,.vision{padding:var(--space-4)}.mission-image{height:180px}.member-image{height:150px;width:150px}}@media print{.hero{min-height:auto;padding:var(--space-8) 0}.hero-image,.hero-overlay{display:none}.mission,.value-card,.vision{border:1px solid var(--border);box-shadow:none}.cta-section{display:none}}.prospective .hero{align-items:center;color:#fff;display:flex;justify-content:center;min-height:60vh;overflow:hidden;padding:var(--space-8) 0;position:relative}.career-opportunities{text-align:center}.section-text{color:var(--text);font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-6)}.requirements-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(2,1fr);margin-top:var(--space-8)}.benefits-section,.requirements-list{background:var(--surface-2);border-radius:var(--radius-lg);padding:var(--space-6)}.benefits-image,.requirements-image{border-radius:var(--radius-md);height:200px;margin-bottom:var(--space-4);overflow:hidden;width:100%}.benefits-image img,.requirements-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.benefits-section:hover .benefits-image img,.requirements-list:hover .requirements-image img{transform:scale(1.05)}.benefits-section h3,.requirements-list h3{color:var(--text-heading);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-4)}.benefits-section ul,.requirements-list ul{list-style-type:none;padding:0}.benefits-section li,.requirements-list li{color:var(--text);margin-bottom:var(--space-3);padding-left:var(--space-6);position:relative}.benefits-section li:before,.requirements-list li:before{color:var(--primary-600);content:"✓";font-weight:700;left:0;position:absolute}.process-steps{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-8)}.step{background:var(--surface-2);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;text-align:center}.step-image{border-radius:var(--radius-md);height:180px;margin-bottom:var(--space-4);overflow:hidden;width:100%}.step-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.step:hover .step-image img{transform:scale(1.05)}.step-number{align-items:center;background:var(--primary-600);border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;margin:0 auto var(--space-4);width:40px}.step h3,.step-number{font-size:var(--text-xl);font-weight:700}.step h3{color:var(--text-heading);margin-bottom:var(--space-3)}.step p{color:var(--text);font-size:var(--text-base);line-height:1.6}.contact-grid{grid-gap:var(--space-8);display:grid;display:block;gap:var(--space-8);grid-template-columns:1fr 1fr;justify-content:center;margin:auto;text-align:center}.contact-info,.cta-section{background:var(--surface-2);border-radius:var(--radius-lg);padding:var(--space-6)}.contact-image,.cta-image{border-radius:var(--radius-md);height:200px;margin-bottom:var(--space-4);overflow:hidden;width:100%}.contact-image img,.cta-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.contact-info:hover .contact-image img,.cta-section:hover .cta-image img{transform:scale(1.05)}.contact-details{color:var(--text);font-size:var(--text-lg);line-height:1.6;margin-top:var(--space-4)}.cta-buttons{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.dark-theme .benefits-section,.dark-theme .contact-info,.dark-theme .cta-section,.dark-theme .requirements-list,.dark-theme .step{background:var(--surface-3)}.dark-theme .benefits-section li:before,.dark-theme .requirements-list li:before{color:var(--primary-400)}.dark-theme .step-number{background:var(--primary-400)}@media (max-width:1024px){.contact-grid,.requirements-grid{gap:var(--space-6);grid-template-columns:1fr}}@media (max-width:768px){.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-xl)}.card{padding:var(--space-6)}.card-image{height:250px}.benefits-image,.requirements-image,.step-image{height:160px}.process-steps{grid-template-columns:repeat(2,1fr)}.cta-buttons{flex-direction:column}}@media (max-width:480px){.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-lg)}.card{padding:var(--space-4)}.card-image{height:200px}.benefits-image,.requirements-image,.step-image{height:140px}.process-steps{grid-template-columns:1fr}.contact-image,.cta-image{height:160px}}@media print{.hero{min-height:auto;padding:var(--space-8) 0}.hero-image,.hero-overlay{display:none}.card{border:1px solid var(--border);box-shadow:none;break-inside:avoid;page-break-inside:avoid}.benefits-image,.card-image,.contact-image,.cta-image,.requirements-image,.step-image{display:none}}.sign-in{align-items:center;background:linear-gradient(135deg,var(--surface-2),var(--surface-3));display:flex;justify-content:center;min-height:calc(100vh - var(--header-height));padding:var(--space-8) var(--space-4)}.sign-in-content{animation:fadeInUp .6s ease-out;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:480px;padding:var(--space-8);width:100%}.sign-in h1{color:var(--text-heading);font-size:var(--text-3xl);margin-bottom:var(--space-2);text-align:center}.welcome-text{color:var(--text-muted);font-size:var(--text-lg);text-align:center}.alert,.welcome-text{margin-bottom:var(--space-6)}.alert{border-radius:var(--radius-md);padding:var(--space-4)}.alert-error{background:rgba(var(--error-rgb),.1);border:1px solid rgba(var(--error-rgb),.2);color:var(--error)}.alert-info{background:rgba(var(--info-rgb),.1);border:1px solid rgba(var(--info-rgb),.2);color:var(--info)}.form-group{margin-bottom:var(--space-6)}.form-group label{color:var(--text);display:block;font-weight:500;margin-bottom:var(--space-2)}.form-control{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text);padding:var(--space-3) var(--space-4);transition:var(--transition-all);width:100%}.form-control:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.2);outline:none}.form-control:disabled{background:var(--surface-2);cursor:not-allowed}.form-options{justify-content:space-between;margin-bottom:var(--space-6)}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:var(--text);cursor:pointer;gap:var(--space-2)}.remember-me input[type=checkbox]{cursor:pointer;height:18px;width:18px}.forgot-password{color:var(--primary-600);font-size:var(--text-sm);text-decoration:none;transition:var(--transition-all)}.forgot-password:hover{color:var(--primary-700);text-decoration:underline}.btn{border:none;padding:var(--space-3) var(--space-4);width:100%}.btn-primary:hover:not(:disabled){background:var(--primary-700)}.btn:disabled{cursor:not-allowed;opacity:.7}.btn.loading{color:#0000}.btn.loading:after{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;left:50%;margin:-10px 0 0 -10px;top:50%;width:20px}.help-text{margin-top:var(--space-6);text-align:center}.dark-theme .sign-in-content{background:var(--surface-2)}.dark-theme .form-control{background:var(--surface-3)}.dark-theme .form-control:disabled{background:var(--surface-4)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.sign-in{padding:var(--space-4)}.sign-in-content{padding:var(--space-6)}.form-options{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.sign-in h1{font-size:var(--text-2xl)}.welcome-text{font-size:var(--text-base)}}@media print{.sign-in-content{border:1px solid var(--border);box-shadow:none}.btn{display:none}}@media (prefers-contrast:more){.form-control{border:2px solid}.btn{border:2px solid #0000}.alert{border:2px solid}}@media (prefers-reduced-motion:reduce){.sign-in-content{animation:none}.btn,.form-control{transition:none}.btn.loading:after{animation:none}}.unauthorized{align-items:center;background:linear-gradient(135deg,var(--surface-2),var(--surface-3));display:flex;justify-content:center;min-height:calc(100vh - var(--header-height));padding:var(--space-8) 0}.unauthorized-content{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:var(--space-4);max-width:600px;padding:var(--space-8);text-align:center;width:100%}.unauthorized h1{color:var(--error);font-size:var(--text-3xl);margin-bottom:var(--space-4)}.error-details{background:var(--surface-2);border-radius:var(--radius-md);margin-bottom:var(--space-8);padding:var(--space-6);text-align:left}.main-message{color:var(--text);font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-4)}.detail-message{color:var(--text-muted);line-height:1.6;margin-bottom:var(--space-4)}.attempted-path{background:var(--surface-3);border-radius:var(--radius-sm);color:var(--text-muted);font-family:monospace;font-size:var(--text-sm);margin-top:var(--space-4);padding:var(--space-2) var(--space-4)}.highlight{color:var(--primary-600);font-weight:500}.btn{border-radius:var(--radius-md);cursor:pointer;font-weight:500;padding:var(--space-3) var(--space-6);transition:var(--transition-all)}.btn-primary{background:var(--primary-600);border:none;color:#fff}.btn-primary:hover{background:var(--primary-700)}.btn-outline{background:#0000;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background:var(--surface-2)}.help-text{border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm);line-height:1.6;padding-top:var(--space-6)}.dark-theme .unauthorized-content{background:var(--surface-2)}.dark-theme .error-details{background:var(--surface-3)}.dark-theme .attempted-path{background:var(--surface-4)}.dark-theme .btn-outline:hover{background:var(--surface-3)}@media (max-width:640px){.unauthorized-content{padding:var(--space-6)}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}@media print{.unauthorized-content{border:1px solid var(--border);box-shadow:none}.action-buttons{display:none}}@media (prefers-contrast:more){.unauthorized-content{border:2px solid}.error-details{border:1px solid}.highlight{text-decoration:underline}}.missing{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--space-8) 0}.error-content{margin:0 auto;max-width:600px;padding:var(--space-8);text-align:center}.error-title{color:var(--primary-600);font-size:8rem;font-weight:800;line-height:1;margin-bottom:var(--space-4)}.error-subtitle{color:var(--text-heading);font-size:var(--text-3xl);margin-bottom:var(--space-4)}.error-description{color:var(--text-muted);margin-bottom:var(--space-8)}.error-actions{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8)}.error-help{border-top:1px solid var(--border);margin-top:var(--space-8);padding-top:var(--space-8)}.error-help h3{color:var(--text-heading);margin-bottom:var(--space-4)}.helpful-links{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;list-style:none;padding:0}.helpful-links a{border-radius:var(--radius-md);color:var(--primary-600);padding:var(--space-2) var(--space-4);text-decoration:none;transition:var(--transition-all)}.helpful-links a:hover{background-color:var(--surface-2)}.dark-theme .helpful-links a:hover{background-color:var(--surface-3)}@media (max-width:768px){.error-title{font-size:6rem}.error-actions,.helpful-links{flex-direction:column}.helpful-links{align-items:center}}@media (prefers-reduced-motion:reduce){.helpful-links a{transition:none}}@media print{.missing{min-height:auto;padding:var(--space-4) 0}.error-actions,.helpful-links{display:none}}.trainings .hero{align-items:center;color:#fff;display:flex;justify-content:center;min-height:60vh;overflow:hidden;padding:var(--space-8) 0;position:relative}.hero-image{height:100%;inset:0;position:absolute;width:100%}.hero-bg-image{height:100%;object-fit:cover;width:100%}.hero-overlay{background:linear-gradient(135deg,#000000b3,#00000080);inset:0;position:absolute;z-index:1}.hero-content{margin:0 auto;max-width:var(--container-md);padding:var(--space-4);position:relative;text-align:center;z-index:2}.hero-title{color:#fff;font-size:var(--text-5xl);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--space-4);text-shadow:0 2px 4px #0003}.hero-subtitle{font-size:var(--text-2xl);font-weight:500;opacity:.95;text-shadow:0 1px 2px #0003}.card,.hero-subtitle{margin-bottom:var(--space-8)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-8)}.card-image{border-radius:var(--radius-md);height:300px;margin-bottom:var(--space-6);overflow:hidden;width:100%}.card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.card:hover .card-image img{transform:scale(1.05)}.section-title{color:var(--text-heading);font-size:var(--text-3xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-6)}.training-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-6)}.training-item{background:var(--surface-2);border-radius:var(--radius-lg);overflow:hidden;transition:transform .3s ease}.training-item:hover{transform:translateY(-4px)}.training-image{height:180px;overflow:hidden;width:100%}.training-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.training-item:hover .training-image img{transform:scale(1.1)}.training-link{color:var(--text-heading);display:block;font-weight:600;padding:var(--space-4);text-decoration:none;transition:color .3s ease}.training-link:hover{color:var(--primary-600)}.document-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-6)}.document-item{align-items:center;background:var(--surface-2);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4);transition:transform .3s ease}.document-item:hover{transform:translateY(-4px)}.document-icon{color:var(--primary-600);flex-shrink:0;height:48px;width:48px}.document-icon svg{height:100%;width:100%}.document-link{color:var(--text-heading);font-weight:600;text-decoration:none;transition:color .3s ease}.document-link:hover{color:var(--primary-600)}.notice-text{color:var(--text);font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-6)}.notice-box{background:var(--surface-2);border-radius:var(--radius-lg);margin-top:var(--space-6);padding:var(--space-6)}.notice-image{border-radius:var(--radius-md);height:200px;margin-bottom:var(--space-4);overflow:hidden;width:100%}.notice-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.notice-box:hover .notice-image img{transform:scale(1.05)}.notice-box h3{color:var(--text-heading);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.notice-box p{color:var(--text);font-size:var(--text-lg)}.dark-theme .card{background:var(--surface-2)}.dark-theme .document-item,.dark-theme .notice-box,.dark-theme .training-item{background:var(--surface-3)}.dark-theme .document-icon,.dark-theme .document-link:hover,.dark-theme .training-link:hover{color:var(--primary-400)}.reveal{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.reveal.active{opacity:1;transform:translateY(0)}@media (max-width:1024px){.document-grid,.training-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-xl)}.card{padding:var(--space-6)}.card-image{height:250px}.training-image{height:160px}}@media (max-width:480px){.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-lg)}.card{padding:var(--space-4)}.card-image{height:200px}.document-grid,.training-grid{grid-template-columns:1fr}.training-image{height:140px}.notice-image{height:160px}}@media print{.hero{min-height:auto;padding:var(--space-8) 0}.hero-image,.hero-overlay{display:none}.card{border:1px solid var(--border);box-shadow:none;break-inside:avoid;page-break-inside:avoid}.card-image,.notice-image,.training-image{display:none}}.clock-in-out{min-height:calc(100vh - var(--header-height));padding:var(--space-8) 0}.clock-actions{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:var(--container-md);padding:var(--space-8)}.time-display{margin-bottom:var(--space-8);text-align:center}.time-display h2{color:var(--text-heading);margin-bottom:var(--space-4)}.time{background:var(--surface-2);border-radius:var(--radius-md);color:var(--primary-600);display:inline-block;font-family:monospace;font-size:var(--text-4xl);font-weight:700;padding:var(--space-4)}.action-buttons button{font-size:var(--text-lg);min-width:150px;padding:var(--space-4) var(--space-8)}.status{border-top:1px solid var(--border);padding-top:var(--space-6);text-align:center}.status p{color:var(--text-muted);margin-bottom:var(--space-2)}.status p:first-child{color:var(--text);font-weight:500}.dark-theme .clock-actions{background:var(--surface-2)}.dark-theme .time{background:var(--surface-3)}.btn.loading{pointer-events:none;position:relative}.btn.loading:after{background-color:#ffffffb3;border-radius:inherit;content:"";inset:0;position:absolute}@media (max-width:640px){.clock-actions{margin:var(--space-4)}.time{font-size:var(--text-3xl)}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}@media print{.clock-actions{border:1px solid var(--border);box-shadow:none}.action-buttons{display:none}}@media (prefers-contrast:more){.time{border:2px solid}}.punch-history{min-height:calc(100vh - var(--header-height));padding:var(--space-8) 0}.history-content{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:var(--container-lg);padding:var(--space-6)}.user-info{border-bottom:1px solid var(--border);margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.user-info h2{color:var(--text-heading);margin-bottom:var(--space-4)}.user-info p{color:var(--text-muted);margin-bottom:var(--space-2)}.history-table{margin-bottom:var(--space-8);overflow-x:auto}table{text-align:left}.punch-type{border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;padding:var(--space-1) var(--space-3)}.clock-in{background:rgba(var(--success-rgb),.1);color:var(--success)}.clock-out{background:rgba(var(--primary-500-rgb),.1);color:var(--primary-600)}.status{border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;padding:var(--space-1) var(--space-3)}.approved{background:rgba(var(--success-rgb),.1);color:var(--success)}.pending{background:rgba(var(--warning-rgb),.1);color:var(--warning)}.rejected{background:rgba(var(--error-rgb),.1);color:var(--error)}.history-summary{background:var(--surface-2);border-radius:var(--radius-lg);margin-bottom:var(--space-8);padding:var(--space-6)}.history-summary h3{color:var(--text-heading);margin-bottom:var(--space-4)}.summary-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{align-items:center;background:var(--surface);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:var(--space-4)}.stat-label{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2)}.stat-value{color:var(--text-heading);font-size:var(--text-2xl);font-weight:600}.export-section{display:flex;gap:var(--space-4);justify-content:flex-end}.dark-theme .history-content{background:var(--surface-2)}.dark-theme .history-summary{background:var(--surface-3)}.dark-theme .stat-item{background:var(--surface-2)}@media (max-width:768px){.history-content{margin:var(--space-4)}.export-section{flex-direction:column}.export-section button{width:100%}}@media print{.history-content{border:1px solid var(--border);box-shadow:none}.export-section{display:none}th{background:none!important;border-bottom:2px solid var(--border)}}@media (prefers-contrast:more){.punch-type,.status,td,th{border:1px solid}}@media (prefers-reduced-motion:reduce){.btn,.punch-type,.status{transition:none}}.qr-code-display{min-height:calc(100vh - var(--header-height));padding:var(--space-8) 0}.qr-content{margin:0 auto;max-width:var(--container-md);text-align:center}.description{color:var(--text-muted)}.description,.qr-card{margin-bottom:var(--space-8)}.qr-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8)}.qr-info{margin-bottom:var(--space-6)}.employee-name{color:var(--text-heading);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.employee-id{color:var(--text-muted)}.qr-image{background:#fff;border-radius:var(--radius-md);margin:var(--space-8) auto;padding:var(--space-6);width:fit-content}.qr-image img{display:block;height:256px;width:256px}.qr-instructions{margin:0 auto;max-width:400px;text-align:left}.qr-instructions h3{color:var(--text-heading);margin-bottom:var(--space-4)}.qr-instructions ol{color:var(--text);padding-left:var(--space-6)}.qr-instructions li{margin-bottom:var(--space-2)}.action-buttons{gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8)}.security-notice{background:var(--surface-2);border-radius:var(--radius-lg);padding:var(--space-6);text-align:left}.security-notice h3{color:var(--text-heading);margin-bottom:var(--space-4)}.security-notice p{color:var(--text-muted);font-size:var(--text-sm)}.dark-theme .qr-card{background:var(--surface-2)}.dark-theme .qr-image{border:1px solid var(--border)}.dark-theme .security-notice{background:var(--surface-3)}@media (max-width:640px){.qr-content{margin:var(--space-4)}.qr-image img{height:200px;width:200px}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}@media print{.qr-card{border:1px solid var(--border);box-shadow:none}.action-buttons,.security-notice{display:none}}@media (prefers-contrast:more){.qr-image{border:2px solid}.security-notice{border:1px solid}}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.all-users{min-height:calc(100vh - var(--header-height));padding:var(--space-8) 0}.users-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--space-6)}.header-actions,.users-header{align-items:center;display:flex;gap:var(--space-4)}.search-box{position:relative}.search-input{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text);min-width:250px;padding:var(--space-2) var(--space-4)}.search-input:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.2);outline:none}.users-table{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--space-6);overflow:hidden}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--border);padding:var(--space-4);text-align:left}th{background:var(--surface-2);color:var(--text-heading);font-weight:600}td{color:var(--text)}.role-badge,.status-badge{border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;padding:var(--space-1) var(--space-3)}.role-badge.admin{background:rgba(var(--primary-500-rgb),.1);color:var(--primary-600)}.role-badge.user,.status-badge.active{background:rgba(var(--success-rgb),.1);color:var(--success)}.status-badge.inactive{background:rgba(var(--error-rgb),.1);color:var(--error)}.action-buttons{display:flex;gap:var(--space-2)}.btn-icon{background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;padding:var(--space-2);transition:var(--transition-all)}.btn-icon:hover{background:var(--surface-2)}.users-footer{display:flex;justify-content:center;padding:var(--space-4) 0}.pagination{align-items:center;display:flex;gap:var(--space-4)}.page-info{color:var(--text-muted)}.dark-theme .users-table{background:var(--surface-2)}.dark-theme .btn-icon:hover,.dark-theme th{background:var(--surface-3)}@media (max-width:1024px){.users-table{overflow-x:auto}table{min-width:800px}}@media (max-width:640px){.users-header{align-items:stretch}.header-actions,.users-header{flex-direction:column}.search-input{width:100%}.pagination{flex-direction:column;gap:var(--space-2)}}@media print{.users-table{box-shadow:none}.action-buttons,.header-actions,.users-footer{display:none}th{background:none!important;border-bottom:2px solid var(--border)}}@media (prefers-contrast:more){.role-badge,.status-badge{border:1px solid}}@media (prefers-reduced-motion:reduce){.btn-icon{transition:none}}.committee-page{background:linear-gradient(90deg,#283c86,#45a247);color:#fff;min-height:100vh;padding-top:100px}.dark-mode .committee-page{background:linear-gradient(90deg,#0f2027,#2c5364)}.page-title{color:#fff;font-size:3rem;font-weight:700;margin-bottom:3rem;text-shadow:2px 2px 8px #0009}.committee-card{background:#ffffffe6;border:none;border-radius:12px;padding:30px;transition:transform .3s,box-shadow .3s}.committee-card:hover{box-shadow:0 8px 20px #00000026;transform:scale(1.02)}.committee-title{color:#007bff;font-size:2rem;margin-bottom:.5rem}.committee-role{color:#0f2027;font-size:1.25rem;font-style:normal;margin:10px 0}.committee-description{color:#333;font-size:1.2rem;line-height:1.5;text-align:left}.contact-info{font-size:1.1rem;margin-top:1.5rem}.contact-link{color:#007bff;text-decoration:none}.contact-link:hover{color:#0056b3;text-decoration:underline}.edit-page{padding:20px}.edit-card{border-radius:12px;max-width:600px;padding:2rem;transition:transform .3s;width:100%}.edit-card:hover{transform:translateY(-5px)}.form-control{border:1px solid #ced4da;border-radius:8px;transition:border-color .3s,box-shadow .3s}.form-control:focus{border-color:#007bff;box-shadow:0 0 5px #007bff40}.form-label{color:#6c757d;font-weight:600}.btn-success{background-color:#28a745;border:none;border-radius:8px;font-size:1.2rem;padding:.75rem;transition:background-color .3s,transform .3s}.btn-success:hover{background-color:#218838;transform:translateY(-2px)}
/*# sourceMappingURL=main.627a3e64.css.map*/