@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@600;700;800;900&family=Noto+Nastaliq+Urdu:wght@400;700&display=swap";:root{--bg: #070a14;--bg-surface: rgba(10, 14, 28, .95);--bg-card: rgba(14, 18, 34, .7);--bg-input: rgba(255,255,255,.04);--sidebar-w: 260px;--accent: #FFC107;--accent-dark: #e6ac00;--accent-s: rgba(255,193,7,.1);--accent-g: rgba(255,193,7,.25);--cyan: #00c8f0;--cyan-g: rgba(0,200,240,.2);--cyan-s: rgba(0,200,240,.07);--violet: #8b5cf6;--violet-g: rgba(139,92,246,.2);--violet-s: rgba(139,92,246,.07);--emerald: #10b981;--emerald-g: rgba(16,185,129,.2);--emerald-s: rgba(16,185,129,.07);--amber: #f59e0b;--amber-g: rgba(245,158,11,.2);--amber-s: rgba(245,158,11,.07);--rose: #f43f5e;--rose-g: rgba(244,63,94,.2);--rose-s: rgba(244,63,94,.07);--sky: #38bdf8;--sky-s: rgba(56,189,248,.07);--txt: #e2e8f0;--txt2: #94a3b8;--txt3: #475569;--border: rgba(255,255,255,.06);--border2: rgba(255,255,255,.1);--r: 10px;--r-lg: 16px;--r-xl: 24px;--t: all .2s ease}[data-theme=light]{--bg: #fafaf8;--bg-surface: rgba(255,255,255,.97);--bg-card: rgba(255,255,255,.9);--bg-input: rgba(0,0,0,.04);--accent: #e6ac00;--accent-dark: #c99600;--accent-s: rgba(230,172,0,.1);--accent-g: rgba(230,172,0,.25);--txt: #0f172a;--txt2: #334155;--txt3: #64748b;--border: rgba(0,0,0,.08);--border2: rgba(0,0,0,.14)}[data-theme=light] body{background:#f0f4f8;background-image:radial-gradient(ellipse 80% 50% at 5% 15%,rgba(0,200,240,.06) 0%,transparent 50%),radial-gradient(ellipse 60% 70% at 95% 85%,rgba(139,92,246,.06) 0%,transparent 50%)}[data-theme=light] .glass{background:#ffffffd9;border-color:#00000014;box-shadow:0 2px 20px #00000012}[data-theme=light] .card{background:#fffffff2;border-color:#00000014;box-shadow:0 2px 12px #0000000f}[data-theme=light] .sidebar{background:#fffffff7;border-color:#00000014}[data-theme=light] .topbar{background:#ffffffeb;border-color:#00000014}[data-theme=light] .input,[data-theme=light] .select-input,[data-theme=light] .textarea-input{background:#0000000a;border-color:#0000001f;color:var(--txt)}[data-theme=light] .tbl th{background:#0000000a;color:var(--txt3)}[data-theme=light] .tbl tr:hover td{background:#00000008}[data-theme=light] .bottom-nav{background:#fffffff7;border-color:#00000014}[data-theme=light] .modal-overlay{background:#00000059}[data-theme=light] .modal-box{background:#fff;border-color:#0000001a}[data-theme=light] .ai-panel{background:#fffffff7!important}[dir=rtl] body{font-family:Noto Nastaliq Urdu,Inter,sans-serif}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border);left:unset;right:0}[dir=rtl] .main-content{margin-left:0;margin-right:var(--sidebar-w)}[dir=rtl] .page-header,[dir=rtl] .stat-card-top{flex-direction:row-reverse}[dir=rtl] .tbl th,[dir=rtl] .tbl td{text-align:right}[dir=rtl] .modal-foot{flex-direction:row-reverse}[dir=rtl] .bottom-nav{direction:rtl}@media (max-width: 900px){[dir=rtl] .main-content{margin-right:0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--txt);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(ellipse 80% 50% at 5% 15%,rgba(0,200,240,.05) 0%,transparent 50%),radial-gradient(ellipse 60% 70% at 95% 85%,rgba(139,92,246,.05) 0%,transparent 50%);background-attachment:fixed}h1,h2,h3,h4{font-family:Outfit,sans-serif;letter-spacing:-.02em;color:var(--txt)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}a{text-decoration:none}.app-container{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.main-content::-webkit-scrollbar{width:5px}.main-content::-webkit-scrollbar-thumb{background:var(--border2);border-radius:9px}.page-body{padding:24px;flex:1}.glass{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);transition:var(--t)}.card:hover{border-color:var(--border2)}.sidebar{width:var(--sidebar-w);height:100vh;background:#050812fa;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden;z-index:100}.sidebar::-webkit-scrollbar{width:0}.sidebar-logo{padding:20px 18px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-logo-icon{width:36px;height:36px;border-radius:var(--r);flex-shrink:0;background:linear-gradient(135deg,var(--cyan),var(--violet));display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px var(--cyan-g)}.sidebar-logo-name{font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;background:linear-gradient(135deg,var(--cyan),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-logo-sub{font-size:.6rem;color:var(--txt3);letter-spacing:.08em;margin-top:1px}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.nav-group-label{font-size:.58rem;font-weight:700;letter-spacing:.14em;color:var(--txt3);padding:10px 8px 4px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r);color:var(--txt2);cursor:pointer;transition:var(--t);border:1px solid transparent;-webkit-user-select:none;user-select:none;position:relative}.nav-item:hover{color:var(--txt);background:#ffffff0a}.nav-item.active{color:var(--txt);background:var(--cyan-s);border-color:#00c8f02e}.nav-item.active:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;background:var(--cyan);border-radius:0 3px 3px 0;box-shadow:0 0 8px var(--cyan-g)}.nav-icon{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--t)}.nav-icon.c{background:var(--cyan-s);color:var(--cyan)}.nav-icon.v{background:var(--violet-s);color:var(--violet)}.nav-icon.e{background:var(--emerald-s);color:var(--emerald)}.nav-icon.a{background:var(--amber-s);color:var(--amber)}.nav-icon.r{background:var(--rose-s);color:var(--rose)}.nav-icon.s{background:#94a3b812;color:var(--txt2)}.nav-item.active .nav-icon.c{background:#00c8f02e;box-shadow:0 0 10px var(--cyan-g)}.nav-item.active .nav-icon.e{background:#10b9812e}.nav-item.active .nav-icon.a{background:#f59e0b2e}.nav-item.active .nav-icon.r{background:#f43f5e2e}.nav-item.active .nav-icon.v{background:#8b5cf62e}.nav-label{font-size:.85rem;font-weight:500;flex:1}.nav-badge{background:var(--rose);color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:99px;min-width:18px;text-align:center}.sidebar-user{padding:14px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;position:relative}.user-avatar-initials{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--cyan),var(--violet));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff}.user-info{flex:1;min-width:0}.user-name{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.7rem;color:var(--txt3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu{position:absolute;bottom:60px;left:10px;right:10px;z-index:200;background:#0a0e1cfa;border:1px solid var(--border2);border-radius:var(--r);overflow:hidden;animation:fadeIn .15s ease}.user-menu-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;cursor:pointer;transition:var(--t);color:var(--txt2)}.user-menu-item:hover{background:#ffffff0d;color:var(--txt)}.user-menu-item.danger{color:var(--rose)}.topbar{padding:14px 24px;background:#070a14e6;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:50}.search-wrap,.search-box{flex:1;max-width:380px;display:flex;align-items:center;gap:10px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);padding:9px 14px;transition:var(--t)}.search-wrap:focus-within,.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-s)}.search-wrap input,.search-box input,.search-input{background:transparent!important;border:none!important;outline:none!important;color:var(--txt)!important;flex:1;font-size:.875rem}.search-wrap input::placeholder,.search-box input::placeholder,.search-input::placeholder{color:var(--txt3)}.topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.icon-btn{width:38px;height:38px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-input);display:flex;align-items:center;justify-content:center;color:var(--txt2);transition:var(--t);position:relative}.icon-btn:hover{border-color:var(--border2);color:var(--txt)}.notif-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--rose);border-radius:50%;border:2px solid var(--bg)}.topbar-date{font-size:.75rem;color:var(--txt3);padding:8px 12px}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--r);font-size:.85rem;font-weight:600;border:none;transition:var(--t);white-space:nowrap}.btn-primary{background:var(--cyan);color:#03111a}.btn-primary:hover{box-shadow:0 0 16px var(--cyan-g);filter:brightness(1.1)}.btn-success{background:var(--emerald);color:#05261a}.btn-success:hover{box-shadow:0 0 16px var(--emerald-g)}.btn-danger{background:var(--rose);color:#fff}.btn-danger:hover{box-shadow:0 0 16px var(--rose-g)}.btn-ghost{background:var(--bg-input);border:1px solid var(--border);color:var(--txt2)}.btn-ghost:hover{border-color:var(--border2);color:var(--txt)}.btn-sm{padding:6px 12px;font-size:.78rem}.btn-lg{padding:12px 28px;font-size:.95rem}.btn-icon{padding:8px;width:36px;height:36px;border-radius:var(--r)}.input-wrap{display:flex;flex-direction:column;gap:6px}.input-label{font-size:.75rem;font-weight:600;color:var(--txt2);letter-spacing:.04em;text-transform:uppercase}.input,.select-input,.textarea-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r);padding:10px 14px;color:var(--txt);font-size:.875rem;outline:none;transition:var(--t);width:100%}.input:focus,.select-input:focus,.textarea-input:focus{border-color:#00c8f066;background:#00c8f00a;box-shadow:0 0 0 3px var(--cyan-s)}.select-input option{background:#0a0e1c}.textarea-input{resize:vertical;min-height:80px}.input-prefix{position:relative}.input-prefix .prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--txt3);font-size:.85rem}.input-prefix .input{padding-left:36px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-box{width:100%;max-width:540px;max-height:90vh;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border2);border-radius:var(--r-xl);animation:modalIn .3s cubic-bezier(.175,.885,.32,1.275)}.modal-box.wide{max-width:700px}.modal-head{padding:24px 24px 0;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.2rem;font-weight:700}.modal-body{padding:24px;display:flex;flex-direction:column;gap:18px}.modal-foot{padding:0 24px 24px;display:flex;gap:12px;justify-content:flex-end}.tbl-wrap{overflow-x:auto;border-radius:var(--r);border:1px solid var(--border)}.tbl{width:100%;border-collapse:collapse}.tbl th{padding:11px 16px;text-align:left;font-size:.72rem;font-weight:600;color:var(--txt3);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:#0003}.tbl td{padding:12px 16px;font-size:.875rem;border-bottom:1px solid var(--border)}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:#ffffff05}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:99px;font-size:.72rem;font-weight:600}.badge-success{background:var(--emerald-s);color:var(--emerald);border:1px solid var(--emerald-g)}.badge-warning{background:var(--amber-s);color:var(--amber);border:1px solid var(--amber-g)}.badge-danger{background:var(--rose-s);color:var(--rose);border:1px solid var(--rose-g)}.badge-info{background:var(--cyan-s);color:var(--cyan);border:1px solid var(--cyan-g)}.badge-purple{background:var(--violet-s);color:var(--violet);border:1px solid var(--violet-g)}.badge-neutral{background:#94a3b814;color:var(--txt2);border:1px solid var(--border)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-size:1.6rem;font-weight:800}.page-subtitle{font-size:.8rem;color:var(--txt3);margin-top:2px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{padding:20px}.stat-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.stat-card-icon{width:40px;height:40px;border-radius:var(--r);display:flex;align-items:center;justify-content:center}.stat-card-icon.c{background:var(--cyan-s);color:var(--cyan)}.stat-card-icon.e{background:var(--emerald-s);color:var(--emerald)}.stat-card-icon.a{background:var(--amber-s);color:var(--amber)}.stat-card-icon.r{background:var(--rose-s);color:var(--rose)}.stat-card-icon.v{background:var(--violet-s);color:var(--violet)}.stat-card-label{font-size:.75rem;color:var(--txt3);font-weight:500}.stat-card-value{font-size:1.9rem;font-weight:800;font-family:Outfit,sans-serif;margin:4px 0}.stat-card-meta{font-size:.75rem;color:var(--txt3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.anim-fade{animation:fadeIn .4s ease}.pos-layout{display:grid;grid-template-columns:1fr 360px;gap:20px;height:calc(100vh - 130px)}.pos-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;overflow-y:auto;content-visibility:auto}.pos-product-card{padding:18px;cursor:pointer;transition:var(--t)}.pos-product-card:hover{border-color:#00c8f04d;box-shadow:0 4px 20px #00c8f014}.pos-product-card.out-of-stock{opacity:.4;cursor:not-allowed}.pos-cart{display:flex;flex-direction:column;height:100%}.pos-cart-items{flex:1;overflow-y:auto;padding:4px 0}.pos-cart-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r);margin-bottom:8px;background:var(--bg-input);border:1px solid var(--border);transition:var(--t)}.qty-ctrl{display:flex;align-items:center;gap:6px}.qty-btn{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--txt);font-size:1rem;display:flex;align-items:center;justify-content:center;transition:var(--t)}.qty-btn:hover{border-color:var(--cyan);color:var(--cyan)}.pos-checkout{padding-top:14px;border-top:1px solid var(--border);margin-top:auto}.checkout-line{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:.85rem;color:var(--txt2)}.checkout-total{font-size:1.4rem;font-weight:800;color:var(--cyan)}.receipt{background:#fff;color:#1a1a1a;padding:32px;font-family:Courier New,monospace;max-width:360px;margin:0 auto;border-radius:4px}.receipt h2{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;text-align:center;margin-bottom:4px}.receipt-meta{text-align:center;font-size:.75rem;color:#555;border-bottom:2px dashed #ccc;padding-bottom:12px;margin-bottom:12px}.receipt-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:6px}.receipt-total-row{border-top:2px dashed #ccc;margin-top:10px;padding-top:10px;font-weight:700;font-size:1rem;display:flex;justify-content:space-between}.receipt-footer{text-align:center;font-size:.7rem;color:#777;border-top:1px solid #eee;padding-top:12px;margin-top:12px}.khata-card{padding:20px}.khata-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0}.khata-balance-positive{color:var(--rose);font-weight:800;font-size:1.3rem}.khata-balance-negative{color:var(--emerald);font-weight:800;font-size:1.3rem}.txn-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:.82rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg)}.login-card{width:100%;max-width:420px}.login-head{text-align:center;margin-bottom:32px}.login-icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,var(--cyan),var(--violet));display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 0 30px var(--cyan-g)}.emp-card{padding:24px;text-align:center}.emp-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--cyan));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;margin:0 auto 14px;border:3px solid var(--violet-g)}.ai-fab{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--cyan));display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px var(--violet-g);z-index:500;animation:floatUp 3s ease-in-out infinite;transition:var(--t)}.ai-fab:hover{transform:scale(1.1)}.ai-panel{position:fixed;bottom:88px;right:24px;width:330px;height:460px;z-index:500;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-xl);border:1px solid rgba(0,200,240,.25);box-shadow:0 16px 48px #0009}.ai-messages{flex:1;padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.ai-msg{padding:10px 14px;border-radius:14px;max-width:85%;font-size:.82rem;line-height:1.5}.ai-msg.bot{background:#ffffff0d;border:1px solid var(--border);align-self:flex-start}.ai-msg.user{background:var(--cyan-s);border:1px solid rgba(0,200,240,.25);align-self:flex-end}.ai-input-row{padding:12px;border-top:1px solid var(--border);display:flex;gap:10px;align-items:center;background:var(--bg)}.ai-input-row .input{border-radius:10px;border:1px solid var(--border)}.ai-input-row .btn-icon{flex-shrink:0;width:38px;height:38px}.text-cyan{color:var(--cyan)}.text-rose{color:var(--rose)}.text-emerald{color:var(--emerald)}.text-amber{color:var(--amber)}.text-muted{color:var(--txt3)}.font-bold{font-weight:700}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.w-full{width:100%}.text-center{text-align:center}.text-sm{font-size:.8rem}.text-xs{font-size:.7rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.empty-state{text-align:center;padding:60px 20px;color:var(--txt3)}.empty-state svg{opacity:.15;margin-bottom:12px}.credit-footer{position:fixed;bottom:0;right:12px;font-size:9px;color:#00c8f059;background:#000c;padding:4px 12px;border-radius:6px 6px 0 0;border:1px solid rgba(0,200,240,.08);border-bottom:none;z-index:9999}.module-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.module-body::-webkit-scrollbar{width:4px}.module-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:9px}input,select,textarea{font-size:16px!important}@media (min-width: 768px){input,select,textarea{font-size:.875rem!important}}.app-container{padding-bottom:env(safe-area-inset-bottom)}.bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);box-shadow:0 -4px 20px #0003}.bottom-nav-inner{display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:8px 6px;gap:2px;scrollbar-width:none}.bottom-nav-inner::-webkit-scrollbar{display:none}.nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:62px;flex-shrink:0;background:none;border:none;color:var(--txt3);padding:4px 0;transition:var(--t);cursor:pointer}.nav-tab.active{color:var(--accent)}.nav-tab-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:var(--t)}.nav-tab.active .nav-tab-icon{background:var(--accent-s);color:var(--accent);transform:translateY(-2px)}.nav-tab-label{font-size:9px;font-weight:600}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active svg{filter:drop-shadow(0 0 6px var(--accent-g))}.bottom-nav-item:active{opacity:.7}@media (max-width: 900px){.sidebar{display:none}.bottom-nav{display:flex}.main-content{padding-bottom:64px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.form-grid{grid-template-columns:1fr}.form-grid-3{grid-template-columns:1fr 1fr}.pos-layout{grid-template-columns:1fr;height:auto;overflow:visible}.pos-products{min-height:200px}.pos-cart{height:auto;max-height:none}.page-body{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header .btn{align-self:flex-start}.topbar{padding:10px 16px}.search-wrap{max-width:none}.topbar-date{display:none}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-overlay{padding:0;align-items:flex-end}.modal-box{border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:92vh;width:100%;max-width:100%}.khata-card{padding:16px}.emp-card{padding:20px}.ai-panel{right:0;left:0;width:100%;border-radius:var(--r-xl) var(--r-xl) 0 0;bottom:64px}.ai-fab{bottom:76px;right:16px}.credit-footer{display:none}.glass[style*=grid-template-columns]{grid-template-columns:1fr!important}}@media (max-width: 420px){.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card-value{font-size:1.4rem}.pos-products{grid-template-columns:repeat(2,1fr);gap:10px}.login-card{padding:28px 20px!important}}@media (max-width: 900px) and (orientation: landscape){.pos-layout{grid-template-columns:1fr 1fr;height:calc(100vh - 120px)}.stat-grid{grid-template-columns:repeat(4,1fr)}}@media (hover: none){.card:hover{border-color:var(--border)}.nav-item:hover{background:transparent}.btn:hover{box-shadow:none;filter:none}.pos-product-card:active{border-color:#00c8f066;box-shadow:0 0 16px var(--cyan-g)}.bottom-nav-item:active{background:#ffffff0d}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes anim-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anim-fade{animation:anim-fade-in .25s ease}#barcode-scanner-container{width:100%;height:220px;border-radius:10px;overflow:hidden;background:#000}#barcode-scanner-container video{width:100%;height:100%;object-fit:cover}@media print{body>*{display:none!important}.modal-overlay,.modal-box{display:block!important;position:static!important;background:#fff!important;box-shadow:none!important;border:none!important}.modal-overlay{padding:0!important}.modal-box{max-width:100%!important;width:100%!important}.modal-head,.modal-foot{display:none!important}.modal-body{padding:0!important;overflow:visible!important;max-height:none!important}.receipt-print{font-family:Courier New,Courier,monospace!important;font-size:12px!important;color:#000!important;background:#fff!important;width:80mm!important;max-width:80mm!important;margin:0 auto!important;padding:4mm!important;page-break-after:always}.receipt-print *{color:#000!important;background:transparent!important;border-color:#000!important}.receipt-business-name{font-size:16px!important;font-weight:700!important;text-align:center!important}.receipt-divider{border-top:1px dashed #000!important;margin:4px 0!important}.receipt-row{display:flex!important;justify-content:space-between!important;font-size:11px!important;padding:1px 0!important}.receipt-total-row{display:flex!important;justify-content:space-between!important;font-size:14px!important;font-weight:700!important;border-top:2px solid #000!important;padding-top:4px!important;margin-top:2px!important}.receipt-center{text-align:center!important}.receipt-footer{text-align:center!important;font-size:10px!important;margin-top:8px!important;border-top:1px dashed #000!important;padding-top:6px!important}.receipt-item-name{max-width:60%!important;word-break:break-word!important}.receipt-logo{max-width:60px!important;max-height:60px!important;display:block!important;margin:0 auto 6px!important}.btn,button,nav,aside,header,.sidebar,.topbar,.bottom-nav{display:none!important}@page{size:80mm auto;margin:0}}.btn-primary{background:var(--accent);color:#000;font-weight:800;border:none}.btn-primary:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-g)}.btn-success{background:var(--emerald);color:#fff;font-weight:700;border:none}.btn-success:hover:not(:disabled){background:#0ea16e}.sidebar-item.active{background:var(--accent-s)!important;border-left:3px solid var(--accent)!important;color:var(--accent)!important}.sidebar-item.active svg{color:var(--accent)!important}.badge-primary{background:var(--accent-s);color:var(--accent);border:1px solid var(--accent-g)}.input:focus,.select-input:focus,.textarea-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-s)!important}.topbar{border-bottom:1px solid var(--accent-g)}.page-title:after{display:none}.login-icon{background:linear-gradient(135deg,var(--accent),#ff8c00)!important;box-shadow:0 6px 24px var(--accent-g)!important}@media (max-width: 768px){*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden;width:100%;max-width:100vw}.btn,button:not(.qty-btn):not(.icon-btn){min-height:44px;min-width:44px;padding:10px 14px;font-size:.85rem}.btn-sm{min-height:36px;min-width:36px;padding:6px 10px;font-size:.78rem}.icon-btn{min-width:40px;min-height:40px;width:40px;height:40px}.app-container{flex-direction:column}.main-content{margin-left:0!important;padding-bottom:80px;width:100%}.sidebar{display:none!important}.topbar{padding:8px 12px;gap:8px}.topbar-search{flex:1;min-width:0}.topbar-search input{font-size:.82rem;padding:8px 10px 8px 32px}.topbar-date{display:none}.topbar-right{gap:6px}.page-body{padding:12px}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:10px}.page-header>div:last-child{width:100%;display:flex;gap:8px;flex-wrap:wrap}.page-header .btn{flex:1;justify-content:center}.page-title{font-size:1.2rem}.stats-grid,div[style*="grid-template-columns: repeat(4"],div[style*="grid-template-columns: repeat(5"]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.card{padding:12px!important;border-radius:12px}.glass{border-radius:12px}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tbl{min-width:500px}.tbl th,.tbl td{padding:8px 10px;font-size:.78rem}.modal-overlay{align-items:flex-end;padding:0}.modal-box{width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;max-height:92vh;overflow-y:auto;margin:0!important}.modal-body{padding:16px}.modal-foot{padding:12px 16px;gap:10px}.modal-foot .btn{flex:1}.form-grid,.grid-2,div[style*="grid-template-columns: 1fr 1fr"],div[style*="grid-template-columns: repeat(2"],div[style*="grid-template-columns: 2fr 1fr 1fr"]{grid-template-columns:1fr!important}.pos-layout{flex-direction:column!important;height:auto!important}.pos-products{height:300px;overflow-y:auto}.pos-cart{height:auto;max-height:60vh}.pos-product-card{padding:10px}.login-page{padding:40px 12px 12px;align-items:flex-start;min-height:100vh}.login-card{padding:24px 18px!important;width:100%;max-width:100%;border-radius:16px}.bottom-nav{display:flex!important}.search-box{width:100%}.search-input{font-size:.85rem}div[style*="gridTemplateColumns: 'repeat(3, 1fr)'"],div[style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important;gap:8px!important}.page-header{flex-wrap:wrap}.page-header>div{width:100%}div[style*="display: 'flex'"][style*=gap][style*=flexWrap]{flex-wrap:wrap!important}.credit-footer{font-size:.6rem;padding:6px 12px;text-align:center}.credit-footer span{display:none}div[style*="gridTemplateColumns: 'repeat(3, 1fr)'"]{grid-template-columns:1fr 1fr!important}.bottom-nav{height:64px;padding:0 4px}.bottom-nav-item{padding:6px 4px;font-size:.6rem;gap:2px}.bottom-nav-item svg{width:20px;height:20px}div[style*="display: 'flex'"][style*="flex-wrap: 'wrap'"]{gap:8px!important}div[style*="min(600px, 95vw)"]{width:96vw!important;top:8vh!important}.compact-alert-list{display:flex!important;flex-direction:column!important;gap:6px!important}.compact-alert-list>div{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:8px 10px!important;font-size:.75rem!important}.compact-alert-list>div>div:first-child{font-weight:600!important}.alert-container-mobile h3{font-weight:800!important}}@media (max-width: 380px){.page-body{padding:8px}.page-title{font-size:1.05rem}.btn{font-size:.78rem;padding:9px 10px}.tbl th,.tbl td{padding:6px 8px;font-size:.72rem}.login-card{padding:18px 14px!important}.bottom-nav-item span{display:none}.bottom-nav{justify-content:space-around}}