:root{--black: #0a0a0a;--graphite: #111214;--surface: #16181c;--surface2: #1e2026;--border: #2a2d35;--border2: #363a45;--text: #e8e6e1;--text2: #8b8680;--text3: #4a4a52;--red: #c0392b;--red2: #e74c3c;--red-dim: rgba(192,57,43,.12);--copper: #d4875a;--copper2: #b5651d;--silver: #8e9aab;--gold: #c9a84c;--green: #52b788;--green-dim: rgba(82,183,136,.1);--radius: 6px;--radius-lg: 12px;--sidebar-w: 220px;--sidebar-sm: 60px;--shadow: 0 8px 32px rgba(0,0,0,.5);--font: "Tajawal", "Segoe UI", sans-serif;--serif: Georgia, "Times New Roman", serif}*{margin:0;padding:0;box-sizing:border-box}html,body{direction:rtl;font-family:var(--font);background:var(--black);color:var(--text);font-size:15px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--black)}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 20% 60%,rgba(192,57,43,.1) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 80% 30%,rgba(181,101,29,.07) 0%,transparent 50%)}.login-bg-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 60px,rgba(255,255,255,.012) 60px,rgba(255,255,255,.012) 61px),repeating-linear-gradient(90deg,transparent,transparent 60px,rgba(255,255,255,.012) 60px,rgba(255,255,255,.012) 61px)}.login-card{position:relative;z-index:1;width:420px;max-width:calc(100vw - 32px);background:#16181ce6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:48px 40px 40px;box-shadow:var(--shadow),0 0 0 1px #c0392b0f}.login-brand{text-align:center;margin-bottom:36px}.login-brand svg{display:block;margin:0 auto 12px}.brand-tagline{font-size:10px;font-weight:700;letter-spacing:4px;color:var(--text3);text-transform:uppercase;margin-bottom:6px}.brand-sub{font-size:18px;font-weight:800;color:var(--text)}.login-form{display:flex;flex-direction:column;gap:14px}.login-submit{width:100%;margin-top:4px;padding:13px;font-size:15px;letter-spacing:.5px}.login-footer-text{text-align:center;margin-top:24px;font-size:10px;letter-spacing:2px;color:var(--text3)}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--graphite);border-left:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;z-index:100;transition:width .2s ease;overflow:hidden;overflow-y:auto}.sidebar-collapsed .sidebar{width:var(--sidebar-sm)}.sidebar-collapsed .main-content{margin-right:var(--sidebar-sm)}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:16px 12px;border-bottom:1px solid var(--border);min-height:80px}.sidebar-logo-wrap{overflow:hidden}.sidebar-logo-mini{display:flex;align-items:center;justify-content:center;width:36px}.collapse-btn{background:none;border:none;color:var(--text3);cursor:pointer;font-size:18px;padding:4px 6px;border-radius:var(--radius);transition:color .15s,background .15s;flex-shrink:0;line-height:1}.collapse-btn:hover{color:var(--text);background:var(--surface2)}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--text3);text-transform:uppercase;padding:6px 10px 4px}.nav-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--radius);color:var(--text2);text-decoration:none;font-size:13px;font-weight:500;transition:all .15s;margin-bottom:2px;white-space:nowrap}.nav-item:hover{background:#ffffff0a;color:var(--text)}.nav-item.active{background:var(--red-dim);color:#e07060}.nav-dot{font-size:10px;flex-shrink:0;opacity:.5}.nav-text{overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:12px 8px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.sidebar-user{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.user-ava{width:30px;height:30px;background:var(--red-dim);border:1px solid rgba(192,57,43,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--red2);flex-shrink:0}.user-info{overflow:hidden}.user-name{font-size:12px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:10px;color:var(--text3)}.logout-btn{background:none;border:none;color:var(--text3);cursor:pointer;font-size:16px;padding:6px;border-radius:var(--radius);transition:color .15s,background .15s;flex-shrink:0}.logout-btn:hover{color:var(--red2);background:var(--red-dim)}.main-content{flex:1;margin-right:var(--sidebar-w);min-height:100vh;transition:margin-right .2s ease;width:calc(100% - var(--sidebar-w));overflow-x:hidden}.sidebar-collapsed .main-content{margin-right:var(--sidebar-sm);width:calc(100% - var(--sidebar-sm))}.page{padding:32px;max-width:100%;box-sizing:border-box;overflow-x:hidden}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.page-title{font-size:22px;font-weight:900;color:var(--text);margin-bottom:3px;letter-spacing:-.3px}.page-sub{font-size:12px;color:var(--text3)}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--red);color:#fff;border:none;border-radius:var(--radius);font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .15s;white-space:nowrap}.btn-primary:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:transparent;color:var(--text2);border:1px solid var(--border2);border-radius:var(--radius);font-family:var(--font);font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-ghost:hover{color:var(--text);border-color:var(--text3)}.icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);cursor:pointer;transition:all .15s;font-size:13px}.icon-btn:hover{color:var(--text);border-color:var(--text3)}.icon-btn.danger:hover{color:var(--red2);border-color:var(--red);background:var(--red-dim)}.action-btns{display:flex;gap:4px}.field-group{display:flex;flex-direction:column;gap:6px}.field-group.full{grid-column:1 / -1}.field-group label{font-size:11px;font-weight:700;letter-spacing:.8px;color:var(--text2);text-transform:uppercase}.field-group input,.field-group select,.field-group textarea{background:#ffffff0a;border:1px solid var(--border2);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-family:var(--font);font-size:14px;transition:border-color .15s,box-shadow .15s;width:100%;outline:none}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b1a}.field-group input[type=file]{padding:8px;cursor:pointer}.field-group select option{background:var(--surface)}.field-group textarea{resize:vertical}.checkbox-label{display:flex!important;align-items:center;gap:8px;cursor:pointer;font-size:13px!important;text-transform:none!important;letter-spacing:0!important}.checkbox-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--red)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.error-msg{background:#c0392b1a;border:1px solid rgba(192,57,43,.25);border-radius:var(--radius);padding:10px 14px;color:#fca5a5;font-size:13px}.search-bar{margin-bottom:18px}.search-bar input,.filter-bar select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:9px 14px;color:var(--text);font-family:var(--font);font-size:13px;outline:none;transition:border-color .15s}.search-bar input{width:300px;max-width:100%}.search-bar input:focus,.filter-bar select:focus{border-color:var(--red)}.filter-bar{margin-bottom:18px}.filter-bar select{min-width:200px}.filter-bar select option{background:var(--surface)}.table-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:20px}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--surface2);padding:11px 16px;text-align:right;font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:11px 16px;font-size:13px;color:var(--text);border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#ffffff04}.data-table tr.zero-row{opacity:.4}.sku-cell{font-family:Courier New,monospace;font-size:11px;color:var(--text3)}.date-cell{font-size:11px;color:var(--text3);white-space:nowrap}.ltr{direction:ltr;text-align:right}.qty-cell{font-weight:700}.qty-cell.low{color:var(--red2)}.empty-row{text-align:center;color:var(--text3)!important;padding:40px!important}.role-badge,.status-badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700}.status-badge.active{background:#52b7881f;color:var(--green)}.status-badge.inactive{background:var(--red-dim);color:var(--red2)}.dual-badge{display:inline-block;font-size:9px;color:var(--gold);background:#c9a84c1a;padding:1px 6px;border-radius:3px;margin-top:2px}.user-cell{display:flex;align-items:center;gap:10px}.user-avatar-sm{width:30px;height:30px;background:var(--red-dim);color:var(--red2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:28px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:14px;transition:border-color .2s;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border2)}.stat-card:after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;opacity:.05}.stat-card.red:after{background:var(--red)}.stat-card.copper:after{background:var(--copper)}.stat-card.silver:after{background:var(--silver)}.stat-card.green:after{background:var(--green)}.stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.stat-value{font-size:26px;font-weight:900;color:var(--text);line-height:1;margin-bottom:3px}.stat-label{font-size:11px;color:var(--text3);font-weight:600;letter-spacing:.3px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,transform .15s;position:relative}.product-card:hover{border-color:var(--border2);transform:translateY(-2px)}.product-card.inactive{opacity:.55}.product-img{height:120px;background:var(--surface2);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--border)}.product-img img{width:100%;height:100%;object-fit:cover}.no-img-icon{font-size:36px;opacity:.3}.product-info{padding:12px}.product-sku{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--text3);text-transform:uppercase;margin-bottom:4px;font-family:monospace}.product-name{font-size:13px;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.3}.product-meta{display:flex;justify-content:space-between;align-items:center}.product-unit{font-size:10px;color:var(--text3)}.product-price{font-size:14px;font-weight:900;color:var(--copper)}.inactive-badge{font-size:9px;color:var(--red2);background:var(--red-dim);padding:1px 6px;border-radius:3px;display:inline-block;margin-top:4px}.product-actions{position:absolute;top:8px;left:8px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.product-card:hover .product-actions{opacity:1}.inventory-group{margin-bottom:24px}.group-header{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;font-size:13px;font-weight:700;color:var(--text)}.group-count{font-size:11px;color:var(--text3);font-weight:400;margin-right:auto}.inventory-group .table-container{border-radius:0 0 var(--radius) var(--radius)}.dashboard-notice{display:flex;align-items:flex-start;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;margin-top:20px}.notice-icon{font-size:22px;flex-shrink:0;margin-top:2px}.dashboard-notice strong{display:block;font-size:14px;margin-bottom:3px}.dashboard-notice p{font-size:12px;color:var(--text2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);width:580px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0009;animation:modalIn .18s ease}.modal.small{width:420px}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:16px;font-weight:700}.modal-header button{background:none;border:none;color:var(--text2);cursor:pointer;border-radius:var(--radius);padding:4px;font-size:18px;line-height:1;transition:color .15s}.modal-header button:hover{color:var(--text)}.modal-body{padding:22px;display:flex;flex-direction:column;gap:14px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:6px}.info-msg{background:#52b7881a;border:1px solid rgba(82,183,136,.2);border-radius:var(--radius);padding:10px 14px;color:var(--green);font-size:13px}.loading-state{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text3);font-size:14px}.empty-state{grid-column:1 / -1;text-align:center;padding:60px;color:var(--text3);font-size:14px}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-right:0!important}.page{padding:20px 16px}.page-header{flex-direction:column;gap:10px;align-items:stretch}.form-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.modal{width:100%}.data-table th,.data-table td{padding:9px 12px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.products-grid{grid-template-columns:1fr 1fr}.login-card{padding:36px 24px 32px}}.remember-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text2);-webkit-user-select:none;user-select:none}.remember-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--red);cursor:pointer}.bulk-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;overflow:hidden}.bulk-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border)}.bulk-title{font-size:14px;font-weight:700;color:var(--text)}.bulk-sub{font-size:11px;color:var(--text3);margin-top:2px}.bulk-row{display:grid;grid-template-columns:1.2fr 2fr 1fr 1fr 120px 36px;align-items:center;padding:8px 20px;gap:8px;border-bottom:1px solid rgba(255,255,255,.03);transition:background .1s}.bulk-row:hover{background:#ffffff05}.bulk-row:last-child{border-bottom:none}.bulk-row-header{background:var(--surface2);font-size:10px;font-weight:700;letter-spacing:.8px;color:var(--text3);text-transform:uppercase;padding:8px 20px;border-bottom:1px solid var(--border)}.bulk-field{background:transparent;border:none;border-bottom:1px solid transparent;color:var(--text);font-family:var(--font);font-size:13px;padding:5px 6px;outline:none;width:100%;transition:border-color .15s}.bulk-field:focus{border-bottom-color:var(--red)}.bulk-field.field-error{border-bottom-color:var(--red2)}.bulk-field option{background:var(--surface)}.qty-control{display:flex;align-items:center;gap:4px;justify-content:center}.qty-btn{width:26px;height:26px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text2);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1;font-family:monospace}.qty-btn:hover{background:var(--red);border-color:var(--red);color:#fff}.qty-btn.plus:hover{background:var(--green);border-color:var(--green)}.qty-val{min-width:28px;text-align:center;font-size:14px;font-weight:700;color:var(--text)}.delete-row-btn{width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s;margin:auto}.delete-row-btn:hover{background:var(--red-dim);color:var(--red2)}.bulk-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border);background:var(--surface2)}.add-row-btn{background:none;border:1px dashed var(--border2);border-radius:var(--radius);color:var(--text3);font-family:var(--font);font-size:12px;padding:6px 14px;cursor:pointer;transition:all .15s}.add-row-btn:hover{border-color:var(--red);color:var(--red2)}.bulk-list{max-height:400px;overflow-y:auto}.order-items-list{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);max-height:300px;overflow-y:auto;margin-top:6px}.order-item-row{display:grid;grid-template-columns:1fr auto 100px;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.03)}.order-item-row:last-child{border-bottom:none}.order-item-row:hover{background:#ffffff05}.order-item-name{font-size:13px;font-weight:600;color:var(--text)}.order-item-meta{font-size:11px;color:var(--text3);margin-top:2px}.order-item-total{font-size:13px;font-weight:700;color:var(--copper);text-align:left;min-width:80px}.order-total-bar{display:flex;justify-content:space-between;align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;font-size:13px;color:var(--text2)}.payment-options{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.payment-btn{flex:1;padding:10px;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text2);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.payment-btn:hover{border-color:var(--text3);color:var(--text)}.payment-btn.active{background:var(--red-dim);border-color:var(--red);color:var(--red2)}.order-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.order-info-item{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;display:flex;flex-direction:column;gap:3px}.order-info-item span{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}.order-info-item strong{font-size:13px;color:var(--text)}.desktop-only{display:flex!important}.mobile-only,.mobile-header,.mobile-bottom-nav{display:none!important}.mobile-header{position:fixed;top:0;left:0;right:0;height:56px;background:var(--graphite);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:200}.mob-brand{display:flex;align-items:center}.mob-menu-btn{background:none;border:none;color:var(--text);font-size:22px;cursor:pointer;padding:8px;border-radius:var(--radius);line-height:1}.mob-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:300;display:flex}.mob-drawer{width:280px;background:var(--graphite);height:100%;display:flex;flex-direction:column;overflow-y:auto;animation:drawerIn .2s ease}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mob-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--graphite);border-top:1px solid var(--border);z-index:200;justify-content:space-around;align-items:center;padding:0 4px;padding-bottom:env(safe-area-inset-bottom)}.mob-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;text-decoration:none;color:var(--text3);flex:1;transition:color .15s;min-width:0}.mob-nav-item.active{color:var(--red2)}.mob-nav-icon{font-size:20px;line-height:1}.mob-nav-label{font-size:9px;font-weight:600;letter-spacing:.3px;white-space:nowrap}.nav-icon{font-size:15px;flex-shrink:0;width:18px;text-align:center}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only,.mobile-header,.mobile-bottom-nav{display:flex!important}.main-content{margin-right:0!important;padding-top:56px;padding-bottom:70px;min-height:100vh}.page{padding:16px 12px}.page-header{flex-direction:column;gap:10px;align-items:stretch;margin-bottom:16px}.page-header>div:last-child{display:flex;gap:8px}.page-title{font-size:18px}.page-header .btn-primary,.page-header .btn-ghost{flex:1;justify-content:center;font-size:13px;padding:10px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:14px 12px;gap:10px}.stat-value{font-size:20px}.stat-label{font-size:10px}.stat-icon{width:36px;height:36px;font-size:16px}.table-container{border-radius:var(--radius);overflow:hidden}.data-table thead{display:none}.data-table tbody tr{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;padding:12px}.data-table tbody tr:hover{background:var(--surface)}.data-table td{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:none;font-size:13px;gap:8px}.data-table td:before{content:attr(data-label);font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:70px}.data-table td.empty-row{justify-content:center;padding:30px}.data-table td.empty-row:before{display:none}.table-container{background:transparent;border:none}.form-grid{grid-template-columns:1fr}.modal{width:100%!important;max-height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-overlay{align-items:flex-end;padding:0}.search-bar input{width:100%}.filter-wrap{flex-wrap:wrap}.bulk-row{grid-template-columns:1fr 1fr;gap:6px;padding:10px 12px}.bulk-row>*:nth-child(3),.bulk-row>*:nth-child(4){font-size:12px}.dash-grid-2{grid-template-columns:1fr!important}.products-grid{grid-template-columns:1fr 1fr;gap:8px}.product-img{height:90px}.product-name{font-size:12px}.order-item-row{grid-template-columns:1fr 100px}.order-item-total{font-size:12px;min-width:60px}.payment-options{gap:6px}.payment-btn{padding:8px 6px;font-size:12px}.action-btns{gap:6px}.icon-btn{width:34px;height:34px;font-size:14px}.mob-tabs{overflow-x:auto;white-space:nowrap}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-bottom-nav{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.main-content{padding-bottom:calc(70px + env(safe-area-inset-bottom))}}@media (max-width: 768px){button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:16px!important;border-radius:var(--radius)}.btn-primary,.btn-ghost{min-height:44px}.qty-btn{width:36px!important;height:36px!important;font-size:18px!important}}