.ba-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle}.sidebar-logo{width:155px;height:auto;display:block}.brand{margin-left:3px}nav button{display:flex;align-items:center;gap:11px}nav button>span[data-icon]{display:inline-flex;align-items:center;justify-content:center;width:23px}nav button .ba-icon{width:21px;height:21px}.store-icon .ba-icon{width:23px;height:23px}.sidebar .store{padding-left:8px}.sidebar .store small>span{font-size:10px}.outline .ba-icon,.primary .ba-icon{width:16px;height:16px}button:has(>.ba-icon),button:has(>[data-icon]),a.back-home{display:inline-flex;align-items:center;justify-content:center;gap:8px}.header-right #phone-reader,.header-right #fullscreen{display:inline-flex;gap:7px;align-items:center}#phone-reader>[data-icon],#fullscreen>[data-icon]{display:inline-flex!important}.mode-pos .search-wrap>[data-icon]{display:inline-flex;align-items:center}.empty-symbol .ba-icon{width:38px;height:38px}.pair-qr{background:#fff;border-radius:10px;margin:auto;width:max-content;max-width:100%}
body.mode-home{background:#17192b;color:#f0eafa;color-scheme:dark}.mode-home #launcher{width:min(100%,1040px);max-width:1040px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:clamp(20px,4vh,42px) 32px;display:grid;grid-template-rows:auto auto minmax(195px,1fr) auto auto;gap:clamp(15px,2.6vh,28px);font-family:Inter,'Segoe UI',system-ui,sans-serif}.home-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}.home-logo{width:205px;height:60px;object-fit:contain;object-position:left center}.home-user{display:flex;align-items:center;gap:10px;padding:10px 11px;background:#22253c;border:1px solid #3b3654;border-radius:12px;max-width:48%}.user-avatar{display:grid;place-items:center;background:#3c3258;color:#e2d3ff;border-radius:9px;width:35px;height:35px;font-size:12px;font-weight:600;flex-shrink:0}.home-user>span:nth-child(2){min-width:0}.home-user strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.home-user small{color:#aaa0bc;font-size:10px;margin-top:3px;overflow-wrap:anywhere}.home-user button{background:transparent;color:#bcaed5;padding:7px;margin-left:8px}.home-welcome>.eyebrow{font-size:10px;letter-spacing:1.7px;color:#b7a8cd}.home-welcome h1{font-size:clamp(26px,3.2vw,39px);line-height:1.2;font-weight:650;letter-spacing:-1.4px;margin:10px 0}.home-welcome p{font-size:13px;line-height:1.7;color:#b6acc8;margin:0}.mode-home .launch-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0;align-items:stretch}.mode-home .launch-card{padding:25px 28px;background:#23263d;border:1px solid #423b58;color:#eae2f8;border-radius:16px;box-shadow:none;text-decoration:none;display:flex;flex-direction:column;min-height:0}.mode-home .launch-card:hover{border-color:#a798ed;box-shadow:0 12px 35px #090c2026}.launch-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.mode-home .launch-icon{width:48px;height:48px;background:#35304e;color:#d9c9ff;border-radius:12px;margin:0}.mode-home .launch-icon .ba-icon{width:26px;height:26px}.home-role-label{font-size:9px;letter-spacing:1.8px;color:#aa9bbf}.mode-home .launch-card h2{font-size:26px;font-weight:650;letter-spacing:-.8px;margin:22px 0 11px}.mode-home .launch-card p{font-size:12px;line-height:1.8;color:#b7aacb;margin:0 0 24px}.mode-home .launch-card>strong{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:#d8c8fb;border-top:1px solid #453a5b;padding-top:17px;margin-top:auto}.mode-home .launch-card>strong .ba-icon{width:18px;height:18px}.mode-home .checkout-choice{background:#a798ed;border-color:#a798ed;color:#211a36}.mode-home .checkout-choice .launch-icon{background:#221c3830;color:#211a36}.mode-home .checkout-choice .home-role-label{color:#44345e}.mode-home .checkout-choice p{color:#3d3155}.mode-home .checkout-choice>strong{color:#211a36;border-color:#74618f}.mode-home #cloud-actions{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px;margin:0}.mode-home #cloud-actions button{background:#23243a;color:#bdb1d0;border:1px solid #3f3753;border-radius:8px;padding:10px 13px;font-size:11px;font-weight:500}.mode-home #cloud-actions .ba-icon{width:15px;height:15px}.home-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#9c90b0;border-top:1px solid #353048;padding-top:17px;flex-wrap:wrap}.connection-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a798ed;margin-right:7px;vertical-align:middle}.access-heading>img{border-radius:12px;flex-shrink:0}.access-top button{white-space:normal}#access-gate .business-card{border-radius:14px}.mode-panel .toolbar .primary,.mode-panel .employee-toolbar .primary{background:#5f5193;color:#fff}.mode-panel .toolbar button{display:inline-flex;align-items:center;gap:8px}.employee-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.employee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:17px}.employee-card{background:#fff;border:1px solid #e0e2e8;border-radius:14px;padding:21px;min-width:0}.employee-card-head{display:flex;align-items:center;gap:11px;margin-bottom:20px}.employee-avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#ede8f8;color:#67538d;font-size:12px;font-weight:650;flex-shrink:0}.employee-card-head>div{flex:1;min-width:0}.employee-card h3{font-size:15px;letter-spacing:-.3px;overflow-wrap:anywhere}.employee-card-head p{font-size:11px;color:#8b8396;margin-top:4px}.employee-card-head .badge{font-size:9px;white-space:nowrap;background:#e7f1e9;color:#437151}.badge.neutral{background:#ececf2;color:#858095}.employee-box{display:flex;align-items:center;gap:10px;background:#f6f4fa;padding:13px;border-radius:9px;color:#746189}.employee-box strong{font-size:12px;color:#544363;font-weight:600}.employee-box small{font-size:10px;color:#92859e;margin-top:5px;overflow-wrap:anywhere}.employee-values{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.employee-values span{display:block;font-size:10px;color:#8d8198;margin-bottom:8px}.employee-values strong{font-size:18px;color:#41314f;font-weight:650;letter-spacing:-.5px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.employee-card-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #eeebf2;padding-top:15px}.employee-card-actions button{display:inline-flex;align-items:center;gap:7px;font-size:11px;padding:9px 11px;background:#ede7f6;color:#66537e;border-radius:8px}.employee-card-actions .outline{background:transparent;border:1px solid #ded6e8}.employee-card-actions .ba-icon{width:15px;height:15px}.employee-disabled{font-size:10px;color:#ad705e;margin:12px 0}.employee-modal-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.employee-modal-values .stat{padding:14px}.employee-modal-values .stat strong{font-size:20px}.employee-close-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e6e0ed;font-size:12px}.employee-close-row small{font-size:10px;color:#968ba0;margin-top:5px}.employee-close-row strong{font-size:15px;font-variant-numeric:tabular-nums}#employee-feedback{font-size:11px;color:#8c7c98;margin-top:17px}
@media(max-height:760px) and (min-width:701px){.mode-home #launcher{padding:22px 32px;gap:17px;grid-template-rows:auto auto minmax(180px,1fr) auto auto}.home-logo{width:175px;height:49px}.home-welcome h1{font-size:31px;margin:7px 0}.mode-home .launch-card{padding:21px 25px}.mode-home .launch-card h2{margin-top:15px;font-size:25px}.mode-home .launch-card p{margin-bottom:18px}.mode-home .launch-icon{width:39px;height:39px}.mode-home .launch-card>strong{padding-top:13px}.home-bottom{padding-top:12px}.mode-home #cloud-actions button{padding:8px 12px}}
@media(max-height:600px) and (min-width:701px){.mode-home #launcher{padding:15px 25px;gap:12px;grid-template-rows:auto auto minmax(145px,1fr) auto auto}.home-logo{width:160px;height:42px}.home-welcome h1{font-size:25px;margin:5px 0}.home-welcome p{font-size:11px}.home-welcome .eyebrow{display:none}.mode-home .launch-card{padding:17px 23px}.mode-home .launch-card h2{font-size:22px;margin:11px 0 7px}.mode-home .launch-card p{font-size:11px;margin-bottom:12px}.mode-home .launch-card p br{display:none}.mode-home .launch-icon{width:30px;height:30px}.mode-home .launch-icon .ba-icon{width:20px;height:20px}.mode-home .launch-card>strong{font-size:11px;padding-top:10px}.home-user{padding:6px 8px}.home-bottom{padding-top:9px;font-size:9px}}
@media(max-width:850px){.sidebar-logo{width:124px}.mode-panel .sidebar .store{display:none}.mode-panel nav button{gap:6px}.mode-panel nav button>span[data-icon]{display:inline-flex;width:17px}.mode-panel nav button .ba-icon{width:17px;height:17px}.employee-toolbar button{font-size:10px}.employee-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.mode-home #launcher{padding-left:24px;padding-right:24px}.mode-home .launch-card{padding:23px}.mode-home .launch-card h2{font-size:23px}.home-user strong{font-size:11px}.home-logo{width:177px}.employee-card{padding:17px}}
@media(max-width:700px){.mode-home #launcher{padding:22px 19px;display:flex;flex-direction:column;gap:22px;min-height:100dvh}.home-logo{width:153px;height:45px}.home-top{gap:12px}.home-user{padding:5px 6px;gap:7px;max-width:50%}.home-user strong{font-size:10px}.home-user small{font-size:9px}.user-avatar{display:none}.home-user button{padding:6px;margin-left:0}.home-user .ba-icon{width:17px;height:17px}.home-welcome h1{font-size:29px;max-width:340px;letter-spacing:-1.1px}.home-welcome p{font-size:12px}.mode-home .launch-options{grid-template-columns:1fr;gap:14px}.mode-home .launch-card{padding:21px;min-height:185px}.mode-home .launch-card h2{font-size:23px;margin:12px 0 6px}.mode-home .launch-card p{font-size:12px;line-height:1.6;margin-bottom:16px}.mode-home .launch-card p br{display:none}.mode-home .launch-icon{width:35px;height:35px;border-radius:9px}.mode-home .launch-icon .ba-icon{width:22px;height:22px}.mode-home .launch-card>strong{padding-top:13px;font-size:12px}.mode-home #cloud-actions{gap:7px;display:grid;grid-template-columns:1fr 1fr}.mode-home #cloud-actions button{font-size:10px;padding:9px;justify-content:flex-start}.mode-home #seed-business{grid-column:1/-1}.home-bottom{margin-top:auto;gap:10px;padding-top:15px;font-size:9px}.employee-toolbar{justify-content:flex-start}.mode-panel #employees .toolbar{flex-wrap:wrap}.employee-grid{grid-template-columns:1fr}.employee-card-head .badge{font-size:9px}.mode-panel .sidebar{padding:12px;gap:10px}.mode-panel nav{width:100%;justify-content:space-between}.mode-panel nav button{font-size:10px;padding:9px 5px;gap:4px;flex:1}.mode-panel nav button>span[data-icon]{display:none}.employee-values strong{font-size:20px}}
@media print{.home-top,.home-bottom,.employee-toolbar{display:none!important}}