:root{--auth-primary: #155eef;--auth-primary-dark: #0b46c1;--auth-primary-light: #eef4ff;--auth-orange: #f97316;--auth-orange-dark: #ea580c;--auth-text: #101828;--auth-text-soft: #475467;--auth-text-muted: #667085;--auth-white: #ffffff;--auth-bg: #f7f9fc;--auth-border: #d0d5dd;--auth-border-light: #eaecf0;--auth-success: #12b76a;--auth-danger: #d92d20;--auth-radius-sm: 8px;--auth-radius-md: 12px;--auth-radius-lg: 16px;--auth-radius-xl: 22px;--auth-shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--auth-shadow-md: 0 10px 30px rgba(16, 24, 40, .08), 0 2px 8px rgba(16, 24, 40, .04);--auth-shadow-lg: 0 24px 60px rgba(16, 24, 40, .1), 0 8px 20px rgba(16, 24, 40, .05);--auth-transition: .18s ease}.login-page,.login-page *,.login-page *:before,.login-page *:after,.admin-login-page,.admin-login-page *,.admin-login-page *:before,.admin-login-page *:after{box-sizing:border-box}.auth-body{margin:0;min-height:100vh;background:var(--auth-bg);color:var(--auth-text);font-family:Figtree,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-page{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;background:radial-gradient(circle at 15% 15%,rgba(21,94,239,.07),transparent 28%),radial-gradient(circle at 85% 85%,rgba(249,115,22,.06),transparent 28%),var(--auth-bg);color:var(--auth-text)}.login-header{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;margin-bottom:28px;text-align:center}.login-logo{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;color:var(--auth-text);text-decoration:none;transition:transform var(--auth-transition),opacity var(--auth-transition)}.login-logo:hover{transform:translateY(-1px);opacity:.92}.login-logo-image-wrapper{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 58px;overflow:hidden;border-radius:14px;background:var(--auth-white);border:1px solid var(--auth-border-light);box-shadow:0 6px 18px #10182814}.login-logo-image{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;padding:5px}.login-logo-mark{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 52px;border-radius:15px;background:linear-gradient(135deg,var(--auth-primary),#2563eb);color:var(--auth-white);font-size:25px;font-weight:800;letter-spacing:-.04em;box-shadow:0 10px 22px #155eef38}.login-logo-text{font-size:27px;line-height:1;font-weight:800;letter-spacing:-.055em;color:var(--auth-text)}.login-logo-text span{color:var(--auth-primary)}.login-subtitle{margin:14px 0 0;color:var(--auth-text-soft);font-size:15px;line-height:1.5;font-weight:400}.login-session-status{width:100%;max-width:440px;margin:0 0 16px;padding:12px 14px;border-radius:var(--auth-radius-md);background:#ecfdf3;border:1px solid #abefc6;color:#027a48;font-size:14px;line-height:1.45;text-align:center}.login-alert{width:100%;max-width:440px;display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:13px 15px;border:1px solid #fecdca;border-radius:var(--auth-radius-md);background:#fef3f2;color:var(--auth-danger);font-size:14px;line-height:1.45}.login-alert-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;border-radius:50%;background:var(--auth-danger);color:var(--auth-white);font-size:13px;font-weight:800}.login-form{width:100%;max-width:440px;padding:32px;background:var(--auth-white);border:1px solid rgba(208,213,221,.85);border-radius:var(--auth-radius-xl);box-shadow:var(--auth-shadow-lg)}.login-field{width:100%;margin-bottom:21px}.login-label{display:block;margin:0 0 8px;color:var(--auth-text);font-size:14px;line-height:1.4;font-weight:600}.login-input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--auth-border);border-radius:var(--auth-radius-md);background:var(--auth-white);color:var(--auth-text);font-family:inherit;font-size:15px;line-height:1.4;outline:none;box-shadow:var(--auth-shadow-sm);transition:border-color var(--auth-transition),box-shadow var(--auth-transition),background var(--auth-transition)}.login-input::-moz-placeholder{color:#98a2b3}.login-input::placeholder{color:#98a2b3}.login-input:hover{border-color:#98a2b3}.login-input:focus{border-color:var(--auth-primary);background:var(--auth-white);box-shadow:0 0 0 4px #155eef1a}.login-password-wrapper{position:relative;width:100%}.login-password-wrapper .login-input{padding-right:52px}.login-password-toggle{position:absolute;top:50%;right:7px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%);border:0;border-radius:9px;background:transparent;color:var(--auth-text-muted);cursor:pointer;outline:none;transition:background var(--auth-transition),color var(--auth-transition)}.login-password-toggle:hover{background:var(--auth-primary-light);color:var(--auth-primary)}.login-password-toggle:focus-visible{box-shadow:0 0 0 3px #155eef29}.login-password-icon{display:block;width:20px;height:20px}.login-error{display:block;margin-top:7px;color:var(--auth-danger);font-size:13px;line-height:1.4}.login-options{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:3px 0 24px}.login-remember,.admin-login-remember{display:inline-flex;align-items:center;gap:8px;color:var(--auth-text-soft);font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-remember input,.admin-login-remember input{width:16px;height:16px;margin:0;accent-color:var(--auth-primary);cursor:pointer}.login-remember span,.admin-login-remember span{line-height:1.4}.login-forgot{color:var(--auth-primary);font-size:13px;font-weight:600;text-decoration:none;transition:color var(--auth-transition)}.login-forgot:hover{color:var(--auth-primary-dark);text-decoration:underline}.login-button{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border:0;border-radius:var(--auth-radius-md);background:linear-gradient(135deg,var(--auth-primary),#2563eb);color:var(--auth-white);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px #155eef38;transition:transform var(--auth-transition),box-shadow var(--auth-transition),background var(--auth-transition)}.login-button svg{flex:0 0 auto;transition:transform var(--auth-transition)}.login-button:hover{background:linear-gradient(135deg,var(--auth-primary-dark),#1d4ed8);transform:translateY(-1px);box-shadow:0 11px 24px #155eef47}.login-button:hover svg{transform:translate(3px)}.login-button:active{transform:translateY(0);box-shadow:0 5px 12px #155eef33}.login-button:focus-visible{outline:none;box-shadow:0 0 0 4px #155eef29,0 8px 18px #155eef38}.login-button:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.login-register{width:100%;max-width:440px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:22px;color:var(--auth-text-soft);font-size:14px;line-height:1.5;text-align:center}.login-register a{color:var(--auth-primary);font-weight:700;text-decoration:none;transition:color var(--auth-transition)}.login-register a:hover{color:var(--auth-primary-dark);text-decoration:underline}.login-back{margin-top:22px}.login-back a{display:inline-flex;align-items:center;gap:7px;color:var(--auth-text-muted);font-size:13px;font-weight:500;text-decoration:none;transition:color var(--auth-transition),transform var(--auth-transition)}.login-back a:hover{color:var(--auth-primary);transform:translate(-2px)}.login-back svg{flex:0 0 auto}.forgot-password-info{width:100%;max-width:440px;display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;border:1px solid #dbe7ff;border-radius:14px;background:#f4f7ff;color:var(--auth-text-soft);font-size:13px;line-height:1.55}.forgot-password-info strong{display:block;margin-bottom:3px;color:var(--auth-text);font-size:14px}.forgot-password-info p{margin:0}.forgot-password-info-icon{width:34px;height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--auth-primary-light);color:var(--auth-primary)}.admin-login-page{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 20px;background:radial-gradient(circle at 12% 12%,rgba(21,94,239,.08),transparent 30%),radial-gradient(circle at 88% 88%,rgba(249,115,22,.07),transparent 30%),var(--auth-bg);color:var(--auth-text)}.admin-login-card{width:100%;max-width:460px;padding:36px;background:#fffffff7;border:1px solid rgba(208,213,221,.85);border-radius:var(--auth-radius-xl);box-shadow:var(--auth-shadow-lg)}.admin-login-header{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:28px;text-align:center}.admin-login-header .login-logo{margin-bottom:18px}.admin-login-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 12px;margin-bottom:13px;border:1px solid #dbe7ff;border-radius:999px;background:var(--auth-primary-light);color:var(--auth-primary);font-size:12px;line-height:1;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.admin-login-header h1{margin:0;color:var(--auth-text);font-size:27px;line-height:1.2;font-weight:800;letter-spacing:-.035em}.admin-login-header p{margin:10px 0 0;color:var(--auth-text-muted);font-size:14px;line-height:1.5}.admin-login-alert{width:100%;display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;padding:13px 15px;border:1px solid #fecdca;border-radius:var(--auth-radius-md);background:#fef3f2;color:var(--auth-danger);font-size:14px;line-height:1.45}.admin-login-card .login-form{max-width:none;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.admin-login-card .login-field{margin-bottom:20px}.admin-login-card .login-input{min-height:50px;background:#fff}.admin-login-card .login-input:focus{box-shadow:0 0 0 4px #155eef1a,0 2px 5px #1018280a}.admin-login-remember{width:100%;margin:1px 0 22px}.admin-login-card .login-button{min-height:52px;font-size:15px;border-radius:13px}.admin-login-footer{display:flex;align-items:center;justify-content:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--auth-border-light);text-align:center}.admin-login-footer a{display:inline-flex;align-items:center;gap:7px;color:var(--auth-text-muted);font-size:13px;font-weight:500;text-decoration:none;transition:color var(--auth-transition),transform var(--auth-transition)}.admin-login-footer a:hover{color:var(--auth-primary);transform:translate(-2px)}.admin-login-header .login-logo-image-wrapper{width:64px;height:64px;flex-basis:64px;border-radius:16px;box-shadow:0 8px 22px #1018281a}.admin-login-header .login-logo-image{padding:5px}.admin-login-header .login-logo-mark{width:58px;height:58px;flex-basis:58px;border-radius:16px}@media(max-width:640px){.login-page{justify-content:flex-start;padding:34px 18px 36px}.login-header{margin-bottom:24px}.login-form{padding:26px 22px;border-radius:18px}.login-logo-image-wrapper{width:54px;height:54px;flex-basis:54px}.login-logo-mark{width:50px;height:50px;flex-basis:50px}.login-logo-text{font-size:25px}}@media(max-width:640px){.admin-login-page{align-items:flex-start;padding:34px 18px 36px}.admin-login-card{max-width:100%;padding:30px 26px;border-radius:20px}.admin-login-header{margin-bottom:24px}.admin-login-header h1{font-size:24px}.admin-login-header .login-logo-image-wrapper{width:58px;height:58px;flex-basis:58px}.admin-login-header .login-logo-mark{width:54px;height:54px;flex-basis:54px}}@media(max-width:480px){.login-page{padding:26px 14px 30px}.login-header{margin-bottom:20px}.login-subtitle{margin-top:11px;font-size:14px}.login-form{padding:22px 18px;border-radius:16px;box-shadow:0 12px 30px #10182814}.login-field{margin-bottom:18px}.login-options{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:22px}.login-forgot{align-self:flex-end}.login-register{font-size:13px}.admin-login-page{padding:22px 14px 28px}.admin-login-card{padding:25px 19px;border-radius:17px;box-shadow:0 14px 34px #10182817}.admin-login-header{margin-bottom:22px}.admin-login-header .login-logo{margin-bottom:15px}.admin-login-header h1{font-size:22px}.admin-login-header p{margin-top:8px;font-size:13px}.admin-login-badge{min-height:28px;padding:5px 10px;font-size:11px}.admin-login-card .login-input{min-height:48px}.admin-login-card .login-button{min-height:50px}.admin-login-footer{margin-top:21px;padding-top:18px}}@media(max-width:360px){.login-page{padding-left:11px;padding-right:11px}.login-form{padding:20px 15px}.login-logo{gap:8px}.login-logo-image-wrapper{width:50px;height:50px;flex-basis:50px}.login-logo-mark{width:46px;height:46px;flex-basis:46px;border-radius:13px;font-size:22px}.login-logo-text{font-size:23px}.admin-login-page{padding:16px 10px 22px}.admin-login-card{padding:22px 15px;border-radius:15px}.admin-login-header h1{font-size:20px}.admin-login-header .login-logo-image-wrapper{width:52px;height:52px;flex-basis:52px}.admin-login-header .login-logo-mark{width:48px;height:48px;flex-basis:48px;font-size:22px}}@media(prefers-reduced-motion:reduce){.login-page *,.login-page *:before,.login-page *:after,.admin-login-page *,.admin-login-page *:before,.admin-login-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}