:root{--ub-blue:#145de0;--ub-blue-dark:#1048b5;--ub-bg:#f4f6fa;--ub-border:#e0e6ef;--ub-muted:#53647c;--ub-navy:#17263d;--rail:76px}
body.wisp-app{margin:0;background:var(--ub-bg);color:var(--ub-navy);font: .875rem/1.5 system-ui,sans-serif}
.wisp-rail{position:fixed;inset:0 auto 0 0;width:var(--rail);height:100dvh;z-index:1035;background:#fff;border-right:1px solid var(--ub-border);display:flex;flex-direction:column;align-items:center;gap:6px;padding:13px 5px;overflow-y:auto}
.wisp-rail a{width:100%;min-height:52px;padding:5px 2px;border-radius:9px;display:grid;place-content:center;gap:3px;text-align:center;color:#455875;text-decoration:none;font-size:.64rem;font-weight:650;line-height:1.2;flex-shrink:0}
.wisp-rail i{font-size:1.05rem}.wisp-rail a:hover,.wisp-rail [aria-current=page]{background:#eaf2ff;color:#1048b5}.wisp-rail .wisp-logo{color:white;background:#145de0;width:42px;min-height:42px;margin-bottom:10px}.wisp-rail .wisp-exit{margin-top:auto}
.wisp-frame{margin-inline-start:var(--rail);min-width:0}.wisp-bar{min-height:64px;padding:10px clamp(12px,2.8vw,32px);display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid var(--ub-border)}
.wisp-brand{font-size:.68rem;color:var(--ub-muted);font-weight:750;letter-spacing:.12em}.wisp-bar h1{font-size:clamp(1.05rem,2.2vw,1.4rem);font-weight:750;margin:0}.wisp-account{background:#eef3fb;color:#314663;border-radius:20px;padding:5px 10px;overflow-wrap:anywhere;font-weight:650}
.wisp-main{padding:20px clamp(12px,2.8vw,32px);min-width:0}.wisp-main .ub-content,.wisp-main>.container,.wisp-main>.container-fluid{padding:0!important}.wisp-main>.container{max-width:none}.wisp-main :is(.ub-card,.table-container,.card-input,.filter-card,.socio-card){border-radius:12px;box-shadow:0 1px 3px #142b4510}.wisp-main :is(.table,.ub-table) thead th{background:#f2f5fa;color:#465a75}.wisp-main :is(.ub-btn-group,.ub-bulk){flex-wrap:wrap}.wisp-main .ub-table{min-width:680px}.wisp-main .ub-card:has(> .ub-table){overflow-x:auto}.wisp-main .wisp-actions{margin-bottom:12px}.wisp-main .btn-primary{--bs-btn-bg:#145de0;--bs-btn-border-color:#145de0}
.wisp-app :focus-visible,.wisp-auth :focus-visible{outline:2px solid #145de0;outline-offset:2px}
body.wisp-auth{box-sizing:border-box;min-height:100vh;height:auto;padding:24px 16px;background:radial-gradient(ellipse at top,#e4eeff,#f4f6fa 62%);font-family:system-ui,sans-serif}
.wisp-auth :is(.login-card,.card){border:1px solid #dce5f0;border-radius:16px;box-shadow:0 14px 36px #142b4517}
.wisp-auth :is(.login-header,.head){background:#fff;border-bottom:1px solid #e0e6ef}
.wisp-auth :is(.login-header,.head) h4{color:#17263d}.wisp-auth :is(.login-header,.head) p{color:#53647c}
@media(max-width:580px){:root{--rail:60px}.wisp-rail{padding-inline:3px}.wisp-rail a{font-size:.59rem}.wisp-main{padding-top:12px}.wisp-bar{align-items:flex-start;flex-wrap:wrap}}
@media print{.wisp-rail,.wisp-bar{display:none}.wisp-frame{margin:0}body.wisp-auth{background:white}}