@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@600;700;800&display=swap";.navbar[data-v-ee35a576]{position:fixed;top:0;left:0;right:0;background:#fff;box-shadow:0 2px 10px #0000001a;z-index:1000}.nav-container[data-v-ee35a576]{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo[data-v-ee35a576]{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.5rem;font-weight:700;color:#667eea;z-index:1001}.logo-icon[data-v-ee35a576]{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.5rem;display:flex;align-items:center;justify-content:center}.logo-icon svg[data-v-ee35a576]{width:20px;height:20px;stroke:#fff}.logo-text[data-v-ee35a576]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links[data-v-ee35a576]{display:flex;gap:2rem;align-items:center}.nav-link[data-v-ee35a576]{text-decoration:none;color:#4a5568;font-weight:600;transition:color .2s;position:relative;font-size:.9375rem}.nav-link[data-v-ee35a576]:hover,.nav-link.router-link-active[data-v-ee35a576]{color:#667eea}.nav-link.router-link-active[data-v-ee35a576]:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.nav-actions[data-v-ee35a576]{display:flex;align-items:center;gap:1rem}.language-switcher[data-v-ee35a576]{display:flex;align-items:center}.lang-btn[data-v-ee35a576]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f7fafc;border:2px solid #e2e8f0;border-radius:.5rem;color:#4a5568;font-weight:700;cursor:pointer;transition:all .2s;font-size:.875rem}.lang-btn[data-v-ee35a576]:hover{background:linear-gradient(135deg,#eef2ff,#f3e8ff);border-color:#667eea;color:#667eea}.lang-btn svg[data-v-ee35a576]{width:18px;height:18px;stroke:currentColor}.lang-text[data-v-ee35a576]{font-weight:700;letter-spacing:.5px}.logout-btn[data-v-ee35a576]{padding:.5rem 1.5rem;background:#f7fafc;border:2px solid #e2e8f0;border-radius:.5rem;color:#4a5568;font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem}.logout-btn[data-v-ee35a576]:hover{background:#fed7d7;border-color:#fc8181;color:#c53030}.mobile-menu-btn[data-v-ee35a576]{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:#4a5568}.mobile-menu-btn svg[data-v-ee35a576]{width:24px;height:24px;stroke:currentColor}.mobile-logout[data-v-ee35a576]{display:none}.desktop-logout[data-v-ee35a576]{display:block}@media (max-width: 768px){.nav-container[data-v-ee35a576]{padding:1rem 1.5rem}.mobile-menu-btn[data-v-ee35a576]{display:block;z-index:1001}.desktop-logout[data-v-ee35a576]{display:none}.nav-links[data-v-ee35a576]{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;flex-direction:column;align-items:flex-start;padding:5rem 2rem 2rem;gap:0;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;overflow-y:auto}.nav-links.mobile-open[data-v-ee35a576]{right:0}.nav-link[data-v-ee35a576]{width:100%;padding:1rem 0;border-bottom:1px solid #e2e8f0;font-size:1rem}.nav-link.router-link-active[data-v-ee35a576]:after{bottom:0;left:0;right:auto;width:4px;height:100%}.mobile-logout[data-v-ee35a576]{display:block;width:100%;margin-top:1rem;text-align:center}.nav-links.mobile-open[data-v-ee35a576]:before{content:"";position:fixed;top:0;left:0;right:280px;bottom:0;background:#00000080;z-index:-1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;background:#f7fafc}main{min-height:100vh}main.with-nav{padding-top:70px}:root{--color-primary-green: #2D6A4F;--color-primary-light: #52B788;--color-accent-blue: #1B4965;--color-accent-teal: #62B6CB;--color-vanilla-cream: #FFF8F0;--color-vanilla-light: #FFFBF5;--color-vanilla-dark: #F5E6D3;--color-text-primary: #1A1A1A;--color-text-secondary: #4A5568;--color-text-light: #718096;--color-success: #52B788;--color-highlight: #FFB703;--color-white: #FFFFFF;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Poppins", var(--font-primary);--text-xs: .75rem;--text-sm: .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-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400;--container-max-width: 1200px;--container-padding: var(--space-lg)}@media (max-width: 768px){:root{--container-padding: var(--space-md);--space-3xl: 4rem}}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-text-primary);margin-bottom:var(--space-md)}h1{font-size:var(--text-5xl);font-weight:800}h2{font-size:var(--text-4xl);font-weight:700}h3{font-size:var(--text-3xl);font-weight:700}h4{font-size:var(--text-2xl);font-weight:600}h5{font-size:var(--text-xl);font-weight:600}h6{font-size:var(--text-lg);font-weight:600}p{margin-bottom:var(--space-sm);line-height:1.7}a{color:var(--color-primary-green);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-light)}strong,b{font-weight:600}.text-center{text-align:center}.text-primary{color:var(--color-primary-green)}.text-secondary{color:var(--color-text-secondary)}.text-light{color:var(--color-text-light)}.text-highlight{color:var(--color-highlight)}@media (max-width: 768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}}@media (max-width: 480px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #4f46e580}50%{box-shadow:0 0 40px #4f46e5cc,0 0 60px #7c3aed99}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-20deg)}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-20deg)}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}@keyframes slideRotateIn{0%{opacity:0;transform:translate(-100px) rotate(-10deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes elasticBounce{0%{transform:scale(1)}30%{transform:scale(1.25)}40%{transform:scale(.75)}50%{transform:scale(1.15)}65%{transform:scale(.95)}75%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%{transform:scale(1.1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-up{animation:slideUp .6s ease-out}.animate-slide-down{animation:slideDown .6s ease-out}.animate-scale-in{animation:scaleIn .6s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.duration-fast{animation-duration:.3s}.duration-normal{animation-duration:.6s}.duration-slow{animation-duration:1s}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-bounce{transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 30px #4f46e580}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-vanilla-cream);overflow-x:hidden}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}section{padding:var(--space-3xl) 0}.section-title{text-align:center;margin-bottom:var(--space-sm);color:var(--color-primary-green)}.section-subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:var(--text-lg)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.btn{font-family:var(--font-primary);font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);text-decoration:none;padding:var(--space-sm) var(--space-lg);font-size:var(--text-base)}.btn-primary{background:var(--color-primary-green);color:#fff}.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-accent-blue);color:#fff}.btn-secondary:hover{background:var(--color-accent-teal);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;border:2px solid var(--color-primary-green);color:var(--color-primary-green)}.btn-outline:hover{background:var(--color-primary-green);color:#fff}.card{background:var(--color-vanilla-light);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-base);border:1px solid var(--color-vanilla-dark)}.card-elevated{box-shadow:var(--shadow-md)}.card-elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;background:var(--color-primary-light);color:#fff}.badge-success{background:var(--color-success)}.badge-highlight{background:var(--color-highlight);color:var(--color-text-primary)}.badge-blue{background:var(--color-accent-blue)}@media (max-width: 768px){section{padding:var(--space-2xl) 0}.grid-2,.grid-3{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--color-primary-green);outline-offset:2px}::selection{background-color:var(--color-primary-light);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-vanilla-dark)}::-webkit-scrollbar-thumb{background:var(--color-primary-green);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}