:root{--font-sans: "Inter", "Inter Fallback", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-amount: "Outfit", "Inter", ui-sans-serif, system-ui, sans-serif;--erp-input-text-color: #222222;--erp-input-text-weight: 500;--erp-scrollbar-thumb: #CBD5E1;--erp-scrollbar-thumb-hover: #B8C2CF;--erp-primary: #F97316;--erp-primary-hover: #EA580C;--erp-primary-light: #FFF7ED;--bg-main: #F3F4F6;--bg-list-toolbar: #F4F4F4;--border-list-toolbar: #E7E7E7;--bg-card: #FFFFFF;--bg-input: #FFFFFF;--bg-form-panel: #F8FAFC;--bg-hover: #F1F5F9;--bg-subtle: #F8FAFC;--surface-emphasis: #FFF8F1;--surface-info: #EFF6FF;--surface-danger-soft: #FEF2F2;--border-color: #E2E8F0;--border-strong: #CBD5E1;--text-dark: #263449;--text-main: #344256;--text-muted: #5D6B7E;--text-soft: #667085;--text-placeholder: #4B5563;--type-page-title: 24px;--type-section-title: 16px;--type-body: 14px;--type-control: 13px;--type-meta: 12px;--type-label: 13px;--type-caption: 11px;--success: #16A34A;--warning: #F59E0B;--danger: #DC2626;--info: #2563EB;--status-neutral-bg: #F1F5F9;--status-neutral-border: #CBD5E1;--status-neutral-text: #475569;--status-success-bg: #F0FDF4;--status-success-border: #BBF7D0;--status-success-text: #166534;--status-warning-bg: #FFFBEB;--status-warning-border: #FDE68A;--status-warning-text: #92400E;--status-danger-bg: #FEF2F2;--status-danger-border: #FECACA;--status-danger-text: #B91C1C;--status-info-bg: #EFF6FF;--status-info-border: #BFDBFE;--status-info-text: #1D4ED8;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 18px;--erp-control-height: 40px;--erp-button-height: 40px;--erp-button-small-height: 32px;--erp-button-large-height: 40px;--erp-drawer-action-height: 88px;--erp-drawer-action-radius: 8px;--erp-drawer-action-icon-size: 22px;--erp-drawer-action-font-size: 12px;--erp-pagination-number-size: 28px;--erp-sidebar-width: 190px;--erp-sidebar-collapsed-width: 64px;--erp-topbar-height: 50px;--purchase-control-height: 40px;--erp-page-header-gap: 18px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--page-inline-space: clamp(16px, 1.75vw, 24px);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06)}.login-page{--login-primary: var(--erp-primary);--login-primary-hover: var(--erp-primary-hover);--login-bg: var(--bg-main);--login-card: var(--bg-card);--login-border: var(--border-color);--login-text: var(--text-dark);--login-text-main: var(--text-main);--login-text-muted: var(--text-muted);--login-text-placeholder: var(--text-placeholder);--login-danger: var(--danger);--login-danger-bg: var(--status-danger-bg);--login-radius: 14px;--login-shadow: 0 18px 45px rgba(15, 23, 42, .1);margin:0;min-height:100vh;background:radial-gradient(circle at top,color-mix(in srgb,var(--erp-primary) 8%,transparent),transparent 34%),var(--login-bg);color:var(--login-text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.login-page,.login-page *{box-sizing:border-box}.login-page__shell{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:28px 18px}.login-page__card{width:min(430px,100%);overflow:hidden;background:var(--login-card);border:1px solid var(--login-border);border-radius:var(--login-radius);box-shadow:var(--login-shadow)}.login-page__body{padding:32px}.login-page__brand{text-align:center;margin-bottom:24px}.login-page__logo{display:block;width:auto;max-width:180px;max-height:70px;margin:0 auto 16px;object-fit:contain}.login-page__icon{width:56px;height:56px;margin:0 auto 16px;border-radius:14px;background:var(--login-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 20px #f9731633}.login-page__title{margin:0;color:var(--login-text);font-size:1.45rem;line-height:1.25;font-weight:700;letter-spacing:-.01em}.login-page__subtitle{margin:7px 0 0;color:var(--login-text-muted);font-size:.84rem;line-height:1.5}.login-page__form{display:flex;flex-direction:column;gap:16px}.login-page__field{display:flex;flex-direction:column;gap:6px;min-width:0}.login-page__label{display:block;margin:0;color:#3d4a57;font-size:.78rem;line-height:1.2;font-weight:600}.login-page__input{display:block;width:100%;height:40px;padding:0 12px;border:1px solid #D5DDE6;border-radius:8px;outline:none;background:var(--bg-card);color:var(--login-text);font:inherit;font-size:.84rem;line-height:1;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.login-page__input::placeholder{color:var(--login-text-placeholder)}.login-page__input:hover{border-color:#c4ceda}.login-page__input:focus{border-color:var(--login-primary);box-shadow:0 0 0 3px #f973161f}.login-page__input:disabled{background:var(--bg-subtle);color:var(--text-soft);cursor:not-allowed}.login-page__remember{display:inline-flex;align-items:center;gap:8px;width:fit-content;color:#4b5563;font-size:.78rem;line-height:1.3;cursor:pointer;-webkit-user-select:none;user-select:none}.login-page__remember input[type=checkbox]{width:15px;height:15px;margin:0;flex:0 0 15px;accent-color:var(--login-primary);cursor:pointer}.login-page__alert{width:100%;margin-bottom:16px;padding:10px 12px;border-radius:8px;font-size:.77rem;line-height:1.45;color:var(--status-danger-text);background:var(--login-danger-bg);border:1px solid var(--status-danger-border)}.login-page__button{appearance:none;border:0;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;padding:0 16px;border-radius:8px;font:inherit;font-size:.84rem;font-weight:600;line-height:1;cursor:pointer;color:#fff;background:var(--login-primary);box-shadow:0 7px 16px #f9731633;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}.login-page__button:hover{background:var(--login-primary-hover);transform:translateY(-1px);box-shadow:0 9px 20px #f973163d}.login-page__button:active{transform:translateY(0)}.login-page__button:focus-visible{box-shadow:0 0 0 3px #f973162e}.login-page input:-webkit-autofill,.login-page input:-webkit-autofill:hover,.login-page input:-webkit-autofill:focus{-webkit-text-fill-color:var(--login-text);-webkit-box-shadow:0 0 0 1000px #FFFFFF inset;transition:background-color 9999s ease-out 0s}@media(max-width:520px){.login-page__shell{padding:16px 12px}.login-page__card{border-radius:12px}.login-page__body{padding:24px 20px}}@media(max-width:360px){.login-page__body{padding:22px 16px}.login-page__title{font-size:1.3rem}}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:44px!important}.login-password-toggle{position:absolute;top:50%;right:10px;width:28px;height:28px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:0!important;border-radius:0!important;outline:none;box-shadow:none!important;background:transparent!important;color:var(--text-soft);cursor:pointer;appearance:none;-webkit-appearance:none}.login-password-toggle:hover{color:var(--erp-primary);background:transparent!important}.login-password-toggle:focus,.login-password-toggle:focus-visible,.login-password-toggle:active{border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important}.login-password-toggle i{font-size:15px;line-height:1}