*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#344054;font-family:system-ui,"Noto Sans Bengali",sans-serif}.top{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:15px max(20px,calc((100% - 1120px)/2));box-shadow:0 2px 12px #10182812;position:sticky;top:0;z-index:3}.brand{text-decoration:none;font-size:30px;font-weight:900;color:#00a64f}.brand b{color:#e32636}.top nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.top nav a{color:#475467;text-decoration:none;font-weight:650}.navbtn,.btn{background:#00a65a;color:#fff!important;padding:10px 16px;border-radius:12px;text-decoration:none;border:0;cursor:pointer;font-weight:700;display:inline-block}.wrap{max-width:1120px;margin:28px auto;padding:0 18px;min-height:75vh}.hero{background:linear-gradient(120deg,#008c54,#00b86b);color:white;border-radius:22px;padding:28px;margin-bottom:24px}.hero h1{font-size:clamp(26px,5vw,40px);margin:0 0 8px}.muted{color:#667085}.hero p{margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.card{background:#fff;border-radius:18px;padding:19px;box-shadow:0 3px 14px #1018280b}.service{display:flex;align-items:center;gap:12px;min-height:84px;text-decoration:none;color:#344054}.ico{width:44px;height:44px;border-radius:13px;background:#e9f8ef;color:#008d4c;display:grid;place-items:center;font-size:22px;flex-shrink:0}.service h3{margin:0 0 4px;font-size:17px}.pill{font-size:12px;padding:4px 9px;border-radius:20px;background:#e8f1ff;color:#175cd3}.price{font-weight:800;color:#008d4c}.form{max-width:520px;margin:25px auto}.field{margin:13px 0}.field label{display:block;font-weight:650;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid #d0d5dd;border-radius:10px;font:inherit;background:white}.alert{padding:12px 15px;border-radius:10px;margin-bottom:16px;background:#ecfdf3;color:#027a48}.alert.error{background:#fef3f2;color:#b42318}table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden}th,td{padding:12px;text-align:left;border-bottom:1px solid #eaecf0;font-size:14px}th{background:#f9fafb}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn.secondary{background:#475467}.btn.danger{background:#d92d20}.stat{font-size:27px;font-weight:850;color:#008d4c}footer{text-align:center;color:#98a2b3;padding:24px}.notice{background:#fffaeb;border:1px solid #fedf89;color:#93370d;padding:14px;border-radius:12px;margin:15px 0}.section-title{margin:28px 0 14px}small{color:#667085}@media(max-width:600px){.top{align-items:flex-start;gap:8px;flex-direction:column}.top nav{gap:12px}.wrap{margin:18px auto;padding:0 12px}th,td{padding:9px;font-size:12px}.grid{grid-template-columns:1fr 1fr}.service{padding:13px}.service h3{font-size:14px}}
/* Dashboard-inspired responsive layout */
.top{padding:12px 18px;min-height:70px}.top-inner{width:100%;max-width:1180px;margin:auto;display:flex;align-items:center;gap:14px}.menu-toggle{border:0;background:#009d70;color:#fff;border-radius:14px;width:48px;height:48px;font-size:23px;box-shadow:0 5px 12px #009d7030;cursor:pointer}.brand{font-size:25px;white-space:nowrap}.top-user{margin-left:auto;display:flex;align-items:center;gap:12px;min-width:0}.top-user strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}.avatar{width:48px;height:48px;border-radius:14px;background:#00aa8a;color:#fff;text-decoration:none;display:grid;place-items:center;font-size:24px}.balance-chip{background:linear-gradient(135deg,#00b98a,#009c69);color:#fff!important;text-decoration:none;padding:9px 18px;border-radius:16px;display:flex;flex-direction:column;align-items:center;min-width:104px;box-shadow:0 7px 16px #00a87930}.balance-chip small{color:#eafff7}.balance-chip b{font-size:17px}.wrap{max-width:1120px;margin:24px auto;padding:0 18px;min-height:75vh}.with-sidebar{transition:margin .2s}.sidebar{position:fixed;z-index:8;top:0;bottom:0;left:0;width:290px;background:#fff;box-shadow:8px 0 28px #10182818;transform:translateX(-105%);transition:transform .25s;overflow-y:auto;padding:0 14px 20px}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#10182866;z-index:7}.sidebar-open .sidebar-backdrop{display:block}.sidebar-head{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0f3;margin-bottom:10px}.sidebar-logo{font-size:25px;font-weight:900;color:#00a66b}.sidebar-logo b{color:#e32636}.sidebar-close{border:0;background:#f1f5f9;border-radius:10px;width:36px;height:36px;font-size:25px;color:#475467}.side-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:#475467;padding:12px 13px;border-radius:12px;margin:4px 0;font-weight:650}.side-link:hover{background:#eafbf3;color:#008b59}.side-link span{width:27px;text-align:center;font-size:19px;flex-shrink:0}.service-side{font-size:14px;padding-top:9px;padding-bottom:9px}.service-side span{font-size:17px}.side-label{padding:17px 12px 5px;color:#00976a;font-weight:850;font-size:13px}.side-logout{background:#fff1f1;color:#d92d20;margin-top:15px}.side-foot{text-align:center;color:#98a2b3;font-size:12px;padding:18px 0}.welcome-strip{background:#fff;border:1px solid #eef1f4;border-radius:25px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 5px 20px #10182808}.welcome-kicker{font-size:13px;color:#00996b;font-weight:800}.welcome-strip h1{margin:3px 0;font-size:24px;color:#172b3a}.welcome-strip p{margin:0;color:#8995a5;font-size:13px}.welcome-stat{background:#e9fbf3;border-radius:15px;padding:12px 22px;text-align:center;min-width:95px}.welcome-stat small{display:block;color:#008d62}.welcome-stat b{font-size:22px;color:#008d62}.announcement{display:flex;align-items:center;gap:12px;margin:25px 0;background:#e9fbf3;border:1px solid #a5efd0;border-radius:20px;padding:15px 18px;color:#007c5a;overflow:hidden;font-weight:750}.announcement>span{font-size:22px}.announcement-track{overflow:hidden;white-space:nowrap;flex:1}.announcement-track span{display:inline-block;animation:noticeScroll 18s linear infinite}@keyframes noticeScroll{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.dashboard-feature{background:#fff;border:1px solid #edf0f2;border-radius:27px;padding:22px;box-shadow:0 5px 22px #10182808}.feature-head{display:flex;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid #eef0f3}.feature-icon{width:50px;height:50px;border-radius:16px;background:#e5fff3;display:grid;place-items:center;font-size:24px}.feature-head h2{margin:0;font-size:19px;color:#253449}.feature-head p{margin:3px 0 0;color:#98a2b3;font-size:12px}.demo-link{margin-left:auto;text-decoration:none;color:#0786b7;background:#eef8ff;border:1px solid #d7efff;border-radius:12px;padding:10px 13px;font-size:13px;font-weight:800;white-space:nowrap}.feature-balance{margin:17px 0;background:linear-gradient(120deg,#009d70,#00b98a);color:#fff;border-radius:18px;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.feature-balance small{display:block;color:#d8fff0}.feature-balance strong{font-size:24px}.feature-balance a{color:#007b57;background:#fff;text-decoration:none;padding:9px 13px;border-radius:11px;font-size:12px;font-weight:800}.quick-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-stats a{background:#f7f9fb;border-radius:15px;padding:13px;text-decoration:none;color:#344054;display:grid;grid-template-columns:32px 1fr;align-items:center;column-gap:8px}.quick-stats a span{grid-row:span 2;font-size:22px}.quick-stats a b{font-size:13px}.quick-stats a small{font-size:11px}.notice-safe{margin:20px 0}.service-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 13px}.service-heading h2{font-size:20px;margin:0;color:#263548}.service-heading p{margin:3px 0 0;color:#98a2b3;font-size:12px}.service-heading>span{background:#e8fbf2;color:#008d62;padding:7px 12px;border-radius:20px;font-size:12px;font-weight:800}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-tile{position:relative;padding:15px;min-height:83px;border:1px solid #f0f2f4;box-shadow:0 4px 13px #10182808}.service-tile h3{font-size:14px}.service-tile small{font-size:11px}.service-arrow{margin-left:auto;font-size:27px;color:#a5b0bd}.service-copy{min-width:0}.site-footer{margin-left:0}
@media(min-width:900px){.sidebar{transform:translateX(0);width:255px;box-shadow:3px 0 18px #1018280b}.sidebar-backdrop{display:none!important}.with-sidebar{margin-left:275px;max-width:calc(1120px + 0px)}.menu-toggle{display:none}.sidebar-close{display:none}.top-inner{padding-left:255px}.site-footer{margin-left:255px}}
@media(max-width:600px){.top{padding:10px 12px;min-height:66px}.top-inner{gap:9px}.brand{font-size:21px}.top-user{gap:8px}.top-user strong{font-size:13px;max-width:85px}.avatar{width:42px;height:42px}.balance-chip{min-width:82px;padding:7px 10px}.balance-chip b{font-size:14px}.wrap{margin:16px auto;padding:0 12px}.welcome-strip{padding:17px;border-radius:20px}.welcome-strip h1{font-size:19px}.welcome-stat{padding:9px 14px;min-width:75px}.announcement{margin:17px 0;padding:12px 14px}.dashboard-feature{padding:15px;border-radius:22px}.feature-head h2{font-size:16px}.demo-link{font-size:11px;padding:8px}.feature-balance{padding:14px}.feature-balance strong{font-size:20px}.quick-stats{gap:8px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service-tile{padding:11px;gap:8px;min-height:76px}.service-tile .ico{width:35px;height:35px;font-size:18px;border-radius:11px}.service-tile h3{font-size:12px}.service-tile small{font-size:10px}.service-arrow{font-size:22px}.service-heading h2{font-size:18px}}

/* Per-service configurable form builder/customer form */
.service-order-card{max-width:720px}.service-order-card .field label{font-weight:800;color:#344054}.service-order-card .field small{display:block;margin-top:7px;color:#667085}.service-order-card .price{display:inline-block;background:#e9fbf3;border-radius:13px;padding:12px 16px;margin:12px 0}
.confirm-overlay[hidden]{display:none!important}

.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-top:16px}
.service-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eef0f3;border-radius:15px;padding:13px;text-decoration:none;color:#344054;box-shadow:0 4px 14px #10182808;min-width:0}
.service-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#e7f8ef;font-size:21px}
.service-card b,.service-card small,.service-card strong{display:block}.service-card b{font-size:13px}.service-card small{font-size:11px;color:#98a2b3;margin:3px 0}.service-card strong{font-size:13px;color:#008b59}

/* Correct service catalogue layout */
.dashboard-feature .service-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:16px!important}
.dashboard-feature .service-tile{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;padding:12px!important;border:1px solid #eef0f3!important;border-radius:14px!important;background:#fff!important;color:#344054!important;text-decoration:none!important;box-shadow:0 3px 12px #10182808!important}
.dashboard-feature .service-tile .ico{display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;border-radius:11px!important;background:#e8fbf2!important;font-size:19px!important}
.dashboard-feature .service-copy{min-width:0!important;flex:1!important}.dashboard-feature .service-copy h3{margin:0!important;font-size:13px!important;line-height:1.4!important;color:#344054!important}.dashboard-feature .service-copy small{display:block!important;margin-top:4px!important;font-size:11px!important;color:#667085!important}.dashboard-feature .service-arrow{margin-left:auto!important;font-size:24px!important;color:#98a2b3!important}
@media(max-width:480px){.dashboard-feature .service-grid{grid-template-columns:1fr!important}}

.admin-view .site-footer{margin-left:0!important}

/* Service cards: enforce the customer dashboard grid */
.dashboard-feature .service-grid{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 align-items:stretch!important;
 gap:10px!important;
 width:100%!important;
 margin:16px 0 0!important;
}
.dashboard-feature .service-grid>.service-tile{
 box-sizing:border-box!important;
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:flex-start!important;
 position:relative!important;
 width:100%!important;
 min-width:0!important;
 min-height:76px!important;
 margin:0!important;
 padding:11px!important;
 overflow:hidden!important;
 border:1px solid #eef0f3!important;
 border-radius:14px!important;
 background:#fff!important;
 color:#344054!important;
 text-decoration:none!important;
 box-shadow:0 3px 12px #10182808!important;
}
.dashboard-feature .service-tile .ico{
 display:grid!important;place-items:center!important;
 flex:0 0 36px!important;width:36px!important;height:36px!important;
 border-radius:11px!important;background:#e8fbf2!important;font-size:18px!important;
}
.dashboard-feature .service-tile .service-copy{display:block!important;flex:1 1 auto!important;min-width:0!important}
.dashboard-feature .service-tile .service-copy h3{display:block!important;margin:0!important;padding:0!important;font-size:12px!important;line-height:1.4!important;font-weight:800!important;color:#344054!important}
.dashboard-feature .service-tile .service-copy small{display:block!important;margin:4px 0 0!important;font-size:10px!important;line-height:1.35!important;color:#667085!important}
.dashboard-feature .service-tile .service-arrow{display:none!important}
@media(min-width:700px){.dashboard-feature .service-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* Always-visible shortcut back to admin dashboard on every admin page */
.admin-dashboard-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:11px;background:#e8fbf2;color:#008b59!important;text-decoration:none!important;font-size:13px;font-weight:800;white-space:nowrap;border:1px solid #c9f2df}
.admin-dashboard-link:first-letter{font-size:19px}
@media(max-width:480px){.admin-dashboard-link{padding:8px 9px;font-size:11px;gap:3px}.admin-dashboard-link:first-letter{font-size:17px}}

/* Mobile recharge form controls */
.service-order-card .field select{width:100%;box-sizing:border-box;padding:16px;border:1px solid #d0d5dd;border-radius:15px;background:#fff;color:#344054;font:inherit;font-size:16px}

/* Admin header/dashboard restoration */
.admin-view .admin-dashboard-link{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border-radius:10px;background:#eafbf3;color:#008b61;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}
.admin-view .top-inner{max-width:1180px;margin:0 auto}
.admin-view .top-user{margin-left:auto}
.admin-view .admin-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px}
.admin-view .admin-menu-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#344054;background:#fff;border:1px solid #eaecf0;border-radius:17px;padding:19px;box-shadow:0 4px 15px #1018280a}
.admin-view .admin-menu-card span{font-size:30px}.admin-view .admin-menu-card b{font-size:17px}.admin-view .admin-menu-card small{color:#667085;line-height:1.5}
.admin-view .admin-menu-card.primary{background:#eafbf3;border-color:#a6f4c5;color:#027a48}
@media(max-width:600px){.admin-view .admin-dashboard-link span{display:none}.admin-view .admin-dashboard-link{padding:9px}}

.admin-view .admin-stats .stat{font-size:clamp(19px,3vw,28px);overflow-wrap:anywhere}
.admin-view .admin-stats .card{min-width:0}