:root{--sb-primary:#385fe8;--sb-ink:#17263d;--sb-muted:#657590;--sb-border:#e4eaf3;--sb-bg:#f4f7fc}
.sb-auth-page{background:radial-gradient(circle at top right,#dbe5ff,#f5f7fc 50%,#f0f4fa);margin:0;padding:36px 14px;min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;box-sizing:border-box;color:var(--sb-ink)}
.sb-auth-page *{box-sizing:border-box}
.sb-auth-card{background:#fff;width:min(100%,470px);border-radius:22px;padding:32px;box-shadow:0 25px 80px #21335d22;border:1px solid #dde7f6}
.sb-install-card{width:min(100%,800px)}.sb-eyebrow{font-size:11px;font-weight:800;color:#3a5fc8;letter-spacing:1.2px}
.sb-auth-card h1{font-size:29px;line-height:1.2;margin:12px 0}.sb-auth-card p{color:#5d6c83;line-height:1.65;font-size:14px}
.sb-auth-card label,.sb-module-card label{font-size:13px;display:block;font-weight:700;margin:12px 0;color:#34445d}
.sb-auth-card input,.sb-module-card select,.sb-module-card textarea{border:1px solid #ccd6e5;border-radius:10px;width:100%;display:block;max-width:100%;padding:12px 13px;font:inherit;font-size:14px;color:#14243d;background:#fff;margin-top:7px}
.sb-auth-card input:focus,.sb-module-card select:focus,.sb-module-card textarea:focus{outline:2px solid #aabaff;outline-offset:1px}
.sb-form-section{margin:23px 0 13px;border-top:1px solid #e7eaf0;padding-top:17px}.sb-form-section h2{font-size:16px;margin:0 0 12px}.sb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 15px}
.sb-primary-button,.sb-secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:10px 17px;border-radius:10px;border:1px solid transparent;background:#385fe8;color:#fff;font-weight:750;font-size:13px;cursor:pointer;text-decoration:none;white-space:normal;text-align:center}
.sb-primary-button:hover{background:#2449cb}.sb-secondary-button{background:#f1f4ff;color:#2746ae;border-color:#dce4ff}.sb-secondary-button:hover{background:#e5ebff}.sb-auth-card .sb-primary-button{width:100%;margin-top:10px}
.sb-muted,.sb-footnote{color:var(--sb-muted);font-size:12px!important;line-height:1.6}.sb-auth-card .sb-muted{margin-top:16px}.sb-alert{padding:13px 15px;margin:15px 0;border-radius:12px;font-size:13px;line-height:1.55}.sb-alert-warn{background:#fff7e3;color:#805713;border:1px solid #f6dfae}.sb-alert-danger{background:#fff1f1;color:#a53639;border:1px solid #ffd1d1}.sb-alert-ok{background:#eaf8ee;color:#28633a;border:1px solid #c7e8d0}
.sb-container{max-width:1360px;margin:0 auto}.sb-container .page-head{margin-bottom:18px}.sb-three-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 24px}.sb-stat{padding:18px;border:1px solid var(--sb-border);background:#fff;border-radius:16px;display:flex;gap:7px;flex-direction:column}.sb-stat span{font-size:12px;color:var(--sb-muted);font-weight:600}.sb-stat b{font-size:24px;color:#1c2f57}.sb-stat small{font-size:11px;color:var(--sb-muted)}.sb-stat .sb-red{color:#bf344c}
.sb-panel{padding:21px;border-radius:18px;background:#fff;border:1px solid var(--sb-border);margin-bottom:20px;box-shadow:0 5px 20px #0a23450a}.sb-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:19px;flex-wrap:wrap}.sb-section-head h2{margin:0 0 5px;font-size:21px;color:#1e3054}.sb-section-head p{margin:0;color:var(--sb-muted);font-size:13px;line-height:1.5}
.sb-check-summary{margin:10px 0;display:flex;gap:15px;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:14px}.sb-check-summary small{color:var(--sb-muted)}.sb-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sb-check-item{display:flex;gap:11px;padding:12px;background:#f8fafd;border:1px solid var(--sb-border);border-radius:11px}.sb-check-item span{width:25px;height:25px;flex:none;display:flex;justify-content:center;align-items:center;border-radius:100px;font-weight:900}.sb-good{background:#dff9e7;color:#168747}.sb-bad{background:#ffe4e9;color:#b4374e}.sb-check-item b{color:#263b5e;font-size:13px}.sb-check-item p{margin:4px 0 0;color:var(--sb-muted);font-size:12px;line-height:1.45}
.sb-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.sb-module-card{min-width:0;border:1px solid var(--sb-border);border-radius:15px;padding:17px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(160deg,#fff,#fafdff)}.sb-module-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.sb-module-symbol{width:38px;height:38px;display:grid;place-items:center;background:#eef2ff;border-radius:11px;color:#375ed4;font-size:18px;font-weight:bold}.sb-stage{font-size:11px;border-radius:100px;background:#edf0f5;color:#526178;padding:6px 9px;font-weight:800;white-space:nowrap}.sb-stage-development{background:#e9f1ff;color:#325ea4}.sb-stage-testing{background:#e7f8ed;color:#167849}.sb-module-card h3{font-size:17px;margin:3px 0 0;color:#1e3054}.sb-module-card p{font-size:12px;color:var(--sb-muted);line-height:1.55;margin:0;min-height:46px}.sb-price{font-size:12px;color:#4b617e;font-weight:700}.sb-module-card label{margin:4px 0 0;font-size:12px}.sb-module-card select,.sb-module-card textarea{font-size:13px;padding:9px}.sb-module-card .sb-secondary-button{width:100%;margin-top:auto}
.sb-deploy-steps{margin:4px 0 18px;padding-left:26px;display:grid;gap:12px}.sb-deploy-steps li{font-size:13px;color:#253f68}.sb-deploy-steps li span{display:block;color:var(--sb-muted);margin-top:4px;font-size:12px}.sb-disabled-button,.sb-disabled-button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:980px){.sb-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.sb-form-grid,.sb-three-metrics,.sb-check-grid,.sb-module-grid{grid-template-columns:1fr}.sb-panel{padding:14px}.sb-auth-card{padding:21px}.sb-section-head .sb-primary-button{width:100%}}
