.cx-login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f6f7f5;padding:7vw;gap:7vw;align-items:center}.cx-intro{color:#12434c}.cx-intro h1{font-size:clamp(30px,3.5vw,52px);line-height:1.13}.cx-intro p{font-size:18px;line-height:1.6}.cx-card{background:white;border:1px solid #dbe4e5;border-radius:20px;padding:36px;box-shadow:0 18px 65px #12343c12}.cx-card h2{font-size:26px}.cx-card label,#cx-create label{display:grid;gap:7px;margin:15px 0;font-weight:600}.cx-card input,#cx-manager input:not([type=checkbox]),#cx-manager select{padding:12px;border:1px solid #bdcdd1;border-radius:8px;width:100%;box-sizing:border-box}.cx-card button,#cx-access-bar button,#cx-manager button{background:#086b80;color:white;border:0;border-radius:8px;padding:12px 18px;cursor:pointer}.cx-card button{width:100%;margin:12px 0}.cx-card small,.cx-user-row small{display:block;color:#62767b;margin-top:8px}#cx-error,#cx-user-message{color:#9b372b}#cx-access-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#123f49;color:white;padding:12px 24px}#cx-access-bar button{margin-left:8px;background:#ffffff20}#cx-manager{border:1px solid #cfdbdf;border-radius:18px;width:min(950px,90vw);max-height:85vh;padding:28px}#cx-manager::backdrop{background:#102c38aa}.cx-manager-head{display:flex;justify-content:space-between;align-items:center}#cx-create{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-items:end}.cx-user-row{display:grid;grid-template-columns:2fr 1fr auto auto;gap:15px;align-items:center;padding:16px 0;border-top:1px solid #dde5e8}button:disabled{opacity:.5;cursor:wait}@media(max-width:700px){.cx-login{grid-template-columns:1fr;padding:25px}.cx-intro h1{font-size:28px}#cx-create,.cx-user-row{grid-template-columns:1fr}#cx-access-bar{flex-wrap:wrap}}

/* Scoped to login only: analysis, user management and installer remain unchanged. */
body:has(.cx-commercial){zoom:1;background:#103e47}
.cx-login.cx-commercial{box-sizing:border-box;min-height:100vh;background:#103e47;color:#f5fbf9;padding:30px max(28px,calc((100vw - 1360px)/2));display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.35fr);grid-template-areas:"top top" "form intro" "footer footer";gap:28px 60px;align-items:start;font-family:Arial,sans-serif}
.cx-commercial *{box-sizing:border-box}.cx-commercial-top{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:24px}.cx-commercial-top img{width:225px;height:auto;background:#fff;padding:12px;border-radius:8px}.cx-commercial-top>span{font-size:12px;text-transform:uppercase;letter-spacing:2px;text-align:right;color:#d5e7e3}
.cx-commercial .cx-intro{grid-area:intro;color:#f5fbf9;padding-top:8px;min-width:0}.cx-commercial .cx-intro h1{font-size:clamp(38px,4.3vw,62px);line-height:1.05;letter-spacing:-1.7px;margin:18px 0;font-weight:750;color:inherit}.cx-commercial .cx-intro h1 em{font-style:normal;color:#6fd3a7}.cx-commercial .cx-intro>p{font-size:17px;line-height:1.55;max-width:570px;color:#dcece8;margin:14px 0}.cx-commercial .cx-product-tag{display:inline-block;border:1px solid #67948f;padding:7px 12px;border-radius:24px;font-size:12px;letter-spacing:1.4px}
.cx-commercial .cx-card{grid-area:form;min-width:0;background:#fff;color:#123f49;padding:30px;border:1px solid #dbe6e5;border-radius:20px;box-shadow:0 18px 45px #051e2626;margin-top:8px}.cx-commercial .cx-card>span{font-size:11px;letter-spacing:1.5px;font-weight:600}.cx-commercial .cx-card h2{font-size:29px;line-height:1.15;margin:16px 0;color:#123f49}.cx-commercial .cx-card>p{font-size:14px;line-height:1.5}.cx-commercial .cx-card label{font-size:14px;margin:18px 0;color:#123f49}.cx-commercial .cx-card input{background:#f8fafb;min-height:48px;color:#123f49;font-size:16px}.cx-commercial .cx-card button{font-size:15px;min-height:46px;background:#08748a}.cx-commercial .cx-card .cx-register-toggle{background:#e7f7ef;color:#17603d;border:1px solid #add8b9}.cx-commercial .cx-card small{font-size:12px;line-height:1.5}.cx-commercial .cx-card a{display:block;text-align:center;color:#08748a;padding:12px 0;font-size:14px}.cx-commercial #cx-error:empty{display:none}
.cx-commercial .cx-collage{position:relative;height:310px;margin-top:24px}.cx-commercial .cx-collage figure{margin:0;background:#fff;border:1px solid #d5e3e2;box-shadow:0 15px 30px #001c2733;border-radius:12px;overflow:hidden;position:absolute}.cx-commercial .cx-collage figcaption{font-size:12px;font-weight:600;padding:9px 12px;color:#15434b;background:#edf4f3}.cx-commercial .cx-collage img{width:100%;height:auto;display:block}.cx-commercial .cx-preview-main{width:84%;left:0;top:0}.cx-commercial .cx-preview-detail{width:53%;right:0;bottom:0}.cx-commercial .cx-intro .cx-preview-note{font-size:11px;color:#c2d8d4;margin:9px 0 0}
.cx-commercial-footer{grid-area:footer;display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid #41696e;padding-top:20px}.cx-commercial-footer strong{font-size:18px}.cx-commercial-footer p{font-size:14px;line-height:1.5;color:#d5e7e3}.cx-commercial-footer a{color:#b7e8d3;font-size:13px}.cx-commercial .cx-qr-block{display:flex;align-items:center;gap:18px;flex-shrink:0}.cx-commercial .cx-qr-block span{font-size:14px;line-height:1.6}.cx-commercial .cx-qr-block img{width:132px;height:132px;background:#fff;padding:12px;border-radius:8px}.cx-commercial :focus-visible{outline:3px solid #08a994;outline-offset:3px}
@media(min-width:1450px){.cx-commercial .cx-collage{height:340px}}
@media(max-width:850px){.cx-login.cx-commercial{padding:24px;gap:26px;grid-template-columns:1fr;grid-template-areas:"top" "form" "intro" "footer"}.cx-commercial .cx-card{max-width:580px;width:100%;margin:0 auto}.cx-commercial .cx-intro h1{font-size:40px}.cx-commercial .cx-collage{max-width:600px;height:330px}.cx-commercial-footer{flex-wrap:wrap}.cx-commercial-top>span{max-width:190px;font-size:10px}}
@media(max-width:420px){.cx-login.cx-commercial{padding:18px}.cx-commercial-top{flex-wrap:wrap}.cx-commercial-top>span{text-align:left;max-width:none}.cx-commercial .cx-card{padding:22px}.cx-commercial .cx-card h2{font-size:26px}.cx-commercial .cx-collage{height:215px}.cx-commercial .cx-intro h1{font-size:36px}.cx-commercial-footer strong{font-size:16px}}
.cx-commercial .cx-preview-main{height:86%}.cx-commercial .cx-preview-detail{height:70%}.cx-commercial .cx-collage img{height:calc(100% - 34px);object-fit:cover;object-position:top}.cx-commercial .cx-collage figcaption{height:34px}