:root{--navy:#082440;--blue:#116dd7;--muted:#63758b;--border:#e4ebf2}
body.br-home{margin:0!important;display:flex!important;min-height:100vh!important;background:#f4f7fb!important;color:#10223b!important;font-family:Arial,sans-serif!important}
.br-side{width:258px;flex:none;background:linear-gradient(160deg,#072441,#06192c);color:#fff;padding:16px 12px;box-sizing:border-box;min-height:100vh}
.br-brand{display:flex;align-items:center;gap:10px;margin-bottom:23px;padding:8px}.br-brand img{width:65px;height:55px;object-fit:contain}.br-brand strong{font-size:23px}.br-brand small{display:block;letter-spacing:3px;font-size:11px}
.br-side details{border-bottom:1px solid #ffffff17;padding:4px 0}.br-side summary{padding:11px;cursor:pointer;font-weight:700;list-style:none;border-radius:7px}.br-side summary:hover,.br-side details[open]>summary{background:#11579c}.br-side a,.br-side .br-pending{display:block;padding:8px 13px 8px 25px;color:#e2efff;text-decoration:none;font-size:13px;border-radius:6px}.br-side a:hover{background:#ffffff1a}.br-side .br-pending{opacity:.5;cursor:not-allowed}
.br-main{flex:1;min-width:0;padding:26px;box-sizing:border-box}.br-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.br-top h1{margin:0;font-size:29px}.br-top p{color:var(--muted)}.br-top a{color:#075db6}.br-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-top:23px}.br-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;min-height:138px;border-radius:13px;background:#fff;border:1px solid var(--border);padding:15px;text-decoration:none;color:#12263d;box-sizing:border-box}.br-card strong{font-size:17px}.br-card span{font-size:13px;color:#657489}.br-card em{font-style:normal;font-size:28px}.br-card:not(.br-off):hover{box-shadow:0 6px 24px #0a2c491a;transform:translateY(-2px)}.br-off{opacity:.56;cursor:default}.br-panel{background:#fff;border:1px solid var(--border);padding:22px;border-radius:13px;margin-top:22px}.br-panel p{color:#617087}
body.br-login{background:linear-gradient(145deg,#edf5fc,#fff)!important}.br-login .login-card{box-shadow:0 15px 50px #08244022!important;border-radius:18px!important}.br-login .login-card>img{content:url('/static/2br_logo_v001.png');object-fit:contain;max-height:175px;width:210px!important;height:auto!important}.br-login .login-card h2{color:#092a4a}.br-login .login-card button{background:#1474df!important}
@media(max-width:750px){body.br-home{display:block!important}.br-side{width:100%;min-height:0}.br-main{padding:16px}.br-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}