@import url(https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css);body,html{width:100%}body,html,img{max-width:100%}img{display:block;height:auto}.cta-section,.custom-navbar,.features-section,.hero-section,.modern-footer{margin:0;max-width:100%;overflow-x:hidden;padding-left:0;padding-right:0;width:100%}@tailwind base;@tailwind components;@tailwind utilities;@custom-variant dark (&:is(.dark *));:root{--primary-blue:#2563eb;--primary-gold:#e0cb8f;--primary-white:#fff;--text-gray:#e0cb8f;--light-gray:#f8f9fa;--dark-gray:#343a40;--background:oklch(1 0 0);--foreground:oklch(0.145 0 0);--card:oklch(1 0 0);--card-foreground:oklch(0.145 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(0.145 0 0);--primary:oklch(0.205 0 0);--primary-foreground:oklch(0.985 0 0);--secondary:oklch(0.97 0 0);--secondary-foreground:oklch(0.205 0 0);--muted:oklch(0.97 0 0);--muted-foreground:oklch(0.556 0 0);--accent:oklch(0.97 0 0);--accent-foreground:oklch(0.205 0 0);--destructive:oklch(0.577 0.245 27.325);--destructive-foreground:oklch(0.577 0.245 27.325);--border:oklch(0.922 0 0);--input:oklch(0.922 0 0);--ring:oklch(0.708 0 0);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--radius:0.625rem;--sidebar:oklch(0.985 0 0);--sidebar-foreground:oklch(0.145 0 0);--sidebar-primary:oklch(0.205 0 0);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:oklch(0.922 0 0);--sidebar-ring:oklch(0.708 0 0)}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.145 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.145 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.985 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.396 0.141 25.723);--destructive-foreground:oklch(0.637 0.237 25.331);--border:oklch(0.269 0 0);--input:oklch(0.269 0 0);--ring:oklch(0.439 0 0);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(0.269 0 0);--sidebar-ring:oklch(0.439 0 0)}@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring)}@layer base{*,body{@apply bg-background text-foreground}}.bg-primary-blue{background-color:#2563eb!important;background-color:var(--primary-blue)!important}.bg-primary-gold{background-color:#e0cb8f!important;background-color:var(--primary-gold)!important}.text-primary-blue{color:#2563eb!important;color:var(--primary-blue)!important}.text-primary-gold{color:#e0cb8f!important;color:var(--primary-gold)!important}.btn-primary{background-color:#2563eb;background-color:var(--primary-blue);border-color:#2563eb;border-color:var(--primary-blue);color:#fff}.btn-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.btn-outline-primary{color:#2563eb;color:var(--primary-blue)}.btn-outline-primary,.btn-outline-primary:hover{border-color:#2563eb;border-color:var(--primary-blue)}.btn-outline-primary:hover{background-color:#2563eb;background-color:var(--primary-blue);color:#fff}.navbar-brand-icon{border-radius:8px;height:32px;width:32px}.feature-icon,.navbar-brand-icon{align-items:center;display:flex;justify-content:center}.feature-icon{border-radius:12px;height:48px;margin-bottom:1rem;width:48px}.icon{font-style:normal;font-weight:400}.icon-people:before{content:"👥"}.icon-target:before{content:"🎯"}.icon-chart:before{content:"📊"}.icon-clock:before{content:"⏰"}.icon-award:before{content:"🏆"}.icon-graph:before{content:"📈"}.icon-check:before{content:"✓"}.icon-star:before{content:"⭐"}.icon-arrow-right:before{content:"→"}.icon-play:before{content:"▶"}.custom-navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border-bottom:1px solid #e5e7eb;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100%;z-index:50}.navbar-container{margin:0;max-width:none;padding:0 1rem;width:100%}.navbar-content{height:4rem;justify-content:space-between}.navbar-content,.navbar-logo{align-items:center;display:flex}.navbar-logo{gap:.75rem}.logo-square{height:2.5rem;width:2.5rem}.logo-letter,.logo-text{font-size:1.5rem}.logo-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:800;letter-spacing:-.025em}.navbar-links-desktop{align-items:center;display:none;font-size:.875rem;gap:2rem}.navbar-link{color:#111827;padding:.25rem;position:relative;text-decoration:none;transition:color .3s ease}.navbar-link:hover{color:#29255c;text-decoration:none}.navbar-buttons{align-items:center;display:none;font-size:.875rem;gap:1.5rem}.navbar-btn-secondary{align-items:center;background:#29255c;display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem 1.25rem;transition:all .3s ease;white-space:nowrap}.navbar-btn-secondary,.navbar-btn-secondary:hover{color:#e0cb8f;text-decoration:none}.navbar-btn-icon{flex-shrink:0;height:1.25rem;width:1.25rem}.navbar-btn-primary{background:#e0cb8f;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#29255c;font-weight:600;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.navbar-btn-primary:hover{background:#d6c073;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#29255c;text-decoration:none}.navbar-mobile-toggle{align-items:center;display:flex}.mobile-menu-btn{color:#e0cb8f;padding:.5rem;transition:color .3s ease}.mobile-menu-btn:hover{color:#e0cb8f}.mobile-menu-icon{height:1.5rem;width:1.5rem}.navbar-mobile-menu{background:#29255c;border-top:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:block}.mobile-menu-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.mobile-menu-link{display:block;padding:.25rem;transition:color .3s ease}.mobile-menu-btn-secondary,.mobile-menu-link,.mobile-menu-link:hover{color:#e0cb8f;text-decoration:none}.mobile-menu-btn-secondary{align-items:center;background:#29255c;border:1px solid #e5e7eb;border-radius:.375rem;display:flex;font-weight:600;gap:.5rem;padding:1rem;transition:all .3s ease}.mobile-menu-btn-secondary:hover{color:#e0cb8f;text-decoration:none}.mobile-menu-btn-icon{flex-shrink:0;height:1.25rem;width:1.25rem}.mobile-menu-btn-primary{background:#e0cb8f;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#29255c;display:block;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.mobile-menu-btn-primary:hover{background:#d6c073;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#29255c;text-decoration:none}@media (min-width:768px){.navbar-buttons,.navbar-links-desktop{display:flex}.navbar-mobile-menu,.navbar-mobile-toggle{display:none}}.hero-section{background:#29255c;margin:0;min-height:100vh;overflow:hidden;padding:0;position:relative;width:100%}.hero-logo-container,.hero-section{align-items:center;display:flex;justify-content:center}.hero-logo-container{bottom:0;left:0;opacity:.15;position:absolute;right:0;top:0;z-index:1}.hero-mubas-logo{height:100%;object-fit:cover;width:100%}.hero-content{margin:0 auto;max-width:80rem;padding:0 1rem;position:relative;text-align:center;z-index:10}.hero-title{color:#e0cb8f;font-size:2.5rem;font-weight:700;letter-spacing:-.025em;line-height:1.1;margin-bottom:1.5rem}.hero-title-spacing{padding-top:1.5rem}.hero-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e0cb8f,#d6c073);-webkit-background-clip:text;background-clip:text;display:inline-block;line-height:1.2}.hero-description{color:#fff;font-size:1.25rem;line-height:1.6;margin:0 auto 3rem;max-width:48rem}.hero-buttons{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.hero-btn-primary{background:#e0cb8f;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#29255c;display:inline-block;font-size:1.125rem;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.hero-btn-primary:hover{background:#d6c073;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#29255c;text-decoration:none;transform:translateY(-1px)}.hero-btn-secondary{align-items:center;border:1px solid #e0cb8f;border-radius:.75rem;color:#e0cb8f;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.hero-btn-secondary:hover{background-color:#e0cb8f1a;border-color:#d6c073;color:#d6c073;text-decoration:none}.hero-btn-icon{flex-shrink:0;height:1.25rem;width:1.25rem}@media (min-width:640px){.hero-title{font-size:3rem}.hero-description{font-size:1.5rem}.hero-buttons{flex-direction:row}}@media (min-width:768px){.hero-title{font-size:3.5rem}.hero-description{font-size:1.25rem}}@media (min-width:1024px){.hero-title{font-size:4rem}.hero-description{font-size:1.5rem}}.card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.card:hover{box-shadow:0 8px 25px #0000001a!important;transform:translateY(-4px)}.testimonial-stars .icon-star{color:#e0cb8f;color:var(--primary-gold);margin-right:2px}html{scroll-behavior:smooth}section{padding:4rem 0}@media (max-width:768px){.display-3{font-size:2.5rem}.display-5{font-size:2rem}}.shadow-sm{box-shadow:0 1px 3px #0000001a}.shadow-lg{box-shadow:0 10px 25px #0000001a}.sticky-top{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2!important}footer{background-color:#343a40!important;background-color:var(--dark-gray)!important}footer .navbar-brand-icon{background-color:#2563eb!important;background-color:var(--primary-blue)!important}.modern-footer{background:#29255c;color:#e0cb8f;margin:0;overflow:hidden;padding:4rem 0 2rem;position:relative;width:100%}.modern-footer:before{display:none}.footer-container{background:#29255c;margin:0;max-width:1200px;padding:0 2rem 0 0;position:relative;width:100%}.footer-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 2fr;margin:0 0 3rem}.footer-brand{margin:0;max-width:400px}.footer-brand-text{color:#e0cb8f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.025em;margin:0 0 1.5rem}.footer-description{color:#9ca3af;font-size:1rem;line-height:1.6;margin-bottom:2rem}.footer-social{display:flex;gap:1rem}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;color:#9ca3af;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:#e0cb8f;box-shadow:0 10px 20px #e0cb8f4d;color:#29255c;text-decoration:none;transform:translateY(-2px)}.footer-links{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0}.footer-column{align-items:flex-start;display:flex;flex-direction:column;margin:0}.footer-title{color:#e0cb8f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.125rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem}.footer-list{list-style:none;margin:0;padding:0}.footer-list li{margin:0 0 .75rem}.footer-link{color:#9ca3af;display:inline-block;font-size:.95rem;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:#e0cb8f;text-decoration:none;transform:translateX(4px)}.footer-bottom{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin:0;padding:2rem 0 0}.footer-copyright{margin:0}.footer-copyright p{color:#9ca3af;font-size:.9rem;margin:0}.footer-bottom-links{display:flex;gap:2rem;margin:0}.footer-bottom-link{color:#9ca3af;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-bottom-link:hover{color:#e0cb8f;text-decoration:none}@media (max-width:1024px){.footer-content{align-items:start;gap:3rem;grid-template-columns:1fr}.footer-links{align-items:start;gap:2rem;grid-template-columns:repeat(2,1fr)}.footer-column{align-items:flex-start}}@media (max-width:768px){.modern-footer{margin:0;padding:3rem 0 2rem}.footer-container{margin:0;padding:0 1rem 0 0}.footer-content{align-items:start;gap:2rem;margin:0 0 3rem}.footer-links{align-items:start;gap:2rem;grid-template-columns:1fr;margin:0}.footer-column{align-items:flex-start;margin:0}.footer-bottom{flex-direction:column;gap:1rem;margin:0;padding:2rem 0 0;text-align:center}.footer-bottom-links{gap:1.5rem;margin:0}}@media (max-width:480px){.footer-social{gap:.75rem}.social-link{height:36px;width:36px}.footer-bottom-links{flex-direction:column;gap:1rem}.footer-column,.footer-links{align-items:flex-start}}.cta-section{background:#fff;margin:0;overflow:hidden;padding:6rem 0}.cta-container,.cta-section{max-width:100%;position:relative;width:100%}.cta-container{box-sizing:border-box;margin:0 auto;padding:0 2rem;z-index:2}.cta-content{margin:0 auto;max-width:800px;text-align:center}.cta-title{color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.cta-title-gradient{background:#0000;color:#e0cb8f}.cta-description{color:#6b7280;font-size:1.25rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-icons{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);justify-items:center;margin:0 auto;max-width:600px}.cta-icon-item{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center;transition:all .3s ease}.cta-icon-item:hover{transform:translateY(-4px)}.cta-icon-wrapper{align-items:center;background:#29255c;border-radius:20px;display:flex;height:80px;justify-content:center;transition:all .3s ease;width:80px}.cta-icon-item:hover .cta-icon-wrapper{transform:scale(1.1)}.cta-icon{color:#e0cb8f;height:32px;transition:transform .3s ease;width:32px}.cta-icon-item:hover .cta-icon{transform:scale(1.1)}.cta-icon-label{color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:600}@media (max-width:768px){.cta-section{padding:4rem 0}.cta-container{padding:0 1rem}.cta-title{font-size:2.5rem}.cta-description{font-size:1.125rem;margin-bottom:2.5rem}.cta-icons{gap:2rem;grid-template-columns:repeat(2,1fr)}.cta-icon-wrapper{height:70px;width:70px}.cta-icon{height:28px;width:28px}}@media (max-width:480px){.cta-title{font-size:2rem}.cta-description{font-size:1rem}.cta-icons{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.cta-icon-wrapper{height:60px;width:60px}.cta-icon{height:24px;width:24px}.cta-icon-label{font-size:.875rem}}.badge{border-radius:50px;font-weight:500;padding:.5rem 1rem}.bg-light{background-color:#f8f9fa!important}.bg-dark{background-color:#212529!important}.btn:focus{box-shadow:0 0 0 .2rem #2563eb40}.lead{font-size:1.25rem;font-weight:300;line-height:1.6}#root,body{display:flex;flex-direction:column;min-height:100vh}.main-content{align-items:center;justify-content:center;min-height:100vh}.container{padding:0 1rem}.container,section{box-sizing:border-box;margin:0;max-width:100%;width:100%}section{padding:0}section#benefits .row{text-align:left}.hero-section .container{align-items:center;display:flex;justify-content:center;min-height:80vh}h1,h2,h3,h4,h5,h6,p{text-align:center}.benefit-item h5,.benefit-item p,.card-body h5,.card-body p,.testimonial-content h6,.testimonial-content p,.testimonial-content small{text-align:left}.features-section{background:#fff;margin:0;padding:8rem 0}.features-container,.features-section{max-width:100%;position:relative;width:100%}.features-container{box-sizing:border-box;margin:0 auto;padding:0 1.5rem;text-align:center;z-index:10}.features-title{color:#111827;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.features-title-accent-text{background:#0000;color:#e0cb8f;font-weight:800}.features-subtitle{color:#e0cb8f;font-size:1.25rem;line-height:1.6;margin-bottom:5rem;margin-left:auto;margin-right:auto;max-width:600px}.features-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;text-align:left}.features-column{display:flex;flex-direction:column;gap:2.5rem}.features-column-left,.features-column-right{background:#29255c;border-radius:1.5rem;padding:2rem}.feature-item{align-items:flex-start;border-left:4px solid #e0cb8f;display:flex;gap:1rem;padding:1rem 0 1rem 1.5rem;transition:transform .3s ease}.features-column-right .feature-item{border-left-color:#e0cb8f}.feature-item:hover{transform:scale(1.05)}.feature-dot{border-radius:50%;flex-shrink:0;height:1.25rem;margin-top:.5rem;width:1.25rem}.feature-dot,.feature-dot-purple{background:#e0cb8f}.feature-content{flex:1 1}.feature-title-text{color:#e0cb8f;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.feature-description{color:#fff;line-height:1.6}.features-cta{margin-top:4rem}.features-cta-button{align-items:center;background:#e0cb8f;border:2px solid #0000;border-radius:1rem;color:#29255c;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:transform .3s ease}.features-cta-button:hover{border-color:#e0cb8f;color:#29255c;text-decoration:none;transform:scale(1.05)}.features-cta-icon{height:1.5rem;width:1.5rem}@media (max-width:768px){.features-section{padding:6rem 0}.features-container{padding:0 1rem}.features-title{font-size:2.5rem}.features-subtitle{font-size:1.125rem;margin-bottom:3rem}.features-grid{gap:2rem;grid-template-columns:1fr}.features-column{gap:2rem}.features-column-left,.features-column-right{padding:1.5rem}.feature-item{padding:.75rem 0 .75rem 1.25rem}.feature-title-text{font-size:1.25rem}.logo-square{height:2rem;width:2rem}.logo-letter,.logo-text{font-size:1.25rem}.logo-text{font-weight:800}}@media (max-width:480px){.logo-square{height:1.75rem;width:1.75rem}.logo-letter{font-size:1rem}.logo-text{font-size:1.125rem;font-weight:800}.features-title{font-size:2rem}.features-column-left,.features-column-right{padding:1rem}.feature-item{padding:.5rem 0 .5rem 1rem}.feature-dot{height:1rem;width:1rem}}.app-container{background-color:#f8fafc;display:flex;font-family:Segoe UI,sans-serif;height:100vh}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:0;scroll-behavior:smooth}.modern-signin-container,body,html{box-sizing:border-box;margin:0;overflow-x:hidden}.modern-signin-container{align-items:center;background:#29255c;display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:2rem 1rem;position:relative;width:100vw}.signin-grid-bg{height:100%;left:0;opacity:1;position:absolute;right:0;top:0;z-index:1}.signin-grid-image{height:100%;object-fit:cover;width:100%}.modern-signin-card{background:#29255c;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -2px #0000000d;box-sizing:border-box;margin:0 auto;max-width:420px;padding:2rem;position:relative;width:100%;z-index:10}.modern-signin-header{margin-bottom:1.5rem;text-align:center}.modern-signin-back-link{align-items:center;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:2rem;transition:color .3s ease}.modern-signin-back-link,.modern-signin-back-link:hover{color:#e0cb8f;text-decoration:none}.back-icon{height:16px;width:16px}.modern-signin-logo{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem}.modern-signin-logo-image{border-radius:8px;height:40px;object-fit:contain;width:40px}.modern-signin-logo-text{font-size:1.5rem;letter-spacing:-.025em}.modern-signin-logo-text,.modern-signin-title{color:#e0cb8f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:800}.modern-signin-title{font-size:2.25rem;line-height:1.2;margin:0 0 .75rem}.modern-signin-subtitle{color:#e0cb8f;font-size:1rem;line-height:1.5;margin:0}.modern-signin-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.modern-signin-field{display:flex;flex-direction:column;gap:.5rem}.modern-signin-label{font-size:.875rem;font-weight:600}.modern-signin-input,.modern-signin-label{color:#e0cb8f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.modern-signin-input{background:#29255c;border:2px solid #e5e7eb;border-radius:10px;font-size:.9rem;outline:none;padding:.625rem .875rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.modern-signin-input:focus{border-color:#e0cb8f;box-shadow:0 0 0 3px #e0cb8f1a}.modern-signin-input::placeholder{color:#9ca3af}.modern-signin-input-wrapper{position:relative}.modern-signin-input-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:background-color .2s ease}.modern-signin-input-icon-btn:hover{background-color:#f3f4f6}.modern-signin-icon{color:#e0cb8f;height:20px;width:20px}.modern-signin-button-primary{background:#e0cb8f;border:none;border-radius:10px;color:#1e3a8a;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.9rem;font-weight:600;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-signin-button-primary:hover:not(:disabled){transform:translateY(-1px)}.modern-signin-button-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.modern-signin-divider{align-items:center;color:#e0cb8f;display:flex;font-size:.875rem;margin:1rem 0}.modern-signin-divider:after,.modern-signin-divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.modern-signin-divider span{background:#29255c;padding:0 1rem}.modern-signin-button-secondary{align-items:center;background:#29255c;border:2px solid #e5e7eb;border-radius:10px;color:#e0cb8f;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.modern-signin-button-secondary:hover:not(:disabled){border-color:#e0cb8f;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.modern-signin-button-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.modern-signin-google-icon{height:20px;width:20px}.modern-signin-alert{background:#29255c;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;padding:1rem}.modern-signin-footer{text-align:center}.modern-signin-signup-text{color:#e0cb8f;font-size:.875rem;margin:0}.modern-signin-link{font-weight:500;transition:color .3s ease}.modern-signin-link,.modern-signin-link:hover{color:#e0cb8f;text-decoration:none}@media (max-width:768px){.modern-signin-container{align-items:flex-start;margin:0;padding:2rem 1rem 1rem;width:100vw}.modern-signin-card{border-radius:20px;margin:0 auto;max-width:100%;padding:2rem;width:100%}.modern-signin-title{font-size:1.875rem}.modern-signin-logo-text{font-size:1.25rem}}@media (max-height:600px){.modern-signin-container{align-items:flex-start;padding-bottom:1rem;padding-top:1rem}.modern-signin-card{margin:1rem auto}}@media (max-width:480px){.modern-signin-container{margin:0;padding:.5rem;width:100vw}.modern-signin-card{border-radius:16px;margin:0 auto;max-width:100%;padding:1.5rem;width:100%}.modern-signin-title{font-size:1.5rem}.modern-signin-form{gap:1.25rem}.modern-signin-input{padding:.75rem}.modern-signin-button-primary,.modern-signin-button-secondary{padding:.75rem 1.25rem}}.logo-square{align-items:center;background-color:#29255c;border-radius:.5rem;display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.logo-letter{color:#e0cb8f;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700}.logo-text{color:#111827}.category-label{color:#6b7280}.nav-link{font-size:.8125rem;gap:.5rem;padding:.375rem .5rem;position:relative;transition:transform .15s ease}.nav-item{color:#374151}.nav-item:hover{transform:scale(1.05)}.nav-item-active{color:#4f46e5}.nav-item-active:after{background-color:#4f46e5;border-radius:50%;box-shadow:0 0 0 2px #fff;content:"";height:.375rem;position:absolute;right:.5rem;top:.5rem;width:.375rem}.nav-icon{height:1rem;width:1rem}.sidebar-bottom{margin:auto -1rem -1rem}.user-profile{border-radius:0;box-sizing:border-box;cursor:pointer;margin:0;padding:1rem;transition:background-color .2s ease;width:100%}.user-profile:hover{background-color:#e2e8f0}.user-avatar{background:#8b5cf6}.user-name{color:#111827}.mobile-menu-btn,.user-role{color:#6b7280}.mobile-menu-btn:hover{color:#111827}.mobile-sidebar-content{padding:1rem 1rem 0}.mobile-sidebar .sidebar-bottom{margin-bottom:0;margin-left:-1rem;margin-right:-1rem}.mobile-menu-btn:focus,.nav-link:focus{outline:2px solid #4f46e5;outline-offset:2px}@media (prefers-color-scheme:dark){.mobile-sidebar,.sidebar-content{background-color:#e0cb8f;border-color:#e0cb8f}.logo-text,.user-name{color:#f9fafb}.user-role{color:#9ca3af}.nav-item{color:#d1d5db}.nav-item:hover{color:#f9fafb}.nav-item:hover,.user-profile{background-color:#e0cb8f}}.user-dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.user-dropdown{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;bottom:4.5rem;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;left:1rem;max-width:280px;overflow:hidden;position:absolute;right:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.dropdown-user-info{align-items:center;display:flex;gap:.75rem}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#4f46e5,#9333ea);border-radius:50%;box-shadow:0 2px 8px #4f46e54d;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.dropdown-user-details{display:flex;flex-direction:column;gap:.125rem}.dropdown-name{color:#1e293b;font-size:.875rem;font-weight:600;margin:0}.dropdown-role{color:#64748b;font-size:.75rem;margin:0;text-transform:capitalize}.dropdown-content{padding:.75rem}.dropdown-item{background:#f8fafc;border-radius:.5rem;margin-bottom:.5rem;padding:.75rem}.dropdown-item-icon{color:#64748b;flex-shrink:0;height:1.25rem;width:1.25rem}.dropdown-item-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.dropdown-item-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.dropdown-item-value{color:#1e293b;font-size:.875rem;word-break:break-all}.dropdown-actions{margin-top:.5rem}.dropdown-logout-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.75rem;transition:all .2s ease;width:100%}.dropdown-logout-btn:hover{background:#fee2e2;border-color:#f87171;color:#b91c1c}.logout-icon{height:1rem;width:1rem}@media (max-width:768px){.user-dropdown{left:.5rem;max-width:none;right:.5rem}.dropdown-header{padding:.75rem}.dropdown-content{padding:.5rem}}.top-header{position:relative;z-index:30}.header-content,.top-header{overflow:visible}.header-icon-btn,.header-icon-btn:hover{color:#1e3a8a}.settings-dropdown{position:relative}.dropdown-arrow{height:.75rem;margin-left:.25rem;transition:transform .2s ease;width:.75rem}.settings-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;margin-top:.5rem;min-width:180px;overflow:visible;position:absolute;right:0;top:100%;z-index:900}.dropdown-item{align-items:center;background:none;border:none;color:#1e3a8a;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background-color .15s ease;width:100%}.dropdown-item:hover{background-color:#f3f4f6}.dropdown-item-icon{color:#6b7280;height:1rem;width:1rem}.modal-overlay{z-index:10000}.modal-content{box-shadow:0 10px 25px #0003;max-height:80vh;max-width:320px}.modal-header{margin-bottom:1.5rem}.modal-close{transition:all .15s ease}.modal-close:hover{background-color:#f3f4f6}.modal-body{padding:0 1.5rem 1.5rem}.change-password-form{display:flex;flex-direction:column;gap:1rem}.form-input{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:border-color .15s ease}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-actions{gap:.75rem;margin-top:1rem}.btn-cancel{background:#fff;transition:all .15s ease}.btn-cancel:hover{background-color:#f9fafb}.btn-save{background:#3b82f6;color:#fff;transition:all .15s ease}.btn-save:hover:not(:disabled){background:#2563eb}.btn-save:disabled{background:#9ca3af}.error-message{font-size:.875rem;padding:.75rem}.success-message{flex-direction:column;gap:1rem;padding:2rem;text-align:center}.success-icon,.success-message{align-items:center;display:flex}.success-icon{background:#10b981;border-radius:50%;color:#fff;font-size:1.5rem;font-weight:700;height:3rem;justify-content:center;width:3rem}.success-message p{color:#1e3a8a;font-size:1rem;margin:0}@media (max-width:768px){.header-content{padding:1rem}.settings-dropdown-menu{min-width:200px;right:-1rem}}.header-icon-btn:focus{outline:2px solid #1e3a8a;outline-offset:2px}@media (prefers-color-scheme:dark){.top-header{background-color:#1e3a8a;border-color:#1e3a8a}.header-icon-btn{color:#d1d5db}.header-icon-btn:hover{background-color:#1e3a8a;color:#f9fafb}}.bonus-toast{animation:slideInRight .3s ease-out;bottom:2rem;max-width:400px;position:fixed;right:2rem;z-index:1000}.bonus-toast-content{align-items:flex-start;background:#1e3a8a;border:1px solid #ffffff1a;border-radius:.75rem;box-shadow:0 10px 25px #4f46e54d;color:#e0cb8f;display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative}.bonus-toast-content:before{animation:shimmer 2s infinite;background:#1e3a8a;content:"";height:2px;left:0;position:absolute;right:0;top:0}.bonus-toast-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:.5rem;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.toast-icon{color:#1e3a8a;height:1.25rem;width:1.25rem}.bonus-toast-text{flex:1 1;min-width:0}.toast-title{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem}.toast-message{color:#ffffffe6;font-size:.875rem;line-height:1.4;margin:0}.bonus-toast-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.toast-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #fff3;border-radius:.5rem;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.toast-button:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.button-icon{height:1rem;width:1rem}.toast-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.toast-close:hover{background:#fff3;transform:scale(1.05)}.close-icon{height:1rem;width:1rem}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.bonus-toast{bottom:1rem;left:1rem;max-width:none;right:1rem}.bonus-toast-content{padding:1rem}.bonus-toast-actions{align-items:center;flex-direction:row}.toast-button{font-size:.8rem;padding:.375rem .75rem}}.ranking-toast-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.ranking-toast{animation:slideInUp .4s cubic-bezier(.4,0,.2,1);background:#29255c;border:2px solid #1e3a8a;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;overflow:hidden;position:relative;width:90%}.ranking-toast:before{background:#1e3a8a;content:"";height:4px;left:0;position:absolute;right:0;top:0}.ranking-toast-content{align-items:center;display:flex;gap:1.5rem;padding:2rem;position:relative}.ranking-toast-icon{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.trophy-icon{animation:bounce 2s infinite;color:#1e3a8a;height:3rem;width:3rem}.rank-emoji{animation:pulse 2s infinite;font-size:2rem}.ranking-toast-text{flex:1 1;min-width:0}.ranking-toast-title{-webkit-text-fill-color:#0000;animation:textShine 3s ease-in-out infinite;background:linear-gradient(135deg,#e0cb8f,#e0cb8f,#e0cb8f,#e0cb8f);-webkit-background-clip:text;background-clip:text;background-size:300% 100%;color:#e0cb8f;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .75rem;position:relative;text-align:center;text-shadow:0 2px 4px #fbbf244d}.ranking-toast-title:before{background:linear-gradient(135deg,#e0cb8f,#e0cb8f,#e0cb8f);border-radius:.5rem;bottom:-2px;content:"";filter:blur(4px);left:-2px;opacity:.2;position:absolute;right:-2px;top:-2px;z-index:-1}.ranking-toast-message{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out .3s both;font-size:1.3rem;font-weight:700;line-height:1.5;margin:0 0 .75rem;text-shadow:0 1px 2px #05966933}.ranking-toast-message,.ranking-toast-subtitle{background:#e0cb8f;-webkit-background-clip:text;background-clip:text;color:#e0cb8f;text-align:center}.ranking-toast-subtitle{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out .5s both;font-size:1.1rem;font-style:italic;font-weight:500;margin:0}.ranking-toast-close{align-items:center;background:none;border:none;border-radius:.5rem;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.ranking-toast-close:hover{background:#f3f4f6;color:#1e3a8a}.close-icon{height:1.25rem;width:1.25rem}.ranking-toast-progress{animation:progressBar 5s linear forwards;background:#1e3a8a;bottom:0;height:3px;left:0;position:absolute}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes progressBar{0%{width:100%}to{width:0}}@keyframes textShine{0%{background-position:-300%}to{background-position:300%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.ranking-toast{margin:1rem;width:95%}.ranking-toast-content{gap:1rem;padding:1.5rem}.trophy-icon{height:2.5rem;width:2.5rem}.rank-emoji{font-size:1.5rem}.ranking-toast-title{font-size:1.75rem}.ranking-toast-message{font-size:1.2rem}.ranking-toast-subtitle{font-size:1rem}}@media (max-width:480px){.ranking-toast-content{flex-direction:column;padding:1rem;text-align:center}.ranking-toast-icon{order:-1}}*{box-sizing:border-box}body,html{margin:0;max-width:100%;overflow-x:hidden;padding:0;width:100%}body{position:relative}#root,.dashboard-layout{margin:0;max-width:100%;overflow-x:hidden;padding:0;width:100%}.dashboard-layout{background-color:#f8fafc;display:flex;flex-direction:column;height:100vh;overflow-y:visible;position:relative}.sidebar-desktop{bottom:0;display:none;flex-direction:column;left:0;position:fixed;top:0;width:18rem;z-index:50}@media (min-width:1024px){.sidebar-desktop{display:flex}}.sidebar-content{background-color:#fff;border-right:1px solid #e5e7eb;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;height:100vh;overflow-y:auto;padding:1rem;width:100%}.sidebar-logo{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.logo-image{height:2rem;object-fit:contain;width:2rem}.logo-text{color:#1f2937;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700}.sidebar-navigation{flex:1 1;gap:1rem}.nav-category,.sidebar-navigation{display:flex;flex-direction:column}.nav-category{gap:.5rem}.category-label{color:#1f2937;display:block;font-size:.625rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.nav-list{display:flex;flex-direction:column;gap:.125rem;list-style:none;margin:0;padding:0}.nav-link{align-items:center;border-radius:.375rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.625rem;padding:.5rem;text-decoration:none;transition:all .15s ease}.nav-item{color:#1f2937}.nav-item:hover{background-color:#f3f4f6;color:#1f2937}.nav-item-active{background-color:#eef2ff;color:#1f2937}.nav-icon{flex-shrink:0;height:1.25rem;width:1.25rem}.sidebar-bottom{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.user-profile{align-items:center;background-color:#f8fafc;border-radius:.5rem;display:flex;gap:.75rem;margin-top:.5rem;padding:.75rem}.user-avatar{background:#3b82f6}.user-info{flex-direction:column;gap:.125rem}.user-name{color:#1f2937;font-weight:500}.user-role{color:#1f2937;font-size:.75rem}.mobile-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px 0 #0000001a;box-sizing:border-box;display:flex;flex-shrink:0;height:4rem;justify-content:space-between;max-width:100%;overflow-x:hidden;padding:0 .5rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:40}@media (min-width:1024px){.mobile-header{display:none}}.mobile-header-content{align-items:center;box-sizing:border-box;display:flex;gap:1.5rem;justify-content:space-between;max-width:100%;overflow-x:hidden;padding:0 1rem;width:100%}.mobile-logo{gap:.75rem}.mobile-logo,.mobile-menu-btn{align-items:center;display:flex}.mobile-menu-btn{background:none;border:none;border-radius:.375rem;color:#1f2937;cursor:pointer;height:2.5rem;justify-content:center;transition:all .15s ease;width:2.5rem}.mobile-menu-btn:hover{background-color:#f3f4f6;color:#1f2937}.mobile-sidebar-overlay{background-color:#00000080;inset:0;position:fixed;z-index:50}.mobile-sidebar{animation:slideIn .2s ease-out forwards;background-color:#fff;border-right:1px solid #e5e7eb;bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);width:18rem}@keyframes slideIn{to{transform:translateX(0)}}.mobile-sidebar-content{display:flex;flex-direction:column;gap:1.5rem;height:100%;padding:1rem}.main-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:100%;margin-left:0;max-width:100%;overflow-x:hidden;overflow-y:visible;width:100%}@media (min-width:1024px){.main-content{margin-left:18rem;max-width:calc(100% - 18rem)}}.top-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:0}.header-content,.top-header{box-sizing:border-box;margin:0;width:100%}.header-content{align-items:center;display:flex;justify-content:flex-end;max-width:100%;overflow-x:hidden;padding:1rem 2rem}.page-title{color:#1f2937}.page-subtitle{color:#1f2937;font-size:1rem}.header-actions{align-items:center;display:flex;gap:1rem}.header-icon-btn{align-items:center;background:none;border:none;border-radius:.5rem;color:#1f2937;cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:relative;transition:all .15s ease;width:2.5rem}.header-icon-btn:hover{background-color:#f3f4f6;color:#1f2937}.header-icon{height:1.25rem;width:1.25rem}.notification-badge{align-items:center;background:linear-gradient(135deg,#1f2937,#1f2937);border-radius:9999px;box-shadow:0 2px 4px #9333ea4d;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:1.25rem;justify-content:center;min-width:1.25rem;padding:.125rem .375rem;position:absolute;right:-.25rem;top:-.25rem}.user-profile-header{align-items:center;background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;gap:.75rem;padding:.5rem}.user-avatar-small{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.user-info-small{display:flex;flex-direction:column;gap:.125rem}.user-name-small{color:#1f2937;font-size:.875rem;font-weight:500}.user-role-small{color:#1f2937;font-size:.75rem}.dashboard-content{display:flex;flex:1 1;flex-direction:column;gap:2rem;height:100%;margin:0;overflow-x:hidden;padding:2rem}.dashboard-content,.stats-grid{box-sizing:border-box;max-width:100%;width:100%}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.modern-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.modern-card:before{background:#1f2937;border-radius:.75rem .75rem 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.modern-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stat-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-icon-wrapper{align-items:center;background:#1e3a8a;border-radius:.5rem;box-shadow:0 4px 12px #1e3a8a4d;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.stat-icon{color:#e0cb8f;height:1.25rem;width:1.25rem}.stat-content{display:flex;flex-direction:column;gap:.5rem}.stat-number{-webkit-text-fill-color:#0000;background:#fff;-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2rem;font-weight:800;line-height:1}.stat-change{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin:0}.stat-change.positive{color:#059669}.stat-change.positive:before{content:"↗";font-size:1rem;font-weight:700}.stat-change.warning{color:#1f2937}.quick-actions{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem}.section-title{font-size:1.25rem;font-weight:600}.actions-grid{grid-gap:1rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:100%;width:100%}.action-card{align-items:center;background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .15s ease}.action-card:hover{background-color:#f1f5f9;border-color:#1f2937;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.action-icon{color:#e0cb8f;flex-shrink:0;height:2rem;width:2rem}.action-content h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.action-content p{color:#1f2937;font-size:.875rem;margin:0}.recent-activity{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{background-color:#f8fafc;border-radius:.5rem;gap:1rem;padding:1rem}.activity-icon,.activity-item{align-items:center;display:flex}.activity-icon{background-color:#1e3a8a;border-radius:50%;color:#e0cb8f;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.activity-content{flex:1 1}.activity-text{color:#1f2937;font-size:.875rem;font-weight:500;margin:0 0 .25rem}.activity-time{color:#1f2937;font-size:.75rem;margin:0}@media (max-width:768px){.dashboard-content{gap:1.5rem;padding:1rem}.stats-grid{gap:1.5rem;grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-number{font-size:1.75rem}.stat-icon-wrapper{height:2rem;width:2rem}.stat-icon{height:1rem;width:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.header-actions{justify-content:space-between;width:100%}.page-title{font-size:1.5rem}.user-profile-header{order:-1}}.action-card:focus,.mobile-menu-btn:focus,.nav-link:focus{outline:2px solid #1f2937;outline-offset:2px}@media (prefers-color-scheme:dark){.content-header,.main-content,.mobile-sidebar,.quick-actions,.recent-activity,.sidebar-content,.stat-card{background-color:#1f2937;border-color:#1f2937}.action-content h3,.activity-text,.logo-text,.page-title,.section-title,.stat-number{color:#f9fafb}.action-content p,.activity-time,.page-subtitle,.stat-label{color:#9ca3af}.nav-item{color:#d1d5db}.nav-item:hover{color:#f9fafb}.action-card,.activity-item,.nav-item:hover,.user-profile{background-color:#1f2937}.action-card{border-color:#4b5563}.action-card:hover{background-color:#4b5563}}.recent-employees-section{box-sizing:border-box;margin-top:2rem;max-width:100%;width:100%}.error-state,.loading-state{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;justify-content:center;padding:3rem}.error-state p,.loading-state p{color:#64748b;font-size:.875rem;margin:0}.error-state p{color:#dc2626}.employees-table-container{border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow-x:auto;position:relative}.employees-table-container:before{background:#1f2937;content:"";height:3px;left:0;position:absolute;right:0;top:0}.employees-table{background:#0000;min-width:800px;table-layout:fixed}.employees-table thead{background:#fff}.employees-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;letter-spacing:.05em;padding:1rem;white-space:nowrap}.employees-table th:first-child{width:25%}.employees-table th:nth-child(2){width:20%}.employees-table th:nth-child(3){width:15%}.employees-table th:nth-child(4){width:20%}.employees-table th:nth-child(5),.employees-table th:nth-child(6){width:15%}.employees-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.employees-table tbody tr:hover{background:#fff}.employees-table td{overflow:hidden;padding:1rem;text-overflow:ellipsis;white-space:nowrap}.employee-info-cell{align-items:center;display:flex;gap:.75rem}.employee-avatar-small{align-items:center;background:#f59e0b;border-radius:50%;box-shadow:0 2px 8px #4f46e54d;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.employee-name{color:#1f2937;margin:0}.employee-position-cell{color:#1f2937;font-size:.875rem;font-weight:500}.employee-department-cell{text-align:center}.department-text{color:#1f2937;font-size:.875rem;font-weight:500}.employee-email-cell,.employee-phone-cell{font-size:.75rem}.contact-item{align-items:center;display:flex;gap:.5rem}.contact-icon{color:#64748b;flex-shrink:0;height:.875rem;width:.875rem}.contact-text{color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-text,.employee-date-cell{font-size:.75rem}.date-item{align-items:center;display:flex;gap:.5rem}.join-icon{color:#1f2937;flex-shrink:0;height:.875rem;width:.875rem}.join-text{color:#64748b;font-size:.75rem;font-weight:500}@media (max-width:1200px){.employees-table{min-width:900px}.employees-table td,.employees-table th{padding:.75rem}}@media (max-width:768px){.employees-table{min-width:800px}.employees-table td,.employees-table th{padding:.5rem}.employee-avatar-small{font-size:.75rem;height:2rem;width:2rem}.employee-name{font-size:.8125rem}.contact-text,.join-text{font-size:.6875rem}.department-text{font-size:.75rem}.contact-item,.date-item{gap:.25rem}}.employee-dashboard{display:flex;flex-direction:column;gap:2rem}.employee-summary-section{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.section-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.summary-card{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.summary-card:hover{border-color:#1f2937;box-shadow:0 2px 4px #4f46e51a}.summary-icon{align-items:center;background:#1e3a8a;border-radius:.5rem;color:#e0cb8f;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.summary-content h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .5rem}.summary-content p{color:#1f2937;font-size:.875rem;line-height:1.5;margin:0}.stat-change.neutral{color:#1f2937;font-weight:500}.recent-bonuses-section,.recent-metrics-section{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:2rem}.bonuses-list,.metrics-list{display:flex;flex-direction:column;gap:1rem}.bonus-item,.metric-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.bonus-item:hover,.metric-item:hover{border-color:#1f2937;box-shadow:0 2px 4px #4f46e51a}.bonus-info,.metric-info{flex:1 1}.bonus-name,.metric-name{color:#1f2937;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.metric-value{color:#1f2937;font-size:.75rem;font-weight:500;margin:0}.bonus-description{color:#1f2937;font-size:.75rem;line-height:1.4}.bonus-date,.metric-date{color:#9ca3af;font-size:.75rem;margin-left:1rem;white-space:nowrap}.semester-scores-section{margin-top:2rem}.semester-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.semester-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:all .2s ease}.semester-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.semester-card.current-semester{background:#fff;border-left:4px solid #10b981}.semester-card.previous-semester{background:#fff;border-left:4px solid #1f2937}.semester-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.semester-label{color:#1f2937;font-size:1rem;font-weight:600}.semester-icon-wrapper{align-items:center;background:#1e3a8a;border-radius:.5rem;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.semester-icon{color:#e0cb8f;height:1.25rem;width:1.25rem}.semester-content{display:flex;flex-direction:column;gap:.75rem}.semester-score{color:#1f2937;font-size:2.5rem;font-weight:700;line-height:1}.semester-remark{font-size:.9rem;line-height:1.4}.improvement{align-items:center;border-radius:.5rem;display:inline-flex;font-weight:500;gap:.25rem;padding:.5rem .75rem}.improvement.positive{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.improvement.negative{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.improvement.neutral{background:#f3f4f6;border:1px solid #e5e7eb;color:#1f2937}.baseline{color:#1f2937;font-style:italic}@media (max-width:768px){.summary-cards{grid-template-columns:1fr}.summary-card{flex-direction:column;text-align:center}.summary-icon{align-self:center}.section-title{font-size:1.25rem}.semester-cards{grid-template-columns:1fr}.semester-score{font-size:2rem}.improvement{font-size:.8rem;padding:.375rem .5rem}.bonus-item,.metric-item{align-items:flex-start;flex-direction:column;gap:.5rem}.bonus-date,.metric-date{align-self:flex-end;margin-left:0}}.staff-management-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:2rem;height:100%;margin:0;max-width:100%;overflow-x:hidden;padding:2rem;width:100%}.add-staff-btn{align-items:center;background:#1e3a8a;border:none;border-radius:.5rem;box-shadow:0 4px 12px #1e3a8a4d;color:#e0cb8f;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-staff-btn:hover{box-shadow:0 6px 16px #1e3a8a66;transform:translateY(-1px)}.staff-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;height:auto;overflow-x:auto;overflow-y:visible;position:relative}.staff-table-container:before{background:#1e3a8a;content:"";height:3px;left:0;position:absolute;right:0;top:0}.staff-table{background:#0000;border-collapse:collapse;min-width:1000px;table-layout:fixed;width:100%}.staff-table thead{background:#fff}.staff-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.staff-table th:first-child{width:20%}.staff-table th:nth-child(2){width:15%}.staff-table th:nth-child(3){width:12%}.staff-table th:nth-child(4){width:18%}.staff-table th:nth-child(5){width:12%}.staff-table th:nth-child(6){width:10%}.staff-table th:nth-child(7){width:8%}.staff-table th:nth-child(8){width:15%}.staff-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.staff-table tbody tr:hover{background:#fff}.staff-table tbody tr:last-child{border-bottom:none}.staff-table td{overflow:hidden;padding:1rem .75rem;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.staff-member-cell{font-size:.875rem}.staff-info{gap:.75rem}.staff-avatar,.staff-info{align-items:center;display:flex}.staff-avatar{background:#e0cb8f;border-radius:50%;box-shadow:0 2px 8px #4f46e54d;color:#fff;flex-shrink:0;font-size:.875rem;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.staff-name{color:#1e3a8a;font-size:.875rem;font-weight:600;margin:0}.staff-position-cell{color:#1e3a8a;font-size:.875rem;font-weight:500}.staff-department-cell{color:#64748b;font-size:.875rem;font-weight:500}.staff-date-cell,.staff-email-cell,.staff-phone-cell{color:#64748b;font-size:.75rem}.staff-status-cell{color:#16a34a;font-size:.875rem;font-weight:600}.staff-actions-cell{text-align:center}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.add-staff-form{display:flex;flex-direction:column;gap:1.5rem}.form-combobox,.form-input,.form-select{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .2s ease}.form-input:focus,.form-select:focus{border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a;outline:none}@media (max-width:1024px){.staff-table{min-width:900px}.staff-table td,.staff-table th{padding:.75rem .5rem}}@media (max-width:768px){.staff-management-content{padding:1rem}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.search-box{max-width:none}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.staff-table{min-width:800px}.staff-table td,.staff-table th{font-size:.75rem;padding:.5rem .25rem}.staff-avatar{height:1.75rem;width:1.75rem}.staff-avatar,.staff-name{font-size:.75rem}.action-buttons{gap:.25rem}.action-btn{height:1.5rem;width:1.5rem}.action-icon{height:.75rem;width:.75rem}}@media (max-width:480px){.staff-table{min-width:700px}.staff-table td,.staff-table th{font-size:.6875rem;padding:.375rem .125rem}.staff-avatar{height:1.5rem;width:1.5rem}.staff-avatar,.staff-name{font-size:.6875rem}.action-btn{height:1.25rem;width:1.25rem}.action-icon{height:.625rem;width:.625rem}}.status-badge{text-transform:capitalize}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#dc2626}.status-badge.on_leave{background:#fef3c7;color:#e0cb8f}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1rem}.pagination-btn{background:#1e3a8a;border:none;border-radius:.5rem;color:#e0cb8f;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#1e40af}.pagination-btn:disabled{background:#9ca3af;cursor:not-allowed}.pagination-info{color:#64748b;font-size:.875rem}.combobox-container{position:relative;width:100%}.combobox-input-container{align-items:center;display:flex;position:relative}.combobox-input{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#1e3a8a;font-size:.875rem;outline:none;padding:.75rem 2.5rem .75rem .75rem;transition:all .2s ease;width:100%}.combobox-input:focus{border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a}.combobox-input:disabled{background:#f9fafb;color:#1e3a8a;cursor:not-allowed}.combobox-trigger{align-items:center;background:none;border:none;color:#1e3a8a;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .2s ease}.combobox-trigger:hover{color:#1e3a8a}.combobox-trigger:disabled{color:#9ca3af;cursor:not-allowed}.combobox-icon{height:1rem;transition:transform .2s ease;width:1rem}.combobox-icon.open{transform:rotate(180deg)}.combobox-options{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;margin-top:.25rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.combobox-option{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .2s ease}.combobox-option:last-child{border-bottom:none}.combobox-option.highlighted,.combobox-option:hover{background:#f8fafc}.combobox-option.selected{background:#eef2ff;color:#1e3a8a;font-weight:500}.combobox-option-text{flex:1 1;font-size:.875rem}.combobox-check{color:#1e3a8a;height:1rem;width:1rem}.combobox-no-options{color:#1e3a8a;font-size:.875rem;font-style:italic;padding:.75rem;text-align:center}.combobox-options::-webkit-scrollbar{width:6px}.combobox-options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.combobox-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.combobox-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.performance-metrics-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:2rem;height:100%;margin:0;max-width:100%;overflow-x:hidden;padding:2rem;width:100%}.page-header{padding:0 1rem}.add-metric-btn{box-shadow:0 4px 12px #1e3a8a4d;transition:all .3s ease}.add-metric-btn:hover{box-shadow:0 6px 16px #4f46e566}.search-input:focus{box-shadow:0 0 0 3px #1e3a8a1a,0 8px 25px #1e3a8a26}.metrics-table-container{min-width:100%;overflow-y:hidden;width:100%}.metrics-table{background:#0000;max-width:100%;min-width:1200px}.metrics-table thead{background:#fff}.metrics-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;padding:1rem .75rem;white-space:nowrap}.metrics-table th:first-child,.metrics-table th:nth-child(2){width:18%}.metrics-table th:nth-child(4),.metrics-table th:nth-child(5){width:10%}.metrics-table th:nth-child(6){width:15%}.metrics-table th:nth-child(7){width:14%}.metrics-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.metrics-table tbody tr:hover{background:#fff}.metrics-table tbody tr:last-child{border-bottom:none}.metrics-table td{padding:1rem .75rem;vertical-align:middle}.metric-user-cell{font-size:.875rem}.user-avatar{background:#e0cb8f;box-shadow:0 2px 8px #4f46e54d;color:#fff;font-weight:700}.user-details{gap:.125rem}.user-name{margin:0}.user-email{color:#64748b;margin:0}.metric-type-cell{font-size:.875rem}.metric-type-info{display:flex;flex-direction:column;gap:.125rem}.metric-type-name{color:#1e3a8a;font-size:.875rem;font-weight:600}.metric-type-unit{color:#64748b;font-size:.75rem}.metric-value-cell{font-size:.875rem;text-align:center}.value-display{align-items:center;display:flex;gap:.25rem;justify-content:center}.value-number{color:#1e3a8a;font-size:1rem;font-weight:700}.value-unit{color:#64748b;font-size:.75rem}.metric-comment-cell{color:#64748b;font-size:.875rem}.metric-date-cell{color:#64748b;font-size:.75rem}.metric-actions-cell{min-width:100px;white-space:nowrap}.edit-btn:hover,.view-btn:hover{color:#e0cb8f}.form-combobox,.form-input,.form-select,.form-textarea{background-color:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 3px #1e3a8a1a}.range-info{margin-bottom:.5rem}.range-text{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.25rem;display:inline-block;font-size:.75rem;padding:.25rem .5rem}.btn-cancel,.btn-cancel:hover,.range-text{color:#e0cb8f}.btn-save{box-shadow:0 4px 12px #1e3a8a4d}.btn-save:hover{box-shadow:0 6px 16px #1e3a8a66}@media (max-width:1024px){.metrics-table{min-width:1100px}.metrics-table td,.metrics-table th{padding:.75rem .5rem}}@media (max-width:768px){.performance-metrics-content{padding:1rem}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.search-box{max-width:none}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.metrics-table{min-width:1000px}.metrics-table td,.metrics-table th{font-size:.75rem;padding:.5rem .25rem}.user-avatar{font-size:.75rem;height:2rem;width:2rem}.user-name{font-size:.8125rem}.action-buttons{gap:.25rem}.action-btn{height:1.5rem;width:1.5rem}.action-icon{height:.75rem;width:.75rem}}@media (max-width:480px){.metrics-table{min-width:700px}.metrics-table td,.metrics-table th{font-size:.6875rem;padding:.375rem .125rem}.user-avatar{height:1.5rem;width:1.5rem}.user-avatar,.user-name{font-size:.6875rem}.action-btn{height:1.25rem;width:1.25rem}.action-icon{height:.625rem;width:.625rem}}.page-title{background:#e0cb8f;font-size:1.875rem}.filter-label{color:#e0cb8f}.filter-combobox:focus,.filter-select:focus{border-color:#e0cb8f}.delete-warning p,.loading-spinner,.no-data-state p,.no-data-state p:first-of-type,.warning-text{color:#e0cb8f}.metric-email-cell,.metric-units-cell{border-bottom:1px solid #e5e7eb;color:#e0cb8f;font-size:.875rem;padding:1rem}.metric-units-cell{text-align:center}.metric-setup-content{box-sizing:border-box;max-width:100%;min-height:calc(100vh - 200px);padding:2rem}.page-header{flex-wrap:wrap;margin:-1rem -2rem 2rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.search-icon{left:1rem;z-index:1}.search-input{background:#f8fafc;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:.875rem 1rem .875rem 2.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input:hover{background:#fff;border-color:#c7d2fe;box-shadow:0 4px 12px #00000026}.search-input:focus{background:#fff;box-shadow:0 0 0 3px #4f46e51a,0 8px 25px #4f46e526;transform:translateY(-1px)}.search-input:focus+.search-icon{color:#1e3a8a}.add-metric-btn{align-items:center;background:#1e3a8a;border:none;border-radius:.5rem;color:#e0cb8f;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.add-metric-btn:hover{box-shadow:0 10px 25px -3px #4f46e54d;transform:translateY(-1px)}.error-message p{color:#dc2626}.metrics-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;height:auto;min-height:400px;overflow-x:auto;overflow-y:visible;position:relative}.metrics-table-container:before{background:#1e3a8a;border-radius:.75rem .75rem 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.metrics-table{border-collapse:collapse;min-width:800px;table-layout:fixed;width:100%}.metrics-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#1e3a8a;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.metrics-table th:first-child{width:25%}.metrics-table th:nth-child(2){width:30%}.metrics-table th:nth-child(3),.metrics-table th:nth-child(4),.metrics-table th:nth-child(5){width:15%}.metrics-table th:nth-child(6){width:10%}.metrics-table td{border-bottom:1px solid #f3f4f6;overflow:hidden;padding:1rem;text-overflow:ellipsis;white-space:nowrap}.metric-row:hover{background:#f8fafc}.metric-name-cell{color:#1e3a8a;font-weight:600}.metric-info{gap:.75rem}.metric-icon,.metric-info{align-items:center;display:flex}.metric-icon{background:#1e3a8a;border-radius:.5rem;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.metric-icon-svg{color:#fff;height:1rem;width:1rem}.metric-description-cell{color:#1e3a8a;font-size:.875rem;line-height:1.4}.metric-max-cell,.metric-min-cell,.metric-unit-cell{color:#1e3a8a;font-size:.875rem;font-weight:500}.metric-actions-cell{text-align:center}.edit-btn:hover{background:#e2e8f0}.delete-btn:hover{background:#fee2e2}.loading-state{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem}.loading-state p{color:#64748b;font-size:.875rem;margin:0}.add-metric-form{display:flex;flex-direction:column;gap:1.5rem}.form-row .full-width{grid-column:1/-1}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .2s ease}.btn-cancel{background:#f8fafc}.btn-cancel:hover{background:#e5e7eb}.btn-save{align-items:center;display:flex;font-weight:600;justify-content:center}.btn-save:hover:not(:disabled){box-shadow:0 10px 25px -3px #4f46e54d;transform:translateY(-1px)}.delete-modal{max-width:500px}.delete-warning{padding:1rem 0;text-align:center}.warning-icon{font-size:3rem;margin-bottom:1rem}.delete-warning p{color:#1e3a8a;margin:.5rem 0}.warning-text{color:#1e3a8a;font-size:.875rem}.btn-delete{align-items:center;display:flex;font-weight:600;justify-content:center}.btn-delete:hover:not(:disabled){background:#b91c1c}@media (max-width:768px){.metric-setup-content{padding:1rem}.page-header{align-items:stretch;flex-direction:column;gap:1.5rem}.page-title{font-size:1.5rem;text-align:center}.page-actions{align-items:stretch;flex-direction:column}.search-box{max-width:none}.form-row{grid-template-columns:1fr}.metrics-table{min-width:600px}.metrics-table td,.metrics-table th{font-size:.75rem;padding:.5rem}.metric-icon{height:1.5rem;width:1.5rem}.metric-icon-svg{height:.75rem;width:.75rem}.action-btn{height:1.5rem;width:1.5rem}.action-icon{height:.75rem;width:.75rem}}.bonuses-content{background:#fff;min-height:calc(100vh - 80px);padding:2rem}.filter-combobox,.filter-select{min-width:200px}.bonuses-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow-x:auto;overflow-y:hidden;position:relative}.bonuses-table-container:before{background:#1e3a8a;content:"";height:3px;left:0;position:absolute;right:0;top:0}.bonuses-table{background:#0000;border-collapse:collapse;min-width:800px;table-layout:fixed;width:100%}.bonuses-table thead{background:#fff}.bonuses-table th{border-bottom:1px solid #e2e8f0;color:#1e3a8a;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.bonuses-table th:first-child{width:25%}.bonuses-table th:nth-child(2){width:20%}.bonuses-table th:nth-child(3){width:30%}.bonuses-table th:nth-child(4){width:15%}.bonuses-table th:nth-child(5){width:10%}.bonuses-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.bonuses-table tbody tr:hover{background:#f8fafc}.bonus-employee-cell{padding:1rem}.employee-details{gap:.25rem}.bonus-name-cell{font-weight:500}.bonus-description-cell,.bonus-name-cell{border-bottom:1px solid #e5e7eb;color:#1e3a8a;font-size:.875rem;padding:1rem}.bonus-description-cell{word-wrap:break-word;overflow-wrap:break-word}.bonus-date-cell{color:#64748b;font-size:.75rem;padding:1rem}.bonus-actions-cell{min-width:100px;padding:1rem;text-align:center;white-space:nowrap}.add-bonus-modal{max-width:700px}.add-bonus-form{display:flex;flex-direction:column;gap:1rem}.employee-display{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#1e3a8a;font-size:.875rem;padding:.75rem}.performance-metrics-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin:1rem 0;padding:1rem}.performance-title{align-items:center;color:#1e3a8a;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.performance-icon{color:#1e3a8a;height:1rem;width:1rem}.performance-loading{align-items:center;color:#1e3a8a;display:flex;font-size:.875rem;gap:.5rem}.performance-metrics-list{display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto}.performance-metric-item{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.75rem}.metric-header{align-items:center;margin-bottom:.5rem}.metric-name{font-size:.875rem;font-weight:500}.metric-value{color:#1e3a8a;font-size:.875rem;font-weight:600}.metric-comment{color:#1e3a8a;font-size:.75rem;font-style:italic;margin-bottom:.25rem}.metric-date{color:#9ca3af;font-size:.75rem}.no-performance-data{color:#1e3a8a;font-size:.875rem;padding:1rem;text-align:center}.delete-bonus-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem}.delete-bonus-info strong{color:#1e3a8a;display:block;font-size:.875rem;margin-bottom:.25rem}.delete-bonus-info span{color:#1e3a8a;font-size:.75rem}@media (max-width:1024px){.bonuses-table{min-width:700px}.bonuses-table td,.bonuses-table th{padding:.75rem .5rem}}@media (max-width:768px){.bonuses-content{padding:1rem}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.search-box{min-width:200px}.form-actions{flex-direction:column}.bonuses-table{min-width:600px}.bonuses-table td,.bonuses-table th{font-size:.75rem;padding:.5rem .25rem}.employee-avatar{height:2rem;width:2rem}.modal-content{margin:.5rem}.add-bonus-modal{max-width:95%}}.user-management-content{background:#fff;min-height:calc(100vh - 80px);padding:2rem}.page-header{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;margin-left:1rem;margin-right:1rem;padding:1.5rem}.page-title{font-weight:600}.page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filters{align-items:end;display:flex;gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-label{color:#1e3a8a;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.filter-combobox,.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;min-width:150px;padding:.5rem .75rem;transition:all .2s ease}.filter-combobox{padding:0}.filter-combobox:focus,.filter-select:focus{border-color:#1e3a8a;box-shadow:0 0 0 3px #4f46e51a;outline:none}.search-box{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;min-width:320px;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-box:hover{background:#fff;border-color:#c7d2fe;box-shadow:0 4px 12px #00000026}.search-box:focus-within{background:#fff;border-color:#1e3a8a;box-shadow:0 0 0 3px #4f46e51a,0 8px 25px #4f46e526;transform:translateY(-1px)}.search-icon{height:1.125rem;margin-right:.75rem;transition:color .2s ease;width:1.125rem}.search-box:focus-within .search-icon,.search-icon{color:#1e3a8a}.search-input{background:#0000;border:none;color:#1e3a8a;flex:1 1;font-weight:500;outline:none}.search-input::placeholder{color:#9ca3af;font-weight:400}.btn-add{align-items:center;background:#1e3a8a;border:none;border-radius:.5rem;box-shadow:0 4px 12px #4f46e54d;color:#e0cb8f;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-add:hover{box-shadow:0 6px 16px #4f46e566;transform:translateY(-1px)}.error-message{margin-bottom:1rem}.error-message p{font-size:.875rem;margin:0}.users-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow-x:auto;overflow-y:hidden;position:relative}.users-table-container:before{background:#1e3a8a;content:"";height:3px;left:0;position:absolute;right:0;top:0}.users-table{background:#0000;border-collapse:collapse;min-width:800px;table-layout:fixed;width:100%}.users-table thead{background:#fff}.users-table th{border-bottom:1px solid #e2e8f0;color:#1e3a8a;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.users-table th:first-child{width:25%}.users-table th:nth-child(2){width:30%}.users-table th:nth-child(3),.users-table th:nth-child(4),.users-table th:nth-child(5){width:15%}.users-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.users-table tbody tr:hover{background:#f8fafc}.user-info-cell{padding:1rem}.user-info{gap:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#1e3a8a;border-radius:50%;color:#e0cb8f;flex-shrink:0;font-size:.875rem;font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.user-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email-cell{border-bottom:1px solid #e5e7eb;color:#1e3a8a;font-size:.875rem;padding:1rem}.user-type-cell{padding:1rem;text-align:center}.type-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.type-badge.employee{background:#dbeafe;color:#1e40af}.type-badge.manager{background:#fef3c7;color:#1e3a8a}.type-badge.admin{background:#fce7f3;color:#be185d}.user-date-cell{color:#64748b;font-size:.75rem;padding:1rem}.user-actions-cell{min-width:100px;padding:1rem;text-align:center;white-space:nowrap}.action-btn{flex-shrink:0}.loading-state{color:#1e3a8a}.no-data-state{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem}.no-data-state p{color:#1e3a8a;margin:.5rem 0}.no-data-state p:first-of-type{color:#1e3a8a;font-size:1.125rem;font-weight:600}.no-data-subtitle{color:#9ca3af}.modal-content{max-width:500px}.modal-header{padding:1.5rem}.modal-close{color:#9ca3af;line-height:1}.add-user-form{display:flex;flex-direction:column;gap:1rem}.form-combobox,.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .2s ease}.form-combobox{padding:0}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1e3a8a;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-textarea{min-height:80px}.btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.delete-modal{max-width:400px}.delete-content{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.delete-icon{align-items:center;background:#fef2f2;border-radius:50%;color:#dc2626;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.delete-text h3{color:#1e3a8a;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.delete-text p{color:#1e3a8a;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.delete-user-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem}.delete-user-info strong{color:#1e3a8a;display:block;font-size:.875rem;margin-bottom:.25rem}.delete-user-info span{color:#1e3a8a;font-size:.75rem}.btn-delete{background:#dc2626;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-delete:hover{background:#b91c1c}.btn-delete:disabled{background:#9ca3af;cursor:not-allowed}.btn-spinner{margin-right:.5rem}@media (max-width:1024px){.users-table{min-width:700px}.users-table td,.users-table th{padding:.75rem .5rem}}@media (max-width:768px){.user-management-content{padding:1rem}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.search-box{min-width:200px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.users-table{min-width:600px}.users-table td,.users-table th{font-size:.75rem;padding:.5rem .25rem}.user-avatar{height:2rem;width:2rem}.modal-content{margin:.5rem}}.employees-list{max-height:400px;overflow-y:auto}.employees-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem 0}.employee-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.employee-card:hover{border-color:#1e3a8a;box-shadow:0 2px 4px #4f46e51a}.employee-info{flex:1 1}.employee-avatar{color:#e0cb8f}.employee-details{flex:1 1}.employee-email,.employee-name{margin:0 0 .25rem}.employee-position{color:#9ca3af;font-size:.75rem;margin:0}.btn-link{align-items:center;background:#1e3a8a;border:none;border-radius:.375rem;color:#e0cb8f;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:background-color .2s}.btn-link:hover:not(:disabled){background:#4338ca}.btn-link:disabled{background:#9ca3af;cursor:not-allowed}.btn-spinner{height:.875rem;width:.875rem}.audit-trails-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:2rem;height:100%;margin:0;max-width:100%;overflow-x:hidden;padding:2rem;width:100%}.page-header{gap:1rem;justify-content:space-between;margin-bottom:1rem}.add-trail-btn,.page-header{align-items:center;display:flex}.add-trail-btn{background:#1e3a8a;border:none;border-radius:.5rem;box-shadow:0 4px 12px #4f46e54d;color:#e0cb8f;cursor:pointer;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-trail-btn:hover{box-shadow:0 6px 16px #4f46e566;transform:translateY(-1px)}.search-box{flex:1 1;max-width:400px;position:relative}.search-icon{color:#64748b;height:1rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%);width:1rem}.search-input{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;padding:.75rem .75rem .75rem 2.5rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:#1e3a8a;box-shadow:0 0 0 3px #4f46e51a;outline:none}.trails-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow-x:auto;overflow-y:hidden;position:relative}.trails-table-container:before{background:#1e3a8a;content:"";height:3px;left:0;position:absolute;right:0;top:0}.trails-table{background:#0000;border-collapse:collapse;min-width:1000px;table-layout:fixed;width:100%}.trails-table thead{background:#fff}.trails-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.trails-table th:first-child{width:20%}.trails-table th:nth-child(2){width:15%}.trails-table th:nth-child(3){width:12%}.trails-table th:nth-child(4){width:18%}.trails-table th:nth-child(5){width:15%}.trails-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.trails-table tbody tr:hover{background:#fff}.trails-table tbody tr:last-child{border-bottom:none}.trails-table td{overflow:hidden;padding:1rem .75rem;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.trail-name-cell{font-size:.875rem}.trail-info{align-items:center;display:flex;gap:.75rem}.trail-icon{color:#1e3a8a;flex-shrink:0;height:1.25rem;width:1.25rem}.trail-name{color:#1e3a8a;font-size:.875rem;font-weight:600}.trail-description-cell{color:#64748b;font-size:.875rem}.trail-created-cell,.trail-updated-cell{font-size:.875rem}.date-info{align-items:center;display:flex;gap:.5rem}.date-icon{color:#64748b;flex-shrink:0;height:1rem;width:1rem}.date-text{color:#64748b;font-size:.75rem}.trail-actions-cell{text-align:center}.action-buttons{gap:.5rem}.action-btn,.action-buttons{align-items:center;display:flex;justify-content:center}.action-btn{border:none;border-radius:.375rem;cursor:pointer;height:2rem;transition:all .2s ease;width:2rem}.action-icon{height:.875rem;width:.875rem}.view-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.view-btn:hover{background:#e0e7ff;border-color:#c7d2fe;color:#1e3a8a}.edit-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.edit-btn:hover{background:#e0e7ff;border-color:#c7d2fe;color:#1e3a8a}.delete-btn{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.delete-btn:hover{background:#fecaca;border-color:#f87171;color:#b91c1c}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 0}.modal-title{color:#1e3a8a;font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:.25rem;color:#1e3a8a;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#1e3a8a}.modal-body{padding:1.5rem}.add-trail-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#1e3a8a;font-size:.875rem;font-weight:500}.form-input,.form-textarea{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .2s ease}.form-input:focus,.form-textarea:focus{border-color:#1e3a8a;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-textarea{min-height:100px;resize:vertical}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.btn-cancel{background:#0000;border:1px solid #d1d5db;border-radius:.5rem;color:#1e3a8a;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af;color:#1e3a8a}.btn-save{background:#1e3a8a;border:none;border-radius:.5rem;box-shadow:0 4px 12px #4f46e54d;color:#e0cb8f;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-save:hover{box-shadow:0 6px 16px #4f46e566;transform:translateY(-1px)}@media (max-width:1024px){.trails-table{min-width:900px}.trails-table td,.trails-table th{padding:.75rem .5rem}}@media (max-width:768px){.audit-trails-content{padding:1rem}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.search-box{max-width:none}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.trails-table{min-width:800px}.trails-table td,.trails-table th{font-size:.75rem;padding:.5rem .25rem}.trail-icon{height:1rem;width:1rem}.trail-name{font-size:.8125rem}.action-buttons{gap:.25rem}.action-btn{height:1.5rem;width:1.5rem}.action-icon{height:.75rem;width:.75rem}}@media (max-width:480px){.trails-table{min-width:700px}.trails-table td,.trails-table th{font-size:.6875rem;padding:.375rem .125rem}.trail-icon{height:.875rem;width:.875rem}.trail-name{font-size:.6875rem}.action-btn{height:1.25rem;width:1.25rem}.action-icon{height:.625rem;width:.625rem}}.responses-content{margin:0 auto;max-width:1200px;padding:2rem}.page-subtitle{margin:0 0 1rem}.error-message{gap:.5rem}.responses-list{display:flex;flex-direction:column;gap:1.5rem}.response-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease}.response-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a}.response-header{align-items:flex-start;background:#f8fafc;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1.5rem}.response-info{flex:1 1}.response-question{color:#1e3a8a;font-size:1rem;font-weight:600;line-height:1.5;margin:0 0 .5rem}.response-meta{display:flex;flex-direction:column;gap:.25rem}.response-user{align-items:center;background:#f3f4f6;border-radius:.375rem;display:flex;gap:.5rem;margin-top:.5rem;padding:.5rem}.user-name{color:#1e3a8a;font-size:.875rem;font-weight:600}.response-date,.user-email{color:#1e3a8a;font-size:.75rem}.response-status{flex-shrink:0;margin-left:1rem}.status-badge.responded{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.status-badge.pending{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.response-content{padding:1.5rem}.response-display{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.response-label{color:#1e3a8a;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.response-text{color:#4b5563;font-size:.875rem;line-height:1.6;margin:0;white-space:pre-wrap}.response-status-message{align-items:center;background:#d1fae5;border-radius:.375rem;color:#065f46;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem}.response-status-message .status-icon{height:1rem;width:1rem}.response-form{display:flex;flex-direction:column;gap:1rem}.response-textarea{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#1e3a8a;font-family:inherit;font-size:.875rem;min-height:100px;padding:.75rem;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.response-textarea:focus{border-color:#1e3a8a;box-shadow:0 0 0 3px #4f46e51a;outline:none}.response-actions{display:flex;justify-content:flex-end}.btn-submit{align-items:center;background:#1e3a8a;border:none;border-radius:.5rem;color:#e0cb8f;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.btn-submit:hover:not(:disabled){background:#4338ca}.btn-submit:disabled{background:#9ca3af;cursor:not-allowed}.btn-icon,.btn-spinner{height:1rem;width:1rem}.btn-spinner{animation:spin 1s linear infinite}@media (max-width:768px){.responses-content{padding:1rem}.response-header{flex-direction:column;gap:1rem}.response-status{align-self:flex-start;margin-left:0}.response-meta{flex-direction:row;gap:1rem}.response-actions{justify-content:stretch}.btn-submit{flex:1 1;justify-content:center}}.employee-metrics-content{margin:0 auto;max-width:1200px;padding:2rem}.page-title{font-size:1.25rem}.view-only-badge{background:#f3f4f6;border:1px solid #d1d5db;font-weight:500}.metrics-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease}.metric-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a}.metric-header{align-items:flex-start;background:#f8fafc;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1.5rem}.metric-info{flex:1 1}.metric-name{color:#1e3a8a;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 .75rem}.metric-value{align-items:baseline;display:flex;gap:.5rem}.value{font-size:1.5rem;font-weight:700}.unit,.value{color:#1e3a8a}.unit{font-size:.875rem;font-weight:500}.metric-status{flex-shrink:0;margin-left:1rem}.status-badge{background:#dcfce7;border:1px solid #bbf7d0;color:#166534;font-weight:500;padding:.25rem .75rem}.metric-details{padding:1.5rem}.metric-meta{display:flex;flex-direction:column;gap:.75rem}.meta-icon{color:#1e3a8a}@media (max-width:768px){.employee-metrics-content{padding:1rem}.page-title-section{align-items:flex-start;flex-direction:column;gap:.5rem}.metrics-list{grid-template-columns:1fr}.metric-header{flex-direction:column;gap:1rem}.metric-status{align-self:flex-start;margin-left:0}.metric-meta{gap:.5rem}}.employee-bonuses-content{margin:0 auto;max-width:1200px;padding:2rem}.page-header{position:relative;text-align:center}.page-title-section{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.page-title{animation:goldShine 3s ease-in-out infinite;background:linear-gradient(135deg,#e0cb8f,#fbbf24,#e0cb8f);background-size:200% 100%;color:#e0cb8f;font-size:1.5rem;font-weight:800;margin:0;text-shadow:0 2px 4px #e0cb8f4d}.view-only-badge{align-items:center;background:linear-gradient(135deg,#e0cb8f,#fbbf24);border:1px solid #e0cb8f;border-radius:9999px;box-shadow:0 2px 4px #e0cb8f4d;color:#1e3a8a;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.page-subtitle{font-size:.875rem}.error-message{border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.loading-state{padding:3rem}.loading-spinner{color:#1e3a8a;height:2rem;width:2rem}.no-data-state{padding:3rem}.no-data-icon{color:#9ca3af;height:3rem;width:3rem}.no-data-subtitle{font-size:.875rem}.bonuses-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.bonus-card{background:linear-gradient(135deg,#fff,#fefce8);border:2px solid #e0cb8f;border-radius:1rem;box-shadow:0 4px 12px #e0cb8f33,0 2px 4px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.bonus-card:hover{border-color:#fbbf24;box-shadow:0 8px 25px #e0cb8f4d,0 4px 8px #00000026;transform:translateY(-4px)}.bonus-header{align-items:flex-start;background:linear-gradient(135deg,#fefce8,#fef3c7);border-bottom:2px solid #e0cb8f;display:flex;justify-content:space-between;padding:1.5rem;position:relative}.bonus-info{flex:1 1}.bonus-name{color:#1e3a8a;font-size:1.1rem;font-weight:700;line-height:1.4;margin:0 0 .5rem;text-shadow:0 1px 2px #1e3a8a1a}.bonus-description{color:#1e3a8a;font-size:.875rem;line-height:1.5;margin:0}.bonus-status{flex-shrink:0;margin-left:1rem}.status-badge{align-items:center;background:linear-gradient(135deg,#e0cb8f,#fbbf24);border:1px solid #e0cb8f;border-radius:9999px;box-shadow:0 2px 4px #e0cb8f4d;color:#1e3a8a;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.375rem .875rem;text-shadow:0 1px 2px #1e3a8a1a}.status-icon{height:.875rem;width:.875rem}.bonus-details{padding:1.5rem}.bonus-meta{display:flex;flex-direction:column;gap:.75rem}.meta-item{align-items:center;display:flex;gap:.5rem}.meta-icon{color:#e0cb8f;flex-shrink:0;height:1rem;width:1rem}.meta-text{color:#1e3a8a;font-size:.875rem}.bonus-card:before{animation:float 3s ease-in-out infinite;content:"🏆";font-size:2rem;opacity:.1;position:absolute;right:-10px;top:-10px;z-index:1}.bonus-card:after{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#e0cb8f,#fbbf24,#e0cb8f);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes goldShine{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}@media (max-width:768px){.employee-bonuses-content{padding:1rem}.page-title-section{align-items:flex-start;flex-direction:column;gap:.5rem}.bonuses-list{grid-template-columns:1fr}.bonus-header{flex-direction:column;gap:1rem}.bonus-status{align-self:flex-start;margin-left:0}.bonus-meta{gap:.5rem}}.top10-content{align-items:flex-start;display:flex;flex-direction:column;height:100vh;padding:0;width:100%}.no-data-subtitle{color:#e0cb8f}.rankings-content{align-items:flex-start;display:flex;flex-direction:column;gap:3rem;padding:2rem;width:100%}.podium-section{text-align:left;width:100%}.podium-title{color:#e0cb8f;font-size:1.5rem;font-weight:600;margin-bottom:2rem}.podium{align-items:end;display:flex;gap:2rem;justify-content:flex-start;width:100%}.podium-item{align-items:center;border-radius:1rem;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;min-width:200px;padding:1.5rem;transition:transform .2s ease}.podium-item:hover{transform:translateY(-2px)}.podium-item.first{background:#1e3a8a;height:200px;order:2}.podium-item.second{background:#1e3a8a;height:160px;order:1}.podium-item.third{background:#1e3a8a;height:120px;order:3}.podium-rank{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}.podium-avatar{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#e0cb8f;display:flex;font-size:1.5rem;font-weight:600;height:4rem;justify-content:center;margin-bottom:1rem;width:4rem}.podium-info{text-align:center}.podium-name{color:#e0cb8f;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.podium-position{color:#e0cb8f;font-size:.9rem;margin-bottom:.5rem}.podium-score{color:#059669;font-size:1.25rem;font-weight:700}.rankings-list{align-self:flex-start;width:100%}.rankings-title{color:#e0cb8f;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.rankings-grid{display:flex;flex-direction:column;gap:.5rem}.ranking-card{grid-gap:1rem;align-items:center;background:#29255c;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:grid;gap:1rem;grid-template-columns:60px 60px 1fr 150px 120px 80px 60px;padding:1rem 1.5rem;transition:all .2s ease}.ranking-card:hover{box-shadow:0 2px 8px #00000026}.ranking-card.top-three{background:#29255c;border:2px solid #1e3a8a}.ranking-position{align-items:center;display:flex;flex-direction:column;gap:.25rem;justify-content:center;min-width:2rem}.position-text{color:#e0cb8f;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.rank-icon{height:1.5rem;width:1.5rem}.rank-icon.gold{color:#e0cb8f}.rank-icon.silver{color:#9ca3af}.rank-icon.bronze,.rank-number{color:#e0cb8f}.rank-number{font-size:1.25rem;font-weight:700}.ranking-avatar{align-items:center;background:#1e3a8a;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.ranking-name{font-size:1rem;font-weight:600}.ranking-name,.ranking-position-text{color:#e0cb8f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-position-text{font-size:.85rem}.ranking-department{color:#9ca3af;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-score{color:#059669;font-size:1rem;font-weight:600;text-align:center}.ranking-metrics{color:#e0cb8f;font-size:.875rem;text-align:center}@media (max-width:768px){.top10-content{padding:0}.rankings-content{padding:1rem}.podium{align-items:center;flex-direction:column;gap:1rem}.podium-item{height:auto!important;max-width:300px;width:100%}.ranking-card{gap:.75rem;grid-template-columns:1fr;text-align:center}.ranking-avatar,.ranking-department,.ranking-metrics,.ranking-name,.ranking-position,.ranking-position-text,.ranking-score{justify-self:center}}@media (max-width:480px){.ranking-card{padding:.75rem 1rem}.ranking-stats{gap:1rem}}.average-scores-content{padding:0;width:100%}.page-header{margin-bottom:2rem;padding:2rem}.page-title{-webkit-text-fill-color:#0000;background:#1e3a8a;-webkit-background-clip:text;background-clip:text;color:#1e3a8a;font-size:2rem;font-weight:700;margin:0 0 .5rem}.page-subtitle{color:#1e3a8a;font-size:1.1rem;margin:0}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;color:#dc2626;display:flex;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem}.error-icon{flex-shrink:0;height:1.25rem;width:1.25rem}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;color:#3b82f6;height:3rem;margin-bottom:1rem;width:3rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-data-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.no-data-icon{color:#d1d5db;height:4rem;margin-bottom:1rem;width:4rem}.no-data-subtitle{color:#1e3a8a;margin-top:.5rem}.employees-container{width:100%}.employees-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 2px 4px #0000001a;margin:0 2rem 2rem;overflow:hidden}.employees-table{border-collapse:collapse;width:100%}.employees-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.employees-table th{border-right:1px solid #e5e7eb;color:#1e3a8a;font-size:.875rem;font-weight:600;letter-spacing:.025em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.employees-table th:last-child{border-right:none}.employees-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.employees-table tbody tr:hover{background-color:#f9fafb}.employees-table tbody tr:last-child{border-bottom:none}.employees-table td{border-right:1px solid #f3f4f6;padding:1rem 1.5rem;vertical-align:middle}.employees-table td:last-child{border-right:none}.employee-cell{min-width:250px}.employee-info{align-items:center;display:flex;gap:.75rem}.employee-avatar{align-items:center;background:#1e3a8a;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.employee-details{display:flex;flex-direction:column;min-width:0}.employee-name{font-size:.875rem;font-weight:600;margin-bottom:.125rem}.employee-email,.employee-name{color:#1e3a8a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-email{font-size:.75rem}.department-cell,.position-cell{color:#1e3a8a;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-cell{text-align:center}.score-value{font-size:1.25rem;font-weight:700;line-height:1}.performance-cell{text-align:center}.performance-status{background:#f3f4f6;border-radius:.375rem;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase}@media (max-width:768px){.average-scores-content{padding:1rem}.page-title{font-size:1.75rem}.employees-table-container{overflow-x:auto}.employees-table{min-width:500px}.employees-table td,.employees-table th{padding:.75rem 1rem}.employee-cell{min-width:200px}.employee-avatar{font-size:.75rem;height:2rem;width:2rem}.employee-name{font-size:.8rem}.employee-email{font-size:.7rem}.score-value{font-size:1.1rem}}@media (max-width:480px){.employees-table td,.employees-table th{padding:.5rem .75rem}.employees-table th{font-size:.75rem}.employee-info{gap:.5rem}.employee-avatar{font-size:.7rem;height:1.75rem;width:1.75rem}.employee-name{font-size:.75rem}.employee-email{font-size:.65rem}.score-value{font-size:1rem}.performance-status{font-size:.7rem;padding:.125rem .375rem}}
/*# sourceMappingURL=main.723f3fa7.css.map*/