@import url("https://fonts.googleapis.com/css2?family=Tiro+Bangla:ital@0;1&display=swap");
/* POS SaaS v8 - clean modern POS dashboard UI applied globally */
:root{
  --ui-bg:#f8fafc;
  --ui-card:#ffffff;
  --ui-text:#0f172a;
  --ui-muted:#64748b;
  --ui-border:#e8edf5;
  --ui-primary:#5b45f2;
  --ui-primary-soft:#f1edff;
  --ui-blue:#0ea5ff;
  --ui-green:#22c55e;
  --ui-orange:#f59e0b;
  --ui-red:#f43f5e;
  --ui-radius:16px;
  --ui-radius-lg:22px;
  --ui-shadow:0 16px 45px rgba(15,23,42,.07);
  --ui-shadow-sm:0 8px 24px rgba(15,23,42,.05);
  --ui-font:"Tiro Bangla","Inter","SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{min-height:100%;}
body{margin:0!important;background:var(--ui-bg)!important;color:var(--ui-text)!important;font-family:var(--ui-font)!important;font-size:14px!important;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;}
body:before{content:"";position:fixed;inset:0;z-index:-5;background:linear-gradient(180deg,#fff 0%,#f8fafc 36%,#f6f8fc 100%);} 
body:after{content:"";position:fixed;left:0;right:0;top:0;height:1px;background:#fff;z-index:99999;}

/* Layout */
.admin-sidebar,.shop-sidebar{width:238px!important;background:#fff!important;color:var(--ui-text)!important;border-right:1px solid var(--ui-border)!important;box-shadow:0 0 0 0 transparent!important;padding:16px 12px!important;overflow:auto!important;}
.admin-content,.shop-main{margin-left:238px!important;background:var(--ui-bg)!important;min-height:100vh!important;padding:92px 22px 26px!important;}
.admin-content .container,.shop-content{max-width:none!important;width:100%!important;margin:0 auto!important;}

/* Brand */
.admin-brand,.shop-brand{padding:8px 8px 22px!important;margin:0 0 14px!important;border:0!important;background:transparent!important;display:flex!important;align-items:center!important;gap:12px!important;}
.admin-brand-logo,.shop-logo{width:40px!important;height:40px!important;min-width:40px!important;border-radius:10px!important;background:linear-gradient(135deg,#5b45f2,#7c3aed)!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 10px 22px rgba(91,69,242,.22)!important;font-size:20px!important;}
.admin-brand h3,.shop-brand h2{margin:0!important;color:#0b1220!important;font-weight:850!important;font-size:22px!important;line-height:1.05!important;letter-spacing:-.04em!important;}
.admin-brand small,.shop-brand p{display:block!important;margin:3px 0 0!important;color:#6b7890!important;font-size:12px!important;font-weight:650!important;}

/* Sidebar menu */
.admin-menu,.shop-menu{padding:0!important;overflow:visible!important;}
.shop-menu-title,.admin-menu-title{display:none!important;}
.admin-menu a,.admin-sub-toggle,.shop-menu a,.shop-sub-toggle{height:46px!important;min-height:46px!important;margin:2px 0!important;padding:0 12px!important;border-radius:8px!important;background:transparent!important;border:1px solid transparent!important;color:#53627b!important;text-decoration:none!important;display:flex!important;align-items:center!important;gap:12px!important;font-size:14px!important;font-weight:720!important;box-shadow:none!important;transition:background .15s ease,color .15s ease!important;transform:none!important;}
.admin-menu a:hover,.admin-menu a.active,.admin-sub-toggle:hover,.admin-sub.open>.admin-sub-toggle,.shop-menu a:hover,.shop-menu a.active,.shop-sub-toggle:hover,.shop-sub.open>.shop-sub-toggle{background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important;border-color:#eee8ff!important;box-shadow:none!important;transform:none!important;}
.admin-icon,.shop-menu a span:first-child,.shop-sub-toggle span:first-child{width:24px!important;height:24px!important;min-width:24px!important;background:transparent!important;color:inherit!important;display:grid!important;place-items:center!important;font-size:18px!important;box-shadow:none!important;border-radius:0!important;}
.admin-sub-items,.shop-sub-items{margin:3px 0 8px 35px!important;padding:0!important;border-left:0!important;display:none;}
.admin-sub.open .admin-sub-items,.shop-sub.open .shop-sub-items{display:block!important;}
.admin-sub-items a,.shop-sub-items a{height:38px!important;min-height:38px!important;font-size:13px!important;color:#667085!important;padding:0 10px!important;}
.admin-caret,.shop-caret{margin-left:auto!important;color:#8a96a8!important;}
.admin-sidebar-footer,.shop-logout{margin:16px 0 0!important;padding:12px!important;border:1px solid var(--ui-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;}
.admin-sidebar-footer a,.shop-logout a{color:#111827!important;background:transparent!important;text-decoration:none!important;display:flex!important;gap:10px!important;align-items:center!important;font-weight:760!important;}

/* Topbar like reference */
.pos-topbar{position:fixed;left:238px;right:0;top:0;height:72px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--ui-border);z-index:40;display:flex;align-items:center;gap:18px;padding:0 22px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
.pos-sidebar-toggle{width:40px;height:40px;border:0!important;border-radius:12px!important;background:#fff!important;color:#29364f!important;box-shadow:none!important;font-size:22px!important;padding:0!important;display:grid!important;place-items:center!important;}
.pos-topbar-search{flex:1;max-width:510px;margin:0 auto;position:relative;}
.pos-topbar-search span{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#65738b;font-size:22px;line-height:1;}
.pos-topbar-search input{width:100%!important;height:44px!important;border:1px solid #dfe5ef!important;border-radius:11px!important;background:#fff!important;padding:0 52px!important;font-size:14px!important;color:#334155!important;box-shadow:0 7px 18px rgba(15,23,42,.025)!important;}
.pos-topbar-search:after{content:"⌘ K";position:absolute;right:10px;top:50%;transform:translateY(-50%);height:24px;min-width:40px;border-radius:8px;background:#f1f5f9;color:#8a96a8;font-size:12px;font-weight:800;display:grid;place-items:center;}
.pos-topbar-actions{display:flex;align-items:center;gap:12px;margin-left:auto;}
.pos-icon-btn,.pos-new-sale{height:44px;border:1px solid #dfe5ef!important;border-radius:10px!important;background:#fff!important;color:#334155!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:780!important;box-shadow:none!important;padding:0 15px!important;}
.pos-icon-btn{width:44px;padding:0!important;font-size:18px!important;}
.pos-new-sale{background:linear-gradient(135deg,#6d5dfc,#4f37e8)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 12px 26px rgba(91,69,242,.22)!important;}
.pos-topbar .app-lang-switch{height:44px!important;margin:0!important;background:#fff!important;border:1px solid #dfe5ef!important;border-radius:10px!important;padding:5px 8px!important;box-shadow:none!important;}
.pos-topbar .app-lang-switch span{display:none!important}.pos-topbar .app-lang-switch a{height:31px!important;min-width:48px!important;}

/* Page header */
.shop-page-head{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0 0 16px!important;color:var(--ui-text)!important;}
.shop-page-head:before{display:none!important;}
.shop-page-head h1{font-size:23px!important;line-height:1.15!important;margin:0 0 6px!important;color:#0b1220!important;font-weight:880!important;letter-spacing:-.04em!important;}
.shop-page-head p{font-size:14px!important;margin:0!important;color:#64748b!important;font-weight:600!important;}
.admin-content h1,.admin-content h2,.shop-content h1,.shop-content h2{color:#0b1220!important;font-weight:850!important;letter-spacing:-.04em!important;}

/* Cards, stats, panels */
.admin-content .card,.admin-content .box,.admin-content .create-card,.admin-content .panel,.shop-content .box,.shop-content .panel,.shop-content form:not(.inline-form),.shop-content > p:first-of-type,.dashboard-hero,.panel,.stat-card,.dash-card,.wrapper{background:#fff!important;border:1px solid var(--ui-border)!important;border-radius:12px!important;box-shadow:var(--ui-shadow-sm)!important;color:var(--ui-text)!important;}
.admin-content .card,.admin-content .box,.admin-content .create-card,.admin-content .panel,.shop-content .box,.shop-content .panel,.shop-content form:not(.inline-form){padding:18px!important;margin-bottom:16px!important;}
.dashboard-hero{background:#fff!important;color:#0b1220!important;padding:22px!important;margin-bottom:18px!important;}
.dashboard-hero:after{display:none!important}.hero-kicker{background:#f3f0ff!important;color:var(--ui-primary)!important;border:1px solid #e8e2ff!important}.hero-title{color:#0b1220!important}.hero-subtitle{color:#64748b!important}.hero-btn{border-radius:10px!important;background:var(--ui-primary)!important;color:#fff!important;box-shadow:0 12px 24px rgba(91,69,242,.18)!important}.hero-btn.secondary{background:#f3f0ff!important;color:var(--ui-primary)!important;border:1px solid #e8e2ff!important;}
.stat-grid,.dash-card-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-bottom:18px!important;}
.stat-card,.dash-card{min-height:128px!important;padding:20px!important;position:relative!important;overflow:hidden!important;}
.stat-card:after,.dash-card:after{content:"";position:absolute;right:24px;top:24px;width:48px;height:48px;border-radius:12px;background:#f3f0ff;box-shadow:inset 0 0 0 1px #eee8ff;}
.stat-icon,.dash-icon{position:absolute!important;right:24px!important;top:24px!important;width:48px!important;height:48px!important;border-radius:12px!important;background:transparent!important;color:var(--ui-primary)!important;display:grid!important;place-items:center!important;font-size:22px!important;z-index:1!important;margin:0!important;box-shadow:none!important;}
.stat-label,.dash-card h4{font-size:14px!important;font-weight:700!important;color:#64748b!important;margin:0 0 16px!important;}
.stat-value,.dash-card h2{font-size:27px!important;font-weight:900!important;color:#0b1220!important;margin:0 0 14px!important;letter-spacing:-.04em!important;}
.stat-note,.dash-card small{font-size:13px!important;color:#64748b!important;font-weight:650!important;}
.stat-note:before,.dash-card small:before{content:"↑ ";color:#16a34a;font-weight:900;}
.dash-grid{display:grid!important;grid-template-columns:1.3fr .9fr!important;gap:16px!important;margin-bottom:16px!important;}
.quick-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
.quick-actions a{min-height:82px!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;background:#fafbff!important;color:var(--ui-primary)!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:7px!important;font-weight:760!important;box-shadow:none!important;}
.quick-actions b{font-size:25px!important;}

/* Tables */
.admin-content table,.shop-content table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border:1px solid var(--ui-border)!important;border-radius:12px!important;overflow:hidden!important;box-shadow:none!important;margin:10px 0 16px!important;}
.admin-content th,.shop-content th{height:45px!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--ui-border)!important;color:#667085!important;font-size:12px!important;font-weight:800!important;letter-spacing:0!important;text-transform:none!important;padding:12px 14px!important;text-align:left!important;}
.admin-content td,.shop-content td{height:48px!important;background:#fff!important;color:#334155!important;border:0!important;border-bottom:1px solid #eef2f7!important;padding:12px 14px!important;vertical-align:middle!important;}
.admin-content tr:last-child td,.shop-content tr:last-child td{border-bottom:0!important;}
.admin-content tr:hover td,.shop-content tr:hover td{background:#fbfcff!important;}
.table-wrap{overflow:auto!important;border-radius:12px!important;}

/* Forms and buttons */
.admin-content input,.admin-content select,.admin-content textarea,.shop-content input,.shop-content select,.shop-content textarea,.login-card-glass input{border:1px solid #dfe5ef!important;border-radius:10px!important;background:#fff!important;color:#0f172a!important;padding:11px 13px!important;min-height:42px;box-shadow:none!important;}
.admin-content input:focus,.admin-content select:focus,.admin-content textarea:focus,.shop-content input:focus,.shop-content select:focus,.shop-content textarea:focus{outline:none!important;border-color:var(--ui-primary)!important;box-shadow:0 0 0 4px rgba(91,69,242,.12)!important;}
button,.btn,input[type=submit],.admin-content button,.admin-content .btn,.shop-content button,.shop-content .btn,.shop-content input[type=submit]{border:0!important;border-radius:10px!important;background:var(--ui-primary)!important;color:#fff!important;min-height:40px!important;padding:10px 15px!important;font-weight:820!important;box-shadow:0 9px 20px rgba(91,69,242,.18)!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;}
button:hover,.btn:hover,input[type=submit]:hover{transform:translateY(-1px);}
.danger,.btn-danger{background:var(--ui-red)!important;box-shadow:0 9px 20px rgba(244,63,94,.16)!important;}.success,.btn-success{background:var(--ui-green)!important;box-shadow:0 9px 20px rgba(34,197,94,.16)!important;}.warning,.btn-warning{background:var(--ui-orange)!important;color:#111827!important;}
.badge,.shop-content .badge,.admin-content .badge{border-radius:999px!important;padding:6px 10px!important;background:#f1f5f9!important;color:#475569!important;font-size:12px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;}
.badge.success{background:#dcfce7!important;color:#15803d!important}.badge.danger{background:#ffe4e6!important;color:#be123c!important}.badge.warning{background:#fef3c7!important;color:#b45309!important}

/* Branch/user boxes in sidebar */
.app-lang-switch{margin:12px 0!important;background:#f8fafc!important;border:1px solid var(--ui-border)!important;border-radius:12px!important;padding:6px!important;display:flex!important;gap:5px!important;align-items:center!important;}
.app-lang-switch span{display:none!important}.app-lang-switch a{height:30px!important;border-radius:9px!important;color:#53627b!important;text-decoration:none!important;font-weight:800!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important;padding:0 10px!important}.app-lang-switch a.active{background:#fff!important;color:var(--ui-primary)!important;box-shadow:0 4px 12px rgba(15,23,42,.06)!important;}
.app-dynamic-footer{background:transparent!important;border:0!important;box-shadow:none!important;color:#64748b!important;padding:16px 0 0!important;margin-top:24px!important;font-size:13px!important;}
.app-footer-links a{color:var(--ui-primary)!important;}

/* Login refinement */
body .wrapper.login-card-glass{border-radius:20px!important;border:1px solid var(--ui-border)!important;box-shadow:var(--ui-shadow)!important;background:#fff!important;}
.login-card-glass .left{background:linear-gradient(135deg,#f9f7ff,#eef7ff)!important;color:#0b1220!important;}
.login-card-glass .left h1{color:#0b1220!important}.login-card-glass .left p{color:#64748b!important}.login-card-glass .right{background:#fff!important;}

/* Responsive */
@media(max-width:1100px){.stat-grid,.dash-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dash-grid{grid-template-columns:1fr!important}.quick-actions{grid-template-columns:repeat(3,1fr)!important}.pos-topbar-search{max-width:420px}}
@media(max-width:760px){.admin-sidebar,.shop-sidebar{transform:translateX(-100%)!important;width:238px!important;transition:.22s!important}.admin-sidebar.mobile-open,.shop-sidebar.open{transform:translateX(0)!important}.admin-content,.shop-main{margin-left:0!important;padding:88px 14px 20px!important}.pos-topbar{left:0!important;padding:0 12px!important;gap:10px}.pos-topbar-search{display:none}.pos-new-sale{padding:0 12px!important}.stat-grid,.dash-card-grid{grid-template-columns:1fr!important}.quick-actions{grid-template-columns:repeat(2,1fr)!important}.shop-page-head h1{font-size:22px!important}.admin-content table,.shop-content table{display:block!important;overflow:auto!important}.admin-mobile-toggle{display:none!important}}
@media(max-width:480px){.quick-actions{grid-template-columns:1fr!important}.pos-topbar .app-lang-switch{display:none!important}.pos-icon-btn{display:none!important}}

/* Tiro Bangla global override */
html,body,input,select,textarea,button,table,.admin-sidebar,.shop-sidebar,.pos-topbar,.app-dynamic-footer{font-family:"Tiro Bangla",var(--pos-font,var(--ui-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif))!important;}


/* Final POS reference design fixes: remove backup topbar support and working desktop sidebar toggle */
body.shop-sidebar-collapsed .shop-sidebar{transform:translateX(-100%)!important;}
body.shop-sidebar-collapsed .shop-main{margin-left:0!important;}
body.shop-sidebar-collapsed .pos-shop-topbar{left:0!important;}
.pos-topbar-actions .pos-icon-btn[href*="backup"]{display:none!important;}
.pos-topbar{height:70px!important;}
.shop-main,.admin-content{padding-top:96px!important;}
.pos-sidebar-toggle:hover{background:#f8fafc!important;color:var(--ui-primary)!important;border:1px solid #e8edf5!important;}
@media(max-width:760px){body.shop-sidebar-collapsed .shop-sidebar{transform:translateX(-100%)!important;}body.shop-sidebar-collapsed .shop-main{margin-left:0!important;}body.shop-sidebar-collapsed .pos-shop-topbar{left:0!important;}}