*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{height:100%;overflow-y:auto;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%;display:flex;flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.swal-custom-confirm,.swal-custom-cancel{border-radius:8px!important;padding:12px 24px!important;font-weight:600!important;font-size:14px!important}.swal2-input:focus,.swal2-select:focus,.swal2-textarea:focus,.swal2-file:focus,input.swal2-input:focus,select.swal2-select:focus,textarea.swal2-textarea:focus{outline:none!important;border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important}.swal2-input:hover,.swal2-select:hover,.swal2-textarea:hover{border-color:#9ca3af!important}.swal2-input,.swal2-select,.swal2-textarea{border:1px solid #d1d5db!important;border-radius:8px!important;padding:12px!important;font-size:14px!important;transition:all .2s ease!important}input[type=radio]:focus,input[type=checkbox]:focus{outline:none!important;box-shadow:0 0 0 3px #4f46e51a!important}.swal-custom-popup{border-radius:16px!important;padding:24px!important}.swal-custom-confirm,.swal-custom-cancel,.swal2-confirm,.swal2-cancel,.swal2-styled{border-radius:8px!important;padding:12px 24px!important;font-weight:600!important;font-size:14px!important;border:none!important;cursor:pointer!important;transition:all .2s ease!important;opacity:1!important}.swal-custom-confirm,.swal2-confirm{background-color:#f44336!important;color:#fff!important}.swal-custom-confirm:hover,.swal2-confirm:hover{background-color:#d32f2f!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;opacity:1!important}.swal-custom-cancel,.swal2-cancel{background-color:#666!important;color:#fff!important}.swal-custom-cancel:hover,.swal2-cancel:hover{background-color:#555!important;color:#fff!important;opacity:1!important}.swal2-styled:hover{opacity:1!important;background-image:none!important}.swal2-confirm:focus,.swal2-cancel:focus{box-shadow:none!important}.swal2-validation-message{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important;border-radius:8px!important;padding:12px!important;font-size:14px!important}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f9fafb}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:16px;font-size:16px;color:#6b7280;font-weight:500}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#f9fafb;padding:40px 20px;overflow-y:auto}.login-container{width:100%;max-width:460px;margin:0 auto}.login-logo-container{text-align:center;margin-bottom:32px;cursor:pointer}.login-logo-image{width:300px;height:auto;display:block;margin:0 auto}.login-logo-text{font-size:48px;font-weight:700;color:#1e40af;letter-spacing:2px;margin-bottom:4px}.login-logo-subtitle{font-size:12px;color:#6b7280;letter-spacing:1px;text-transform:uppercase}.login-card{background:#fff;padding:32px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.login-title{text-align:center;font-size:28px;font-weight:700;color:#111827;margin-bottom:24px}.login-error-alert{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:14px;margin-bottom:20px}.login-form{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field-label{font-size:14px;font-weight:500;color:#374151}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-icon{position:absolute;left:12px;display:flex;align-items:center;color:#9ca3af;pointer-events:none;z-index:1}.form-field-input{width:100%;padding:10px 12px 10px 40px;font-size:15px;border:1px solid #d1d5db;border-radius:6px;transition:all .2s;outline:none}.form-field-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-field-input.error{border-color:#ef4444}.form-field-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.form-input-toggle{position:absolute;right:12px;display:flex;align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;transition:color .2s;z-index:1}.form-input-toggle:hover{color:#6b7280}.form-field-error{font-size:13px;color:#ef4444}.form-field-hint{font-size:12px;color:#6b7280;margin-top:4px}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.form-checkbox{display:flex;align-items:center;gap:8px}.checkbox-input{width:16px;height:16px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;accent-color:#3b82f6}.checkbox-label{font-size:14px;color:#374151;cursor:pointer}.form-checkbox-terms{display:flex;align-items:flex-start;gap:8px}.checkbox-terms-label{font-size:13px;color:#374151;line-height:1.5}.terms-link{color:#3b82f6;text-decoration:none;font-weight:500}.terms-link:hover{text-decoration:underline}.forgot-link{font-size:14px;color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s}.login-submit-btn{width:100%;padding:12px 16px;font-size:15px;font-weight:600;color:#fff;background-color:#3b82f6;border:none;border-radius:6px;cursor:pointer;transition:all .2s;margin-top:8px}.login-submit-btn:hover{background-color:#2563eb}.login-submit-btn:active{transform:scale(.98)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.employee-login-btn{width:100%;padding:12px 16px;font-size:15px;font-weight:600;color:#3b82f6;background-color:#fff;border:1px solid #3b82f6;border-radius:6px;cursor:pointer;transition:all .2s;margin-top:12px}.employee-login-btn:hover{background-color:#eff6ff}.guest-join-btn{width:100%;padding:12px 16px;font-size:15px;font-weight:600;color:#fff;background-color:#4ade80;border:1px solid #4ade80;border-radius:6px;cursor:pointer;transition:all .2s;margin-top:12px}.guest-join-btn:hover{background-color:#22c55e;border-color:#22c55e}.login-divider{position:relative;text-align:center;margin:24px 0}.login-divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#e5e7eb}.login-divider span{position:relative;padding:0 16px;background:#fff;font-size:14px;color:#6b7280}.signup-link-btn{display:block;width:100%;padding:12px 16px;font-size:15px;font-weight:600;color:#3b82f6;background-color:#fff;border:1px solid #3b82f6;border-radius:6px;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s}.signup-link-btn:hover{background-color:#eff6ff}.auth-footer-links{margin-top:32px;text-align:center;font-size:13px;color:#6b7280;padding-bottom:20px}.auth-footer-links p{margin-bottom:8px}.footer-home-link{color:#3b82f6;text-decoration:none;font-weight:500}.footer-home-link:hover{text-decoration:underline}@media (max-width: 640px){.login-page{padding:20px 16px}.login-card{padding:24px}.login-title{font-size:24px}.login-logo-text{font-size:36px}.login-logo-image{width:200px}}.forgot-subtitle{text-align:center;font-size:14px;color:#6b7280;margin-top:8px;margin-bottom:24px;line-height:1.5}.forgot-back-link{margin-top:24px;text-align:center}.forgot-link{font-size:14px;color:#3b82f6;text-decoration:none;font-weight:500}.forgot-link:hover{color:#2563eb;text-decoration:underline}.btn-loading{display:flex;align-items:center;justify-content:center;gap:8px}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.twofa-description{font-size:14px;color:#6b7280;margin-bottom:8px;line-height:1.5}.twofa-back-btn{width:100%;padding:12px 16px;font-size:15px;font-weight:600;color:#6b7280;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s;margin-top:12px}.twofa-back-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.twofa-back-btn:disabled{opacity:.6;cursor:not-allowed}.forgot-success{text-align:center;padding:20px 0}.success-icon{width:64px;height:64px;margin:0 auto 24px;color:#10b981}.success-title{font-size:24px;font-weight:700;color:#111827;margin-bottom:12px}.success-message{font-size:15px;color:#6b7280;line-height:1.6;margin-bottom:32px}.success-message strong{color:#374151;font-weight:600}.success-back-btn{display:inline-block;padding:12px 24px;font-size:15px;font-weight:600;color:#fff;background-color:#3b82f6;border-radius:6px;text-decoration:none;transition:all .2s}.success-back-btn:hover{background-color:#2563eb;transform:translateY(-1px)}.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:420px}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out;border-left:4px solid}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-content{flex:1;min-width:0}.toast-title{font-size:15px;font-weight:600;color:#111827;margin-bottom:4px}.toast-message{font-size:14px;color:#6b7280;line-height:1.5}.toast-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#9ca3af;cursor:pointer;border-radius:4px;transition:all .2s}.toast-close:hover{background:#f3f4f6;color:#6b7280}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.toast-container{top:16px;right:16px;left:16px;max-width:none}.toast{padding:14px}.toast-title{font-size:14px}.toast-message{font-size:13px}}.captcha-field{margin-top:4px}.captcha-container{display:flex;flex-direction:column;gap:12px}.captcha-image-wrapper{display:flex;align-items:center;gap:12px;background:#f9fafb;padding:12px;border-radius:8px;border:1px solid #e5e7eb}.captcha-image{flex:1;display:flex;align-items:center;justify-content:center;min-height:50px;background:#fff;border-radius:4px;overflow:hidden}.captcha-image svg{max-width:100%;height:auto}.captcha-loading{flex:1;display:flex;align-items:center;justify-content:center;min-height:50px;color:#6b7280;font-size:14px}.captcha-refresh-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:20px;color:#6b7280;cursor:pointer;transition:all .2s;flex-shrink:0}.captcha-refresh-btn:hover{background:#f3f4f6;color:#374151;border-color:#9ca3af}.captcha-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.captcha-input{padding-left:12px!important}.dev-login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f9fafb;padding:40px 20px;overflow-y:auto}.dev-login-container{width:100%;max-width:448px;margin:0 auto}.dev-login-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.dev-login-spinner{width:40px;height:40px;border:4px solid rgba(99,102,241,.2);border-left-color:#6366f1;border-radius:50%;animation:dev-spin 1s linear infinite}@keyframes dev-spin{to{transform:rotate(360deg)}}.dev-login-logo-container{text-align:center;margin-bottom:24px;cursor:pointer}.dev-login-logo{width:300px;height:auto;display:block;margin:0 auto;object-fit:contain}.dev-login-card{width:100%;max-width:448px;background-color:#fff;padding:32px;border-radius:6px;box-shadow:0 1px 3px #0000001a}.dev-login-title{text-align:center;font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:24px}.dev-login-form{display:flex;flex-direction:column;gap:24px}.dev-input-wrapper{position:relative;display:flex;align-items:center;margin-top:4px}.dev-input-icon{position:absolute;left:12px;top:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#9ca3af;z-index:2}.dev-input-icon svg{width:18px;height:18px;flex-shrink:0}.dev-form-input{display:block;width:100%;height:42px;padding:0 44px 0 48px!important;font-size:.875rem;line-height:42px;border:1px solid #d1d5db;border-radius:6px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:0!important}.dev-password-toggle{position:absolute;right:12px;top:0;bottom:0;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;color:#9ca3af;cursor:pointer;transition:color .2s;z-index:2}.dev-password-toggle svg{width:18px;height:18px;flex-shrink:0}.dev-form-options{display:flex;align-items:center;justify-content:space-between}.dev-checkbox-wrapper{display:flex;align-items:center;gap:8px}.dev-checkbox{width:16px;height:16px;border-radius:4px;border:1px solid #d1d5db;accent-color:#3b82f6;cursor:pointer}.dev-checkbox-label{font-size:.875rem;color:#374151;cursor:pointer;margin-left:2px}.dev-forgot-link{font-size:.875rem;font-weight:500;color:#2563eb;text-decoration:none;cursor:pointer;transition:color .2s}.dev-forgot-link:hover{color:#1d4ed8}.dev-login-btn{width:100%;display:inline-flex;justify-content:center;align-items:center;padding:8px 16px;font-size:.875rem;font-weight:500;color:#fff;background-color:#2563eb;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:background-color .2s}.dev-login-btn:hover{background-color:#1d4ed8}.dev-login-btn:focus{outline:none;box-shadow:0 0 0 2px #2563eb80}.dev-login-btn:disabled{opacity:.6;cursor:not-allowed}.dev-back-btn{width:100%;display:inline-flex;justify-content:center;align-items:center;padding:8px 16px;font-size:.875rem;font-weight:500;color:#6b7280;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:background-color .2s}.dev-back-btn:hover{background-color:#f9fafb}.dev-back-btn:disabled{opacity:.6;cursor:not-allowed}.dev-twofa-description{font-size:.875rem;color:#6b7280;text-align:center;margin-bottom:16px}@media (max-width: 768px){.dev-login-page{padding:20px 16px}.dev-login-card{padding:24px}.dev-login-title{font-size:1.5rem}.dev-login-logo{width:220px}}@media (max-width: 480px){.dev-login-page{padding:16px}.dev-login-card{padding:20px}.dev-login-title{font-size:1.25rem}.dev-login-logo{width:180px}.dev-form-options{flex-direction:column;gap:12px;align-items:flex-start}}.dev-forgot-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f9fafb;padding:40px 20px;overflow-y:auto}.dev-forgot-container{width:100%;max-width:448px;margin:0 auto}.dev-forgot-logo-container{text-align:center;margin-bottom:24px;cursor:pointer}.dev-forgot-logo{width:300px;height:auto;display:block;margin:0 auto;object-fit:contain}.dev-forgot-card{width:100%;max-width:448px;background-color:#fff;padding:32px;border-radius:6px;box-shadow:0 1px 3px #0000001a}.dev-forgot-title{text-align:center;font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:8px}.dev-forgot-subtitle{text-align:center;font-size:.875rem;color:#6b7280;margin-bottom:24px}.dev-forgot-form{display:flex;flex-direction:column;gap:24px}.dev-form-input{display:block;width:100%;padding:8px 12px 8px 40px;font-size:1rem;border:1px solid #d1d5db;border-radius:6px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.dev-forgot-btn{width:100%;display:inline-flex;justify-content:center;align-items:center;padding:8px 16px;font-size:.875rem;font-weight:500;color:#fff;background-color:#2563eb;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:background-color .2s}.dev-forgot-btn:hover{background-color:#1d4ed8}.dev-forgot-btn:focus{outline:none;box-shadow:0 0 0 2px #2563eb80}.dev-forgot-btn:disabled{opacity:.6;cursor:not-allowed}.dev-forgot-footer{margin-top:24px;text-align:center}.dev-forgot-success{text-align:center;padding:20px 0}.dev-forgot-success-text{font-size:.875rem;color:#6b7280;margin-bottom:20px;line-height:1.5}@media (max-width: 768px){.dev-forgot-page{padding:20px 16px}.dev-forgot-card{padding:24px}.dev-forgot-title{font-size:1.25rem}.dev-forgot-logo{width:220px}}@media (max-width: 480px){.dev-forgot-page{padding:16px}.dev-forgot-card{padding:20px}.dev-forgot-title{font-size:1.125rem}.dev-forgot-logo{width:180px}}.dev-reset-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f9fafb;padding:40px 20px;overflow-y:auto}.dev-reset-container{width:100%;max-width:448px;margin:0 auto}.dev-reset-logo-container{text-align:center;margin-bottom:24px;cursor:pointer}.dev-reset-logo{width:300px;height:auto;display:block;margin:0 auto;object-fit:contain}.dev-reset-card{width:100%;max-width:448px;background-color:#fff;padding:32px;border-radius:6px;box-shadow:0 1px 3px #0000001a}.dev-reset-title{text-align:center;font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:8px}.dev-reset-form{display:flex;flex-direction:column;gap:24px}.dev-form-group{display:flex;flex-direction:column}.dev-form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:4px}.dev-input-wrapper{position:relative;margin-top:4px;border-radius:6px;box-shadow:0 1px 2px #0000000d}.dev-input-icon{position:absolute;top:0;bottom:0;left:0;padding-left:12px;display:flex;align-items:center;pointer-events:none;color:#9ca3af}.dev-form-input{display:block;width:100%;padding:8px 40px;font-size:1rem;border:1px solid #d1d5db;border-radius:6px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.dev-form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.dev-form-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.dev-form-input::placeholder{color:#9ca3af}.dev-password-toggle{position:absolute;top:0;bottom:0;right:0;padding-right:12px;display:flex;align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;transition:color .2s}.dev-password-toggle:hover{color:#6b7280}.dev-reset-btn{width:100%;display:inline-flex;justify-content:center;align-items:center;padding:8px 16px;font-size:.875rem;font-weight:500;color:#fff;background-color:#2563eb;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:background-color .2s}.dev-reset-btn:hover{background-color:#1d4ed8}.dev-reset-btn:focus{outline:none;box-shadow:0 0 0 2px #2563eb80}.dev-reset-btn:disabled{opacity:.6;cursor:not-allowed}.dev-reset-footer{margin-top:24px;text-align:center}.dev-back-link{font-size:.875rem;font-weight:500;color:#2563eb;text-decoration:none;transition:color .2s}.dev-back-link:hover{color:#1d4ed8}@media (max-width: 768px){.dev-reset-page{padding:20px 16px}.dev-reset-card{padding:24px}.dev-reset-title{font-size:1.25rem}.dev-reset-logo{width:220px}}@media (max-width: 480px){.dev-reset-page{padding:16px}.dev-reset-card{padding:20px}.dev-reset-title{font-size:1.125rem}.dev-reset-logo{width:180px}}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f9fafb;padding:20px}.error-container{text-align:center;max-width:600px;padding:40px 20px}.error-icon{display:inline-flex;align-items:center;justify-content:center;width:140px;height:140px;border-radius:50%;margin-bottom:32px}.error-icon.forbidden{background-color:#fef2f2;color:#dc2626}.error-icon.not-found{background-color:#eff6ff;color:#3b82f6}.error-title{font-size:96px;font-weight:800;color:#111827;margin-bottom:16px;line-height:1}.error-subtitle{font-size:28px;font-weight:700;color:#374151;margin-bottom:16px}.error-message{font-size:16px;color:#6b7280;margin-bottom:12px;line-height:1.6}.error-description{font-size:14px;color:#9ca3af;margin-bottom:32px;line-height:1.5}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;border:none}.error-btn.primary{background-color:#3b82f6;color:#fff}.error-btn.primary:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.error-btn.secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.error-btn.secondary:hover{background-color:#f9fafb;border-color:#9ca3af}@media (max-width: 640px){.error-title{font-size:72px}.error-subtitle{font-size:24px}.error-icon{width:100px;height:100px}.error-icon svg{width:60px;height:60px}.error-actions{flex-direction:column}.error-btn{width:100%;justify-content:center}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 16px;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.08),transparent 35%),radial-gradient(circle at 80% 0%,rgba(59,130,246,.06),transparent 30%),#f5f7fb}.not-found-card{width:100%;max-width:720px;background:#fff;border-radius:18px;padding:32px 28px;box-shadow:0 16px 48px #0f172a14,0 4px 16px #0f172a0d;text-align:center;position:relative;overflow:hidden}.not-found-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#3b82f614,#2563eb0d);opacity:.8;z-index:0}.not-found-card>*{position:relative;z-index:1}.not-found-icon{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:24px;margin-bottom:20px;background:linear-gradient(145deg,#e5efff,#d9e8ff);color:#2563eb;box-shadow:0 10px 30px #2563eb33}.not-found-title{font-size:32px;font-weight:800;color:#0f172a;margin-bottom:12px}.not-found-description{font-size:16px;color:#475569;margin:0 auto 24px;max-width:520px;line-height:1.6}.not-found-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.not-found-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:12px;font-weight:700;font-size:15px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;min-width:140px;background:#fff;color:#0f172a}.not-found-btn svg{flex-shrink:0}.not-found-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 12px 30px #2563eb59}.not-found-btn.primary:hover,.not-found-btn.primary:focus-visible{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.not-found-btn.ghost{background:#2563eb14;color:#1d4ed8;border-color:#2563eb33}.not-found-btn.ghost:hover,.not-found-btn.ghost:focus-visible{background:#2563eb24;border-color:#2563eb66;transform:translateY(-1px)}.not-found-btn.outline{background:#fff;color:#0f172a;border-color:#e2e8f0}.not-found-btn.outline:hover,.not-found-btn.outline:focus-visible{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.not-found-btn:focus-visible{outline:3px solid rgba(37,99,235,.3);outline-offset:2px}.not-found-path{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#475569;font-size:14px;margin-top:6px}.not-found-path-label{font-weight:600;color:#334155}.not-found-path-value{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;color:#0f172a}@media (max-width: 768px){.not-found-card{padding:28px 22px}.not-found-title{font-size:28px}.not-found-description{font-size:15px}.not-found-actions{flex-direction:column}.not-found-btn{width:100%}.not-found-path{width:100%;justify-content:center}}@media (max-width: 480px){.not-found-card{padding:24px 18px;border-radius:16px}.not-found-title{font-size:24px}.not-found-icon{width:76px;height:76px;border-radius:20px}}@media (prefers-reduced-motion: reduce){.not-found-btn,.not-found-icon,.not-found-card{transition:none;transform:none;box-shadow:none}.not-found-card:before{background:#3b82f60f}}.language-switcher{position:relative}.language-switcher-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease;font-size:14px;width:100%}.language-switcher-btn:hover{background:#e5e7eb;color:#374151;border-color:#d1d5db}.language-name{flex:1;text-align:left}.chevron{transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.language-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.language-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;z-index:100;box-shadow:0 -4px 12px #0000001a}.language-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:transparent;border:none;color:#6b7280;cursor:pointer;transition:all .2s ease;text-align:left}.language-option:hover{background:#f3f4f6;color:#374151}.language-option.active{background:#eef2ff;color:#4f46e5}.language-option-native{font-weight:500;font-size:14px}.language-option-name{font-size:12px;opacity:.6}.sidebar{width:256px;height:100vh;background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow-y:auto}.sidebar-logo{padding:24px 20px;border-bottom:1px solid #e5e7eb;text-align:center}.sidebar-logo-image{width:180px;height:auto}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#6b7280;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;cursor:pointer}.sidebar-nav-item:hover{background-color:#f3f4f6;color:#374151}.sidebar-nav-item.active{background-color:#4f46e5;color:#fff}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-nav-label{flex:1}.sidebar-language{padding:12px;border-top:1px solid #e5e7eb}.sidebar-user{padding:16px 12px;border-top:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.sidebar-user-info{flex:1;display:flex;align-items:center;gap:12px;overflow:hidden}.sidebar-user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:#4f46e5;display:flex;align-items:center;justify-content:center}.sidebar-user-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px}.sidebar-user-details{flex:1;overflow:hidden}.sidebar-user-name{font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout-btn{width:36px;height:36px;border-radius:8px;border:none;background-color:#fef2f2;color:#dc2626;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.sidebar-logout-btn:hover{background-color:#fee2e2}.sidebar-logout-btn:active{transform:scale(.95)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sidebar-mobile-toggle{display:none;position:fixed;top:16px;left:16px;z-index:1001;width:48px;height:48px;border-radius:12px;border:none;background-color:#fff;box-shadow:0 2px 8px #0000001a;color:#374151;cursor:pointer;align-items:center;justify-content:center;transition:all .2s}.sidebar-mobile-toggle:hover{background-color:#f3f4f6}.sidebar-mobile-toggle:active{transform:scale(.95)}.sidebar-mobile-close{display:none;position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:8px;border:none;background-color:#f3f4f6;color:#374151;cursor:pointer;align-items:center;justify-content:center;transition:all .2s;z-index:10}.sidebar-mobile-close:hover{background-color:#e5e7eb}.sidebar-mobile-close:active{transform:scale(.95)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;opacity:0;animation:fadeIn .2s forwards}@media (max-width: 1024px){.sidebar{width:220px}.sidebar-logo-image{width:160px}.sidebar-nav-item{font-size:13px;padding:10px 14px}.sidebar-user-name{font-size:13px}.sidebar-user-email{font-size:11px}}@media (max-width: 768px){.sidebar-mobile-toggle,.sidebar-mobile-close{display:flex}.sidebar-overlay{display:block}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:1001;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar.sidebar-open{transform:translate(0)}.sidebar-logo{padding:60px 20px 24px}.sidebar-logo-image{width:160px}.sidebar-nav-item{font-size:14px;padding:12px 16px}}@media (max-width: 480px){.sidebar{width:260px}.sidebar-logo-image{width:140px}.sidebar-nav-item{font-size:13px;padding:10px 12px;gap:10px}.sidebar-user-avatar{width:36px;height:36px}.sidebar-user-avatar-placeholder{font-size:16px}.sidebar-user-name{font-size:13px}.sidebar-user-email{font-size:11px}.sidebar-logout-btn{width:32px;height:32px}}.dashboard-layout{display:flex;height:100vh;overflow:hidden;background-color:#f9fafb}.dashboard-content{flex:1;overflow-y:auto;padding:32px;min-width:0}@media (max-width: 1024px){.dashboard-content{padding:24px}}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.dashboard-content{padding:80px 16px 20px;width:100%}}@media (max-width: 480px){.dashboard-content{padding:76px 12px 16px}}.dev-dashboard-layout{display:flex;height:100vh;overflow:hidden;background-color:#f9fafb}.dev-dashboard-loading{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#f9fafb}.dev-dashboard-spinner{width:40px;height:40px;border:4px solid rgba(79,70,229,.2);border-left-color:#4f46e5;border-radius:50%;animation:dev-dashboard-spin 1s linear infinite}@keyframes dev-dashboard-spin{to{transform:rotate(360deg)}}.dev-sidebar-desktop{display:flex;flex-direction:column;width:256px;min-width:256px;height:100vh;background-color:#fff;border-right:1px solid #e5e7eb;overflow-y:auto}.dev-sidebar-header{padding:24px 20px;border-bottom:1px solid #e5e7eb;text-align:center}.dev-sidebar-logo-link{display:block;text-decoration:none}.dev-sidebar-logo{width:180px;height:auto;display:block;margin:0 auto}.dev-sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.dev-sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#6b7280;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;cursor:pointer}.dev-sidebar-link:hover{background-color:#f3f4f6;color:#374151}.dev-sidebar-link.active{background-color:#4f46e5;color:#fff}.dev-sidebar-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.dev-sidebar-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-sidebar-footer{padding:16px 12px;border-top:1px solid #e5e7eb}.dev-sidebar-user{display:flex;align-items:center;gap:12px;margin-bottom:12px}.dev-sidebar-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:#4f46e5;display:flex;align-items:center;justify-content:center}.dev-avatar-img{width:100%;height:100%;object-fit:cover}.dev-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px}.dev-sidebar-user-info{flex:1;display:flex;flex-direction:column;overflow:hidden}.dev-sidebar-user-name{font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-sidebar-user-role{font-size:12px;color:#6b7280;text-transform:capitalize}.dev-sidebar-logout-btn{width:36px;height:36px;border-radius:8px;border:none;background-color:#fef2f2;color:#dc2626;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.dev-sidebar-logout-btn:hover{background-color:#fee2e2}.dev-sidebar-logout-btn:active{transform:scale(.95)}.dev-sidebar-logout-btn span{display:none}.dev-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:1000;opacity:0;animation:fadeIn .2s forwards}@keyframes fadeIn{to{opacity:1}}.dev-sidebar-mobile{display:none;position:fixed;top:0;left:0;bottom:0;width:280px;background-color:#fff;z-index:1001;transform:translate(-100%);transition:transform .3s ease-in-out;flex-direction:column}.dev-sidebar-mobile.open{transform:translate(0)}.dev-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:60px 20px 24px;border-bottom:1px solid #e5e7eb}.dev-mobile-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:8px;border:none;background-color:#f3f4f6;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.dev-mobile-close:hover{background-color:#e5e7eb}.dev-mobile-close:active{transform:scale(.95)}.dev-main-content{display:flex;flex-direction:column;flex:1;width:0;overflow:hidden}.dev-topbar{display:none;position:relative;z-index:10;align-items:center;flex-shrink:0;height:64px;padding:0 16px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.dev-hamburger{display:none;position:fixed;top:16px;left:16px;z-index:1001;width:48px;height:48px;border-radius:12px;border:none;background-color:#fff;box-shadow:0 2px 8px #0000001a;color:#374151;cursor:pointer;align-items:center;justify-content:center;transition:all .2s}.dev-hamburger:hover{background-color:#f3f4f6}.dev-hamburger:active{transform:scale(.95)}.dev-topbar-spacer{flex:1}.dev-page-content{flex:1;overflow-y:auto;padding:32px}.dev-sidebar-desktop::-webkit-scrollbar{width:6px}.dev-sidebar-desktop::-webkit-scrollbar-track{background:transparent}.dev-sidebar-desktop::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dev-sidebar-desktop::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 1024px){.dev-sidebar-desktop{width:220px;min-width:220px}.dev-sidebar-logo{width:160px}.dev-sidebar-link{font-size:13px;padding:10px 14px}.dev-sidebar-user-name{font-size:13px}.dev-sidebar-user-role{font-size:11px}.dev-page-content{padding:24px}}@media (max-width: 768px){.dev-sidebar-desktop{display:none}.dev-sidebar-overlay{display:block}.dev-sidebar-mobile,.dev-hamburger,.dev-topbar{display:flex}.dev-page-content{padding:80px 16px 20px}}@media (max-width: 480px){.dev-sidebar-mobile{width:260px}.dev-sidebar-logo{width:140px}.dev-sidebar-link{font-size:13px;padding:10px 12px;gap:10px}.dev-sidebar-avatar{width:36px;height:36px}.dev-avatar-placeholder{font-size:16px}.dev-sidebar-user-name{font-size:13px}.dev-sidebar-user-role{font-size:11px}.dev-sidebar-logout-btn{width:32px;height:32px}.dev-page-content{padding:76px 12px 16px}}.account-switcher{position:relative;display:flex;align-items:center}.account-switcher-button{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:#fff;padding:.35rem .75rem;border-radius:999px;cursor:pointer;transition:background-color .2s,transform .2s,border-color .2s;min-height:40px}.account-switcher-button:hover,.account-switcher-button:focus-visible{background:#fff3;border-color:#ffffff59;transform:translateY(-1px);outline:none}.account-avatar{width:38px;height:38px;border-radius:50%;background:#e0e7ff;color:#1e3a8a;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;font-weight:700;font-size:.95rem}.account-avatar-image{width:100%;height:100%;object-fit:cover}.account-avatar-initials{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.account-switcher-name{font-weight:700;font-size:.95rem;white-space:nowrap}.account-switcher-chevron{font-size:.85rem;opacity:.9}.account-panel{position:absolute;top:calc(100% + .5rem);right:0;width:280px;max-width:calc(100vw - 24px);background:#fff;border-radius:12px;box-shadow:0 15px 35px #0f172a2e;padding:1rem;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:12000}.account-panel.open{opacity:1;visibility:visible;transform:translateY(0)}.account-panel-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.account-panel-avatar{width:48px;height:48px;border-radius:50%;background:#e0e7ff;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.account-panel-info{display:flex;flex-direction:column;gap:.15rem}.account-panel-name{font-weight:700;color:#0f172a;font-size:1rem}.account-panel-email{color:#475569;font-size:.9rem;word-break:break-word}.account-panel-actions{display:flex;flex-direction:column;gap:.5rem}.account-panel-button{width:100%;padding:.65rem .75rem;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;color:#1f2937;font-weight:600;text-align:left;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .2s}.account-panel-button:hover,.account-panel-button:focus-visible{background:#eef2ff;border-color:#c7d2fe;color:#1e3a8a;outline:none;transform:translateY(-1px)}.account-panel-button.primary{background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff;border:none;box-shadow:0 10px 20px #2563eb33}.account-panel-button.primary:hover,.account-panel-button.primary:focus-visible{background:linear-gradient(90deg,#1d4ed8,#1e40af);color:#fff;transform:translateY(-2px)}.account-panel-button.logout{color:#b91c1c;background:#fff1f2;border-color:#fecdd3}.account-panel-button.logout:hover,.account-panel-button.logout:focus-visible{background:#ffe4e6;border-color:#fca5a5;color:#991b1b}.account-panel-divider{height:1px;background:#e2e8f0;margin:.75rem 0}@media (max-width: 767px){.account-switcher{width:100%;justify-content:flex-start}.account-switcher-button{width:100%;justify-content:space-between;background:#ffffff26;border-radius:.75rem;padding:.5rem .75rem}.account-switcher-name{flex:1;text-align:left;margin-left:.35rem}.account-panel{left:0;right:0;margin:0 auto;width:calc(100vw - 24px)}}.back-to-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border:none;border-radius:50%;background:linear-gradient(135deg,#1b6ed4,#1d7ff2);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,visibility .25s;box-shadow:0 8px 24px #0000001f;z-index:1100}.back-to-top:focus{outline:3px solid rgba(27,110,212,.35);outline-offset:3px}.back-to-top svg{width:22px;height:22px}.back-to-top-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:linear-gradient(135deg,#145db8,#1b6ed4)}@media (max-width: 768px){.back-to-top{right:16px;bottom:16px;width:44px;height:44px}.back-to-top svg{width:20px;height:20px}}@media (prefers-reduced-motion: reduce){.back-to-top{transition:none}}.public-smooth-scroll{scroll-behavior:smooth}.public-reduced-motion{scroll-behavior:auto}:root{--header-height: 5.5rem;--header-bg: linear-gradient(to right, #1e40af, #1e3a8a);--header-shadow: 0 8px 16px -12px rgba(15, 23, 42, .5)}.header{position:fixed;top:0;left:0;right:0;width:100%;z-index:9999;background:var(--header-bg);background-color:#1e3a8a;min-height:var(--header-height, 5.5rem);box-shadow:var(--header-shadow)}.navbar{background:var(--header-bg);position:relative;width:100%;min-height:var(--header-height, 5.5rem)}.navbar-container{max-width:1280px;margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between}.logo-link{display:flex;align-items:center;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.025em;text-decoration:none;transition:opacity .3s}.logo-link:hover{opacity:.9}.logo-image{height:3rem;width:auto;max-width:100%;object-fit:contain}.hamburger-btn{color:#fff;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;display:none}.hamburger-btn:focus{outline:none;box-shadow:0 0 0 2px #ffffff80}.hamburger-icon{width:1.5rem;height:1.5rem}.desktop-menu{display:flex;gap:1rem;align-items:center;flex-wrap:nowrap}.nav-link{color:#fff;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s;background:none;border:none;cursor:pointer;white-space:nowrap}.nav-link:hover{color:#fde047}.nav-link-active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.dropdown-container{position:relative}.dropdown-btn{display:flex;align-items:center;gap:.25rem}.dropdown-icon{width:1rem;height:1rem;transition:transform .3s}.dropdown-container:hover .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{position:absolute;left:0;margin-top:.5rem;width:12rem;background:#fff;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:10000}.dropdown-container:hover .dropdown-menu{opacity:1;visibility:visible}.dropdown-content{padding:.25rem 0}.dropdown-item{display:block;padding:.5rem 1rem;font-size:.875rem;color:#374151;text-decoration:none;transition:background-color .2s,color .2s}.dropdown-item:hover{background-color:#dbeafe;color:#1e3a8a}.language-selector-container{position:relative;width:160px;flex-shrink:0;margin-left:auto}.language-icon{width:1.25rem;height:1.25rem;color:#374151;position:absolute;left:.5rem;top:50%;transform:translateY(-50%);pointer-events:none}.language-select{width:100%;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;font-weight:500;color:#1f2937;cursor:pointer}.language-select:focus{outline:none;box-shadow:0 0 0 2px #60a5fa}.btn-login{padding:.625rem 1.5rem;background:#fff;color:#1e40af;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:.875rem;box-shadow:0 2px 4px #0000001a;transition:all .2s;display:inline-block;border:2px solid white;flex-shrink:0;white-space:nowrap}.btn-login:hover{background:#fffffff2;transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.btn-login:focus{outline:none;box-shadow:0 0 0 3px #fff6}.btn-register{padding:.625rem 1.5rem;background:#16a34a;color:#fff;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:.875rem;box-shadow:0 2px 4px #0000001a;transition:all .2s;display:inline-block;border:2px solid #16a34a;flex-shrink:0;white-space:nowrap}.btn-register:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.btn-register:focus{outline:none;box-shadow:0 0 0 3px #16a34a66}.mobile-menu-wrapper{display:none;position:relative;width:100%}.mobile-menu{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem;background:#1e3a8a;max-height:0;overflow:hidden;transition:max-height .4s ease-in-out,padding .4s ease-in-out;margin-top:.5rem;box-shadow:0 10px 20px -10px #00000073}.mobile-menu-open{max-height:500px;padding:1rem}.mobile-nav-link{display:block;width:fit-content;color:#fff;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s;white-space:nowrap}.mobile-nav-link:hover{color:#fde047}.mobile-nav-link-active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.mobile-dropdown{position:relative;width:fit-content}.mobile-dropdown-btn{display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;padding:0}.mobile-dropdown-icon{width:1rem;height:1rem;transition:transform .3s}.mobile-dropdown-icon-open{transform:rotate(180deg)}.mobile-dropdown-content{display:none;margin-top:.5rem;gap:.25rem;background:#1e3a8a;border-radius:.375rem;padding:.5rem}.mobile-dropdown-content-open{display:flex;flex-direction:column}.mobile-dropdown-link{display:block;color:#fff;font-size:.875rem;padding:.25rem 0;text-decoration:none;transition:color .2s}.mobile-dropdown-link:hover{color:#fde047}.mobile-language-select{background:#fff;border-radius:.5rem;border:none;padding:.5rem 1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;font-size:1rem;font-weight:600;color:#1f2937;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:fit-content;transition:background-color .15s}.mobile-language-select:hover{background:#f9fafb}.mobile-language-select:focus{outline:none;box-shadow:0 0 0 2px #60a5fa}.mobile-auth-buttons{display:flex;gap:.5rem;padding-top:1rem}.mobile-btn-login{padding:.625rem 1.25rem;background:#fff;color:#1e40af;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:.875rem;box-shadow:0 2px 4px #0000001a;transition:all .2s;display:inline-block;border:2px solid white}.mobile-btn-login:hover{background:#fffffff2;box-shadow:0 3px 5px #00000026}.mobile-btn-register{padding:.625rem 1.25rem;background:#16a34a;color:#fff;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:.875rem;box-shadow:0 2px 4px #0000001a;transition:all .2s;display:inline-block;border:2px solid #16a34a}.mobile-btn-register:hover{background:#15803d;box-shadow:0 3px 5px #00000026}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 640px){:root{--header-height: 4.25rem}.navbar-container{padding:.5rem .75rem}.logo-image{height:2.5rem}.hamburger-btn{display:block}.desktop-menu{display:none}.mobile-menu-wrapper{display:block}}@media (min-width: 641px) and (max-width: 767px){:root{--header-height: 4.5rem}.navbar-container{padding:.75rem 1rem}.logo-image{height:3rem}.hamburger-btn{display:block}.desktop-menu{display:none}.mobile-menu-wrapper{display:block}}@media (min-width: 768px) and (max-width: 1023px){:root{--header-height: 5rem}.navbar-container{padding:.75rem 1.5rem}.logo-image{height:3.5rem}.nav-link{font-size:.8125rem}.desktop-menu{gap:.625rem}.language-selector-container{width:140px}.language-select{font-size:.8125rem;padding:.375rem .375rem .375rem 2rem}.btn-login,.btn-register{padding:.375rem .75rem;font-size:.8125rem}}@media (min-width: 1024px){:root{--header-height: 6rem}.navbar-container{padding:1rem 2rem}.logo-image{height:4rem}.nav-link{font-size:.9375rem}.desktop-menu{gap:1rem}}.footer{background:linear-gradient(to right,#e5e7eb,#f3f4f6);box-shadow:inset 0 2px 4px #0000000f;width:100%;overflow-x:hidden}.footer-container{max-width:1280px;margin:0 auto;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.footer-text{color:#374151;margin-bottom:.5rem;font-size:.875rem}.footer-nav{display:flex;gap:1.5rem;font-size:.875rem}.footer-link{position:relative;color:#4b5563;text-decoration:none;transition:color .4s}.footer-link:hover{color:#1d4ed8}.footer-link:after{content:"";position:absolute;width:0;height:2px;left:0;bottom:-4px;background:#2563eb;transition:width .4s}.footer-link:hover:after{width:100%}@media (min-width: 768px){.footer-container{flex-direction:row;padding:1.5rem}.footer-text{margin-bottom:0}}@media (min-width: 1024px){.footer-container{padding:1.5rem 2rem}}.page-wrapper{background:#f3f4f6;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%;box-sizing:border-box}.page-wrapper *{box-sizing:border-box}.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link:focus{position:absolute;top:0;left:0;width:auto;height:auto;padding:.5rem;margin:0;overflow:visible;clip:auto;white-space:normal;background:#2563eb;color:#fff;z-index:50}.main-content{flex-grow:1;width:100%;overflow-x:hidden;padding-top:var(--header-height, 5.5rem)}.hero-section{background:linear-gradient(to bottom,#1e40af,#1e3a8a);color:#fff;padding:3rem 0 5rem;width:100%;overflow-x:hidden}.hero-container{max-width:1280px;margin:0 auto;padding:0 1rem;width:100%}.hero-content-wrapper{display:flex;flex-direction:column;align-items:center}.hero-text{width:100%;margin-bottom:2.5rem}.hero-title{font-size:1.875rem;font-weight:700;line-height:1.2;word-wrap:break-word}.hero-description{margin-top:1.5rem;font-size:1.25rem;color:#e5e7eb;max-width:42rem}.hero-buttons{margin-top:2.5rem;display:flex;flex-direction:column;gap:1rem}.btn-primary{width:100%;padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background:#1d4ed8}.btn-primary:focus{box-shadow:0 0 0 2px #ffffff80}.btn-secondary{width:100%;padding:.75rem 1.5rem;background:transparent;color:#fff;border:1px solid white;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background:#ffffff1a}.btn-secondary:focus{box-shadow:0 0 0 2px #ffffff80}.hero-image-wrapper{width:100%}.hero-image-container{position:relative}.hero-image-card{background:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.hero-image{width:100%;height:auto}.hero-badge{position:absolute;bottom:-.75rem;right:-.75rem;background:#2563eb;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:.75rem;display:flex;align-items:center;font-size:.875rem}.hero-badge-icon{color:#fff;margin-right:.25rem;width:1.25rem;height:1.25rem}.hero-badge-text{color:#fff;font-weight:700;white-space:nowrap}.features-section{padding:3rem 0;background:#f9fafb;width:100%;overflow-x:hidden}.features-container{max-width:1280px;margin:0 auto;padding:0 1rem;width:100%}.features-header{text-align:center;margin-bottom:4rem}.features-title{font-size:1.875rem;font-weight:700;color:#111827}.features-description{margin-top:1rem;font-size:1.25rem;color:#4b5563;max-width:48rem;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:1fr;gap:2rem}.feature-card{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;transition:box-shadow .3s}.feature-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.feature-icon{width:2rem;height:2rem;margin-bottom:1rem;color:#2563eb}.feature-card-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem}.feature-card-description{color:#4b5563}.pricing-section{padding:3rem 0;background:#1e3a8a;color:#fff;width:100%;overflow-x:hidden}.pricing-container{max-width:1280px;margin:0 auto;padding:0 1rem;width:100%}.pricing-header{text-align:center;margin-bottom:3rem}.pricing-title{font-size:1.875rem;font-weight:700}.pricing-description{margin-top:1rem;font-size:1.25rem;color:#e5e7eb;max-width:48rem;margin-left:auto;margin-right:auto}.pricing-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:80rem;margin:0 auto}.pricing-card{background:#1e3a8a;color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:.5rem;overflow:hidden}.pricing-card-featured{background:#fff;color:#111827;transform:scale(1)}.pricing-card-header{padding:1.5rem;border-bottom:1px solid #1e3a8a}.pricing-card-header-featured{padding:1.5rem;background:#2563eb;color:#fff}.pricing-card-title,.pricing-card-title-featured{font-size:1.25rem;font-weight:700}.pricing-card-price{margin-top:1rem}.price-amount{font-size:1.875rem;font-weight:700}.price-period{font-size:.875rem}.pricing-badge{display:inline-block;margin-top:.5rem;padding:.25rem .5rem;background:#fbbf24;color:#1e3a8a;font-size:.75rem;font-weight:700;border-radius:.25rem}.pricing-card-content,.pricing-card-content-featured{padding:1.5rem}.pricing-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.pricing-feature-item,.pricing-feature-item-featured{display:flex;align-items:flex-start}.pricing-check{margin-right:.5rem;color:#93c5fd}.pricing-check-featured{margin-right:.5rem;color:#2563eb}.pricing-card-button-wrapper{margin-top:2rem}.pricing-btn-basic{width:100%;padding:.5rem 1rem;border:1px solid white;background:transparent;color:#fff;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.pricing-btn-basic:hover{background:#fff;color:#1d4ed8}.pricing-btn-basic:focus{box-shadow:0 0 0 2px #ffffff80}.pricing-btn-featured{width:100%;padding:.5rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .2s}.pricing-btn-featured:hover{background:#1d4ed8}.pricing-btn-featured:focus{box-shadow:0 0 0 2px #60a5fa}.cta-section{padding:3rem 0;background:#fff;width:100%;overflow-x:hidden}.cta-container{max-width:80rem;margin:0 auto;padding:0 1rem;width:100%}.cta-card{background:linear-gradient(to right,#2563eb,#1e3a8a);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.cta-content{padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center}.cta-text{margin-bottom:2rem}.cta-title{font-size:1.875rem;font-weight:700;color:#fff;line-height:1.2}.cta-description{margin-top:1rem;font-size:1.25rem;color:#f3f4f6}.cta-button-wrapper{width:100%}.cta-button{padding:.75rem 1.5rem;background:#fff;color:#1d4ed8;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;transition:background-color .2s}.cta-button:hover{background:#f3f4f6}.cta-button:focus{box-shadow:0 0 0 2px #ffffff80}@media (max-width: 640px){.hero-section{padding:2rem 0 3rem}.hero-title{font-size:1.5rem}.hero-description{font-size:1rem}.hero-badge{bottom:0;right:0;padding:.5rem;font-size:.75rem}.hero-badge-icon{width:1rem;height:1rem}.features-header{margin-bottom:2rem}.features-title{font-size:1.5rem}.features-description{font-size:1rem}.pricing-title{font-size:1.5rem}.pricing-description{font-size:1rem}.cta-title{font-size:1.5rem}.cta-description{font-size:1rem}}@media (min-width: 641px){.hero-buttons{flex-direction:row}.btn-primary,.btn-secondary{width:auto}.hero-title{font-size:1.875rem}}@media (min-width: 768px){.hero-section{padding:4rem 0 5rem}.hero-container{padding:0 1.5rem}.hero-content-wrapper{flex-direction:row;gap:2rem}.hero-text{width:50%;margin-bottom:0}.hero-title{font-size:2rem}.hero-image-wrapper{width:50%}.features-section{padding:4rem 0}.features-container{padding:0 1.5rem}.features-title{font-size:2rem}.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-section{padding:4rem 0}.pricing-container{padding:0 1.5rem}.pricing-title{font-size:2rem}.cta-section{padding:4rem 0}.cta-content{padding:2.5rem;text-align:left;flex-direction:row}.cta-text{width:66.666667%;margin-bottom:0}.cta-button-wrapper{width:33.333333%;text-align:right;display:flex;align-items:center;justify-content:flex-end}.cta-title{font-size:1.875rem}}@media (min-width: 1024px){.hero-section{padding:5rem 0 6rem}.hero-container{padding:0 2rem}.hero-title{font-size:2.5rem}.features-section{padding:5rem 0}.features-container{padding:0 2rem}.features-title{font-size:2.25rem}.features-grid{grid-template-columns:repeat(3,1fr)}.pricing-section{padding:5rem 0}.pricing-container{padding:0 2rem}.pricing-title{font-size:2.25rem}.pricing-grid{grid-template-columns:repeat(3,1fr)}.pricing-card-featured{transform:scale(1.05)}.cta-section{padding:5rem 0}.cta-container{padding:0 2rem}.cta-content{padding:3rem}.cta-title{font-size:2.25rem}}@media (min-width: 1280px){.hero-title{font-size:3rem}.features-title,.pricing-title{font-size:2.5rem}}