:root{--erp4my-navy: #071833;--erp4my-navy-2: #002475;--erp4my-primary: #0033A0;--erp4my-primary-bright: #3266CF;--erp4my-primary-soft: #E8F3FC;--erp4my-ink: #10233F;--erp4my-muted: #5C6B80;--erp4my-line: #D5DEE8;--erp4my-paper: #FFFFFF;--erp4my-soft: #F4F7FB;--erp4my-red: #CC0001;--erp4my-red-soft: #FDECEC;--erp4my-it: #3266CF;--erp4my-it-soft: #E8F3FC;--erp4my-gov: #CC0001;--erp4my-gov-soft: #FDECEC;--erp4my-sme: #0033A0;--erp4my-sme-soft: #E8F3FC;--erp4my-edu: #002475;--erp4my-edu-soft: #E8F3FC;--erp4my-accent: #CC0001;--erp4my-accent-soft: #FDECEC;--erp4my-module-pmo: var(--erp4my-primary);--erp4my-module-hrms: var(--erp4my-primary);--erp4my-module-procurement: var(--erp4my-primary);--erp4my-module-accounting: var(--erp4my-primary);--erp4my-module-crm: var(--erp4my-primary);--erp4my-module-sales: var(--erp4my-primary);--erp4my-module-helpdesk: var(--erp4my-primary);--erp4my-module-assets: var(--erp4my-primary);--erp4my-module-cloud: var(--erp4my-primary);--erp4my-success: #198038;--erp4my-success-dark: #0E6027;--erp4my-success-soft: #E8F6EE;--erp4my-danger: #CC0001;--erp4my-danger-dark: #B01B14;--erp4my-warning: #FFCC00;--erp4my-hero-gradient: linear-gradient(135deg, #E8F3FC 0%, #FFFFFF 48%, #F4F7FB 100%);--erp4my-dashboard-hero: radial-gradient(ellipse 70% 80% at 8% 18%, rgba(21, 116, 224, .42), transparent 58%), radial-gradient(ellipse 45% 55% at 92% 88%, rgba(226, 35, 26, .16), transparent 62%), linear-gradient(145deg, var(--erp4my-navy) 0%, var(--erp4my-navy-2) 52%, var(--erp4my-navy) 100%);--erp4my-sector-strip: linear-gradient(90deg, #0033A0 0%, #3266CF 55%, #CC0001 100%);--paduora-font: var(--ep-font-ui);--ep-navy: #071833;--ep-blue: #0033a0;--ep-red: #cc0001;--ep-yellow: #ffcc00;--ep-white: #fff;--ep-mist: #f4f7fb;--ep-line: #dce4ef;--ep-shadow: 0 8px 30px rgb(7 24 51 / 5%);--erp4my-primary: var(--ep-blue);--erp4my-primary-dark: #002475;--erp4my-red: var(--ep-red);--erp4my-warning: var(--ep-yellow);--erp4my-sector-strip: linear-gradient(90deg, #0033a0 0% 65%, #cc0001 65% 85%, #ffcc00 85%);--erpmy-blue: var(--ep-blue);--erpmy-blue-dark: #002475;--erpmy-orange: var(--ep-yellow)}.brand-word{display:inline-flex;align-items:baseline;white-space:nowrap;font-family:var(--ep-font-heading);font-weight:800;font-size:1.15rem;letter-spacing:-.055em;line-height:1.2}.brand-malaysia{color:var(--ep-blue);font-weight:500;letter-spacing:-.045em}.brand-mark{display:block;flex-shrink:0;-o-object-fit:contain;object-fit:contain}.ep-auth-guest>div{background:radial-gradient(ellipse at top left,#edf2fc,transparent 65%),#f4f7fb}.ep-auth-guest>div>div:last-child{border:1px solid #dce4ef;border-radius:18px;padding:28px;box-shadow:0 14px 48px #07183308}:where(a,button,input,select,textarea):focus-visible{outline:3px solid #3266cf;outline-offset:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ep-language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;margin:0;background:#fff;border:1px solid #d4dfed;border-radius:9px;flex-shrink:0}.ep-language-switch button{display:inline-grid;place-items:center;width:30px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:#52637b;font-family:var(--ep-font-ui);font-size:.66rem;font-weight:750;cursor:pointer}.ep-language-switch button[aria-pressed=true]{background:#0033a0;color:#fff}.ep-language-switch button:hover{background:#edf2fc;color:#0033a0}.ep-language-switch button[aria-pressed=true]:hover{background:#002475;color:#fff}.ep-login-brandbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}@media(max-width:575px){.ep-language-switch{gap:0;padding:2px}.ep-language-switch button{width:24px;height:27px;font-size:.6rem}.lp .lp-actions{gap:7px}.lp .lp-header-inner{gap:8px}.lp .lp-header .brand-word{font-size:.84rem}.erp-topbar-row{padding:0!important;gap:5px}.erp-topnav{gap:4px!important}}.login-v2{margin:0;min-height:100vh;background:#071833;color:#071833;font-family:var(--ep-font-ui);position:relative;isolation:isolate}.login-v2 *,.login-v2 *:before,.login-v2 *:after{box-sizing:border-box}.login-v2:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#0033a0 0% 58%,#cc0001 58% 80%,#fc0 80%);z-index:2}.login-v2 :is(h1,h2){font-family:var(--ep-font-heading);letter-spacing:-.055em}.ep-login-ambient{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 25%,#153c85 0%,transparent 52%),radial-gradient(ellipse at 65% 95%,#0033a035,transparent 45%),#071833}.ep-login-ambient:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 85%);mask-image:linear-gradient(90deg,#000,transparent 85%)}.ep-login-ambient>span{position:absolute;border:1px solid #ffffff08;border-radius:50%;width:840px;height:840px;left:-210px;top:130px}.ep-login-ambient>span:nth-child(2){width:1100px;height:1100px;left:-340px;top:0}.ep-login-ambient>span:nth-child(3){width:500px;height:500px;left:-260px;top:620px;background:#cc00011c;filter:blur(100px);border:0}.login-v2-desktop.ep-login-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:80px;width:min(100%,1400px);min-height:100dvh;margin:0 auto;padding:48px 64px}.ep-login-story{min-width:0;color:#fff}.login-v2-brand-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.login-v2-brand-link:hover{color:#fff}.login-v2-mark{width:48px;height:48px;flex-shrink:0}.login-v2-mark .brand-mark{width:48px;height:48px}.login-v2-brand-link .brand-word{color:#fff;font-size:1.4rem}.login-v2-brand-link .brand-malaysia{color:#fc0}.login-v2-brand-tagline{display:block;color:#b6c7df;font-size:.65rem;margin-top:6px;letter-spacing:.025em}.ep-login-message{margin-top:64px}.ep-login-eyebrow{display:flex;align-items:center;gap:9px;color:#fc0;font-size:.64rem;font-weight:750;letter-spacing:.15em}.ep-login-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#fc0;box-shadow:0 0 16px #ffcc0070}.ep-login-message h1{color:#fff;font-size:clamp(2.6rem,4.1vw,3.7rem);font-weight:750;line-height:1.08;margin:20px 0 24px}.ep-login-message h1>span{color:#fc0}.ep-login-message>p{color:#c3d1e5;font-size:1rem;line-height:1.85;max-width:430px;margin:0}.ep-login-orbit{position:relative;height:240px;max-width:500px;margin-top:22px}.ep-orbit-ring{position:absolute;border-radius:50%;border:1px solid #6794e438;width:340px;height:154px;top:35px;left:65px;transform:rotate(-22deg)}.ep-orbit-ring-two{width:290px;height:196px;top:16px;left:94px;transform:rotate(25deg);border-color:#fc02}.ep-orbit-core{position:absolute;top:62px;left:183px;display:flex;align-items:center;flex-direction:column;justify-content:center;width:108px;height:108px;border:1px solid #ffffff2b;border-radius:28px;background:linear-gradient(145deg,#2256b5,#0033a0);box-shadow:0 0 55px #1c5adc40}.ep-orbit-core>i{color:#fc0;font-size:2.1rem}.ep-orbit-core>span{font-size:.59rem;color:#fff;margin-top:7px}.ep-orbit-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #ffffff26;background:#10284de8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#e7effb;border-radius:12px;font-size:.73rem;box-shadow:0 12px 30px #0002}.ep-orbit-card i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-size:1rem}.ep-orbit-card-blue{top:15px;left:0}.ep-orbit-card-blue i{background:#3266cf40;color:#c5d9ff}.ep-orbit-card-red{right:0;top:87px}.ep-orbit-card-red i{background:#cc0001;color:#fff}.ep-orbit-card-yellow{left:27px;bottom:14px}.ep-orbit-card-yellow i{background:#fc0;color:#071833}.ep-orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#fc0;top:20px;right:100px;box-shadow:0 0 18px #ffcc0060}.ep-orbit-dot-two{background:#f24747;top:auto;bottom:32px;right:85px}.ep-login-story-footer{color:#96adce;font-size:.72rem;margin:16px 0 0}.login-v2-form-area{min-width:0;width:100%}.login-v2-form-wrap{width:min(100%,454px);margin:0 auto}.login-v2-back{display:inline-flex;align-items:center;gap:9px;color:#c3d1e5;text-decoration:none;font-size:.76rem;margin-bottom:20px}.login-v2-back:hover{color:#fc0}.login-v2-form-card{position:relative;background:#fff;border:1px solid #ffffff70;border-radius:24px;padding:38px;box-shadow:0 32px 90px #0004,0 0 60px #0033a018;overflow:hidden}.ep-login-card-accent{position:absolute;inset:0 0 auto;height:5px;display:flex}.ep-login-card-accent span:first-child{flex:6;background:#0033a0}.ep-login-card-accent span:nth-child(2){flex:2;background:#cc0001}.ep-login-card-accent span:last-child{flex:2;background:#fc0}.login-v2-form-badge{display:inline-flex;align-items:center;gap:8px;color:#0033a0;background:#edf2fc;border:1px solid #dce7fc;padding:7px 10px;border-radius:8px;font-size:.59rem;font-weight:750;letter-spacing:.075em;margin:4px 0 22px}.login-v2-form-header h2{font-weight:750;font-size:2.15rem;color:#071833;line-height:1.15;margin:0 0 12px}.login-v2-form-header .lead{color:#5c6b80;font-size:.9rem;line-height:1.7;margin:0 0 32px}.login-v2-field{margin-bottom:22px}.login-v2-label{display:block;font-size:.78rem;color:#253b58;font-weight:650;margin:0 0 9px}.login-v2-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.login-v2-link{color:#0033a0;text-decoration:none;font-size:.72rem;font-weight:600}.login-v2-link:hover{text-decoration:underline}.login-v2-input-wrap{position:relative}.login-v2-input-wrap>i{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:#72839c;pointer-events:none;font-size:1rem}.login-v2-input{display:block;width:100%;min-height:52px;background:#f7f9fd;border:1px solid #d4dfed;border-radius:11px;padding:13px 44px;color:#071833;font:inherit;font-size:.86rem;transition:border-color .18s,box-shadow .18s}.login-v2-input::-moz-placeholder{color:#687a93;opacity:1}.login-v2-input::placeholder{color:#687a93;opacity:1}.login-v2-input:focus{outline:none;border-color:#0033a0;box-shadow:0 0 0 3px #0033a015;background:#fff}.login-v2-input.is-invalid{border-color:#cc0001;background-image:none}.ep-password-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;border:0;background:transparent;color:#5c6b80;border-radius:7px;cursor:pointer}.ep-password-toggle:hover{background:#e9effa;color:#0033a0}.login-v2-remember{display:flex;align-items:center;gap:9px;margin:2px 0 24px;font-size:.76rem;color:#52637b}.login-v2-remember input{width:16px;height:16px;accent-color:#0033a0;border:1px solid #9aabc4;border-radius:4px}.login-v2-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;border:1px solid #0033a0;border-radius:11px;color:#fff;background:#0033a0;font-family:inherit;font-weight:700;font-size:.88rem;box-shadow:0 7px 18px #0033a01c;transition:background .18s,transform .18s}.login-v2-submit:hover,.login-v2-submit:focus{color:#fff;background:#002475;border-color:#002475}.login-v2-submit:active{transform:translateY(1px)}.login-v2-trust{display:flex;align-items:center;justify-content:center;gap:7px;color:#68768d;font-size:.69rem;border-top:1px solid #e8edf5;padding-top:23px;margin-top:28px}.login-v2-trust i{color:#0033a0}.ep-login-form-footer{text-align:center;color:#a9bcd7;font-size:.7rem;margin:22px 0 0}@media(max-width:1199px){.login-v2-desktop.ep-login-layout{gap:48px;padding:40px}.ep-login-message{margin-top:48px}.ep-login-orbit{transform:scale(.9);transform-origin:left center;margin-right:-30px}.login-v2-form-card{padding:32px}}@media(max-width:991px){.login-v2-desktop.ep-login-layout{grid-template-columns:1fr;gap:32px;padding:36px 24px;max-width:620px}.ep-login-message{margin-top:36px}.ep-login-message h1{font-size:2.65rem}.ep-login-message>p{max-width:460px}.ep-login-orbit,.ep-login-story-footer{display:none}.login-v2-form-wrap{width:100%;max-width:none}.login-v2-back{margin-bottom:16px}.login-v2-form-card{padding:32px}.ep-login-form-footer{margin-bottom:8px}}@media(max-width:575px){.login-v2-desktop.ep-login-layout{padding:28px 20px;gap:28px}.login-v2-brand-link .brand-word{font-size:1.14rem}.login-v2-mark,.login-v2-mark .brand-mark{width:42px;height:42px}.login-v2-brand-tagline{font-size:.6rem}.ep-login-message{margin-top:30px}.ep-login-message h1{font-size:2.3rem;margin:16px 0}.ep-login-message>p{font-size:.87rem;line-height:1.75}.ep-login-eyebrow{font-size:.58rem}.login-v2-form-card{padding:28px 22px;border-radius:19px}.login-v2-form-header h2{font-size:1.9rem}.login-v2-form-header .lead{margin-bottom:26px}.login-v2-form-badge{margin-bottom:18px}}