:root{--bo-ink:#1d2939;--bo-muted:#667085;--bo-faint:#98a2b3;--bo-line:#dfe3e8;--bo-soft:#f5f6f8;--bo-blue:#2754c5;--bo-navy:#111827}
*{box-sizing:border-box}body.auth-broker-body,body.standalone-broker-body{min-height:100vh;margin:0;padding:94px 14px 30px!important;background:var(--bo-soft)!important;color:var(--bo-ink)!important;font:12px Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.auth-bo-global{position:fixed;inset:0 0 auto;z-index:1500;height:52px;display:flex;align-items:center;padding:0 15px;background:var(--bo-navy);border-bottom:1px solid #293548;color:#fff}.auth-bo-brand{height:52px;display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none}.auth-bo-brand img{width:26px;height:26px;object-fit:contain}.auth-bo-brand span{font-size:15px;font-weight:700}.auth-bo-brand b{padding-left:8px;border-left:1px solid #475467;color:#c7d0dd;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.08em}.auth-bo-routes{position:fixed;inset:52px 0 auto;z-index:1400;height:42px;display:flex;align-items:stretch;padding:0 12px;overflow-x:auto;background:#fff;border-bottom:1px solid var(--bo-line);box-shadow:0 1px 2px rgba(16,24,40,.035);scrollbar-width:none}.auth-bo-routes::-webkit-scrollbar{display:none}.auth-bo-routes a,.auth-bo-routes span{height:41px;display:flex;align-items:center;padding:0 13px;border-bottom:2px solid transparent;color:#475467;text-decoration:none;white-space:nowrap;font-size:11.5px;font-weight:620}.auth-bo-routes a:hover,.auth-bo-routes a.active{border-bottom-color:var(--bo-blue);background:#f8faff;color:var(--bo-blue)}
.auth-shell{display:grid!important;grid-template-columns:280px minmax(0,520px)!important;width:min(800px,100%)!important;min-height:0!important;margin:18px auto 0!important;border:1px solid var(--bo-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}.auth-shell-register{grid-template-columns:240px minmax(0,700px)!important;width:min(940px,100%)!important}.auth-intro{min-height:100%!important;padding:22px!important;border-right:1px solid #293548!important;border-radius:0!important;background:#172033!important;color:#fff!important}.auth-intro .broker-logo{width:34px!important;margin-bottom:22px!important}.auth-intro .badge{padding:4px 7px!important;border-radius:0!important;background:#2754c5!important;font-size:8px!important;letter-spacing:.08em}.auth-intro h2{margin:8px 0!important;font-size:18px!important;font-weight:650!important}.auth-intro p{font-size:10px!important;line-height:1.55!important}.auth-form{width:auto!important;max-width:none!important;padding:24px!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}.auth-form>.broker-logo{display:none!important}.auth-form h1,.standalone-shell h1{margin:0 0 2px!important;color:var(--bo-ink)!important;font-size:20px!important;font-weight:650!important}.auth-form>p,.standalone-shell>p{color:var(--bo-muted)!important;font-size:10px!important}.auth-form label,.standalone-shell label{display:block;margin:0 0 4px!important;color:#475467!important;font-size:10px!important;font-weight:650!important}.auth-form :is(input,select,textarea,.form-control),.standalone-shell :is(input,select,textarea,.form-control){height:32px!important;min-height:32px!important;padding:5px 8px!important;border:1px solid #cfd5df!important;border-radius:2px!important;background:#fff!important;color:#344054!important;font-size:11px!important;box-shadow:none!important}.auth-form .input-group-text{height:32px!important;padding:0 9px!important;border-color:#cfd5df!important;border-radius:2px 0 0 2px!important;background:#f5f6f8!important;color:#667085!important}.auth-form .input-group .form-control{border-radius:0 2px 2px 0!important}.auth-form :is(.btn,button),.standalone-shell :is(.btn,button){min-height:29px!important;padding:5px 9px!important;border-radius:2px!important;font-size:10px!important;font-weight:650!important;box-shadow:none!important}.auth-form .btn-broker,.standalone-shell .btn-broker{border-color:var(--bo-blue)!important;background:var(--bo-blue)!important;color:#fff!important}.auth-form .alert,.standalone-shell .alert{margin-bottom:7px!important;padding:8px 10px!important;border-radius:0!important;font-size:9px!important}.auth-form a,.standalone-shell a{color:var(--bo-blue)!important}.auth-form .row{--bs-gutter-x:10px!important;--bs-gutter-y:10px!important}
.standalone-shell{width:min(520px,100%)!important;max-width:520px!important;margin:18px auto 0!important;padding:24px!important;border:1px solid var(--bo-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}.standalone-shell>.broker-logo{display:none!important}.standalone-secret{padding:8px!important;border:1px solid var(--bo-line)!important;border-radius:0!important;background:#f5f6f8!important;color:#344054!important;font:10px ui-monospace,monospace!important;overflow-wrap:anywhere}
@media(max-width:700px){body.auth-broker-body,body.standalone-broker-body{padding:102px 8px 20px!important}.auth-bo-global{padding:0 10px}.auth-shell,.auth-shell-register{grid-template-columns:1fr!important;margin:8px auto 0!important}.auth-intro{display:none!important}.auth-form,.standalone-shell{padding:16px!important}.auth-bo-routes{padding:0 4px}.auth-bo-routes a,.auth-bo-routes span{padding:0 9px;font-size:10px}.auth-form :is(input,select,.form-control),.standalone-shell :is(input,select,.form-control){height:38px!important;min-height:38px!important}.auth-form .input-group-text{height:38px!important}}