*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}:root{--primary:#dc2626;--primary-dark:#b91c1c;--primary-light:#fecaca;--sidebar-bg:#dc2626;--sidebar-hover:#b91c1c;--sidebar-active:#ffffff26;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--green:#16a34a;--green-bg:#dcfce7;--blue:#2563eb;--blue-bg:#dbeafe;--purple:#7c3aed;--purple-bg:#ede9fe;--orange:#ea580c;--orange-bg:#ffedd5;--yellow:#ca8a04;--yellow-bg:#fef9c3;--red-bg:#fee2e2;--shadow:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--radius:8px;--radius-lg:12px}.app-layout{display:flex;height:100vh}.sidebar{background:#dc2626;background:var(--primary);color:#fff;display:flex;flex-direction:column;overflow-y:auto;transition:width .3s;width:220px;z-index:100}.sidebar.collapsed{width:60px}.sidebar-header{border-bottom:1px solid #ffffff1a;gap:12px;padding:16px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{background:#fff;border-radius:50%;color:#dc2626;color:var(--primary);flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.sidebar-brand h2{font-size:15px;font-weight:700;line-height:1.2}.sidebar-brand p{font-size:10px;opacity:.7}.sidebar-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;margin-left:auto;padding:4px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:8px 0}.nav-item{align-items:center;background:none;border:none;color:#ffffffd9;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px;padding:10px 16px;text-align:left;text-decoration:none;transition:background .2s;width:100%}.nav-item:hover{background:#b91c1c;background:var(--sidebar-hover);color:#fff}.nav-item.active{background:#ffffff26;background:var(--sidebar-active);border-left:3px solid #fff;color:#fff}.nav-item .nav-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.nav-section{font-size:11px;font-weight:600;letter-spacing:.5px;opacity:.5;padding:8px 16px 4px;text-transform:uppercase}.nav-group-header{align-items:center;color:#ffffffd9;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:space-between;padding:10px 16px;transition:background .2s}.nav-group-header:hover{background:#b91c1c;background:var(--sidebar-hover)}.nav-group-header .nav-icon{font-size:16px;text-align:center;width:20px}.nav-group-header .chevron{font-size:12px;transition:transform .2s}.nav-group-header .chevron.open{transform:rotate(180deg)}.nav-children{padding-left:16px}.nav-children .nav-item{font-size:12px;padding:8px 16px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:12px 16px}.user-info{gap:10px;margin-bottom:8px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#fff3;border-radius:50%;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.user-details h4{font-size:13px;font-weight:600}.user-details p{font-size:10px;opacity:.7}.logout-btn{align-items:center;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 0}.logout-btn:hover{color:#fff}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.top-header{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);flex-shrink:0;height:56px;justify-content:space-between;padding:0 24px}.top-header,.top-header-left{align-items:center;display:flex}.top-header-left{gap:12px}.top-header-left h2{color:#1f2937;color:var(--gray-800);font-size:16px;font-weight:600}.online-badge{background:#16a34a;border-radius:10px;color:#fff;font-size:10px;font-weight:500;padding:2px 10px}.top-header-right{gap:16px}.search-bar,.top-header-right{align-items:center;display:flex}.search-bar{background:#f3f4f6;background:var(--gray-100);border-radius:6px;gap:8px;min-width:180px;padding:6px 12px}.search-bar input{background:none;border:none;color:#4b5563;color:var(--gray-600);font-size:13px;outline:none;width:100%}.notification-btn{background:none;border:none;color:#6b7280;color:var(--gray-500);cursor:pointer;font-size:18px;position:relative}.notification-badge{align-items:center;background:#dc2626;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:9px;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;width:16px}.date-display{color:#6b7280;color:var(--gray-500);font-size:12px;line-height:1.3;text-align:right}.page-content{background:#f9fafb;background:var(--gray-50);flex:1 1;overflow-y:auto;padding:24px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{color:#1f2937;color:var(--gray-800);font-size:22px;font-weight:700}.page-header p{color:#6b7280;color:var(--gray-500);font-size:13px;margin-top:2px}.page-time{color:#9ca3af;color:var(--gray-400);display:flex;font-size:12px;gap:4px}.btn,.page-time{align-items:center}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-primary{background:#dc2626;background:var(--primary);color:#fff}.btn-primary:hover{background:#b91c1c;background:var(--primary-dark)}.btn-secondary{background:#f3f4f6;background:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-secondary:hover{background:#e5e7eb;background:var(--gray-200)}.btn-danger{background:#fee2e2;color:#dc2626}.btn-success{background:#16a34a;background:var(--green);color:#fff}.btn-outline{background:#fff;border:1px solid #dc2626;border:1px solid var(--primary);color:#dc2626;color:var(--primary)}.btn-checkout{background:#dc2626;background:var(--primary);border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:12px 24px}.btn-checkout:disabled{background:#ccc;color:#888;cursor:not-allowed;opacity:.7}.stat-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{align-items:center;background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow);display:flex;gap:14px;padding:16px 20px}.stat-card.red{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.stat-card.blue{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.stat-card.green{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.stat-card.orange{background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff}.stat-icon{align-items:center;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.stat-card:not(.red):not(.blue):not(.green):not(.orange) .stat-icon{background:#f3f4f6;background:var(--gray-100)}.stat-card.blue .stat-icon,.stat-card.green .stat-icon,.stat-card.orange .stat-icon,.stat-card.red .stat-icon{background:#fff3}.stat-label{font-size:11px;font-weight:500;opacity:.8}.stat-value{font-size:24px;font-weight:700}.stat-card:not(.red):not(.blue):not(.green):not(.orange) .stat-label{color:#6b7280;color:var(--gray-500)}.stat-card:not(.red):not(.blue):not(.green):not(.orange) .stat-value{color:#1f2937;color:var(--gray-800)}.stat-change{background:#fff3;border-radius:10px;font-size:11px;font-weight:500;margin-left:auto;padding:2px 8px}.data-table-container{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#6b7280;color:var(--gray-500);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);color:#374151;color:var(--gray-700);font-size:13px;padding:14px 16px}.data-table tr:hover{background:#f9fafb;background:var(--gray-50)}.data-table tr:last-child td{border-bottom:none}.data-table .totals-row td{background:#f9fafb;background:var(--gray-50);border-top:2px solid #e5e7eb;border-top:2px solid var(--gray-200);font-weight:700}.badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 10px}.badge-red{background:#fee2e2;color:#dc2626}.badge-green{background:#dcfce7;color:#16a34a}.badge-blue{background:#dbeafe;color:#2563eb}.badge-purple{background:#ede9fe;color:#7c3aed}.badge-orange{background:#ffedd5;color:#ea580c}.badge-yellow{background:#fef9c3;color:#ca8a04}.badge-gray{background:#f3f4f6;color:#6b7280}.category-beef{background:#fee2e2;color:#dc2626}.category-chicken{background:#dcfce7;color:#16a34a}.category-pork{background:#dbeafe;color:#2563eb}.category-lamb{background:#ede9fe;color:#7c3aed}.category-processed{background:#ffedd5;color:#ea580c}.search-input-container{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius);display:flex;gap:8px;margin-bottom:20px;padding:10px 16px}.search-input-container input{border:none;color:#374151;color:var(--gray-700);font-size:13px;outline:none;width:100%}.search-input-container input::placeholder{color:#9ca3af;color:var(--gray-400)}.category-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.category-btn{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:20px;color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .2s}.category-btn.active{background:#dc2626;background:var(--primary);border-color:#dc2626;border-color:var(--primary);color:#fff}.category-btn:hover:not(.active){border-color:#dc2626;border-color:var(--primary);color:#dc2626;color:var(--primary)}.product-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.product-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius);cursor:pointer;padding:16px;position:relative;transition:all .2s}.product-card:hover{border-color:#dc2626;border-color:var(--primary);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}.product-card .product-category{margin-bottom:8px}.product-card h3{color:#1f2937;color:var(--gray-800);font-size:14px;font-weight:600;margin-bottom:4px}.product-card .stock-info{color:#9ca3af;color:var(--gray-400);font-size:11px;margin-bottom:10px}.product-card .product-price{align-items:center;display:flex;justify-content:space-between}.product-card .price{color:#dc2626;color:var(--primary);font-size:20px;font-weight:700}.product-card .price span{color:#9ca3af;color:var(--gray-400);font-size:12px;font-weight:400}.product-card .add-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:50%;color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.product-card .add-btn:hover{background:#dc2626;background:var(--primary);border-color:#dc2626;border-color:var(--primary);color:#fff}.pos-layout{display:flex;gap:0;height:calc(100vh - 56px)}.pos-products{flex:1 1;overflow-y:auto;padding:24px}.pos-cart{background:#fff;border-left:1px solid #e5e7eb;border-left:1px solid var(--gray-200);display:flex;flex-direction:column;width:320px}.cart-header{align-items:center;background:#dc2626;background:var(--primary);color:#fff;display:flex;justify-content:space-between;padding:16px}.cart-header h3{font-size:16px;font-weight:600}.cart-items-badge{background:#fff3;border-radius:10px;font-size:11px;padding:2px 10px}.cart-customer{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);padding:12px 16px}.cart-customer input{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;font-size:13px;outline:none;padding:8px 12px;width:100%}.cart-items{flex:1 1;overflow-y:auto;padding:8px 0}.cart-item{align-items:center;border-bottom:1px solid #f9fafb;border-bottom:1px solid var(--gray-50);display:flex;gap:10px;padding:10px 16px}.cart-item-info{flex:1 1}.cart-item-info h4{color:#1f2937;color:var(--gray-800);font-size:13px;font-weight:500}.cart-item-info p{color:#9ca3af;color:var(--gray-400);font-size:11px}.cart-item-qty{align-items:center;display:flex;gap:8px}.cart-item-qty button{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:50%;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.cart-item-qty span{font-size:13px;font-weight:500;min-width:20px;text-align:center}.cart-item-total{color:#dc2626;color:var(--primary);font-size:13px;font-weight:600;min-width:60px;text-align:right}.cart-item-remove{background:none;border:none;cursor:pointer;font-size:14px}.cart-empty,.cart-item-remove{color:#9ca3af;color:var(--gray-400)}.cart-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center}.cart-empty .cart-empty-icon{font-size:48px;opacity:.3}.cart-empty h4{font-size:14px;font-weight:500}.cart-empty p{font-size:12px}.cart-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:16px}.cart-totals{margin-bottom:16px}.cart-total-line{color:#4b5563;color:var(--gray-600);display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.cart-total-line.total{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);color:#dc2626;color:var(--primary);font-size:18px;font-weight:700;margin-top:4px;padding-top:8px}.cart-actions{display:flex;gap:8px}.cart-actions .btn-clear{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:8px;color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:4px;justify-content:center;padding:10px}.cart-actions .btn-checkout{flex:1.5 1}.entity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.entity-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow);padding:20px}.entity-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.entity-card h3{color:#1f2937;color:var(--gray-800);font-size:15px;font-weight:600}.entity-card .entity-type{color:#6b7280;color:var(--gray-500);font-size:12px}.entity-card-actions{display:flex;gap:4px}.entity-card-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;width:28px}.entity-card-actions .edit-btn{background:#dbeafe;background:var(--blue-bg);color:#2563eb;color:var(--blue)}.entity-card-actions .delete-btn{background:#fee2e2;background:var(--red-bg);color:#dc2626;color:var(--primary)}.entity-contact{margin-bottom:12px}.entity-contact-item{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:12px;gap:8px;margin-bottom:4px}.entity-stats{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);display:flex;justify-content:space-between;padding-top:12px}.entity-stat-label{color:#9ca3af;color:var(--gray-400);font-size:11px}.entity-stat-value{color:#1f2937;color:var(--gray-800);font-size:14px;font-weight:600}.entity-stat-value.outstanding{color:#dc2626;color:var(--primary)}.entity-stat-value.zero{color:#16a34a;color:var(--green)}.customer-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.customer-header{align-items:center;display:flex;gap:10px}.settings-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 2fr}.profile-card{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow);padding:32px;text-align:center}.profile-avatar{background:#dc2626;background:var(--primary);color:#fff;font-size:28px;font-weight:700;height:80px;margin:0 auto 12px;position:relative;width:80px}.profile-avatar,.profile-avatar-edit{align-items:center;border-radius:50%;display:flex;justify-content:center}.profile-avatar-edit{background:#f3f4f6;background:var(--gray-100);border:2px solid #fff;bottom:0;cursor:pointer;font-size:10px;height:24px;position:absolute;right:0;width:24px}.profile-card h3{font-size:16px;font-weight:600;margin-bottom:2px}.profile-card .profile-role{color:#6b7280;color:var(--gray-500);font-size:12px;margin-bottom:6px}.profile-card .profile-status{color:#16a34a;color:var(--green);font-size:12px;margin-bottom:16px}.profile-contact{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);padding-top:16px;text-align:left}.profile-contact-item{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:12px;gap:8px;margin-bottom:8px}.form-card{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow);padding:24px}.form-card h3{color:#1f2937;color:var(--gray-800);font-size:16px;font-weight:600;margin-bottom:16px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-row.single{grid-template-columns:1fr}.form-group{margin-bottom:0}.form-group label{color:#4b5563;color:var(--gray-600);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;font-family:inherit;font-size:13px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#dc2626;border-color:var(--primary)}.form-divider{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin:20px 0}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr;margin-bottom:16px}.chart-card{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow);padding:20px}.chart-card h3{color:#1f2937;color:var(--gray-800);font-size:15px;font-weight:600;margin-bottom:16px}.bottom-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.top-product-item{align-items:center;border-bottom:1px solid #f9fafb;border-bottom:1px solid var(--gray-50);display:flex;gap:12px;padding:10px 0}.top-product-rank{align-items:center;background:#fecaca;background:var(--primary-light);border-radius:6px;color:#dc2626;color:var(--primary);display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.top-product-info{flex:1 1}.top-product-info h4{font-size:13px;font-weight:500}.top-product-info p{color:#9ca3af;color:var(--gray-400);font-size:11px}.top-product-revenue{color:#1f2937;color:var(--gray-800);font-size:14px;font-weight:600}.low-stock-item{align-items:center;background:#fff5f5;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 12px}.low-stock-item h4{font-size:13px;font-weight:500}.low-stock-item p{color:#9ca3af;color:var(--gray-400);font-size:11px}.low-stock-qty{color:#dc2626;color:var(--primary);font-size:16px;font-weight:700}.low-stock-unit{color:#9ca3af;color:var(--gray-400);font-size:10px}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:90vw;overflow-y:auto;width:500px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3{font-size:16px;font-weight:600}.modal-close{background:none;border:none;color:#9ca3af;color:var(--gray-400);cursor:pointer;font-size:18px}.modal-body{padding:20px}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.filter-select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;color:#374151;color:var(--gray-700);font-size:13px;outline:none;padding:6px 12px}.text-green{color:#16a34a;color:var(--green)}.text-red{color:#dc2626;color:var(--primary)}.text-blue{color:#2563eb;color:var(--blue)}.text-orange{color:#ea580c;color:var(--orange)}.font-bold{font-weight:700}.login-page{align-items:center;background:linear-gradient(135deg,#dc2626,#991b1b);display:flex;height:100vh;justify-content:center}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px;width:400px}.login-header{margin-bottom:32px;text-align:center}.login-logo{align-items:center;background:#dc2626;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin:0 auto 12px;width:60px}.login-header h1{color:#1f2937;color:var(--gray-800);font-size:22px}.login-header p{color:#6b7280;color:var(--gray-500);font-size:13px}.login-form .form-group{margin-bottom:16px}.login-form .btn-primary{font-size:14px;font-weight:600;justify-content:center;padding:12px;width:100%}.login-error{background:#fee2e2;border-radius:6px;color:#dc2626;font-size:13px;margin-bottom:16px;padding:10px;text-align:center}.action-btns{display:flex;gap:4px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:opacity .2s;width:28px}.action-btn:hover{opacity:.8}.action-btn.edit{background:#dbeafe;background:var(--blue-bg);color:#2563eb;color:var(--blue)}.action-btn.delete{background:#fee2e2;background:var(--red-bg);color:#dc2626;color:var(--primary)}.action-btn.view{background:#dbeafe;background:var(--blue-bg);color:#2563eb;color:var(--blue)}.action-btn.pay,.action-btn.view{font-size:12px;padding:4px 12px;width:auto}.action-btn.pay{background:#dcfce7;background:var(--green-bg);color:#16a34a;color:var(--green)}.action-btn.print{background:#dbeafe;background:var(--blue-bg);color:#2563eb;color:var(--blue);font-size:12px;padding:4px 12px;width:auto}.stat-cards-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}.view-all-btn{background:#dc2626;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:13px;font-weight:500;margin-top:12px;padding:10px;text-align:center;width:100%}.view-all-btn:hover{background:#b91c1c;background:var(--primary-dark)}.permission-badges{display:flex;flex-wrap:wrap;gap:4px}.permission-badge{background:#f3f4f6;background:var(--gray-100);color:#4b5563;color:var(--gray-600);font-size:10px;padding:2px 8px}.permission-badge,.role-badge{border-radius:4px;font-weight:500}.role-badge{font-size:11px;padding:3px 10px}.role-administrator{background:#fee2e2;color:#dc2626}.role-manager{background:#dbeafe;color:#2563eb}.role-cashier{background:#fef9c3;color:#ca8a04}.role-staff{background:#f3f4f6;color:#6b7280}.user-table-avatar{align-items:center;background:#fecaca;border-radius:50%;color:#dc2626;color:var(--primary);display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.user-table-info{align-items:center;display:flex;gap:10px}.stock-good{color:#16a34a;color:var(--green);font-weight:500}.stock-medium{color:#ca8a04;color:var(--yellow);font-weight:500}.stock-low{color:#dc2626;color:var(--primary);font-weight:500}
/*# sourceMappingURL=main.08c3be58.css.map*/