@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&display=swap";:root{--haier-blue:#005aaa;--haier-blue-bright:#007eee;--deep-navy:#0a2240;--midnight:#061525;--ice:#e8f4ff;--line:#dce5ec;--white:#fff;--font:"Outfit", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 50% 18%, #007eee33, transparent 30%), linear-gradient(145deg, var(--midnight), var(--deep-navy) 62%, #073767);color:var(--deep-navy);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit}.provisioning-page{place-items:center;min-height:100vh;padding:88px 24px 56px;display:grid;position:relative;overflow:hidden}.provisioning-page:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.brand{z-index:1;color:var(--white);letter-spacing:-.055em;font-size:30px;font-weight:600;position:absolute;top:28px;left:36px}.logout-button{z-index:2;color:var(--white);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff59;border-radius:8px;align-items:center;gap:8px;padding:9px 13px;transition:background-color .16s,border-color .16s;display:inline-flex;position:absolute;top:27px;right:36px}.logout-button:hover{background:#ffffff2e;border-color:#ffffffa6}.logout-button:focus-visible,.primary-button:focus-visible{outline-offset:3px;outline:3px solid #ffffff8c}.logout-button:disabled,.primary-button:disabled{cursor:wait;opacity:.68}.provisioning-card{z-index:1;background:#fffffff7;border:1px solid #ffffff59;border-radius:24px;gap:32px;width:min(100%,540px);padding:42px;display:grid;position:relative;box-shadow:0 38px 100px #0000004d}.card-heading{text-align:center}.card-heading span{color:var(--haier-blue);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:600}.card-heading h1{letter-spacing:-.045em;margin:10px 0 0;font-size:clamp(30px,5vw,42px);font-weight:400;line-height:1.05}.card-heading p{color:#536779;margin:14px auto 0;font-size:15px;line-height:1.5}.select-field{gap:9px;display:grid}.login-card{width:min(100%,460px)}.login-form,.text-field{gap:9px;display:grid}.text-field label{font-size:12px;font-weight:500}.text-field input{background:var(--white);width:100%;height:54px;color:var(--deep-navy);border:1px solid #bdcbd6;border-radius:6px;outline:0;padding:0 16px;transition:border-color .16s,box-shadow .16s}.text-field input:hover{border-color:var(--haier-blue)}.text-field input:focus-visible{border-color:var(--haier-blue);box-shadow:0 0 0 4px #005aaa21}.form-error{color:#b42318;margin:3px 0 0;font-size:13px;line-height:1.4}.primary-button{background:var(--haier-blue);height:52px;color:var(--white);cursor:pointer;border:0;border-radius:7px;margin-top:9px;font-weight:500;transition:background-color .16s}.primary-button:hover{background:#004b90}.select-field label{font-size:12px;font-weight:500}.select-control{position:relative}.select-control select{appearance:none;background:var(--white);width:100%;height:54px;color:var(--deep-navy);cursor:pointer;border:1px solid #bdcbd6;border-radius:6px;outline:0;padding:0 50px 0 16px;font-size:15px;transition:border-color .16s,box-shadow .16s}.select-control select:hover{border-color:var(--haier-blue)}.select-control select:focus-visible{border-color:var(--haier-blue);box-shadow:0 0 0 4px #005aaa21}.select-control svg{color:var(--haier-blue);pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.qr-area{place-items:center;min-height:340px;display:grid}.qr-frame{border:1px solid var(--line);background:var(--white);border-radius:12px;width:min(100%,340px);padding:10px;box-shadow:0 18px 48px #0a22401a}.qr-frame svg{width:100%;height:auto;display:block}.qr-placeholder{aspect-ratio:1;background:linear-gradient(110deg,#edf2f6 30%,#f8fafb 48%,#edf2f6 66%) 0 0/300% 100%;border-radius:10px;width:320px;max-width:100%;animation:1.2s linear infinite loading}@keyframes loading{to{background-position-x:-150%}}@media (width<=600px){.provisioning-page{align-items:start;padding:82px 14px 24px}.brand{font-size:25px;top:22px;left:24px}.logout-button{top:18px;right:18px}.provisioning-card{border-radius:18px;gap:24px;padding:30px 20px 24px}.qr-area{min-height:auto}}@media (prefers-reduced-motion:reduce){.qr-placeholder{animation:none}}
