:root{--accent:#d62d3e;--ink:#171c24;--line:#e4e6e9;color:var(--ink);background:#f5f5f4}body{min-height:100vh}.site-header{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;padding:21px 36px;gap:20px}.brand{gap:28px}.brand img{display:block;width:300px;height:auto}.brand>span{border-left:1px solid #d8dadd;padding-left:24px;font-size:10px;letter-spacing:.17em;font-weight:650;color:#777d85}.header-actions{display:flex;align-items:center;gap:18px}.development-badge{border:1px solid #dedfe2;background:#fafafa;color:#696d75;border-radius:30px;font-size:10px;letter-spacing:.03em;padding:5px 11px}.development-badge::before{content:"";display:inline-block;width:5px;height:5px;border-radius:100%;background:#dba54b;margin-right:7px;vertical-align:2px}
main{max-width:1440px;margin:24px auto 30px;padding:0 36px}.notice{margin:0 0 20px;padding:10px 14px;border:1px solid #e9ddc2;border-left:3px solid #bd9442;background:#fffdf7;border-radius:5px;font-size:11px;line-height:1.65}.error{margin:0 0 18px;font-size:13px}.login-shell{display:grid;grid-template-columns:1.2fr 1fr;min-height:602px;border-radius:14px;overflow:hidden;border:1px solid #e3e5e7;box-shadow:0 12px 45px #15203105}.login-hero{position:relative;isolation:isolate;padding:51px 44px 45px;color:#fff;overflow:hidden;background:radial-gradient(ellipse at 80% 85%,#183b3c 0,transparent 55%),radial-gradient(ellipse at 90% 15%,#2e252b 0,transparent 60%),#11181f}.login-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#9ac4cf07 1px,transparent 1px),linear-gradient(90deg,#9ac4cf07 1px,transparent 1px);background-size:49px 49px;mask-image:linear-gradient(transparent,#000)}.hero-eyebrow{display:flex;align-items:center;gap:12px;color:#bdc6cb;font-size:9px;font-weight:650;letter-spacing:.23em;margin:0 0 27px}.hero-eyebrow>span{height:1px;width:28px;background:#ee6870}.login-hero h1{position:relative;z-index:1;font-size:clamp(34px,3.5vw,52px);line-height:1.5;font-weight:650;letter-spacing:.06em;margin:0 0 21px}.login-hero h1>span{color:#f28e92}.hero-description{position:relative;z-index:1;font-size:12px;line-height:2.1;letter-spacing:.06em;color:#aab7bf;margin:0}.mobility-art{position:absolute;width:120%;height:auto;left:-8%;bottom:37px;pointer-events:none;opacity:.98}.hero-bottom{position:absolute;bottom:28px;left:44px;right:35px;display:flex;justify-content:space-between;gap:16px;align-items:center}.hero-index{font-size:8px;letter-spacing:.19em;color:#8c9ba4}.hero-circular{font-size:8px;letter-spacing:.16em;color:#8db9b5}.hero-circular>span{font-size:15px;margin-left:9px;color:#c4d9d6}
.login-card{background:#fff;display:flex;align-items:center;justify-content:center;padding:44px 48px}.login-card #login-form{width:100%;max-width:345px;margin:0}.login-eyebrow{font-size:9px;letter-spacing:.21em;font-weight:700;color:var(--accent);margin:0 0 12px}.login-card h2{font-size:27px;font-weight:700;letter-spacing:.035em;color:var(--ink)}.login-description{margin:10px 0 35px;font-size:11px;line-height:1.9;color:#777d85}.login-card label{font-size:12px;letter-spacing:.025em;font-weight:650;margin:0 0 9px}.login-card #login-form input{width:100%;height:49px;padding:12px 14px;border:1px solid #dcdee3;border-radius:5px;color:#232832;background:#fcfcfd;font-size:13px;margin:0 0 22px}.login-card #login-form input:focus{border-color:#828a95;background:#fff;outline:3px solid #d62d3e12;outline-offset:1px}.login-card input::placeholder{font-size:11px;color:#a3a6ad}.password-field{position:relative}.login-card #login-form .password-field input{padding-right:57px;margin-bottom:27px}#password-toggle{position:absolute;top:0;right:0;height:49px;border:0;background:none;font-size:10px;color:#7c828a;padding:0 13px;border-radius:5px}.login-submit{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:49px;text-align:left;background:var(--accent);border-radius:5px;padding:11px 18px;font-size:13px;letter-spacing:.05em}.login-submit:hover{background:#b61f30}.login-submit>span{font-size:20px;font-weight:400;line-height:1}.login-security{display:flex;justify-content:center;gap:7px;font-size:10px;color:#9499a0;margin:15px 0 28px}.login-security>span{color:#b3b8bd}.login-support{border-top:1px solid #eef0f2;padding-top:17px}.login-support p{font-size:10px;line-height:1.9;color:#92979f;margin:0 0 4px}.site-footer{max-width:1440px;padding:0 36px 20px;color:#a0a4aa;font-size:9px;letter-spacing:.02em}
.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:27px 0 23px}.workspace-heading h1{font-size:27px}.workspace-heading .eyebrow{font-size:9px;color:#ab626b;letter-spacing:.16em}#identity{font-size:12px;color:#69727c}.panel{border-color:var(--line);box-shadow:none;border-radius:9px}#logout{border-color:#dadddf;color:#525b65;font-size:11px}#selected-count{font-size:12px;color:#7a838e}.supplier-option:has(input:checked){background:#fff8f8;border-color:#e9c8cc}.supplier-option input{accent-color:var(--accent)}.primary-button:not(.login-submit){background:var(--accent)}.primary-button:not(.login-submit):hover{background:#b61f30}
@media(min-width:1400px){.login-shell{min-height:650px}.login-hero{padding:62px 58px}.hero-bottom{left:58px;right:44px}.mobility-art{bottom:33px}}
@media(max-width:1050px){.brand>span{display:none}.brand img{width:270px}.header-inner{padding:20px 26px}main{padding:0 26px}.login-card{padding:38px 32px}.login-hero{padding:45px 32px}.hero-bottom{left:32px;right:26px}.hero-circular{display:none}.hero-description{font-size:11px}.login-description{font-size:10px}.login-shell{min-height:575px}.site-footer{padding-left:26px;padding-right:26px}}
@media(max-width:760px){.header-inner{padding:17px 20px}.brand img{width:225px}.development-badge{font-size:9px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.login-shell{grid-template-columns:1fr}.login-hero{min-height:335px;padding:30px}.hero-eyebrow{margin-bottom:15px}.login-hero h1{font-size:32px;margin-bottom:12px}.hero-description{font-size:11px}.mobility-art{width:78%;left:41%;bottom:0;opacity:.55}.hero-bottom{left:30px;bottom:20px}.login-card{padding:35px 28px 33px}main{padding:0 17px;margin-top:18px}.login-description{font-size:11px;margin-bottom:27px}.login-support p{font-size:10px}.login-security{margin-bottom:22px}.notice{font-size:10px}.site-footer{padding:0 20px 18px;gap:7px}.workspace-heading{align-items:flex-start;flex-direction:column;gap:0}.header-actions{gap:8px}#logout{padding:6px 8px}.query-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}