.bba-page,.bba-switch-page,.bbe-app{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box}.bba-page *,.bba-switch-page *,.bbe-app *{box-sizing:border-box}
.bba-page{min-height:100vh;background:#f3f1f3;padding:28px;display:flex;align-items:center;justify-content:center;color:#151925}.bba-shell{width:min(1120px,100%);min-height:720px;background:#fff;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:.88fr 1.12fr;box-shadow:0 30px 90px rgba(23,18,30,.12)}
.bba-brand{padding:42px;background:linear-gradient(145deg,#161925,#2c2130 58%,#3a2836);color:#fff;display:flex;flex-direction:column}.bba-mark{width:50px;height:50px;border-radius:16px;background:#fff;color:#171a25;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:900}.bba-brand-copy{margin-top:28px}.bba-brand-copy small{font-size:11px;letter-spacing:1.8px;opacity:.62;font-weight:800}.bba-brand-copy h1{font-size:38px;letter-spacing:-1.2px;line-height:1.05;margin:7px 0}.bba-brand-bottom{margin-top:auto;max-width:330px}.bba-brand-bottom span{font-size:13px;opacity:.62}.bba-brand-bottom p{font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-.5px;margin:8px 0 0}
.bba-login-card{padding:70px 76px;align-self:center}.bba-mobile-logo{display:none}.bba-kicker{font-size:11px;letter-spacing:1.5px;color:#9499a6;font-weight:800}.bba-login-card h2{font-size:32px;letter-spacing:-.7px;margin:7px 0 8px;color:#151925}.bba-sub{color:#858b99;margin:0 0 30px}.bba-form{display:grid;gap:9px}.bba-form>label{font-size:13px;font-weight:750;color:#343947;margin-top:5px}.bba-form input[type=text],.bba-form input[type=password]{width:100%;height:50px;border:1px solid #e0e3e9;border-radius:14px;padding:0 15px;outline:none;font-size:14px;background:#fff}.bba-password{position:relative}.bba-password input{padding-right:70px!important}.bba-password button{position:absolute;right:7px;top:7px;height:36px;border:0;background:#f3f4f6;border-radius:10px;padding:0 10px;font-size:11px;font-weight:800;cursor:pointer}.bba-form-row{display:flex;justify-content:space-between;align-items:center;margin:6px 0 8px;font-size:12px}.bba-form-row a{color:#4d5260;text-decoration:none;font-weight:700}.bba-check{display:flex;gap:7px;align-items:center;color:#707684}.bba-submit{height:52px;border:0;border-radius:15px;background:#171a25;color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
.bba-demo{margin-top:24px;background:#f7f7f9;border:1px solid #ebecef;border-radius:18px;padding:16px}.bba-demo-head{display:flex;justify-content:space-between;align-items:center}.bba-demo-head div{display:flex;flex-direction:column}.bba-demo-head small{color:#969baa;font-size:9px;letter-spacing:1.3px;font-weight:800}.bba-demo-head strong{font-size:14px;margin-top:3px}.bba-demo-head>span{background:#171a25;color:#fff;font-size:9px;font-weight:800;border-radius:999px;padding:6px 8px}.bba-demo-credentials{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.bba-demo-credentials div{background:#fff;border:1px solid #eceef1;border-radius:11px;padding:9px 10px}.bba-demo-credentials span{display:block;color:#999eab;font-size:9px;text-transform:uppercase}.bba-demo-credentials b{display:block;font-size:12px;margin-top:3px}.bba-demo button{width:100%;border:1px solid #dfe1e6;background:#fff;border-radius:11px;height:38px;font-size:12px;font-weight:800;cursor:pointer}.bba-demo p{font-size:10px;line-height:1.45;color:#9196a3;margin:9px 1px 0}.bba-error{background:#fff1f1;color:#a53b3b;padding:11px 13px;border-radius:12px;font-size:12px;margin-bottom:15px}.bba-logged,.bba-guard{max-width:700px;margin:50px auto;padding:25px;background:#fff;border:1px solid #e5e7eb;border-radius:16px}
.bba-switch-page{min-height:100vh;background:#f5f4f6;padding:60px 24px;color:#151925}.bba-switch-wrap{max-width:1100px;margin:auto}.bba-switch-wrap>h1{font-size:36px;letter-spacing:-.9px;margin:8px 0}.bba-switch-wrap>p{color:#838995;margin:0 0 30px}.bba-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bba-role-grid>a{background:#fff;border:1px solid #e7e8ec;border-radius:22px;padding:25px;color:#151925;text-decoration:none;min-height:280px;display:flex;flex-direction:column;transition:.2s}.bba-role-grid>a:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(20,20,30,.08)}.bba-role-icon{width:48px;height:48px;border-radius:15px;background:#171a25;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:30px}.bba-role-grid small{font-size:9px;letter-spacing:1.3px;color:#999eaa;font-weight:800}.bba-role-grid strong{font-size:20px;margin:7px 0}.bba-role-grid p{font-size:13px;line-height:1.5;color:#858b97;margin:0}.bba-role-grid em{font-style:normal;margin-top:auto;font-size:12px;font-weight:800}.bba-logout{display:inline-block;margin-top:22px;color:#676c78;text-decoration:none;font-size:12px;font-weight:700}
.bbe-app{--ink:#141925;--muted:#858b98;max-width:760px;margin:auto;min-height:100vh;padding:24px 18px 120px;background:#fff;color:var(--ink)}.bbe-head{display:flex;align-items:center;justify-content:space-between;margin:5px 0 18px}.bbe-head small{font-size:9px;letter-spacing:1.2px;color:var(--muted);font-weight:800}.bbe-head h1{font-size:27px;margin:3px 0}.bbe-user{background:#f3f4f6;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:800}.bbe-demo-bar{background:#171a25;color:#fff;border-radius:14px;padding:11px 13px;font-size:11px;margin-bottom:14px}.bbe-demo-bar a{color:#fff;font-weight:800;float:right}.bbe-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 20px}.bbe-summary>div{border:1px solid #eceef2;border-radius:17px;padding:15px}.bbe-summary strong{display:block;font-size:24px}.bbe-summary span{font-size:10px;color:var(--muted)}.bbe-card{border:1px solid #eceef2;border-radius:21px;padding:18px}.bbe-card-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eff0f3;padding-bottom:14px}.bbe-card-head small{font-size:9px;letter-spacing:1.2px;color:var(--muted);font-weight:800}.bbe-card-head h2{margin:3px 0;font-size:19px}.bbe-card-head>span{font-size:10px;background:#f3f4f6;padding:7px 9px;border-radius:999px}.bbe-appt{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #f0f1f4}.bbe-appt:last-child{border-bottom:0}.bbe-appt time{font-weight:850}.bbe-appt strong{display:block;font-size:13px}.bbe-appt span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.bbe-appt em{font-style:normal;background:#eaf7ee;color:#34724a;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:800}.bbe-appt em.wait{background:#f4f4f6;color:#686e7a}.bbe-bottom{position:fixed;z-index:9999;left:50%;transform:translateX(-50%);bottom:10px;width:min(calc(100% - 24px),736px);height:74px;border:1px solid #e6e8ec;border-radius:23px;background:rgba(255,255,255,.96);box-shadow:0 17px 50px rgba(20,25,37,.15);display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.bbe-bottom a{text-decoration:none;color:#848a97;text-align:center;font-size:9px;font-weight:800;display:flex;flex-direction:column;align-items:center;gap:3px}.bbe-bottom i{font-style:normal;font-size:19px}.bbe-bottom .active{color:#151925}.bbe-bottom .bbe-main{position:relative;top:-11px;color:#151925}.bbe-main i{width:54px;height:54px;border-radius:18px;background:#171a25;color:#fff;display:flex;align-items:center;justify-content:center;font-size:27px}.bbe-main span{background:#171a25;color:#fff;padding:4px 7px;border-radius:999px;margin-top:-3px}
@media(max-width:820px){.bba-page{padding:0;background:#fff}.bba-shell{display:block;border-radius:0;min-height:100vh}.bba-brand{display:none}.bba-login-card{padding:42px 22px}.bba-mobile-logo{display:flex;align-items:center;gap:11px;margin-bottom:48px}.bba-mobile-logo .bba-mark{background:#171a25;color:#fff;width:42px;height:42px;border-radius:14px}.bba-mobile-logo span{font-size:11px;letter-spacing:1.3px;font-weight:850}.bba-role-grid{grid-template-columns:1fr}.bba-switch-page{padding:40px 18px}.bba-switch-wrap>h1{font-size:29px}.bba-role-grid>a{min-height:230px}}