:root{--tx-brand:#62688A;--tx-graphite:#323545;--tx-ink:#252c3d;--tx-muted:#738097;--tx-border:#e3e7ef;--tx-canvas:#f5f6f9;--tx-white:#fff}
html,body{background:var(--tx-canvas);color:var(--tx-ink)}
button{transition:background .16s,border-color .16s,box-shadow .16s}
.loginWrap[data-brand-ready]{display:flex!important;flex-direction:column;justify-content:space-between;align-items:stretch;position:relative;width:100%;min-height:100svh;padding:0;background:#62688a;color:white;overflow:hidden}
.loginWrap[data-brand-ready]:before,.loginWrap[data-brand-ready]:after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(255,255,255,.13);border-radius:50%;width:700px;height:700px;left:-340px;bottom:-480px}
.loginWrap[data-brand-ready]:after{width:940px;height:940px;left:-470px;bottom:-640px}
.brand-login-top{z-index:1;display:flex;align-items:center;justify-content:space-between;padding:30px clamp(24px,5.5vw,90px)}
.brand-top-id{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.17em}
.brand-top-id img{width:34px;height:34px;object-fit:contain}
.brand-top-id small{font-size:9px;font-weight:400;letter-spacing:.19em;opacity:.7}
.brand-private{font-size:10px;letter-spacing:.11em;opacity:.8}
.brand-entry-layout{z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,450px);gap:clamp(30px,8vw,140px);max-width:1250px;width:calc(100% - 90px);margin:auto;align-items:center;padding:30px 0 70px}
.brand-intro{padding:30px 0}
.brand-hero-logo{width:min(370px,85%);height:auto;image-rendering:auto;margin:0 0 64px;object-fit:contain;object-position:left center}
.brand-eyebrow{border-top:1px solid rgba(255,255,255,.35);padding-top:22px;width:fit-content;font-size:11px;font-weight:750;letter-spacing:.22em;color:#edf0ff}
.brand-intro h1{font-size:clamp(35px,4.4vw,61px);line-height:1.13;letter-spacing:-.065em;color:white;margin:23px 0 21px;font-weight:750}
.brand-intro h1 em{font-style:normal;color:#d9def6}
.brand-intro p{font-size:16px;max-width:480px;line-height:1.85;color:#e5e9fa;opacity:.95}
.brand-intro-tag{display:inline-block;border-top:1px solid #8991b1;margin-top:38px;padding-top:20px;color:#eff2ff;font-size:12px;letter-spacing:.07em}
.brand-entry-card{background:#fcfcfe;color:var(--tx-ink);padding:clamp(26px,4.2vw,54px);border-radius:20px;box-shadow:0 30px 85px rgba(20,24,45,.13)}
.brand-panel-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:#69759d}
.brand-entry-card h2{font-size:28px;line-height:1.2;letter-spacing:-.05em;margin:25px 0 7px}
.brand-entry-card>p{font-size:13px;color:#7e8ca8;line-height:1.5;margin-bottom:32px}
.brand-entry-card .field{margin:0 0 18px;gap:8px}
.brand-entry-card .field label{font-size:12px;color:#424b64;font-weight:700}
.brand-entry-card .field .input{background:#f4f6fa;border:1px solid #dce3ee;color:#2a3141;border-radius:10px;min-height:52px;padding:13px;font-size:13px}
.brand-entry-card .field .input:focus{border-color:#7883b0;box-shadow:0 0 0 3px rgba(98,104,138,.12)}
.brand-entry-card form .btn{width:100%;margin-top:5px;min-height:53px;background:#323545;border:0;color:white;border-radius:10px;font-size:13px;font-weight:750}
.brand-entry-card form .btn:hover{background:#474e69}
.brand-account-links{display:flex;justify-content:space-between;gap:10px;margin:15px 0 22px}
.brand-account-links .btn{background:transparent;border:0;padding:8px 0;color:#687499;font-size:12px;font-weight:650}
.brand-account-links .btn:hover{background:transparent;color:#323545}
.brand-secure-note{color:#9da8bf;font-size:11px;text-align:center;padding:15px 0 22px;border-bottom:1px solid #e7eaf1}
.brand-card-foot{color:#a2abc0;font-size:9px;letter-spacing:.1em;font-weight:750;padding-top:22px}
.brand-login-foot{z-index:1;padding:24px clamp(24px,5.5vw,90px);display:flex;justify-content:space-between;gap:10px;color:#d9dff0;font-size:9px;font-weight:700;letter-spacing:.12em}
.side{background:#323545;border:0;color:#dce1f4;box-shadow:none}
.side .brand{border-bottom:1px solid rgba(255,255,255,.1);display:flex;gap:12px;align-items:center;padding:4px 8px 24px}
.brand-side-icon{width:40px;height:40px;object-fit:contain;flex-shrink:0}
.brand-side-copy img{width:128px;height:auto;display:block}
.brand-side-copy div{font-size:9px;letter-spacing:.15em;color:#acb5d3;margin-top:6px}
.navtitle{color:#aab3d2}
.nav{color:#c3c9dd}
.nav:hover{background:rgba(255,255,255,.07)}
.nav.active{background:#62688a;color:white}
.userbox{background:#444962;color:#e4e8f4}
.signout{color:#d3dcf4}
.main{background:#f6f7fa;color:#273044}
.h1{color:#273044;font-size:30px}
.eyebrow{color:#62688a}
.subtitle,.tinylabel{color:#7c899f}
.card,.tablewrap{background:#fff;color:#263148;border-color:#e4e8ef;box-shadow:0 2px 6px rgba(33,43,67,.025)}
.card.soft{background:#fefefe}
.card b,.card h2{color:#30384e}
.kpi .num{color:#252c3d}
.kpi .label{color:#748199}
.kpi .hint{color:#9ba5b5}
.select,.input,.textarea{background:#fff;color:#273044;border:1px solid #dce2ec}
.select:focus,.input:focus,.textarea:focus{border-color:#7984af;box-shadow:0 0 0 3px rgba(98,104,138,.12)}
.btn{background:#62688a;border-color:#62688a}
.btn:hover{background:#787fa3}
.btn.ghost{background:#fff;border-color:#dce1eb;color:#626e8d}
.btn.ghost:hover{background:#f3f5fa}
.tablewrap,.table th{background:#fff}
.table th{background:#f5f7fa;color:#8793a7;border-bottom:1px solid #e5eaf1}
.table td{border-top:1px solid #edf0f5;color:#506078}
.table .name{color:#2f374a}
.table tr:hover td{background:#f8f9fc}
.pill{background:#f0f2f8;border-color:#e0e5ef;color:#66728d}
.pill.A{color:#207b66;background:#e8f6f1;border-color:#cdebdc}
.pill.B{color:#9c702e;background:#fff6e5;border-color:#f0e3c8}
.pill.C{color:#657080;background:#f2f3f5;border-color:#e3e5e9}
.pill.warn{color:#b86e45;background:#fff1e8;border-color:#f4d8ca}
.muted{color:#7b879d}
.barbg{background:#e7ebf3}.barbg i{background:linear-gradient(90deg,#616989,#929cbb)}
.chart{border-bottom:1px solid #e7ebf3}
.chartbar{background:#7b85af}.chartbar:hover{background:#5e6997}
.statrow>div{background:#f5f7fb}.statrow small{color:#7d8ba3}
.notice{background:#eef2fa;border-color:#dce4f3;color:#4d6081}
.listaction{border-top:1px solid #ebeff5}.listaction b{color:#2d3850}
.stagecol{background:#f5f6fa;border-color:#e1e5ed;color:#30384c}
.dealcard{background:white;border-color:#dfe5ef}
.dealcard small{color:#8995a7}
.drawer{background:#fff;border-color:#e2e5eb;color:#273044}
.drawer h2,.drawerSection h3{color:#263044}
.drawerSection{border-color:#e6eaf0}
.detail{color:#71819b}
.activity{border-color:#808aaa}
.backdrop{background:rgba(22,28,47,.65)}
.empty{color:#8390a6}
@media (max-width:900px){.brand-entry-layout{grid-template-columns:1fr;gap:20px;max-width:540px;width:calc(100% - 34px);padding:20px 0 45px}.brand-intro{text-align:center;padding:20px 0}.brand-hero-logo{margin:0 auto 22px;width:245px}.brand-eyebrow{margin:auto;padding-top:12px}.brand-intro h1{font-size:35px;margin:15px 0 10px}.brand-intro p{font-size:13px;margin:0 auto;line-height:1.65}.brand-intro-tag{display:none}.brand-entry-card{padding:30px}.brand-login-top{padding:20px 18px}.brand-login-foot{padding:20px 18px;font-size:8px}.brand-private{font-size:9px}}
@media (max-width:740px){.side{padding:12px 10px;background:#323545}.side .brand{margin-bottom:8px;padding:3px 5px 10px}.brand-side-icon{width:30px;height:30px}.brand-side-copy img{width:115px}.nav{background:rgba(255,255,255,.025);font-size:11px}.main{padding:22px 14px 70px}.top{align-items:flex-start}.topright{margin-top:5px}.brand-entry-card h2{font-size:24px}.brand-intro h1{font-size:31px}}
@media (max-width:380px){.brand-top-id{font-size:10px}.brand-private{font-size:8px}.brand-entry-card{padding:23px}.brand-intro h1{font-size:27px}}