@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#0f172a;--bg-page:#eef3f8;--text-main:#0f172a;--surface-card:#fff;--border-main:#dce3ef;--sidebar-bg:#fff;--input-bg:#fff;--outline-btn-bg:#fff;--outline-btn-text:#0a66d0;--outline-btn-border:#0a66d0;--navbar-start:#0b4fb2;--navbar-end:#0a66d0;background:#eef3f8;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg-page,#eef3f8);color:var(--text-main,#0f172a);margin:0;transition:background-color .35s,color .35s}a{color:inherit;text-decoration:none}.navbar{color:#fff;background:linear-gradient(90deg, var(--navbar-start), var(--navbar-end));z-index:20;justify-content:space-between;align-items:center;padding:12px 18px;display:flex;position:sticky;top:0}.brand-group{align-items:center;gap:10px;display:flex}.brand{letter-spacing:.2px}.role-tag{background:#fff3;border-radius:999px;padding:4px 8px;font-size:11px}.nav-links{gap:12px;display:flex}.layout{grid-template-columns:240px 1fr;min-height:calc(100vh - 56px);display:grid}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-main);flex-direction:column;gap:10px;padding:16px;display:flex}.sidebar h4{color:#0b4fb2;margin:4px 0 10px}.sidebar a{background:#f6f9fd;border:1px solid #dce3ef;border-radius:8px;padding:9px 10px;font-size:14px}.sidebar a:hover{background:#ecf3ff}.content{gap:14px;padding:18px;display:grid}.card{background:var(--surface-card);border:1px solid var(--border-main);border-radius:10px;padding:14px}.stack{gap:14px;display:grid}.form{gap:10px;display:grid}input,select,button{font:inherit;border:1px solid #cad6e6;border-radius:8px;padding:10px}input,select{background:var(--input-bg);color:var(--text-main);transition:background-color .35s,color .35s,border-color .35s}button{cursor:pointer;color:#fff;background:#0a66d0;border:none}button:hover{opacity:.95}.outline-btn{background:var(--outline-btn-bg);color:var(--outline-btn-text);border:1px solid var(--outline-btn-border)}.primary{color:#fff;background:#0a66d0}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #e4ebf5;padding:10px 8px;font-size:14px}.action-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;display:grid}.action-card{border:1px solid #dce3ef;border-radius:10px;padding:16px;transition:background-color .35s,border-color .35s,color .35s}.action-card h3{margin:0 0 6px}.action-card p{color:#334155;margin:0}.action-card.green{background:#ecfdf3}.action-card.blue{background:#eef4ff}.action-card.orange{background:#fff7ed}.action-card.purple{background:#f5f3ff}.chip{color:#0b4fb2;background:#e7f0ff;border-radius:999px;width:fit-content;padding:6px 10px;font-size:12px}.login-wrap{background:linear-gradient(145deg,#e8eef7,#f8fafc);place-items:center;min-height:100vh;padding:24px;display:grid}.login-modern-bg{background:radial-gradient(circle at 15% 20%,#2563eb24,#0000 35%),radial-gradient(circle at 85% 80%,#3b82f61f,#0000 40%),#f1f5f9}.login-card{background:#fff;border:1px solid #dce3ef;border-radius:14px;width:min(450px,100%);overflow:hidden;box-shadow:0 16px 40px #0f172a14}.login-modern{border:1px solid #dbe4f0;border-radius:20px}.cashier-pin-card{border-radius:20px;width:min(460px,100%)}.panel-title{color:#fff;background:linear-gradient(90deg, var(--navbar-start), var(--navbar-end));margin:0;padding:14px 18px;font-weight:800}.login-title-row{text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:10px;display:flex}.title-icon{background:#fff3;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.muted{color:#475569;margin:10px 18px}.switch-link{color:#334155;margin:12px 18px 18px;font-size:14px}.switch-link a{color:#0a66d0;font-weight:700}.login-form{padding:6px 18px}.pin-login-body{gap:12px;padding:8px 18px 16px;display:grid}.pin-dots{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pin-dots span{background:#f8fafc;border:1px solid #cad6e6;border-radius:10px;place-items:center;height:48px;font-size:24px;transition:transform .2s,background-color .2s,box-shadow .2s;display:grid}.pin-dots.is-loading span{animation:.9s ease-in-out infinite pin-bubble}.pin-dots.is-loading span:first-child{animation-delay:0s}.pin-dots.is-loading span:nth-child(2){animation-delay:.15s}.pin-dots.is-loading span:nth-child(3){animation-delay:.3s}.pin-dots.is-loading span:nth-child(4){animation-delay:.45s}@keyframes pin-bubble{0%,to{box-shadow:none;background:#f8fafc;transform:translateY(0)scale(1)}50%{background:#e8f0ff;transform:translateY(-5px)scale(1.05);box-shadow:0 6px 14px #0a66d038}}.pin-dots.is-success span{background:#dcfce7;border-color:#16a34a;box-shadow:0 0 0 2px #16a34a2e,0 10px 20px #16a34a33}.pin-dots.is-error span{background:#fee2e2;border-color:#dc2626;box-shadow:0 0 0 2px #dc26262e,0 10px 20px #dc262633}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.keypad button{color:#0f172a;background:#f8fafc;border:1px solid #dce3ef;min-height:44px}.keypad button:disabled{opacity:.7;cursor:not-allowed}.pin-status{text-align:center;color:#0a66d0;margin:0;font-weight:700}.sale-layout{grid-template-columns:1.3fr 1fr;gap:14px;display:grid}.product-list{gap:8px;display:grid}.product-row{text-align:left;color:#0f172a;background:#fff;border:1px solid #dce3ef;justify-content:space-between;align-items:center;width:100%;display:flex}.product-row p{color:#334155;margin:4px 0 0;font-size:14px}.product-row span{color:#0b8f4d;font-size:13px}.product-row.active{border-color:#0a66d0;box-shadow:inset 0 0 0 1px #0a66d0}.qty-pills{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.total-box{background:#eef4ff;border:1px solid #d5e3ff;border-radius:8px;padding:10px}@media (width<=980px){.layout{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #dce3ef;border-right:none}.sale-layout,.action-grid{grid-template-columns:1fr}.login-card,.cashier-pin-card{width:min(92vw,460px)}}.error-text{color:#b91c1c;font-weight:600}.icon-link,.icon-btn{align-items:center;gap:8px;display:inline-flex}.side-link{width:100%}.card-icon{color:#0a66d0;background:#0a66d01f;border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:8px;display:grid}.no-sidebar{width:100%;max-width:1280px;margin:0 auto}.pos-wrap{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.pos-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.pos-head h2{letter-spacing:-.01em;color:#0a254a;margin:0;font-size:clamp(1.45rem,2vw,1.9rem)}.pos-head p{color:#4b6280;margin:4px 0 0}.pos-search{background:#fff;border:1px solid #c5d7f2;border-radius:12px;min-width:320px;box-shadow:0 6px 16px #0f172a0f}.pos-search:focus{border-color:#0a66d0;outline:none;box-shadow:0 0 0 4px #0a66d024}.pos-tabs{border-bottom:1px solid #dbe7f8;gap:8px;margin-bottom:14px;padding-bottom:12px;display:flex}.tab{color:#2f4868;background:#f1f6ff;border:1px solid #d4e1f5;border-radius:999px;padding:8px 12px;transition:all .2s}.tab:hover{background:#e6f0ff;border-color:#bfd3f2}.tab.active{color:#fff;background:linear-gradient(100deg,#0a66d0,#1d4ed8);border-color:#0a66d0;box-shadow:0 8px 16px #0a66d047}.product-grid{grid-template-columns:repeat(6,minmax(90px,1fr));gap:8px;display:grid}.product-card{background:linear-gradient(#fff,#f7fbff);border:1px solid #d6e3f7;border-radius:14px;gap:6px;padding:8px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 10px 20px #0f172a0f}.product-card:hover{border-color:#9ec0f0;transform:translateY(-3px);box-shadow:0 14px 28px #0e54b429}.product-image{aspect-ratio:1;background:linear-gradient(150deg,#f8fbff,#f1f6fd);border:1px solid #dce8f8;border-radius:10px;place-items:center;display:grid;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.product-fallback-icon{color:#64748b;background:linear-gradient(150deg,#f8fbff,#f1f6fd);place-items:center;width:100%;height:100%;display:grid}.product-card h4{margin:0;font-size:13px;line-height:1.2}.product-card p{color:#475569;margin:0;font-size:12px}.product-card button{background:linear-gradient(100deg,#0a66d0,#1d4ed8);border-radius:10px;padding:8px 6px;font-size:12px;font-weight:700;box-shadow:0 8px 16px #0a66d03d}.product-card button:hover{transform:translateY(-1px)}.sale-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cart-list{gap:10px;max-height:420px;margin-bottom:12px;display:grid;overflow:auto}.cart-row{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;padding:10px;display:grid}.cart-row p{color:#64748b;margin:3px 0 0}.qty-inline{align-items:center;gap:6px;display:inline-flex}.qty-inline button{padding:4px 10px}.totals{border-top:1px solid #e2e8f0;margin-top:4px;padding-top:10px}.totals p{justify-content:space-between;margin:8px 0;display:flex}.totals .grand{font-size:24px;font-weight:700}.checkout-btn{background:linear-gradient(100deg,#0a66d0,#1d4ed8);border-radius:12px;width:100%;margin-top:6px;padding:14px;font-size:18px;box-shadow:0 10px 20px #0a66d042}.checkout-btn:disabled{opacity:.7;box-shadow:none}.product-summary{background:linear-gradient(120deg,#f7fbff,#edf4ff);border:1px solid #d9e4f6;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex;box-shadow:inset 0 1px #ffffffe6}.product-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;display:flex}.make-sale-page{background:radial-gradient(circle at 6% 8%,#0e74ff1f,#0000 28%),radial-gradient(circle at 92% 0,#10b9811a,#0000 32%),linear-gradient(#f9fcff 0%,#f3f8ff 100%);border:1px solid #d7e4f6;border-radius:18px;padding-bottom:136px;box-shadow:0 20px 44px #0f172a14}.fixed-checkout-footer{z-index:40;background:linear-gradient(110deg,#fff 10%,#f4f9ff 100%);border:1px solid #dbe8fb;border-radius:16px 16px 0 0;width:min(1120px,100% - 24px);padding:16px;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -12px 28px #0f172a1f}.product-footer .outline-btn{color:#17406f;background:#fff;border-color:#c0d5f3;border-radius:12px;font-weight:700}.modal-backdrop{z-index:70;background:#0f172a73;place-items:center;display:grid;position:fixed;inset:0}.modal-card{color:#0f172a;background:#fff;border-radius:16px;width:min(520px,92vw);max-height:88vh;padding:18px;overflow:auto;box-shadow:0 20px 50px #0f172a26}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.quantity-grid{grid-template-columns:repeat(4,minmax(90px,1fr));gap:12px;margin:18px 0;display:grid}.quantity-option{color:#0f172a;cursor:pointer;text-align:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:14px}.quantity-option.active{color:#0a66d0;background:#0a66d01f;border-color:#0a66d0;font-weight:700}.modal-header h3{color:#0f172a;margin:0 0 6px}.modal-header p{color:#475569;margin:0}.payment-panel{border:1px solid #e2e8f0;border-radius:12px;margin-top:18px;padding:18px}.payment-methods{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.payment-methods label{cursor:pointer;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.payment-input-group{gap:8px;display:grid}.payment-input-group input{border:1px solid #cbd5e1;border-radius:10px;padding:12px}.info-text{color:#334155;margin-top:8px}.confirm-sale-card{max-width:860px;margin:0 auto}.checkout-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:55;background:#0f172a6b;place-items:center;padding:22px 16px;display:grid;position:fixed;inset:0;overflow:auto}.checkout-modal-card{border:1px solid #d4e1f5;border-radius:18px;width:min(860px,94vw);max-height:calc(100vh - 40px);padding:18px;overflow:auto;box-shadow:0 24px 48px #0f172a38}.checkout-modal-card .sale-header{border-bottom:1px solid #e2e8f4;margin-bottom:14px;padding-bottom:10px}.checkout-modal-card .sale-header h2{letter-spacing:-.01em;margin:0;font-size:clamp(1.5rem,2.6vw,2rem)}.checkout-modal-card .sale-header p{color:#51647f;margin:8px 0 0}.checkout-modal-card .cart-list{max-height:280px;padding-right:4px;overflow:auto}.checkout-modal-card .cart-row{background:linear-gradient(#fff,#f7fbff);border-color:#d6e3f7;border-radius:12px}.checkout-modal-card .qty-inline button{border-radius:10px;min-width:42px;min-height:40px}.checkout-modal-card .totals{margin-top:6px;padding-top:12px}.checkout-modal-card .totals .grand{font-size:2.15rem}.checkout-modal-card .payment-panel{background:linear-gradient(130deg,#f9fcff,#f1f7ff);border-color:#d6e3f7;border-radius:14px}.checkout-modal-card .payment-methods label{background:#fff;border-color:#cbd9ef;border-radius:12px}.checkout-modal-card .payment-input-group input{border-radius:12px}.checkout-modal-card .product-footer{margin-top:14px;padding-top:6px}.checkout-modal-card .checkout-btn{border-radius:14px}.checkout-modal-card .outline-btn{border-radius:12px}.mpesa-paid-btn{width:100%;min-height:46px;font-weight:700}.mpesa-paid-btn.is-paid{color:#166534;background:#dcfce7;border-color:#16a34a}@media (width<=1100px){.pos-wrap{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(4,minmax(90px,1fr))}.pos-search{width:100%;min-width:0}.pos-head{flex-direction:column;align-items:stretch}}@media (width<=900px){.navbar{flex-wrap:wrap;justify-content:flex-start;gap:10px}.content{padding:12px}.no-sidebar{max-width:100%}.make-sale-page{padding-bottom:150px}}@media (width<=640px){.pos-head{margin-bottom:10px}.product-summary{flex-direction:column;align-items:flex-start;gap:4px}.pos-tabs{white-space:nowrap;padding-bottom:8px;overflow-x:auto}.product-grid{grid-template-columns:repeat(2,minmax(110px,1fr))}.product-card{padding:12px}.fixed-checkout-footer{border-radius:12px 12px 0 0;width:calc(100% - 12px);padding:10px}.product-footer{gap:8px}.product-footer .outline-btn,.product-footer .checkout-btn{width:100%}.checkout-btn{padding:12px;font-size:16px}.card{padding:12px}}.nav-actions{align-items:center;gap:16px;display:inline-flex}.theme-toggle{justify-content:center;min-width:98px}.theme-icon-wrap{place-items:center;width:18px;height:18px;display:inline-grid;position:relative}.theme-icon{place-items:center;display:inline-grid}.notification-btn{justify-content:center;min-width:92px}.notification-wrap{position:relative}.notification-icon-wrap{place-items:center;width:18px;height:18px;display:inline-grid;position:relative}.notification-dot{width:8px;height:8px;box-shadow:0 0 0 2px var(--surface-card);background:#ef4444;border-radius:999px;position:absolute;top:-3px;right:-4px}.notification-dropdown{border:1px solid var(--border-main);background:var(--surface-card);width:min(320px,88vw);max-height:340px;color:var(--text-main);z-index:60;border-radius:12px;padding:10px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 16px 32px #0f172a33}.notification-title{margin:2px 2px 8px;font-size:13px;font-weight:700}.notification-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.notification-item{border:1px solid var(--border-main);background:var(--input-bg);border-radius:10px;padding:8px 10px}.notification-item p{margin:0;font-size:13px;line-height:1.35}.notification-empty{color:#64748b;margin:6px 2px 2px;font-size:13px}html[data-theme=dark]{--bg-page:#0b1220;--text-main:#dbe7ff;--surface-card:#111a2d;--border-main:#2a3b5d;--sidebar-bg:#0f182a;--input-bg:#0f1b31;--outline-btn-bg:#111f36;--outline-btn-text:#b8d2ff;--outline-btn-border:#315083;--navbar-start:#0a1020;--navbar-end:#13294d}html[data-theme=dark] .sidebar a{color:#d5e4ff;background:#172742;border-color:#2b3f65}html[data-theme=dark] .sidebar a:hover{background:#203454}html[data-theme=dark] .muted,html[data-theme=dark] .switch-link,html[data-theme=dark] .product-card p,html[data-theme=dark] .pos-head p,html[data-theme=dark] .cart-row p{color:#9fb2d4}html[data-theme=dark] .table th,html[data-theme=dark] .table td{border-bottom-color:#2a3b5d}html[data-theme=dark] .pos-search,html[data-theme=dark] .product-summary,html[data-theme=dark] .make-sale-page,html[data-theme=dark] .fixed-checkout-footer,html[data-theme=dark] .product-card,html[data-theme=dark] .product-image,html[data-theme=dark] .product-fallback-icon,html[data-theme=dark] .modal-card,html[data-theme=dark] .payment-panel,html[data-theme=dark] .quantity-option,html[data-theme=dark] .pin-dots span,html[data-theme=dark] .keypad button{color:#dbe7ff;background:#111a2d;border-color:#2a3b5d}html[data-theme=dark] .tab{color:#c8dcff;background:#172742;border-color:#315083}html[data-theme=dark] .tab:hover{background:#203454}html[data-theme=dark] .tab.active{color:#fff;background:linear-gradient(100deg,#2563eb,#1d4ed8)}html[data-theme=dark] .content,html[data-theme=dark] .admin-content,html[data-theme=dark] .no-sidebar,html[data-theme=dark] .app-main,html[data-theme=dark] .product-card h4,html[data-theme=dark] .sale-header,html[data-theme=dark] .page-header h2,html[data-theme=dark] .card-head h3,html[data-theme=dark] .table,html[data-theme=dark] .table th,html[data-theme=dark] .table td,html[data-theme=dark] .pill,html[data-theme=dark] .status-badge,html[data-theme=dark] .info-text{color:#e8f0ff}html[data-theme=dark] .switch-link a,html[data-theme=dark] .top-link,html[data-theme=dark] .chip{color:#bcd4ff}html[data-theme=dark] .stack h2{color:#e8f0ff}html[data-theme=dark] .action-card{border-color:#2f4368}html[data-theme=dark] .action-card h3{color:#e8f0ff}html[data-theme=dark] .action-card p{color:#b5c8e8}html[data-theme=dark] .action-card.green{background:linear-gradient(140deg,#123328,#164132)}html[data-theme=dark] .action-card.blue{background:linear-gradient(140deg,#132743,#1a3558)}html[data-theme=dark] .action-card.orange{background:linear-gradient(140deg,#3b2a18,#4a3520)}html[data-theme=dark] .action-card.purple{background:linear-gradient(140deg,#2b2144,#352a55)}html[data-theme=dark] .action-card .card-icon{color:#9ec0ff;background:#94b4ff2e}html[data-theme=dark] .modal-backdrop{background:#020817b8}html[data-theme=dark] .checkout-modal-backdrop{background:#0208179e}html[data-theme=dark] .notification-dot{box-shadow:0 0 0 2px #0f182a}html[data-theme=dark] .notification-dropdown{color:#e8f0ff;background:#0f182a;border-color:#2b3f65}html[data-theme=dark] .notification-item{background:#13233b;border-color:#2b3f65}html[data-theme=dark] .notification-empty{color:#9fb2d4}html[data-theme=dark] .modal-card,html[data-theme=dark] .modal-header h3{color:#e8f0ff}html[data-theme=dark] .modal-header p{color:#9fb2d4}html[data-theme=dark] .quantity-option{color:#dbe7ff}html[data-theme=dark] .mpesa-paid-btn.is-paid{color:#bbf7d0;background:#22c55e33;border-color:#22c55e}html[data-theme=dark] .checkout-modal-card{border-color:#2b3f65;box-shadow:0 24px 48px #02081780}html[data-theme=dark] .checkout-modal-card .sale-header{border-bottom-color:#2a3b5d}html[data-theme=dark] .checkout-modal-card .sale-header p{color:#9fb2d4}html[data-theme=dark] .checkout-modal-card .cart-row{background:linear-gradient(#13233b,#111f35);border-color:#2a3b5d}html[data-theme=dark] .checkout-modal-card .payment-panel{background:linear-gradient(130deg,#101a2f,#12213a);border-color:#2a3b5d}html[data-theme=dark] .checkout-modal-card .payment-methods label{background:#13233b;border-color:#2b3f65}@media (width<=640px){.checkout-modal-card{border-radius:14px;width:min(96vw,560px);padding:12px}.checkout-modal-card .sale-header h2{font-size:1.55rem}.checkout-modal-card .totals .grand{font-size:1.8rem}}@media (width<=900px){.nav-actions{justify-content:flex-end;width:100%}}.desktop-cart-launcher{z-index:45;gap:10px;display:grid;position:fixed;bottom:16px;left:16px}.desktop-checkout-btn{background:linear-gradient(100deg,#16a34a,#15803d);border:1px solid #15803d;border-radius:12px;min-height:42px;padding:10px 14px;font-weight:700;box-shadow:0 12px 24px #15803d47}.mini-cart-panel{background:var(--surface-card);border:1px solid var(--border-main);border-radius:14px;width:min(360px,86vw);padding:10px;box-shadow:0 16px 30px #0f172a2e}.mini-cart-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mini-cart-clear{color:#64748b;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.mini-cart-empty{color:#64748b;margin:6px 0 10px;font-size:13px}.mini-cart-list{gap:6px;max-height:220px;margin-bottom:10px;display:grid;overflow:auto}.mini-cart-row{border:1px solid var(--border-main);background:var(--input-bg);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.mini-cart-row p{margin:0;font-size:13px;font-weight:600}.mini-cart-qty{align-items:center;gap:6px;display:inline-flex}.mini-cart-qty button{border-radius:8px;min-width:26px;min-height:26px;padding:0}.mini-cart-qty span{text-align:center;min-width:38px;font-size:12px}.mini-cart-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.mini-cart-foot span{font-weight:700}.mini-cart-checkout{background:linear-gradient(100deg,#16a34a,#15803d);border-radius:10px;min-height:34px;padding:8px 12px}.mobile-cart-btn{z-index:48;background:linear-gradient(100deg,#16a34a,#15803d);border-radius:14px;justify-content:center;align-items:center;gap:10px;width:min(420px,100% - 16px);min-height:46px;font-weight:700;display:inline-flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.mobile-cart-count{background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:12px;display:inline-flex}.mobile-cart-backdrop{z-index:52;background:#0f172a59;border:none;justify-content:center;align-items:center;width:100vw;min-height:100dvh;padding:16px 10px;display:flex;position:fixed;top:0;left:0}.mobile-cart-modal{width:min(420px,100% - 16px);margin:auto}html[data-theme=dark] .mini-cart-clear,html[data-theme=dark] .mini-cart-empty{color:#9fb2d4}html[data-theme=dark] .mobile-cart-backdrop{background:#0208179e}@media (width>=901px){.mobile-cart-btn,.mobile-cart-backdrop{display:none}}@media (width<=900px){.desktop-cart-launcher{display:none}}@media (width<=640px){.mobile-cart-btn{width:calc(100% - 12px);bottom:8px}}@media print{body *{visibility:hidden!important}.modal-backdrop,.modal-backdrop *{visibility:visible!important}.modal-backdrop{background:#fff!important;padding:0!important;display:block!important;position:static!important;inset:auto!important}.modal-card{width:100%!important;max-width:100%!important;box-shadow:none!important;border:none!important;padding:0!important}.no-print{display:none!important}}.receipt-paper{color:#0f172a;background:#fff;border:1px dashed #9ca3af;border-radius:10px;padding:14px;font-family:Courier New,monospace}.receipt-head{text-align:center;margin-bottom:10px}.receipt-head h3{margin:0;font-size:24px;font-weight:700}.receipt-head p{margin:4px 0 0;font-size:14px}.receipt-meta{border-top:1px dashed #9ca3af;border-bottom:1px dashed #9ca3af;margin-bottom:8px;padding:8px 0}.receipt-meta p{margin:2px 0;font-size:14px}.receipt-lines{gap:6px;margin-bottom:10px;display:grid}.receipt-line{justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;display:flex}.receipt-total{border-top:1px dashed #9ca3af;justify-content:space-between;margin-top:8px;padding-top:8px;font-size:22px;font-weight:800;display:flex}.receipt-foot{text-align:center;margin:12px 0 0;font-size:13px}:root{--bg:#f8fafc;--card:#fff;--primary:#2563eb;--secondary:#0f172a;--accent:#3b82f6;--border:#e2e8f0;--muted:#64748b}html[data-theme=dark]{--bg:#0b1220;--card:#111a2d;--secondary:#e8f0ff;--border:#2a3b5d;--muted:#9fb2d4}body{background:var(--bg);color:var(--secondary);font-family:Inter,Segoe UI,sans-serif}.app-shell{min-height:100vh}.app-shell-admin{grid-template-columns:270px 1fr;display:grid}.app-shell-admin.admin-sidebar-collapsed{grid-template-columns:92px 1fr}.app-shell-cashier{display:block}.app-main{min-width:0}.admin-content{width:100%;max-width:1400px;margin:0 auto;padding:24px}.admin-content .card{background:var(--card);border:1px solid var(--border)}.modern-sidebar{border-right:1px solid var(--border);background:linear-gradient(#fff 0%,#f9fbff 100%);gap:18px;height:100vh;padding:18px;transition:width .24s,transform .24s;position:sticky;top:0}.modern-sidebar.is-collapsed{padding:18px 10px}.modern-sidebar.is-collapsed .sidebar-logo{justify-content:center}.modern-sidebar.is-collapsed .sidebar-logo p,.modern-sidebar.is-collapsed .sidebar-logo strong,.modern-sidebar.is-collapsed .sidebar-group h4,.modern-sidebar.is-collapsed .side-link span{display:none}.modern-sidebar.is-collapsed .logo-mark{margin:0}.modern-sidebar.is-collapsed .side-link{justify-content:center;padding:10px}.modern-sidebar.is-collapsed .sidebar-group{gap:10px}.sidebar-mobile-backdrop{z-index:44;background:#0f172a73;border:none;position:fixed;inset:0}.sidebar-logo{border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex}.sidebar-logo p{color:var(--muted);margin:4px 0 0;font-size:12px}.logo-mark{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.sidebar-group{gap:8px;display:grid}.sidebar-group h4{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin:8px 0 4px;font-size:12px}.side-link{color:#1e293b;border:1px solid #0000;border-radius:10px;padding:10px 12px;transition:all .2s}.side-link:hover{background:#eff6ff;border-color:#dbeafe}.side-link.active{color:#fff;background:#2563eb;box-shadow:0 8px 24px #2563eb47}.ghost-link{border-color:var(--border);text-align:left;cursor:default;opacity:.7;background:#f8fafc;width:100%}.modern-navbar{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);color:var(--secondary);background:#f8fafce6;position:sticky;top:0}.modern-navbar .icon-btn{color:#334155}.modern-navbar .icon-btn svg,.modern-navbar .top-link svg,.modern-navbar .notification-icon-wrap svg,.modern-navbar .theme-icon svg{stroke:currentColor;opacity:1;stroke-width:2.2px}.role-tag{color:#1e293b;background:#e2e8f0}.top-link{color:#334155}.sidebar-toggle-btn{justify-content:center;min-width:100px}.admin-stack{gap:18px}.page-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.page-header h2{margin:0;font-size:30px}.page-header p{color:var(--muted);margin:8px 0 0}.page-actions{gap:10px;display:flex}.stats-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:16px;grid-column:span 4;padding:16px;box-shadow:0 8px 24px #0f172a0a}.stat-head{justify-content:space-between;margin-bottom:18px;display:flex}.stat-icon{border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.stat-change{color:#166534;align-items:center;gap:4px;font-size:12px;display:inline-flex}.stat-card h3{margin:0;font-size:28px}.stat-card p{color:var(--muted);margin:6px 0 0}.stat-card.blue .stat-icon{color:#1d4ed8;background:#dbeafe}.stat-card.teal .stat-icon{color:#0f766e;background:#ccfbf1}.stat-card.violet .stat-icon{color:#6d28d9;background:#ede9fe}.stat-card.slate .stat-icon{color:#334155;background:#e2e8f0}.stat-card.green .stat-icon{color:#166534;background:#dcfce7}.stat-card.orange .stat-icon{color:#c2410c;background:#ffedd5}.analytics-grid{grid-template-columns:2fr 1fr;gap:14px;display:grid}.chart-card{overflow:hidden}.card-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card-head h3{margin:0}.pill-row{gap:6px;display:inline-flex}.pill{color:#334155;border:1px solid var(--border);background:#f1f5f9;border-radius:999px;padding:6px 10px}.pill.active{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.alert-list{gap:10px;display:grid}.alert-item{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:12px;display:grid}.avatar-placeholder{color:#1d4ed8;background:#dbeafe;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}html[data-theme=dark] .modern-sidebar{background:linear-gradient(#0f182a 0%,#101d31 100%)}html[data-theme=dark] .sidebar-group h4{color:#8ea6cf}html[data-theme=dark] .side-link{color:#dbe7ff}html[data-theme=dark] .side-link:hover{background:#1d2f4b;border-color:#2f4f7c}html[data-theme=dark] .ghost-link{color:#9fb2d4;background:#141f33}html[data-theme=dark] .modern-navbar{color:#e8f0ff;background:#0b1220e6}html[data-theme=dark] .modern-navbar .icon-btn,html[data-theme=dark] .modern-navbar .top-link{color:#dbe7ff}html[data-theme=dark] .role-tag{color:#d7e6ff;background:#223656}html[data-theme=dark] .top-link{color:#c8dcff}html[data-theme=dark] .pill{color:#c8dcff;background:#162741}html[data-theme=dark] .pill.active{color:#fff;background:#1d4ed8;border-color:#3766d7}html[data-theme=dark] .alert-item,html[data-theme=dark] .search-wrap,html[data-theme=dark] .product-preview,html[data-theme=dark] .table tbody tr:hover{background:#111a2d}html[data-theme=dark] .status-badge{color:#dbe7ff;background:#12284a;border-color:#315083}html[data-theme=dark] .status-badge.ok{color:#bbf7d0;background:#123b2b;border-color:#1f7a4a}html[data-theme=dark] .status-badge.warn{color:#fed7aa;background:#3f2a16;border-color:#8a4b10}html[data-theme=dark] .status-badge.danger{color:#fecaca;background:#3f1616;border-color:#7f1d1d}html[data-theme=dark] .search-wrap,html[data-theme=dark] .product-preview{border-color:#2a3b5d}html[data-theme=dark] .image-dropzone{background:#13233b;border-color:#315083}html[data-theme=dark] .image-dropzone.is-dragging{background:#1a2c4b;border-color:#4f7ee6}html[data-theme=dark] .outline-btn{color:#c8dcff;background:#111f36;border-color:#315083}html[data-theme=dark] .create-status-banner{color:#dbe7ff;background:#12284a;border-color:#315083}html[data-theme=dark] .create-status-banner.success{color:#bbf7d0;background:#123b2b;border-color:#1f7a4a}html[data-theme=dark] .create-status-banner.error{color:#fecaca;background:#3f1616;border-color:#7f1d1d}html[data-theme=dark] .create-mini-backdrop{background:#0208178c}html[data-theme=dark] .create-mini-modal{color:#dbe7ff;background:#0f1b2f;border-color:#315083}html[data-theme=dark] .create-mini-modal.success{color:#bbf7d0;border-color:#1f7a4a}html[data-theme=dark] .create-mini-modal.error{color:#fecaca;border-color:#7f1d1d}.table-card{padding:0;overflow:auto hidden}.table th,.table td{padding:12px 14px}.table th{white-space:nowrap}.table td{word-break:break-word}.table tbody tr:hover{background:#f8fafc}.subtle{color:var(--muted);margin:3px 0 0;font-size:12px}.empty-cell,.empty-state{color:var(--muted);text-align:center;padding:24px}.status-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:4px 10px;font-size:12px}.status-badge.ok{color:#166534;background:#dcfce7;border-color:#bbf7d0}.status-badge.warn{color:#c2410c;background:#ffedd5;border-color:#fed7aa}.status-badge.danger{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.toolbar-card{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.search-wrap{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.search-wrap input{border:none;min-width:280px;padding:10px 0}.toolbar-card>input{border:1px solid var(--border);color:var(--secondary);background:#fff;min-height:42px}.modern-form{border-radius:14px}.form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-input-wrap{color:#334155;gap:6px;font-size:13px;display:grid}.form-input-wrap input,.form-input-wrap select{border:1px solid #cbd5e1;border-radius:10px;padding:11px}.image-dropzone{background:#f8fbff;border:1px dashed #93b4e8;border-radius:12px;gap:8px;padding:12px;display:grid}.image-dropzone p{margin:0}.image-dropzone.is-dragging{background:#eff6ff;border-color:#2563eb}.product-preview{border:1px dashed #cbd5e1;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.product-preview img{object-fit:cover;border:1px solid var(--border);border-radius:10px;width:54px;height:54px}.product-cell,.profile-cell{align-items:center;gap:10px;display:flex}.product-cell img{object-fit:cover;border:1px solid var(--border);border-radius:10px;width:36px;height:36px}.action-inline{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.action-icon-btn{justify-content:center;align-items:center;width:40px;min-width:40px;min-height:40px;padding:0;display:inline-flex}.create-status-banner{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;display:flex}.create-status-banner.success{color:#166534;background:#dcfce7;border-color:#86efac}.create-status-banner.error{color:#991b1b;background:#fee2e2;border-color:#fecaca}.loading-ring{border:2px solid #2563eb38;border-top-color:#2563eb;border-radius:999px;width:18px;height:18px;animation:.8s linear infinite spin-ring}@keyframes spin-ring{to{transform:rotate(360deg)}}.create-modal-shell{position:relative}.create-mini-backdrop{z-index:12;background:#0f172a57;border-radius:12px;place-items:center;display:grid;position:absolute;inset:0}.create-mini-modal{color:#1e3a8a;text-align:center;background:#fff;border:1px solid #bfdbfe;border-radius:12px;justify-items:center;gap:10px;width:min(320px,86%);padding:14px;display:grid;box-shadow:0 14px 28px #0f172a2e}.create-mini-modal.success{color:#166534;border-color:#86efac}.create-mini-modal.error{color:#991b1b;border-color:#fecaca}.create-mini-modal p{margin:0;font-weight:700}.table td{vertical-align:middle}.primary{background:var(--primary);color:#fff;border:none}.outline-btn{color:#334155;background:#fff;border:1px solid #cbd5e1}.danger-btn{color:#fff;background:#dc2626;border:none}button{min-height:40px}@media (width<=1200px){.stat-card{grid-column:span 6}.analytics-grid{grid-template-columns:1fr}}@media (width<=980px){.app-shell,.app-shell-admin,.app-shell-admin.admin-sidebar-collapsed{grid-template-columns:1fr}.app-main{grid-area:auto}.modern-sidebar{border-right:1px solid var(--border);z-index:45;border-top:none;gap:10px;width:min(320px,86vw);height:100dvh;padding:12px;position:fixed;top:0;bottom:0;left:0;transform:translate(-104%)}.modern-sidebar.is-mobile.is-open{transform:translate(0)}.modern-sidebar.is-mobile.is-collapsed{padding:12px}.modern-sidebar.is-mobile.is-collapsed .sidebar-logo p,.modern-sidebar.is-mobile.is-collapsed .sidebar-logo strong,.modern-sidebar.is-mobile.is-collapsed .sidebar-group h4,.modern-sidebar.is-mobile.is-collapsed .side-link span{display:initial}.modern-sidebar.is-mobile.is-collapsed .side-link{justify-content:flex-start}.sidebar-logo,.sidebar-group h4{display:none}.sidebar-group{grid-template-columns:1fr;gap:8px;display:grid}.side-link{justify-content:flex-start;min-height:44px;padding:10px}.side-link span{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.admin-content{padding:14px}.modern-navbar{flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:10px 12px}.brand-group{flex:auto;align-items:center;gap:10px;min-width:0;display:inline-flex}.brand{font-size:18px}.nav-links{display:none}.role-tag{font-size:10px}.nav-actions{flex-wrap:nowrap;align-items:center;gap:8px;width:auto;margin-left:auto}.sidebar-toggle-btn,.notification-btn,.theme-toggle,.nav-actions .icon-btn{justify-content:center;width:44px;min-width:44px;min-height:44px;padding:0}.nav-actions .icon-btn span:not(.theme-icon-wrap):not(.notification-icon-wrap){display:none}.page-header{flex-direction:column;align-items:stretch}.page-header h2{font-size:26px;line-height:1.2}.page-actions{width:100%}.page-actions>*{flex:1;min-height:44px}.stats-grid{grid-template-columns:1fr}.stat-card{grid-column:span 1}.toolbar-card{grid-template-columns:1fr;gap:12px}.search-wrap input{width:100%;min-width:0}.form-grid-2{grid-template-columns:1fr}.alert-item{grid-template-columns:1fr;align-items:start}.alert-item .outline-btn{width:100%}.card-head{flex-direction:column;align-items:flex-start;gap:8px}.table{min-width:100%}.action-inline{width:100%}.action-inline button{flex:48%}.modal-card{width:min(96vw,560px);padding:16px}}@media (width<=640px){.sidebar-group{grid-template-columns:1fr}.side-link{justify-content:flex-start}.page-header h2{font-size:24px}.stat-card h3{font-size:22px}.admin-content{padding:12px}.card{border-radius:12px}.table-card{background:0 0;border:none;overflow:visible}.table{border-collapse:separate;border-spacing:0 10px;width:100%;min-width:0}.table thead{display:none}.table tbody,.table tr,.table td{width:100%;display:block}.table tbody tr{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:8px 10px}.table td{border:none;padding:8px 4px}.table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.table td.empty-cell:before{content:none}.action-inline{gap:6px}.action-inline button{min-height:42px}.product-cell,.profile-cell{align-items:flex-start}.toolbar-card>input,.search-wrap,.search-wrap input{width:100%}.role-tag{display:none}.brand{font-size:17px}}@media (width<=420px){.page-header h2{font-size:22px}.stat-card{padding:14px}.stat-card h3{font-size:20px}.modern-navbar{padding:8px 10px}.sidebar-toggle-btn,.notification-btn,.theme-toggle,.nav-actions .icon-btn{width:40px;min-width:40px;min-height:40px}}.cashier-badge{color:#9a3412}