/* POSFlow login: isolated and independent from legacy Elite Admin CSS.
 * Dark palette matched to the 1024×660 POS interface.
 */
:root {color-scheme:dark;--bg:#0b111e;--card:#172235;--stroke:#2a3a51;--ink:#f2f6ff;--muted:#95a9c4;--brand:#3979f6;--light:#a7c8ff;}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100dvh;background:radial-gradient(ellipse 58% 64% at 10% 25%,#15294a88,transparent 77%),radial-gradient(ellipse 40% 45% at 95% 95%,#1a315050,transparent 90%),var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button{cursor:pointer}
.pos-login-shell{max-width:1280px;min-height:100dvh;margin:auto;padding:23px clamp(24px,4.3vw,66px) 12px;display:flex;flex-direction:column}
.pos-login-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(385px,.88fr);gap:clamp(35px,6vw,95px);align-items:center;flex:1;min-height:0}
.pos-login-intro{align-self:stretch;display:flex;flex-direction:column;min-width:0;padding:2px 0 8px}
.pos-login-brand{display:flex;align-items:center;gap:11px}
.pos-login-logo{display:grid;place-items:center;width:41px;height:41px;color:#fff;background:linear-gradient(135deg,#3979f6,#7b68eb);border-radius:12px;box-shadow:0 8px 24px #346dd83d}
.pos-login-wordmark{font-size:23px;font-weight:800;letter-spacing:-.9px;line-height:1.03}.pos-login-wordmark>span{color:#91baff}.pos-login-wordmark small{font-size:8px;color:#8fa6c3;letter-spacing:1.25px;display:block;font-weight:750;margin-top:5px}
.pos-intro-copy{margin-top:auto;padding-top:32px}.pos-intro-pill,.pos-login-panel-badge{display:inline-flex;align-items:center;gap:8px;color:#9dc0fa;font-size:10px;font-weight:800;letter-spacing:1.1px}
.pos-intro-pill{padding:7px 11px;border:1px solid #294567;background:#1428419a;border-radius:99px}.pos-online-dot{width:7px;height:7px;border-radius:50%;background:#41d6ab;box-shadow:0 0 0 4px #41d6ab1b}
.pos-intro-copy h1{font-size:clamp(31px,3.7vw,53px);line-height:1.13;letter-spacing:-1.8px;margin:20px 0 16px;font-weight:820}.pos-intro-copy h1 em{font-style:normal;background:linear-gradient(90deg,#a3c3ff,#65def8);color:transparent;-webkit-background-clip:text;background-clip:text}
.pos-intro-copy p{max-width:450px;color:#a8bad0;font-size:14px;line-height:1.75;margin:0}
.pos-abstract-console{margin-top:35px;max-width:496px;border:1px solid #2c3e58;background:linear-gradient(135deg,#1a2c45d9,#111d2cde);border-radius:17px;padding:15px;box-shadow:0 23px 58px #0003;transform:perspective(700px) rotateX(2deg)}
.pos-abstract-top{display:flex;align-items:center;gap:8px;border-bottom:1px solid #2b405a;padding:0 0 10px}.pos-abstract-icon{width:25px;height:25px;display:grid;place-items:center;background:#2a4363;color:#d6e8ff;border-radius:6px;font-size:17px}.pos-abstract-title{font-size:11px;font-weight:800;color:#d2e0f5}.pos-abstract-ping{margin-left:auto;font-size:9px;color:#76eac3;display:flex;align-items:center;gap:5px}.pos-abstract-ping>span{height:5px;width:5px;background:#54d8b3;border-radius:50%}
.pos-abstract-columns{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:8px;margin-top:12px}.pos-abstract-card{min-height:79px;border:1px solid #304059;border-radius:10px;background:#182a40;display:flex;flex-direction:column;padding:10px;gap:10px}.pos-abstract-card-active{background:#203b60;border-color:#46709f}.pos-abstract-kicker{font-size:8px;font-weight:800;letter-spacing:.6px;color:#9baec9}
.pos-abstract-bars{display:flex;gap:4px;align-items:end;height:24px}.pos-abstract-bars b{width:20%;height:12px;background:#477bba;border-radius:4px}.pos-abstract-bars b:nth-child(2){height:23px;background:#679cf2}.pos-abstract-bars b:nth-child(3){height:17px;background:#54c5cc}
.pos-abstract-line{display:block;width:85%;height:9px;background:#77a7ff;border-radius:7px}.pos-abstract-line.short{width:49%;height:6px;background:#6f8cab}
.pos-abstract-dots{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.pos-abstract-dots b{aspect-ratio:1;background:#3d5b80;border-radius:5px}.pos-abstract-dots b:nth-child(2){background:#68a0ee}.pos-abstract-dots b:nth-child(3){background:#37af9d}
.pos-abstract-footer{display:flex;align-items:center;gap:6px;margin-top:11px}.pos-abstract-mini-dot{height:9px;width:9px;border-radius:50%;background:#43cfaa}.pos-abstract-mini-line{height:6px;width:40%;border-radius:9px;background:#304764}.pos-abstract-mini-line.last{width:19%}
.pos-login-intro-footer{margin-top:auto;padding-top:24px;display:flex;align-items:center;gap:9px;color:#7289a6;font-size:11px}.pos-mini-lock{color:#6d9cd6;font-size:9px}
.pos-login-form-side{display:flex;justify-content:flex-end;min-width:0}.pos-login-panel{width:min(100%,423px);border:1px solid #304158;border-radius:20px;background:linear-gradient(147deg,#192638,#131f30);box-shadow:0 23px 65px #01081165;padding:clamp(24px,3.3vw,39px)}
.pos-login-panel-badge{font-size:9px;letter-spacing:1px}.pos-login-panel h2{font-size:30px;font-weight:820;letter-spacing:-1px;line-height:1.14;margin:16px 0 8px}.pos-login-wave{font-size:22px;color:#77a7ff}.pos-login-lead{color:#9badc5;font-size:12px;line-height:1.6;margin:0 0 26px}
.pos-login-field{margin:0 0 17px}.pos-login-field label{display:block;font-size:12px;font-weight:750;color:#e4ecfb;margin:0 0 8px}
.pos-login-input-wrap{height:48px;position:relative;display:flex;align-items:center;border:1px solid #354962;background:#111b2b;border-radius:11px;transition:border-color .16s,box-shadow .16s}.pos-login-input-wrap:focus-within{border-color:#669afb;box-shadow:0 0 0 3px #3979f52c}.pos-field-icon{position:absolute;left:14px;color:#8da3c1;pointer-events:none}.pos-login-input-wrap input{height:100%;width:100%;border:0!important;outline:0!important;background:transparent!important;color:#edf5ff!important;padding:0 45px 0 43px;min-width:0;font-size:13px;box-shadow:none!important}.pos-login-input-wrap input::placeholder{color:#71849d}.pos-password-toggle{position:absolute;right:6px;top:5px;bottom:5px;width:37px;display:grid;place-items:center;border:0;background:transparent;color:#93a7c0;border-radius:8px}.pos-password-toggle:hover{color:#d6e9ff;background:#283950}.pos-caps-warning{display:block;margin-top:6px;color:#ffc36b;font-size:11px}.pos-caps-warning[hidden]{display:none}
.pos-login-submit{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:11px;background:linear-gradient(100deg,#3778f5,#5b8ff3);color:white;font-size:13px;font-weight:800;margin-top:25px;box-shadow:0 10px 24px #3979f53a;transition:transform .16s,filter .16s}.pos-login-submit:hover{filter:brightness(1.1)}.pos-login-submit:active{transform:scale(.985)}.pos-login-submit:focus-visible,.pos-password-toggle:focus-visible,.pos-login-help a:focus-visible{outline:2px solid #a7c8ff;outline-offset:3px}
.pos-login-help{text-align:center;border-top:1px solid #2c3d53;padding-top:20px;margin-top:23px;color:#8ea3bf;font-size:11px}.pos-login-help a{margin-left:5px;color:#99bdf7;text-decoration:none;font-weight:750}.pos-login-help a:hover{text-decoration:underline}
.pos-login-error{display:flex;gap:9px;align-items:center;margin:-11px 0 17px;background:#492a37;border:1px solid #965366;color:#ffbccd;border-radius:10px;padding:10px 12px;font-size:11px}.pos-login-error svg{flex:0 0 auto}
.pos-login-bottom{display:flex;justify-content:space-between;gap:10px;padding:12px 0 0;color:#7186a3;font-size:10px;border-top:1px solid #26384d;margin-top:18px}
@media (min-width:900px) and (max-height:700px){.pos-login-shell{padding-top:14px;padding-bottom:9px}.pos-login-layout{gap:32px}.pos-intro-copy{padding-top:15px}.pos-intro-copy h1{font-size:38px;margin:14px 0 10px}.pos-intro-copy p{font-size:12px;line-height:1.6}.pos-abstract-console{margin-top:22px}.pos-login-intro-footer{padding-top:12px}.pos-login-panel{padding:26px 29px}.pos-login-panel h2{margin:11px 0 6px;font-size:27px}.pos-login-lead{margin-bottom:19px}.pos-login-field{margin-bottom:13px}.pos-login-input-wrap{height:45px}.pos-login-submit{min-height:45px;margin-top:18px}.pos-login-help{padding-top:15px;margin-top:18px}.pos-login-bottom{padding-top:9px;margin-top:8px}}
@media (max-width:800px){.pos-login-layout{grid-template-columns:1fr;gap:24px}.pos-login-intro{align-self:auto}.pos-intro-copy{padding-top:30px}.pos-intro-copy h1{font-size:clamp(29px,7vw,43px)}.pos-abstract-console,.pos-login-intro-footer{display:none}.pos-login-form-side{justify-content:center}.pos-login-panel{max-width:470px}.pos-login-shell{padding:22px 20px 15px}.pos-login-bottom{margin-top:24px}}
@media(max-width:440px){.pos-intro-copy{padding-top:23px}.pos-intro-copy h1{font-size:30px;letter-spacing:-1.2px}.pos-intro-copy p{font-size:12px}.pos-login-panel{padding:23px 18px}.pos-login-panel h2{font-size:26px}.pos-login-bottom span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}