body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.homepage{background:#0f172a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}.homepage-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ad9;border-bottom:1px solid #ffffff0f;left:0;position:fixed;right:0;top:0;z-index:100}.nav-container{justify-content:space-between;margin:0 auto;max-width:1280px;padding:1rem 2rem}.homepage-logo,.nav-container{align-items:center;display:flex}.homepage-logo{font-size:1.5rem;font-weight:700;gap:.75rem;letter-spacing:-.5px}.homepage-logo .logo-icon{align-items:center;background:linear-gradient(135deg,#b8956a,#9a7b54);border-radius:10px;color:#fff;display:flex;font-size:1.25rem;font-weight:600;height:40px;justify-content:center;width:40px}.nav-right{align-items:center;display:flex;gap:1.5rem}.homepage-lang-switcher{background:#ffffff14;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:2px;padding:4px}.homepage-lang-switcher .lang-btn{background:#0000;border:none;border-radius:7px;color:#ffffff80;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:600;padding:.5rem .875rem;transition:all .2s ease}.homepage-lang-switcher .lang-btn:hover{background:#ffffff14;color:#fffc}.homepage-lang-switcher .lang-btn.active{background:#b8956a;color:#0f172a;font-weight:700}.nav-links{display:flex;gap:.75rem}.nav-link{background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.nav-link:hover{background:#ffffff14;color:#fff}.nav-link-primary{background:#fff;color:#0f172a}.nav-link-primary:hover{background:#f1f5f9;color:#0f172a;transform:translateY(-1px)}.homepage-hero{align-items:center;background:radial-gradient(ellipse 80% 50% at 50% -20%,#b8956a26,#0000),radial-gradient(ellipse 60% 40% at 100% 50%,#1e293bcc,#0000);display:flex;min-height:100vh;padding-top:80px}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1280px;padding:4rem 2rem}.hero-content{max-width:560px}.hero-badge{background:#b8956a26;border:1px solid #b8956a4d;border-radius:100px;color:#b8956a;display:inline-block;font-size:.8125rem;font-weight:500;margin-bottom:1.5rem;padding:.5rem 1rem}.hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;letter-spacing:-2px;line-height:1.3;margin-bottom:1.5rem}.hero-subtitle{color:#fff9;font-size:1.125rem;font-weight:400;line-height:1.7;margin-bottom:2.5rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.5rem;padding:1rem 1.75rem;transition:all .25s ease}.hero-btn-primary{background:linear-gradient(135deg,#b8956a,#a07d58);box-shadow:0 4px 20px #b8956a4d;color:#0f172a}.hero-btn-primary:hover{box-shadow:0 8px 30px #b8956a66;transform:translateY(-2px)}.hero-btn-primary svg{transition:transform .2s ease}.hero-btn-primary:hover svg{transform:translateX(4px)}.hero-btn-secondary{background:#ffffff14;border:1px solid #ffffff26;color:#fff}.hero-btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40}.hero-visual{display:flex;justify-content:center}.dashboard-preview{background:#1e293b;border-radius:16px;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff14;max-width:480px;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform .4s ease;width:100%}.dashboard-preview:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.preview-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff0f;display:flex;gap:.75rem;padding:.875rem 1rem}.preview-dots{display:flex;gap:6px}.preview-dots span{background:#ffffff26;border-radius:50%;height:10px;width:10px}.preview-dots span:first-child{background:#ef4444}.preview-dots span:nth-child(2){background:#eab308}.preview-dots span:last-child{background:#22c55e}.preview-title{color:#ffffff80;font-size:.75rem;font-weight:500}.preview-content{display:flex;min-height:280px}.preview-sidebar{background:#0003;border-right:1px solid #ffffff0f;display:flex;flex-direction:column;gap:.5rem;padding:1rem .75rem;width:60px}.sidebar-item{background:#ffffff0f;border-radius:8px;height:36px}.sidebar-item.active{background:#b8956a4d}.preview-main{display:flex;flex:1 1;flex-direction:column;gap:.75rem;padding:1rem}.preview-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:1rem}.card-header-homepage{background:#ffffff26;border-radius:4px;height:12px;margin-bottom:.75rem;width:40%}.card-body{display:flex;flex-direction:column;gap:.5rem}.card-line{background:#ffffff14;border-radius:4px;height:8px}.card-line.short{width:60%}.homepage-features{background:linear-gradient(180deg,#0f172a,#1e293b);padding:6rem 0}.features-container{margin:0 auto;max-width:1280px;padding:0 2rem}.features-header{margin-bottom:4rem;text-align:center}.features-header h2{font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin-bottom:1rem}.features-header p{color:#ffffff80;font-size:1.125rem;margin:0 auto;max-width:500px}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.feature-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:2rem;transition:all .3s ease}.feature-card:hover{background:#ffffff0d;border-color:#b8956a4d;transform:translateY(-4px)}.feature-icon{align-items:center;background:#b8956a1a;border:1px solid #b8956a33;border-radius:14px;color:#b8956a;display:flex;height:56px;justify-content:center;margin-bottom:1.25rem;width:56px}.feature-card h3{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:#ffffff80;font-size:.9375rem;line-height:1.6}.homepage-cta{background:#1e293b;padding:5rem 0}.cta-container{align-items:center;display:flex;gap:3rem;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 2rem}.cta-content h2{font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem}.cta-content p{color:#ffffff80;font-size:1rem}.cta-buttons{display:flex;gap:1rem}.cta-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.cta-btn-light{background:#fff;color:#0f172a}.cta-btn-light:hover{background:#f1f5f9;transform:translateY(-1px)}.cta-btn-outline{background:#0000;border:1px solid #fff3;color:#fff}.cta-btn-outline:hover{background:#ffffff14;border-color:#ffffff4d}.homepage-footer{background:#0f172a;border-top:1px solid #ffffff0f;padding:2rem 0}.footer-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 2rem}.footer-logo{font-size:1.125rem;gap:.5rem}.footer-logo,.footer-logo .logo-icon.small{align-items:center;display:flex;font-weight:600}.footer-logo .logo-icon.small{background:linear-gradient(135deg,#b8956a,#9a7b54);border-radius:6px;color:#fff;font-size:.875rem;height:28px;justify-content:center;width:28px}.homepage-footer p{color:#fff6;font-size:.875rem}@media (max-width:1024px){.hero-container{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%}.hero-content h1{font-size:2.75rem}.hero-buttons{justify-content:center}.hero-visual{order:-1}.dashboard-preview{max-width:400px;transform:none}.dashboard-preview:hover{transform:none}.features-grid{grid-template-columns:repeat(2,1fr)}.cta-container{flex-direction:column;text-align:center}}@media (max-width:768px){.nav-container{padding:1rem}.nav-right{gap:.75rem}.nav-links{display:none}.homepage-hero{padding-top:100px}.hero-container{padding:2rem 1.5rem}.hero-content h1{font-size:2.25rem;letter-spacing:-1px}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column}.hero-btn{justify-content:center;width:100%}.features-grid{grid-template-columns:1fr}.features-header h2{font-size:2rem}.cta-buttons{flex-direction:column;width:100%}.cta-btn{width:100%}.footer-container{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.homepage-logo span{display:none}.homepage-lang-switcher .lang-btn{font-size:.75rem;padding:.375rem .625rem}.hero-badge{font-size:.75rem}.hero-content h1{font-size:1.875rem}.feature-card{padding:1.5rem}}.cta-btn:focus-visible,.hero-btn:focus-visible,.homepage-lang-switcher .lang-btn:focus-visible,.nav-link:focus-visible{outline:3px solid #b8956a80;outline-offset:2px}@media (prefers-reduced-motion:reduce){.cta-btn,.dashboard-preview,.feature-card,.hero-btn,.nav-link{transition:none}.dashboard-preview:hover{transform:none}}.login-view.employee-panel{background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;min-height:100vh}.login-view.employee-panel .login-left{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:4rem}.login-view.employee-panel .login-logo{align-items:center;display:flex;font-size:2rem;font-weight:700;gap:.75rem;letter-spacing:-.5px;margin-bottom:3rem}.login-view.employee-panel .logo-icon{align-items:center;background:#b8956a;border-radius:12px;display:flex;font-size:1.5rem;font-weight:600;height:48px;justify-content:center;width:48px}.login-view.employee-panel .login-hero{max-width:560px}.login-view.employee-panel .login-hero h1{font-size:3rem;font-weight:700;letter-spacing:-1px;line-height:1.1;margin-bottom:1.5rem}.login-view.employee-panel .login-hero p{font-size:1.125rem;font-weight:300;line-height:1.7;opacity:.85}.login-view.employee-panel .login-right{align-items:center;background:#fff;box-shadow:-10px 0 30px #0000001a;display:flex;justify-content:center;padding:3rem;width:480px}.login-view.employee-panel .login-form-container{max-width:380px;width:100%}.login-view.employee-panel .login-form-header{margin-bottom:2.5rem}.login-view.employee-panel .login-form-header h2{color:#0f172a;font-size:1.875rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem}.login-view.employee-panel .login-form-header p{color:#64748b;font-size:.9375rem}.login-view.employee-panel .form-group{margin-bottom:1.5rem}.login-view.employee-panel .form-group label{color:#0f172a;display:block;font-size:.875rem;font-weight:500;letter-spacing:.3px;margin-bottom:.5rem}.login-view.employee-panel .form-input{background:#fff;border:1.5px solid #e8e4df;border-radius:10px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:.9375rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.login-view.employee-panel .form-input::placeholder{color:#94a3b8}.login-view.employee-panel .form-input:focus{border-color:#0f172a;box-shadow:0 0 0 4px #0f172a0d;outline:none}.login-view.employee-panel .form-input:hover{border-color:#cbd5e1}.login-view.employee-panel .btn-primary{background:#0f172a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;letter-spacing:.3px;margin-top:.5rem;padding:1rem;transition:all .2s ease;width:100%}.login-view.employee-panel .btn-primary:hover:not(:disabled){background:#1e293b;box-shadow:0 10px 15px #0f172a33;transform:translateY(-1px)}.login-view.employee-panel .btn-primary:active:not(:disabled){transform:translateY(0)}.login-view.employee-panel .btn-primary:disabled{cursor:not-allowed;opacity:.6}.login-view.employee-panel .alert{animation:slideIn .3s ease-out;border-radius:10px;font-size:.875rem;line-height:1.6;margin-bottom:1.5rem;padding:1rem 1.25rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-view.employee-panel .alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.login-view.employee-panel .alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.login-view.employee-panel .form-footer{color:#64748b;font-size:.875rem;margin-top:2rem;text-align:center}.login-view.employee-panel .form-footer a{color:#0f172a;font-weight:500;text-decoration:none;transition:color .2s ease}.login-view.employee-panel .form-footer a:hover{color:#b8956a}@media (max-width:1024px){.login-view.employee-panel .login-left{display:none}.login-view.employee-panel .login-right{width:100%}}@media (max-width:768px){.login-view.employee-panel .login-right{padding:2rem}.login-view.employee-panel .login-hero h1{font-size:2.5rem}}@media (max-width:480px){.login-view.employee-panel .login-right{padding:1.5rem}.login-view.employee-panel .login-form-header h2{font-size:1.5rem}.login-view.employee-panel .login-hero h1{font-size:2rem}.login-view.employee-panel .login-hero p{font-size:1rem}}.reset-password-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:400px;padding:2rem}.reset-password-container h2{color:#333;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e133;outline:none}.error-message{background-color:#fed7d7;border-left:4px solid #e53e3e;color:#c53030;padding:.75rem}.error-message,.success-message{border-radius:4px;margin-bottom:1.5rem}.success-message{background-color:#c6f6d5;border-left:4px solid #38a169;color:#2f855a;padding:1rem;text-align:center}.form-actions{display:flex;flex-direction:column;gap:1rem}.submit-button{background-color:#4299e1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:background-color .3s;width:100%}.submit-button:hover{background-color:#3182ce}.submit-button:disabled{background-color:#a0aec0;cursor:not-allowed}.back-link{color:#4299e1;font-size:.875rem;text-align:center;text-decoration:none}.back-link:hover{text-decoration:underline}.button{background-color:#4299e1;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;margin-top:1rem;padding:.75rem 1rem;text-decoration:none;transition:background-color .3s}.button:hover{background-color:#3182ce}
/*# sourceMappingURL=main.96a254c8.css.map*/