body:has(.twz-customer-app)>header{
 display:none!important;
}
body:has(.twz-customer-app){
 background:#f5f7fc;
}
body:has(.twz-customer-app) main{
 max-width:100%;
 margin:0;
 padding:0 0 90px;
}
.twz-customer-app{
 max-width:760px;
 margin:auto;
 padding:18px 15px 30px;
 font-family:system-ui,"Noto Sans Bengali",sans-serif;
}
.twz-app-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 margin-bottom:23px;
}
.twz-brand{
 display:flex;
 align-items:center;
 gap:11px;
 min-width:0;
}
.twz-brand-icon{
 width:45px;height:45px;
 border-radius:15px;
 display:grid;place-items:center;
 background:#e5efff;
 font-size:25px;
}
.twz-brand h2{
 margin:0;
 font-size:17px;
 color:#102956;
}
.twz-brand small{color:#73839a;font-size:11px}
.twz-avatar{
 width:43px;height:43px;
 background:white;
 color:#1654ba;
 border:1px solid #e3eafa;
 border-radius:50%;
 display:grid;place-items:center;
 font-size:20px;
}
.twz-greeting{margin-bottom:18px}
.twz-greeting h2{font-size:23px;margin:0 0 4px}
.twz-greeting p{margin:0;color:#728199;font-size:13px}
.twz-plan-hero{
 background:linear-gradient(125deg,#083f99,#1065e3);
 color:white;
 border-radius:24px;
 padding:19px;
 box-shadow:0 12px 28px #1154bb22;
}
.twz-plan-hero .plan-line{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:8px;
}
.twz-plan-hero .plan-name{
 font-size:18px;
 font-weight:750;
 margin:0;
}
.twz-plan-hero .plan-type{
 font-size:12px;
 opacity:.83;
 margin-top:5px;
}
.twz-live-badge{
 background:#ffffff26;
 border-radius:99px;
 padding:6px 10px;
 font-size:11px;
 white-space:nowrap;
}
.twz-kpis{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:8px;
 margin-top:20px;
}
.twz-kpi{
 background:#ffffff17;
 border:1px solid #ffffff26;
 border-radius:15px;
 padding:12px 8px;
 min-width:0;
}
.twz-kpi .symbol{font-size:17px}
.twz-kpi strong{
 display:block;
 font-size:20px;
 margin:6px 0 3px;
 overflow-wrap:anywhere;
}
.twz-kpi small{font-size:11px;opacity:.9}
.twz-plan-footer{
 display:flex;
 justify-content:space-between;
 gap:10px;
 margin-top:18px;
 padding-top:13px;
 border-top:1px solid #ffffff35;
 font-size:12px;
}
.twz-primary{
 width:100%;
 border:0;
 border-radius:15px;
 padding:15px;
 color:white;
 font-size:16px;
 font-weight:750;
 background:#0d5ce1;
}
.twz-card{
 background:white;
 border:1px solid #e8edf5;
 border-radius:20px;
 padding:18px;
 margin-top:15px;
 box-shadow:0 5px 16px #162f5b06;
}
.twz-card h3{font-size:17px;margin:0 0 12px}
.twz-perk{
 display:flex;
 gap:13px;
 align-items:center;
}
.twz-perk-icon{
 background:#dcf9e9;
 border-radius:13px;
 padding:12px;
 font-size:22px;
}
.twz-perk strong{font-size:14px}
.twz-perk p{font-size:12px;color:#73839a;margin:3px 0}
.twz-plan-choice{
 border:1px solid #e0e8f6;
 border-radius:16px;
 padding:15px;
 margin:12px 0;
 background:#f9fbff;
}
.twz-plan-choice strong{font-size:16px}
.twz-plan-choice p{
 margin:7px 0 11px;
 color:#697f9d;
 font-size:13px;
}
.twz-choice-price{
 color:#0758d2;
 font-size:23px;
 font-weight:800;
 margin-bottom:10px;
}
.twz-back{
 background:transparent;
 color:#0d57c7;
 padding:6px 0;
 margin-bottom:14px;
 font-size:14px;
}
.twz-pay-method{
 display:flex;
 justify-content:space-between;
 gap:10px;
 background:#f1f6ff;
 padding:14px;
 border-radius:14px;
 margin:10px 0;
 align-items:center;
}
.twz-pay-method button{
 padding:9px 12px;
 font-size:12px;
 background:#e0eaff;
 color:#1053c2;
}
.twz-field{margin:14px 0}
.twz-field label{
 display:block;
 font-size:13px;
 font-weight:700;
 margin-bottom:7px;
}
.twz-field input,.twz-field select{
 width:100%;
 padding:13px;
 font-size:16px;
 border:1px solid #d5e0ef;
 border-radius:12px;
}
.twz-nav{
 position:fixed;
 bottom:0;
 left:0;
 right:0;
 z-index:200;
 background:#fff;
 border-top:1px solid #e2e9f4;
 display:grid;
 grid-template-columns:repeat(4,1fr);
 padding:9px max(8px,env(safe-area-inset-right))
 calc(9px + env(safe-area-inset-bottom));
 box-shadow:0 -6px 20px #152e5a0a;
}
.twz-nav button{
 background:transparent;
 color:#8290a6;
 border-radius:12px;
 padding:6px 3px;
 font-size:11px;
 display:grid;
 justify-items:center;
 gap:3px;
}
.twz-nav button span{font-size:21px}
.twz-nav button.active{color:#095cdd;background:#eaf2ff}
.twz-history-item{
 border:1px solid #e5ebf5;
 padding:13px;
 border-radius:14px;
 margin:9px 0;
}
.twz-profile-row{
 display:flex;
 justify-content:space-between;
 gap:10px;
 padding:13px 0;
 border-bottom:1px solid #edf1f7;
 font-size:13px;
}
.twz-muted{color:#6d7f9c}
.twz-logout-button{
 width:100%;
 background:#fff0f1;
 color:#bf2739;
 border-radius:13px;
 margin-top:20px;
}
@media(max-width:390px){
 .twz-kpi strong{font-size:17px}
 .twz-plan-hero{padding:15px}
 .twz-kpi{padding:10px 6px}
}