:root{color-scheme:dark;font-family:Tahoma,Arial,sans-serif;color:#f1f2ff;background:#0e1020;--muted:#abb4d3;--accent:#b4adff;--line:#343958}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 85% 15%,#45417630,transparent 55%)}a{color:inherit;text-decoration:none}header{max-width:1180px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:bold;letter-spacing:-1px}.brand span{color:var(--accent)}.header-note{font-size:12px;color:var(--muted)}.auth-layout{max-width:1100px;margin:70px auto;display:grid;grid-template-columns:1fr 430px;gap:85px;align-items:center;padding:0 32px}.eyebrow{font-size:12px;color:var(--accent)}h1{font-size:clamp(35px,5vw,55px);font-weight:500;line-height:1.5;margin:20px 0;letter-spacing:-2px}p{font-size:13px;line-height:2;color:var(--muted)}.intro p{max-width:400px}.features{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;font-size:11px;color:var(--muted)}.features span:before{content:'✓';color:var(--accent);margin-left:6px}.card{background:#191d32;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 24px 80px #0003}.tabs{display:flex;background:#101426;border-radius:12px;padding:5px;margin-bottom:28px;gap:5px}.tabs a{flex:1;text-align:center;padding:12px;font-size:12px;border-radius:9px;color:var(--muted)}.tabs a[aria-current=page]{background:#333650;color:#fff}h2{font-size:22px;font-weight:500;margin:0 0 8px}.card>p{margin:0 0 24px}label{display:block;font-size:12px;margin:22px 0 10px}input{font:inherit;font-size:15px;min-width:0;width:100%;border:1px solid #454b6c;border-radius:10px;background:#101426;color:#fff;padding:14px;height:49px}input:focus{outline:2px solid var(--accent);outline-offset:2px}small{display:block;font-size:10px;line-height:1.8;color:var(--muted);margin-top:8px}.password-field{display:flex;position:relative}.password-field input{padding-right:68px}.password-field button{position:absolute;right:7px;top:7px;height:35px;background:transparent;border:0;color:var(--accent);font:inherit;font-size:11px;cursor:pointer}.primary{display:block;width:100%;background:linear-gradient(110deg,#496be0,#8050d9);border:0;border-radius:11px;padding:15px;color:#fff;font:inherit;font-size:13px;cursor:pointer;text-align:center}.primary:disabled{opacity:.6;cursor:wait}.error{min-height:25px;color:#ffb2b2;font-size:12px;margin:14px 0;line-height:1.8}.card .footnote{font-size:10px;text-align:center;margin:20px 0 0}.button{background:#292d49;border:1px solid var(--line);border-radius:10px;padding:10px 15px;font:inherit;color:#ddd;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}footer{padding:26px 32px;max-width:1180px;margin:auto;border-top:1px solid var(--line);color:#7f89aa;font-size:10px}.dashboard{max-width:1100px;margin:48px auto;padding:0 25px}.dashboard h1{font-size:32px}.dashboard .card{margin-top:25px}.dashboard header{padding:0}.metric{font-size:34px;color:var(--accent)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px;text-align:right}th,td{padding:16px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:normal}.actions{display:flex;align-items:center;gap:15px}.role{color:var(--accent)}[hidden]{display:none!important}@media(max-width:800px){header{padding:22px}.auth-layout{grid-template-columns:1fr;max-width:510px;gap:28px;margin:32px auto;padding:0 20px}.intro h1{font-size:34px;margin:12px 0}.intro h1 br{display:none}.intro p,.features{display:none}.card{padding:24px}.header-note{font-size:10px}.dashboard{margin-top:25px}.actions{gap:8px;font-size:12px}th,td{padding:12px}.dashboard .card{padding:15px}}

.password-guide{margin:10px 0 18px;color:#aab7cd;font-size:.8rem}.password-guide ul{padding:0;list-style:none;display:grid;gap:6px}.password-guide li:before{content:"○";margin-inline-end:8px}.password-guide li.met{color:#22d6a2}.password-guide li.met:before{content:"✓"}.password-meter{height:4px;border-radius:4px;background:#ffffff18;overflow:hidden;margin-bottom:8px}.password-meter span{display:block;height:100%;width:0;transition:width .2s}#handle-error{color:#ff758b;display:block;margin-top:6px}#handle-error:empty{display:none}

/* Authentication surfaces: isolated from the customer and administration panels. */
body.ks-auth.auth-redesign{--ks-bg:#031326;--ks-surface:#0a2039;--ks-soft:#06182e;--ks-ink:#f2f6ff;--ks-muted:#afbcdf;--ks-line:#29405e;--ks-accent:#ffe64d;min-height:100dvh;background:radial-gradient(ellipse at 0 0,#00457066,transparent 45%),radial-gradient(ellipse at 100% 10%,#30127166,transparent 45%),radial-gradient(ellipse at 40% 100%,#08173c,transparent 60%),#031326;background-attachment:fixed;padding:28px;isolation:isolate}
.auth-redesign:before{content:"";position:fixed;inset:12% -15%;z-index:-1;pointer-events:none;border:1px solid #1269e426;border-radius:48%;transform:rotate(-28deg);box-shadow:0 0 30px #1364ff18,inset 0 0 30px #1364ff12}
body.auth-redesign>header{position:relative;top:auto;max-width:1400px;margin:0 auto 38px;padding:16px 24px;min-height:82px;border:1px solid #28457380;border-radius:24px;background:linear-gradient(110deg,#06335270,#21154255);box-shadow:inset 0 1px 0 #ffffff08;backdrop-filter:blur(20px);display:grid;grid-template-columns:1fr auto 1fr}
.auth-redesign>header .ks-brand{grid-column:1;grid-row:1;justify-self:start}.auth-redesign>header .ks-header-tools{grid-column:3;grid-row:1;justify-self:end;direction:ltr}.auth-redesign .auth-top-links{grid-column:2;grid-row:1;display:flex;gap:40px;font-size:14px;color:var(--ks-muted);margin:0;padding:0}.auth-redesign .ks-icon-button{border-radius:17px;width:48px;height:48px;background:#08254055;border:1px solid #274878}
body.auth-redesign .auth-layout{max-width:1380px;margin:0 auto 30px;padding:0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:center}
body.auth-redesign .auth-form-card,body.auth-redesign .auth-benefits{border:1px solid transparent;border-radius:30px;background:linear-gradient(135deg,#0d2240ef,#041c2ded) padding-box,linear-gradient(125deg,#2757ff,#0aa5c080 32%,#293e6460 64%,#02ad9180) border-box;box-shadow:-5px 0 22px #074ffc13,inset 0 1px 0 #ffffff05;padding:36px;min-width:0;backdrop-filter:blur(22px)}
.auth-redesign .tabs{margin:0 0 30px;border:1px solid #1d3653;background:#021127a8;padding:5px;border-radius:20px;gap:6px}.auth-redesign .tabs a{padding:15px 10px;font-size:17px;border-radius:15px;color:#d3ddf7}.auth-redesign .tabs a[aria-current=page]{color:#111b22;background:linear-gradient(110deg,#fff164,#ffe246);box-shadow:0 0 18px #ffe63d13;font-weight:700}
.auth-redesign #form-title{font-size:30px;font-weight:700;margin:0 0 4px}.auth-redesign #form-note{font-size:15px;margin:0 0 26px;color:var(--ks-muted)}
.auth-redesign #auth-form label{font-size:15px;margin:23px 0 8px}.auth-redesign .auth-input,.auth-redesign .password-field{position:relative;display:flex;align-items:center;direction:ltr}.auth-redesign .auth-input svg,.auth-redesign .password-field svg{position:absolute;left:18px;width:23px;height:23px;color:#b0bfee;pointer-events:none;z-index:1}
body.auth-redesign #auth-form input{height:58px;background:#03132699!important;border:1px solid #29415f!important;border-radius:15px;font-size:16px;padding:14px 18px 14px 54px;box-shadow:inset 0 2px 9px #0002;color:var(--ks-ink)!important}
body.auth-redesign #auth-form input::placeholder{color:#8e9cb9;opacity:1}body.auth-redesign #auth-form input:focus{outline:2px solid #369cfb;outline-offset:2px}
body.auth-redesign .password-field input{padding-left:115px!important;padding-right:18px!important}.auth-redesign .password-field svg{left:83px;width:20px}.auth-redesign .password-field button{left:5px;right:auto;top:7px;height:44px;min-width:66px;padding:0 10px;border-right:1px solid #29415f;border-radius:0;font-size:13px;color:#ffe64d}
.auth-redesign #username-help{font-size:11px;line-height:1.9;margin:10px 0 0}.auth-redesign .auth-forgot{display:block;color:#499eff;font-size:14px;margin:17px 0 24px}.auth-redesign #auth-error:empty{display:none}.auth-redesign #auth-error{min-height:0;color:#ff829b;margin:12px 0}.auth-redesign #handle-error{font-size:13px;color:#ff829b}
body.auth-redesign #submit{min-height:62px;padding:15px;margin-top:26px;border:1px solid #0dffa5;border-radius:16px;background:linear-gradient(110deg,#00f398,#00aa78)!important;color:#002c29!important;box-shadow:0 0 26px #00e39225,inset 0 1px 2px #adffda80;font-size:19px;font-weight:700;transition:filter .15s,transform .15s}body.auth-redesign #submit:hover{filter:brightness(1.07);transform:translateY(-1px)}body.auth-redesign #submit:disabled{opacity:.55;transform:none}
.auth-redesign .auth-switch{display:flex;justify-content:center;align-items:center;gap:9px;margin:28px 0 0!important;font-size:14px;flex-wrap:wrap}.auth-redesign .auth-switch:before,.auth-redesign .auth-switch:after{content:"";height:1px;background:#233e59;flex:1;min-width:15px}.auth-redesign .auth-switch a{color:#4ba7ff;font-weight:700;padding:6px}
.auth-redesign .auth-bottom-note{display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #1b3552;border-radius:18px;padding:14px;margin-top:22px;color:var(--ks-muted);font-size:12px}.auth-redesign .auth-bottom-note svg{width:25px;height:25px;flex-shrink:0;color:#dce9ff}
.auth-redesign .auth-pill{display:flex;align-items:center;gap:12px;direction:ltr;border:1px solid #154259;border-radius:30px;width:fit-content;padding:3px 15px 3px 3px;color:#acbee2;font-size:12px;background:#003e4630}.auth-redesign .auth-pill b{display:grid;place-items:center;min-width:60px;height:38px;border:1px solid #00df9170;border-radius:28px;box-shadow:inset 0 0 14px #00d99125,0 0 10px #00d99120;color:#00e7a0;font:700 18px Arial}
.auth-redesign .auth-benefits h1{font-size:clamp(24px,2.3vw,33px);line-height:1.9;margin:22px 0;font-weight:700;letter-spacing:0}.auth-redesign .auth-benefits h1 span{background:linear-gradient(90deg,#974cff,#1aa8ff,#00f1bd);background-clip:text;color:transparent}.auth-redesign .auth-benefits>p{font-size:15px;line-height:2;margin:0 0 30px}
.auth-redesign .auth-benefit-list{display:grid;gap:14px}.auth-redesign .auth-benefit{display:flex;align-items:center;gap:20px;padding:19px;border:1px solid #19395b70;border-radius:20px;background:linear-gradient(110deg,#122a512d,#06233b55)}.auth-redesign .auth-benefit h3{font-size:17px;margin:0 0 4px;font-weight:600}.auth-redesign .auth-benefit p{font-size:13px;line-height:1.9;margin:0}.auth-redesign .auth-ring{--ring:#00efa1;width:74px;height:74px;flex:0 0 74px;display:grid;place-items:center;border:3px solid var(--ring);border-radius:50%;color:var(--ring);background:#00292e50;box-shadow:0 0 20px color-mix(in srgb,var(--ring) 22%,transparent),inset 0 0 15px color-mix(in srgb,var(--ring) 25%,transparent)}.auth-redesign .auth-ring svg{width:34px;height:34px}.auth-redesign .ring-1{--ring:#1685ff}.auth-redesign .ring-2{--ring:#9743ff}
.auth-redesign .password-guide{position:relative;border:1px solid #25405c;border-radius:16px;padding:15px;margin:13px 0 0;background:#06213755}.auth-redesign .password-guide ul{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;font-size:11px;margin:10px 0 0}.auth-redesign .password-guide small{margin:0;font-size:12px}.auth-redesign .password-guide .auth-guide-shield{display:none}.auth-redesign .password-meter{height:3px;margin:0 0 10px}.auth-redesign.auth-register #form-note{font-size:13px;margin-bottom:14px}.auth-redesign.auth-register #form-title{font-size:27px}
body.auth-redesign.ks-light{--ks-ink:#122c47;--ks-muted:#4d6585;--ks-soft:#f2f8ff;--ks-line:#c0d4e9;background:radial-gradient(ellipse at 0 0,#c7eeff,transparent 60%),#eef4ff}.auth-redesign.ks-light .auth-form-card,.auth-redesign.ks-light .auth-benefits{background:linear-gradient(135deg,#f6faffef,#e9f5fbed) padding-box,linear-gradient(125deg,#508dff,#42cdb9) border-box}.auth-redesign.ks-light .tabs,.auth-redesign.ks-light .auth-benefit,.auth-redesign.ks-light .auth-bottom-note{background:#e2edf980}.auth-redesign.ks-light .tabs a{color:#193858}body.auth-redesign.ks-light #auth-form input{background:#f8fbff!important}.auth-redesign.ks-light .password-field button{color:#755d00}.auth-redesign.ks-light .auth-pill{color:#395875}.auth-redesign.ks-light .auth-bottom-note svg{color:#375c80}
@media(max-width:1000px){body.auth-redesign{padding:20px}body.auth-redesign .auth-layout{gap:22px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}body.auth-redesign .auth-form-card,body.auth-redesign .auth-benefits{padding:26px}.auth-redesign .auth-benefit{gap:12px;padding:15px}.auth-redesign .auth-ring{width:58px;height:58px;flex-basis:58px}.auth-redesign .auth-top-links{gap:22px;font-size:12px}.auth-redesign .ks-brand{font-size:19px}}
@media(max-width:760px){body.ks-auth.auth-redesign{padding:16px}body.auth-redesign>header{margin-bottom:22px;padding:12px 14px;min-height:68px;grid-template-columns:1fr auto;border-radius:20px;gap:12px}.auth-redesign>header .ks-header-tools{grid-column:2;gap:8px}.auth-redesign .ks-icon-button{width:42px;height:42px;min-width:42px;padding:9px;border-radius:13px}.auth-redesign .auth-top-links{display:none}.auth-redesign .ks-brand{font-size:18px;gap:8px}.auth-redesign .ks-brand svg{width:29px;height:33px}.auth-redesign .ks-brand small{font-size:7px;letter-spacing:1.7px}body.auth-redesign .auth-layout{display:flex;flex-direction:column;gap:22px;margin:0}body.auth-redesign .auth-form-card{width:100%;padding:22px 20px;border-radius:25px}body.auth-redesign .auth-benefits{display:none}.auth-redesign .tabs{margin-bottom:24px;border-radius:16px}.auth-redesign .tabs a{font-size:15px;padding:12px 8px;border-radius:12px}.auth-redesign #form-title,.auth-redesign.auth-register #form-title{font-size:25px}.auth-redesign #form-note{font-size:13px;margin-bottom:22px}.auth-redesign #auth-form label{font-size:14px;margin-top:20px}body.auth-redesign #auth-form input{height:54px;font-size:16px}.auth-redesign .password-field button{top:5px}.auth-redesign .password-guide ul{grid-template-columns:1fr;font-size:11px}.auth-redesign .password-guide{padding:13px 12px 13px 59px}.auth-redesign .password-guide .auth-guide-shield{display:grid;place-items:center;position:absolute;left:10px;top:48px;border:2px solid #00dc9c;border-radius:50%;width:40px;height:40px;color:#00eaa7;box-shadow:0 0 15px #00dc9c35}.auth-redesign .auth-guide-shield svg{width:24px;height:24px}.auth-redesign .auth-switch{font-size:12px;gap:6px;margin-top:24px!important}.auth-redesign .auth-bottom-note{font-size:11px;padding:12px;gap:10px}.auth-redesign #submit{font-size:17px;min-height:56px}.auth-redesign #username-help{font-size:10px}.auth-redesign .auth-forgot{font-size:13px}}
@media(prefers-reduced-motion:reduce){body.auth-redesign *,body.auth-redesign *:before{transition:none!important;animation:none!important}}
body.auth-redesign.ks-light>header{background:linear-gradient(110deg,#e2f4ffdd,#ece7ffcc);border-color:#b7cde7}.auth-redesign.ks-light .password-guide{background:#e5f0fc;border-color:#b5cce4;color:#3b5475}.auth-redesign.ks-light .password-guide li{color:#3b5475}.auth-redesign.ks-light .password-guide li.met{color:#007e5a}.auth-redesign.ks-light .auth-input svg,.auth-redesign.ks-light .password-field svg{color:#587da8}.auth-redesign.ks-light .auth-forgot,.auth-redesign.ks-light .auth-switch a{color:#1464b7}
@media(max-width:360px){body.ks-auth.auth-redesign{padding:12px}body.auth-redesign>header{padding:10px;gap:8px}.auth-redesign .ks-brand{font-size:15px;gap:5px}.auth-redesign .ks-brand small{font-size:6px;letter-spacing:1.2px}.auth-redesign .ks-brand svg{width:25px}.auth-redesign>header .ks-header-tools{gap:6px}body.auth-redesign .auth-form-card{padding:20px 15px}.auth-redesign .password-guide{padding-left:12px}.auth-redesign .password-guide .auth-guide-shield{display:none}.auth-redesign #form-title,.auth-redesign.auth-register #form-title{font-size:22px}}

/* Compact authentication: keep core fields visible on ordinary phone screens. */
body.auth-redesign>header{margin-bottom:22px;min-height:64px;padding:10px 20px}
body.auth-redesign .auth-form-card{padding:25px 30px}
.auth-redesign .tabs{margin-bottom:18px}.auth-redesign .tabs a{padding:11px 10px}
.auth-redesign #form-title,.auth-redesign.auth-register #form-title{font-size:25px}
.auth-redesign #form-note{margin-bottom:14px}
.auth-redesign #auth-form label{margin:13px 0 5px}
body.auth-redesign #auth-form input{height:50px;min-height:50px}
.auth-redesign .password-field button{top:3px}
.auth-redesign .auth-forgot{margin:12px 0 14px}
body.auth-redesign #submit{margin-top:18px;min-height:52px;padding:10px}
.auth-redesign .auth-switch{margin-top:18px!important}
.auth-redesign .auth-bottom-note{margin-top:14px;padding:10px}
.auth-redesign .password-guide{padding:10px 13px;margin-top:10px}.auth-redesign .password-guide ul{margin-top:5px;gap:3px 12px}
@media(max-width:760px){
 body.ks-auth.auth-redesign{padding:10px 12px}
 body.auth-redesign>header{margin-bottom:12px;padding:8px 12px;min-height:54px;border-radius:16px}
 body.auth-redesign .auth-form-card{padding:16px;border-radius:22px}
 .auth-redesign .tabs{margin-bottom:12px;padding:4px}.auth-redesign .tabs a{padding:8px;min-height:42px;font-size:14px}
 .auth-redesign #form-title,.auth-redesign.auth-register #form-title{font-size:22px;margin-bottom:2px}
 .auth-redesign #form-note{font-size:12px;margin-bottom:10px}
 .auth-redesign #auth-form label{font-size:13px;margin:9px 0 4px}
 body.auth-redesign #auth-form input{height:46px;min-height:46px;padding-top:8px;padding-bottom:8px}
 .auth-redesign .password-field button{top:1px;height:44px}
 .auth-redesign .password-guide{padding:8px 10px;margin-top:8px}
 .auth-redesign .password-guide ul{grid-template-columns:1fr 1fr;gap:2px 9px;font-size:10px;line-height:1.7}
 .auth-redesign .password-guide .auth-guide-shield{display:none}
 .auth-redesign .password-guide small{font-size:10px}.auth-redesign .password-meter{margin-bottom:5px;height:2px}
 body.auth-redesign #submit{margin-top:13px;min-height:48px;font-size:16px}
 .auth-redesign .auth-switch{margin-top:12px!important;font-size:12px}
 .auth-redesign .auth-bottom-note{display:none}
 .auth-redesign .auth-forgot{font-size:12px;margin:10px 0}
}
@media(max-width:760px){
 body.auth-redesign .auth-layout .auth-form-card{padding:14px 16px}
 body.auth-redesign>header{min-height:48px;padding:5px 12px;margin-bottom:10px}
 .auth-redesign .ks-icon-button{height:40px;min-width:40px;width:40px}
 .auth-redesign .tabs{margin-bottom:8px;padding:3px}.auth-redesign .tabs a{padding:6px;min-height:38px}
 .auth-redesign #form-title,.auth-redesign.auth-register #form-title{line-height:1.4;font-size:21px;margin:0}
 .auth-redesign #auth-form label{line-height:1.45;margin:7px 0 3px;font-size:12px}
 body.auth-redesign #auth-form input{height:44px;min-height:44px}
 .auth-redesign .password-guide{padding:6px 8px;margin-top:6px}
 .auth-redesign .password-guide ul{font-size:10px;line-height:1.45;gap:2px 6px;margin-top:3px}
 .auth-redesign .password-guide li:before{margin-inline-end:4px}
 .auth-redesign .password-guide small{font-size:10px;line-height:1.4}
 .auth-redesign .password-meter{margin-bottom:4px}
 body.auth-redesign #submit{margin-top:10px;min-height:44px;padding:7px}
 .auth-redesign .auth-switch{margin-top:8px!important;line-height:1.5}.auth-redesign .auth-switch a{padding:4px}
}