/* KAPE ERP sign-in page — scoped styles, dashboard theme preserved */
.erp-login-page{margin:0;min-height:100vh;background:#f4f7fc;color:#182946;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;display:grid;place-items:center;padding:26px;overflow-x:hidden}
.erp-login-page *{box-sizing:border-box}
.erp-login-page button,.erp-login-page input{font:inherit}
.login-shell{width:min(1180px,100%);min-height:720px;background:#fff;border:1px solid #e5eaf2;border-radius:24px;box-shadow:0 26px 80px rgba(26,47,82,.11);display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden;position:relative}
.login-showcase{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#14284c 0%,#1a3767 54%,#1d4a70 100%);color:#fff;padding:34px 42px 26px;display:flex;flex-direction:column;min-width:0}
.login-showcase:before{content:"";position:absolute;z-index:-1;width:460px;height:460px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-240px;top:150px;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.02)}
.login-showcase:after{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) .7px,transparent .7px);background-size:19px 19px;opacity:.19;mask-image:linear-gradient(90deg,#000,transparent 95%)}
.showcase-top{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:1}
.login-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;min-width:0}
.login-brand .brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#4b85f3,#1ab49e);box-shadow:0 8px 22px rgba(7,17,40,.22);display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900;flex-shrink:0}
.brand-wordmark strong{font-size:19px;letter-spacing:-.7px;display:block;line-height:1.1;color:inherit}.brand-wordmark em{font-style:normal;color:#4ad3bd}.brand-wordmark small{display:block;font-size:8px;letter-spacing:1.25px;color:#b8c7dd;margin-top:5px;font-weight:750}
.environment-pill{border:1px solid rgba(255,255,255,.18);border-radius:99px;padding:8px 10px;display:flex;align-items:center;gap:7px;color:#d7e3f3;font-size:8px;letter-spacing:.8px;white-space:nowrap;background:rgba(255,255,255,.045)}
.environment-pill i,.preview-date i,.login-legal i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#36d6ad;box-shadow:0 0 0 3px rgba(54,214,173,.13)}
.showcase-copy{margin:58px 0 28px;position:relative;z-index:1}.overline{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.65px;color:#a8bddb;font-weight:800}.overline-line{width:24px;height:2px;background:#45d3bd;border-radius:5px}.showcase-copy h1{font-size:clamp(35px,4vw,49px);letter-spacing:-2.3px;line-height:1.1;margin:18px 0 15px;font-weight:760}.showcase-copy h1 span{color:#55d8c1}.showcase-copy p{font-size:12px;line-height:1.9;color:#c1cfe2;max-width:360px;margin:0}
.preview-window{position:relative;z-index:1;width:100%;max-width:490px;align-self:center;border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:17px;background:rgba(255,255,255,.09);box-shadow:0 18px 42px rgba(5,16,37,.15);backdrop-filter:blur(10px)}
.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-heading>div{display:grid;gap:6px}.preview-kicker{font-size:7px;letter-spacing:1.25px;color:#a9bfdc;font-weight:800}.preview-heading strong{font-size:14px;letter-spacing:-.2px}.preview-date{font-size:8px;color:#c9d8e9;display:flex;align-items:center;gap:7px;white-space:nowrap}
.preview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:17px}.preview-metric{padding:11px 9px;border-radius:10px;background:rgba(8,24,50,.25);border:1px solid rgba(255,255,255,.09);min-width:0}.preview-metric>span{font-size:8px;color:#b4c5db;display:block;white-space:nowrap}.preview-metric b{display:flex;align-items:center;gap:6px;font-size:10px;margin:11px 0 6px}.preview-metric small{font-size:7px;color:#9fb3cd}.metric-icon{width:21px;height:21px;display:grid;place-items:center;border-radius:6px;font-size:11px}.metric-icon.blue{background:#dfeaff;color:#2558bd}.metric-icon.mint{background:#d9f8ef;color:#128b77}.metric-icon.gold{background:#fff0cf;color:#a46b12}
.preview-chart{margin-top:12px;padding:13px 12px 9px;border-radius:10px;background:rgba(8,24,50,.22);border:1px solid rgba(255,255,255,.07)}.chart-caption{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#dce6f3}.chart-label{font-size:7px;letter-spacing:1px;color:#9fb5d2}.chart-bars{height:80px;display:flex;align-items:flex-end;gap:7px;padding:10px 2px 0;border-bottom:1px solid rgba(255,255,255,.12);background:repeating-linear-gradient(to bottom,transparent 0,transparent 19px,rgba(255,255,255,.06) 20px)}.chart-bars i{flex:1;min-width:5px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#59d9c4,#4388ef);opacity:.9}.chart-axis{display:flex;justify-content:space-between;padding-top:7px;font-size:7px;letter-spacing:.8px;color:#91a9c8}.preview-footer{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 11px;background:rgba(255,255,255,.07);border-radius:9px}.footer-check{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(58,215,177,.15);color:#5ce2c4;font-size:12px}.preview-footer>span:nth-child(2){display:grid;gap:4px;flex:1}.preview-footer strong{font-size:9px;color:#e7eff9}.preview-footer small{font-size:8px;color:#9eb4d0}.footer-arrow{font-size:14px;color:#a8bdd9}
.showcase-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:28px;color:#9cb2cf;font-size:7px;letter-spacing:1.1px;font-weight:800;position:relative;z-index:1}.showcase-divider{height:12px;width:1px;background:rgba(255,255,255,.22)}.decor{position:absolute;pointer-events:none;border-radius:50%;z-index:-1}.decor-one{width:7px;height:7px;background:#5bd9c2;right:14%;top:35%;box-shadow:0 0 0 7px rgba(91,217,194,.09)}.decor-two{width:4px;height:4px;background:#83a9ff;right:8%;top:50%;box-shadow:0 0 0 6px rgba(131,169,255,.08)}
.login-panel{padding:32px 48px 25px;display:flex;flex-direction:column;min-width:0;background:#fff}.login-panel-top{display:flex;align-items:center;justify-content:space-between}.secure-label{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:850;letter-spacing:1.15px;color:#70809a}.secure-shield{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;color:#168c79;background:#e6f8f3;font-size:11px}.panel-version{font-size:8px;letter-spacing:1px;color:#a1adbd;font-weight:800}.login-form-wrap{width:100%;max-width:360px;margin:auto;align-self:center}.mobile-brand{display:none}.form-intro{margin-bottom:28px}.form-eyebrow{font-size:8px;font-weight:850;letter-spacing:1.45px;color:#1b9b8a}.form-intro h2{font-size:34px;letter-spacing:-1.4px;color:#1a2d4e;margin:11px 0 8px;line-height:1.15}.form-intro h2 span{color:#21aa96}.form-intro p{font-size:11px;color:#8592a6;line-height:1.7;margin:0}.erp-login-form{display:grid;gap:10px}.erp-login-form label{font-size:10px;font-weight:750;color:#41516a;margin:0 0 1px}.input-wrap{display:flex;align-items:center;gap:10px;width:100%;height:49px;border:1px solid #dfe6f0;background:#fbfcfe;border-radius:9px;padding:0 12px;transition:border-color .18s,box-shadow .18s,background .18s}.input-wrap:focus-within{border-color:#4a77db;background:#fff;box-shadow:0 0 0 3px rgba(45,91,203,.09)}.input-icon{width:17px;height:17px;color:#8a9ab1;display:flex;flex-shrink:0}.input-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.input-wrap input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;min-width:0;width:100%;height:100%;font-size:11px;color:#203451;padding:0!important}.input-wrap input::placeholder{color:#a5afbf}.password-label-row{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.password-toggle{border:0;background:transparent;color:#315cc0;font-size:10px;font-weight:750;padding:6px 2px}.password-toggle:hover{color:#168e80}.login-submit{height:49px;width:100%;margin-top:9px;border:0;border-radius:9px;background:linear-gradient(100deg,#2457d6,#1d72c8);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:800;box-shadow:0 9px 20px rgba(36,87,214,.2);transition:transform .16s,box-shadow .16s,filter .16s}.login-submit:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 12px 24px rgba(36,87,214,.25)}.login-submit:active{transform:translateY(0)}.login-submit svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-security-note{display:flex;align-items:flex-start;gap:8px;margin-top:20px;padding:11px 12px;border:1px solid #e5f1ed;background:#f5fbf9;border-radius:8px;color:#748b87;font-size:9px;line-height:1.6}.lock-mini{width:16px;height:16px;flex-shrink:0;border-radius:5px;display:grid;place-items:center;background:#dff6ed;color:#168e79;font-size:9px}.login-help{display:flex;align-items:center;gap:9px;justify-content:center;margin-top:23px;color:#98a3b4;font-size:9px;text-align:center}.help-line{height:1px;background:#e9edf3;flex:1}.login-legal{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:22px;color:#9aa5b5;font-size:8px;letter-spacing:.55px}.login-legal>span:last-child{display:flex;align-items:center;gap:7px}.login-legal i{width:5px;height:5px;box-shadow:none}
.login-error{display:flex;align-items:flex-start;gap:9px;border:1px solid #f3d4d5;background:#fff5f5;color:#a9444d;border-radius:9px;padding:11px 12px;margin:-12px 0 17px;font-size:10px;line-height:1.55}.error-symbol{width:17px;height:17px;border-radius:50%;background:#f8dfe0;color:#a9444d;display:grid;place-items:center;font-weight:900;flex-shrink:0}
@media(max-width:900px){.erp-login-page{padding:18px}.login-shell{max-width:570px;min-height:0;grid-template-columns:1fr;border-radius:20px}.login-showcase{display:none}.login-panel{padding:27px 34px 23px;min-height:650px}.mobile-brand{display:flex;margin-bottom:43px}.mobile-brand .brand-wordmark strong{color:#1b2e4e}.mobile-brand .brand-wordmark small{color:#8d9bb0}.login-form-wrap{max-width:390px}.login-panel-top{display:none}.login-legal{padding-top:25px}}
@media(max-width:480px){.erp-login-page{padding:0;background:#fff;display:block}.login-shell{width:100%;min-height:100vh;border:0;border-radius:0;box-shadow:none}.login-panel{padding:24px 23px 19px;min-height:100vh}.mobile-brand{margin-bottom:39px}.form-intro{margin-bottom:25px}.form-intro h2{font-size:31px}.login-legal{margin-top:auto}.login-help{font-size:8px}.input-wrap{height:48px}}
@media(prefers-reduced-motion:reduce){.input-wrap,.login-submit{transition:none}}