*{box-sizing:border-box;margin:0;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}body{background:#f5f5f5;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}:root{--primary:#b91c1c;--primary-dark:#7f1d1d;--primary-light:#fee2e2;--accent:#0e7490;--accent-dark:#164e63;--accent-light:#cffafe;--sidebar-bg:#7f1d1d;--sidebar-hover:#991b1b;--sidebar-active:#0e74904d;--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;flex:1 1;min-height:0;overflow:hidden}.sidebar{background:linear-gradient(180deg,#1e293b,#0f172a 50%,#020617);box-shadow:4px 0 24px #02061766;color:#fff;display:flex;flex-direction:column;overflow-y:auto;transition:width .3s;width:220px;z-index:100}.sidebar.terminal-navy{background:#0b1f4a}.sidebar.collapsed{width:60px}.sidebar-header{align-items:center;background:#0000001a;border-bottom:1px solid #ffffff1f;display:flex;gap:12px;padding:20px 16px}.sidebar-logo{border-radius:50%;box-shadow:0 4px 12px #00000040;display:block;flex-shrink:0;height:40px;width:40px}.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;border-radius:10px;color:#ffffffd9;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px;margin:2px 8px;padding:11px 16px;text-align:left;text-decoration:none;transition:background .15s,color .15s,transform .1s;width:calc(100% - 16px)}.nav-item:hover{background:#ffffff1f;color:#fff}.nav-item.active{background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff26,0 2px 8px #00000026;color:#fff;font-weight:600}.nav-item.active:before{background:#fff;border-radius:0 3px 3px 0;box-shadow:0 0 8px #fff9;content:"";height:60%;left:0;position:absolute;width:3px}.nav-item{position:relative}.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:#991b1b;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:#b91c1c;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:#b91c1c;background:var(--primary);color:#fff}.btn-primary:hover{background:#7f1d1d;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 #b91c1c;border:1px solid var(--primary);color:#b91c1c;color:var(--primary)}.btn-checkout{background:#b91c1c;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:1px solid #0000000a;border-radius:16px;box-shadow:0 4px 12px #0000000f,0 1px 3px #0000000a;display:flex;gap:14px;overflow:hidden;padding:18px 20px;position:relative;transition:transform .15s,box-shadow .15s}.stat-card:hover{box-shadow:0 10px 24px #0000001a,0 3px 6px #0000000f;transform:translateY(-2px)}.stat-card.blue,.stat-card.green,.stat-card.orange,.stat-card.purple,.stat-card.red{border:none}.stat-card.blue{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 25px #2563eb66;color:#fff}.stat-card.green{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 10px 25px #16a34a66;color:#fff}.stat-card.red{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 10px 25px #dc262666;color:#fff}.stat-card.orange{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 10px 25px #d9770666;color:#fff}.stat-card.purple{background:linear-gradient(135deg,#7e22ce,#6b21a8);box-shadow:0 10px 25px #7e22ce66;color:#fff}.stat-card.blue:hover,.stat-card.green:hover,.stat-card.orange:hover,.stat-card.purple:hover,.stat-card.red:hover{transform:translateY(-3px)}.stat-card.blue:hover{box-shadow:0 16px 32px #2563eb80}.stat-card.green:hover{box-shadow:0 16px 32px #16a34a80}.stat-card.red:hover{box-shadow:0 16px 32px #dc262680}.stat-card.orange:hover{box-shadow:0 16px 32px #d9770680}.stat-card.purple:hover{box-shadow:0 16px 32px #7e22ce80}.stat-card.blue:before,.stat-card.green:before,.stat-card.orange:before,.stat-card.purple:before,.stat-card.red:before{background:linear-gradient(180deg,#ffffff26,#0000);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.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):not(.purple) .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.purple .stat-icon,.stat-card.red .stat-icon{background:#ffffff40}.stat-label{font-size:11px;font-weight:700;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.stat-value{font-size:24px;font-weight:800;margin-top:2px}.stat-card:not(.red):not(.blue):not(.green):not(.orange):not(.purple) .stat-label{color:#6b7280;color:var(--gray-500)}.stat-card:not(.red):not(.blue):not(.green):not(.orange):not(.purple) .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:#b91c1c;background:var(--primary);border-color:#b91c1c;border-color:var(--primary);color:#fff}.category-btn:hover:not(.active){border-color:#b91c1c;border-color:var(--primary);color:#b91c1c;color:var(--primary)}.category-filters.one-line{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin-bottom:10px;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000);overflow-x:auto;scrollbar-width:none}.category-filters.one-line::-webkit-scrollbar{display:none}.category-filters.one-line .category-btn{flex:none;white-space:nowrap}.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:#b91c1c;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:#b91c1c;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:#b91c1c;background:var(--primary);border-color:#b91c1c;border-color:var(--primary);color:#fff}.pos-layout{display:flex;flex:1 1;gap:0;min-height:0;overflow:hidden}.pos-products{flex:1 1;overflow-y:auto;padding:24px}.pos-cart{background:#f8fafc;border-left:2px solid #e5e7eb;border-left:2px solid var(--gray-200);box-shadow:-4px 0 20px #0000000f;display:flex;flex-direction:column;width:420px}.cart-header{align-items:center;background:linear-gradient(135deg,#b91c1c,#7f1d1d);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 2px 8px #00000026;color:#fff;display:flex;justify-content:space-between;padding:20px}.cart-header h3{font-size:20px;font-weight:700;letter-spacing:.3px}.cart-items-badge{background:#ffffff40;border-radius:20px;font-size:13px;font-weight:600;padding:4px 14px}.cart-customer{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:14px 20px}.cart-customer input{background:#f9fafb;background:var(--gray-50);border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:8px;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.cart-customer input:focus{background:#fff;border-color:#b91c1c;border-color:var(--primary)}.cart-items{flex:1 1;overflow-y:auto;padding:10px 0}.cart-item{align-items:center;background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:10px;box-shadow:0 1px 4px #0000000a;display:flex;gap:12px;margin:0 10px 6px;padding:12px 20px}.cart-item-info{flex:1 1}.cart-item-info h4{color:#1f2937;color:var(--gray-800);font-size:14px;font-weight:600;margin-bottom:2px}.cart-item-info p{color:#9ca3af;color:var(--gray-400);font-size:12px}.cart-item-qty{align-items:center;display:flex;gap:8px}.cart-item-qty button{align-items:center;background:#fff;border:1.5px solid #d1d5db;border:1.5px solid var(--gray-300);border-radius:50%;cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;transition:all .15s;width:28px}.cart-item-qty button:hover{background:#b91c1c;background:var(--primary);border-color:#b91c1c;border-color:var(--primary);color:#fff}.cart-item-qty span{font-size:14px;font-weight:600;min-width:24px;text-align:center}.cart-item-total{color:#b91c1c;color:var(--primary);font-size:15px;font-weight:700;min-width:64px;text-align:right}.cart-item-remove{background:none;border:none;color:#d1d5db;color:var(--gray-300);cursor:pointer;font-size:16px;transition:color .15s}.cart-item-remove:hover{color:#dc2626}.cart-empty{align-items:center;color:#9ca3af;color:var(--gray-400);display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center}.cart-empty .cart-empty-icon{font-size:56px;opacity:.2}.cart-empty h4{font-size:16px;font-weight:600}.cart-empty p{font-size:13px;line-height:1.5;text-align:center}.cart-footer{background:#fff;border-top:2px solid #e5e7eb;border-top:2px solid var(--gray-200);padding:18px 20px}.cart-totals{margin-bottom:16px}.cart-total-line{color:#4b5563;color:var(--gray-600);display:flex;font-size:14px;justify-content:space-between;padding:5px 0}.cart-total-line.total{border-top:2px solid #e5e7eb;border-top:2px solid var(--gray-200);color:#b91c1c;color:var(--primary);font-size:22px;font-weight:800;margin-top:6px;padding-top:10px}.cart-actions{display:flex;gap:10px}.cart-actions .btn-clear{align-items:center;background:#f3f4f6;background:var(--gray-100);border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:10px;color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:14px;transition:all .15s}.cart-actions .btn-clear:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.cart-actions .btn-checkout{align-items:center;background:linear-gradient(135deg,#b91c1c,#7f1d1d);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:10px;box-shadow:0 4px 14px #0f172a66;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:16px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.3px;padding:14px;transition:all .15s}.cart-actions .btn-checkout:hover:not(:disabled){box-shadow:0 6px 18px #0f172a80;transform:translateY(-1px)}.cart-actions .btn-checkout:disabled{cursor:not-allowed;opacity:.5;transform:none}.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:#b91c1c;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:#b91c1c;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:#b91c1c;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:#b91c1c;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:#fee2e2;background:var(--primary-light);border-radius:6px;color:#b91c1c;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:#b91c1c;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;padding:20px;position:fixed;z-index:1000}.modal{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-height:90vh;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:#b91c1c;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:radial-gradient(ellipse 60% 70% at top left,#c8102e52,#0000 60%),radial-gradient(ellipse 55% 65% at bottom right,#020617d9,#0000 55%),linear-gradient(135deg,#020617,#0f172a 45%,#1e293b);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.login-page:after,.login-page:before{border-radius:50%;content:"";filter:blur(90px);opacity:.45;pointer-events:none;position:absolute;z-index:0}.login-page:before{background:#c8102e;height:420px;left:-100px;top:-120px;width:420px}.login-page:after{background:#020617;bottom:-180px;height:520px;right:-160px;width:520px}.login-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff7;border:1px solid #fff6;border-radius:24px;box-shadow:0 30px 80px #0006,inset 0 0 0 1px #ffffff26,0 4px 8px #0000001a;max-width:420px;padding:48px 40px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:36px;text-align:center}.login-logo{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:22px;box-shadow:0 14px 32px #0f172a8c,inset 0 0 0 1px #f59e0b73,inset 0 -3px 8px #00000040;color:#f59e0b;display:flex;font-size:40px;height:84px;justify-content:center;margin:0 auto 22px;transform:rotate(-4deg);transition:transform .3s ease;width:84px}.login-logo:hover{transform:rotate(0deg) scale(1.04)}.login-header h1{color:#0a1929;font-size:26px;font-weight:700;letter-spacing:-.4px;margin-bottom:6px}.login-header p{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:.6px;text-transform:uppercase}.login-form .form-group{margin-bottom:18px}.login-form label{color:#4b5563;display:block;font-size:11px;font-weight:600;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.login-form input{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:14.5px;outline:none;padding:13px 16px;transition:all .2s;width:100%}.login-form input:focus{background:#fff;border-color:#1e40af;box-shadow:0 0 0 4px #1e40af1f}.login-form .btn-primary{align-items:center;background:linear-gradient(135deg,#1e40af,#172554);border:none;border-radius:12px;box-shadow:0 12px 28px #1e40af73;color:#fff;cursor:pointer;display:flex;font-size:14.5px;font-weight:600;justify-content:center;letter-spacing:.3px;margin-top:10px;padding:14px;transition:transform .15s,box-shadow .15s,opacity .15s;width:100%}.login-form .btn-primary:hover:not(:disabled){box-shadow:0 16px 36px #1e40af8c;transform:translateY(-1px)}.login-form .btn-primary:active:not(:disabled){transform:translateY(0)}.login-form .btn-primary:disabled{cursor:not-allowed;opacity:.7}.login-error{background:#fef2f2;border-left:3px solid #dc2626;border-radius:8px;color:#b91c1c;font-size:13px;font-weight:500;margin-bottom:18px;padding:12px 14px}.login-compact{-webkit-overflow-scrolling:touch;background:#fff;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow-y:auto;scroll-padding-block-end:24px}.login-compact>*{flex:0 0 auto}.lc-brand{grid-gap:4px;background:linear-gradient(160deg,#0b1f4a,#13306b 70%);color:#fff;display:grid;gap:4px;overflow:hidden;padding:28px 24px 60px;position:relative}.lc-brand:after,.lc-brand:before{border-radius:50% 50% 0 0/100% 100% 0 0;content:"";height:50px;left:-10%;position:absolute;right:-10%}.lc-brand:before{border-top:5px solid #c8000a;bottom:-21px}.lc-brand:after{background:#fff;bottom:-26px}.lc-mark{border-radius:50%;box-shadow:0 6px 16px #0000004d;display:block;height:64px;margin-bottom:10px;width:64px}.lc-brand h1{color:#fff;font-size:20px;font-weight:800;letter-spacing:.3px;line-height:1.2;margin:0}.lc-brand h1 .r{color:#ff5a6e}.lc-brand p{color:#c7d2ee;font-size:12px;font-weight:600;letter-spacing:.16em;margin:0;text-transform:uppercase}.lc-form{grid-gap:14px;display:grid;gap:14px;padding:20px 24px 0}.lc-form label{grid-gap:6px;color:#4b5366;display:grid;font-size:12px;font-weight:700;gap:6px}.lc-form input{background:#fff;border:1.5px solid #e1e5ee;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:16px;outline:none;padding:12px 14px;width:100%}.lc-form input:focus{border-color:#13306b;box-shadow:0 0 0 3px #13306b24}.lc-pw{position:relative}.lc-pw input{padding-right:68px}.lc-pw button{background:none;color:#13306b;font-size:13px;font-weight:700;padding:8px;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.lc-pw button,.lc-submit{border:none;cursor:pointer}.lc-submit{background:#c8000a;border-radius:12px;color:#fff;font-size:15px;font-weight:800;margin-top:4px;padding:14px}.lc-submit:disabled{cursor:not-allowed;opacity:.7}.login-compact .login-error{margin:16px 24px 0}.lc-foot{color:#9aa1b2;font-size:11px;margin-top:auto;padding:18px;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:#b91c1c;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:#b91c1c;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:#7f1d1d;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:#b91c1c;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:#b91c1c;color:var(--primary);font-weight:500}.sidebar-backdrop{background:#0006;display:none;inset:0;position:fixed;z-index:99}@media (max-width:768px){.sidebar-backdrop{display:block}.sidebar{bottom:0;left:-280px;position:fixed;top:0;transition:left .2s ease-out;z-index:100}.sidebar,.sidebar.collapsed{min-width:280px!important;width:280px!important}.sidebar.mobile-open{box-shadow:4px 0 24px #0000004d;left:0}.main-content{margin-left:0!important;width:100%}.top-header{align-items:center;flex-wrap:nowrap;gap:6px;padding:10px 12px}.top-header h2{display:none}.top-header-left{flex-shrink:0;gap:6px}.top-header-right{flex:1 1;flex-wrap:nowrap;gap:4px;min-width:0}.sidebar-toggle{display:inline-flex!important;font-size:22px!important;padding:6px!important}.hide-on-mobile{display:none!important}.search-bar{flex:1 1;min-width:0}.search-bar input{min-width:0;width:100%}.top-header-right button:has(span) span:not(:first-of-type){display:none}.top-header-right button:has(span)>svg:last-child{display:none}.top-header-right>button,.top-header-right>div>button{flex-shrink:0;padding:6px 8px!important}.main-content,.page-content{max-width:100%;overflow-x:hidden!important}.page-content div[style*="display: flex"],.page-content div[style*="display: grid"],.page-content div[style*="display:flex"],.page-content div[style*="display:grid"]{flex-wrap:wrap;max-width:100%}.page-content div[style*="flex-direction: column"]{flex-wrap:nowrap}.grid-2,.page-content div[style*="repeat(2, 1fr)"],.page-content div[style*="repeat(2,1fr)"]{grid-template-columns:1fr!important}.page-content input[type=date]{max-width:100%;min-width:0;width:100%!important}.page-content div[style*=grid-template-columns],.stat-cards{grid-template-columns:1fr!important}.stat-cards{gap:10px}.stat-card{padding:12px}.stat-value{font-size:22px}.dashboard-grid{gap:12px}.dashboard-grid,.form-grid{grid-template-columns:1fr!important}.filters-row{align-items:stretch;flex-direction:column;gap:8px}.filter-input,.filter-select{width:100%}.page-content{padding:12px}.page-header{align-items:flex-start;flex-direction:column;gap:10px}.page-header h1{font-size:20px}.data-table-container{overflow-x:visible}input[type=date],input[type=datetime-local],input[type=time]{box-sizing:border-box;max-width:100%;min-width:0}.data-table{background:#0000!important;border:none!important;box-shadow:none!important;display:block!important;min-width:0!important;table-layout:auto!important;width:100%!important}.data-table thead{display:none!important}.data-table tbody,.data-table tbody tr{display:block!important}.data-table tbody tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000a;grid-template-columns:none!important;margin-bottom:10px;padding:10px 14px;white-space:normal}.data-table tbody td{align-items:baseline;border:none!important;display:flex!important;font-size:13px;justify-content:space-between;padding:6px 0;text-align:right;white-space:normal;width:auto!important}.data-table tbody td:before{color:#6b7280;content:attr(data-label);flex:0 0 auto;font-size:12px;font-weight:500;margin-right:12px;text-align:left;text-transform:none}.data-table tbody td:first-child{border-bottom:1px solid #f3f4f6!important;font-size:15px;font-weight:600;justify-content:flex-start;margin-bottom:6px;padding:4px 0 10px;text-align:left}.data-table tbody td:first-child:before,.data-table tbody td:not([data-label]):before{display:none}.modal-overlay{align-items:stretch!important;padding:0!important}.modal{border-radius:0!important;height:100vh!important;left:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;overflow:auto;transform:none!important;width:100vw!important}.modal table{border-collapse:initial;display:block;width:100%!important}.modal table thead{display:none}.modal table tbody{display:block}.modal table tbody tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000a;display:block;margin-bottom:10px;padding:12px 14px}.modal table tbody td{align-items:center;border:none!important;display:flex!important;font-size:13px;gap:12px;justify-content:space-between;padding:7px 0;width:auto!important}.modal table tbody td:before{color:#6b7280;content:attr(data-label);flex:0 0 auto;font-size:12px;font-weight:500;min-width:90px;text-align:left;text-transform:none}.modal table tbody td:not([data-label]):before{display:none}.modal table tbody td input,.modal table tbody td select{flex:1 1;max-width:100%;min-width:0}.modal-body{padding:14px!important}.modal div[style*="display: flex"][style*=gap]{flex-wrap:wrap}.nav-group-header,.nav-item{font-size:16px;padding:12px 18px}.nav-children .nav-item{font-size:15px;padding:10px 16px}.nav-children+main>*,.page-content{animation:page-slide-in .26s cubic-bezier(.2,.8,.2,1) both}@keyframes page-slide-in{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}body:has(.modal-overlay) .page-content,body:has(div[style*="position: fixed"][style*="background: rgba"]) .page-content{transform:none!important}.view-modal-overlay{align-items:stretch!important;justify-content:stretch!important;padding:0!important}.view-modal-overlay>div{border-radius:0!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;width:100vw!important}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"],div[style*="position: fixed"][style*="top: 0"][style*="left: 0"][style*="background: rgba"]{align-items:stretch!important;justify-content:stretch!important;overflow-x:hidden!important;padding:0!important}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"]>div,div[style*="position: fixed"][style*="top: 0"][style*="left: 0"][style*="background: rgba"]>div{border-radius:0!important;box-shadow:none!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;min-height:100vh!important;overflow-x:hidden;overflow-y:auto;width:100vw!important}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table,div[style*="position: fixed"][style*="top: 0"][style*="left: 0"][style*="background: rgba"] table{border-collapse:initial;display:block;width:100%!important}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table thead,div[style*="position: fixed"][style*="top: 0"][style*="left: 0"][style*="background: rgba"] table thead{display:none}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table tbody,div[style*="position: fixed"][style*="top: 0"][style*="left: 0"][style*="background: rgba"] table tbody{display:block}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table tbody tr,div[style*="position: fixed"][style*="top: 0"][style*="left: 0"][style*="background: rgba"] table tbody tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:block;margin-bottom:10px;padding:12px 14px}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table tbody td,div[style*="position: fixed"][style*="top: 0"][style*="left: 0"][style*="background: rgba"] table tbody td{align-items:center;border:none!important;display:flex!important;font-size:13px;gap:12px;justify-content:space-between;min-width:0!important;padding:7px 0;width:auto!important}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table tbody td:before,div[style*="position: fixed"][style*="top: 0"][style*="left: 0"][style*="background: rgba"] table tbody td:before{color:#6b7280;content:attr(data-label);flex:0 0 auto;font-size:12px;font-weight:500;min-width:90px;text-align:left}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table tbody td:not([data-label]):before,div[style*="position: fixed"][style*="top: 0"][style*="left: 0"][style*="background: rgba"] table tbody td:not([data-label]):before{display:none}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table tbody td input,div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table tbody td select,div[style*="position: fixed"][style*="top: 0"][style*="left: 0"][style*="background: rgba"] table tbody td input,div[style*="position: fixed"][style*="top: 0"][style*="left: 0"][style*="background: rgba"] table tbody td select{flex:1 1;max-width:100%;min-width:0!important;width:auto!important}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] div[style*=grid-template-columns],div[style*="position: fixed"][style*="top: 0"][style*="left: 0"][style*="background: rgba"] div[style*=grid-template-columns]{grid-template-columns:1fr!important}.pos-layout{flex-direction:column}.pos-products{padding:12px;width:100%}.product-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.pos-products .page-header h1{font-size:18px}.pos-products .page-header p,.pos-products .page-time{display:none}.pos-cart{border-left:none;border-top-left-radius:18px;border-top-right-radius:18px;bottom:0;box-shadow:0 -8px 32px #00000040;height:90vh;left:0;max-height:90vh;position:fixed;right:0;top:auto;transform:translateY(100%);transition:transform .25s ease-out;width:100%!important;z-index:1500}.pos-cart.mobile-open{transform:translateY(0)}.pos-cart .cart-header{border-top-left-radius:18px;border-top-right-radius:18px}.pos-mobile-cart-backdrop{background:#00000073;inset:0;position:fixed;z-index:1400}.pos-mobile-cart-bar{align-items:center;background:linear-gradient(135deg,#b91c1c,#7f1d1d);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:14px;bottom:12px;box-shadow:0 8px 24px #00000040;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:space-between;left:12px;padding:12px 18px;position:fixed;right:12px;z-index:1300}.pos-mobile-cart-bar:active{transform:translateY(1px)}}.ss-page{--ss-navy:#13306b;--ss-navy-deep:#0b1f4a;--ss-tint:#e8edf7;--ss-red:#c8000a;--ss-ink:#0f172a;--ss-ink-2:#334155;--ss-muted:#5b6478;--ss-line:#e2e6ee;--ss-soft:#f7f9fc}.ss-page .mono{font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-size:13px}.ss-head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;margin-bottom:20px}.ss-head h1{color:var(--ss-ink);font-size:24px;font-weight:800;letter-spacing:-.3px;margin:0}.ss-head p{color:var(--ss-muted);font-size:13px;margin:4px 0 0}.ss-legend{display:flex;flex-wrap:wrap;gap:8px}.ss-scope{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.4px;padding:4px 9px;text-transform:uppercase;white-space:nowrap}.ss-scope.depot{background:var(--ss-tint);color:var(--ss-navy)}.ss-scope.device{background:#fff;border:1px solid var(--ss-line);color:var(--ss-muted)}.ss-scope.sync{background:#e8f6ee;color:#15803d}.ss-admin{background:#fdecec;border-radius:999px;color:var(--ss-red);font-size:10px;font-weight:700;letter-spacing:.4px;margin-left:8px;padding:2px 7px;text-transform:uppercase;vertical-align:1px}.ss-layout{grid-gap:26px;align-items:start;display:grid;gap:26px;grid-template-columns:190px minmax(0,1fr)}.ss-nav{grid-gap:16px;display:grid;gap:16px;position:-webkit-sticky;position:sticky;top:12px}.ss-nav h4{color:var(--ss-muted);font-size:11px;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.ss-nav a{border-radius:8px;color:var(--ss-ink-2);display:block;font-size:13.5px;padding:7px 10px;text-decoration:none}.ss-nav a.on,.ss-nav a:hover{background:#fff}.ss-nav a.on{box-shadow:0 1px 2px #0f172a0f,0 4px 12px #0f172a0d;color:var(--ss-navy);font-weight:600}.ss-nav a.danger{color:var(--ss-red)}.ss-content{grid-gap:28px;display:grid;gap:28px;max-width:880px;min-width:0}.ss-content section{scroll-margin-top:16px}.ss-group-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.ss-group-head h2{color:var(--ss-ink);font-size:17px;font-weight:700;margin:0}.ss-group-head p{color:var(--ss-muted);font-size:12.5px;margin:0}.ss-card{background:#fff;border:1px solid var(--ss-line);border-radius:12px;box-shadow:0 1px 2px #0f172a0a,0 4px 16px #0f172a0a;overflow:hidden}.ss-card.danger{border-color:#f2c4c6}.ss-card.danger h3{color:var(--ss-red)}.ss-row{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto;padding:16px 20px}.ss-row+.ss-row{border-top:1px solid var(--ss-line)}.ss-row.stack{gap:12px;grid-template-columns:1fr}.ss-row h3{color:var(--ss-ink);font-size:14px;font-weight:600;margin:0}.ss-help{color:var(--ss-muted);font-size:12.5px;line-height:1.5;margin:3px 0 0;max-width:62ch}.ss-row.fixed{background:var(--ss-soft);padding:12px 20px}.ss-fixed{color:var(--ss-ink-2);display:flex;flex-wrap:wrap;font-size:13px;gap:22px}.ss-fixed b{color:var(--ss-ink);font-weight:600}.ss-lock{color:var(--ss-muted);font-size:11px;font-weight:500}.ss-switch{-webkit-appearance:none;appearance:none;background:#cbd2de;border:0;border-radius:999px;cursor:pointer;flex-shrink:0;height:24px;padding:0;position:relative;transition:background .15s;width:44px}.ss-switch:after{background:#fff;border-radius:50%;box-shadow:0 1px 2px #00000040;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .15s;width:18px}.ss-switch[aria-checked=true]{background:var(--ss-navy)}.ss-switch[aria-checked=true]:after{transform:translateX(20px)}.ss-switch:disabled{cursor:not-allowed;opacity:.5}.ss-btn:focus-visible,.ss-switch:focus-visible{outline:2px solid var(--ss-navy);outline-offset:2px}.ss-seg{background:var(--ss-soft);border:1px solid var(--ss-line);border-radius:10px;display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px}.ss-seg label{margin:0;position:relative}.ss-seg input{cursor:pointer;inset:0;margin:0;opacity:0;position:absolute}.ss-seg span{border-radius:8px;color:var(--ss-muted);display:block;font-size:13px;font-weight:600;padding:7px 14px;white-space:nowrap}.ss-seg span em{font-size:10px;font-style:normal;font-weight:700;margin-left:6px;opacity:.85;text-transform:uppercase}.ss-seg label.on span{background:var(--ss-navy);color:#fff}.ss-seg input:focus-visible+span{outline:2px solid var(--ss-navy);outline-offset:2px}.ss-tiles{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.ss-tile{background:#fff;border:1.5px solid var(--ss-line);border-radius:10px;cursor:pointer;display:block;margin:0;padding:11px 13px 11px 36px;position:relative}.ss-tile input{accent-color:var(--ss-navy);left:13px;margin:0;position:absolute;top:14px}.ss-tile b{color:var(--ss-ink);display:block;font-size:13.5px}.ss-tile small{color:var(--ss-muted);font-size:12px}.ss-tile.on{background:var(--ss-tint);border-color:var(--ss-navy)}.ss-chips{display:flex;flex-wrap:wrap;gap:8px}.ss-chip{align-items:center;background:#fff;border:1.5px solid var(--ss-line);border-radius:999px;color:var(--ss-ink-2);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin:0;padding:7px 12px;white-space:nowrap}.ss-chip input{accent-color:var(--ss-navy);margin:0}.ss-chip.on{background:var(--ss-tint);border-color:var(--ss-navy);color:var(--ss-navy)}.ss-chip.locked{cursor:default}.ss-field{grid-gap:5px;display:grid;gap:5px;min-width:0}.ss-field label{color:var(--ss-ink-2);font-size:12px;font-weight:600;margin:0}.ss-field input{background:#fff;border:1px solid var(--ss-line);border-radius:8px;box-sizing:border-box;min-width:0;padding:9px 11px}.ss-field small,.ss-note{color:var(--ss-muted);font-size:11.5px}.ss-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.ss-fields.ip{grid-template-columns:2fr 1fr;max-width:520px}.ss-money{align-items:center;background:#fff;border:1px solid var(--ss-line);border-radius:8px;display:flex;overflow:hidden}.ss-money span{background:var(--ss-soft);border-right:1px solid var(--ss-line);color:var(--ss-muted)}.ss-money input,.ss-money span{font-weight:700;padding:8px 10px}.ss-money input{font-feature-settings:"tnum";background:#0000;border:0;font-variant-numeric:tabular-nums;outline:none;text-align:right;width:100px}.ss-inline{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px}.ss-adv summary{color:var(--ss-muted);cursor:pointer;font-size:12.5px}.ss-adv[open] summary{margin-bottom:10px}.ss-adv .ss-note{display:block;margin-top:6px}.ss-btn{background:#fff;border:1px solid var(--ss-line);border-radius:8px;color:var(--ss-ink-2);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;white-space:nowrap}.ss-btn:hover:not(:disabled){background:var(--ss-soft)}.ss-btn:disabled{cursor:not-allowed;opacity:.6}.ss-btn.primary{background:var(--ss-navy);border-color:var(--ss-navy);color:#fff}.ss-btn.primary:hover:not(:disabled){background:var(--ss-navy-deep)}.ss-btn.danger{background:#fff;border-color:var(--ss-red);color:var(--ss-red)}.ss-btn.save{background:var(--ss-red);border-color:var(--ss-red);color:#fff}.ss-btn.save:hover:not(:disabled){background:#a80009}.ss-btn.ghost{background:#0000;border-color:#ffffff59;color:#fff}.ss-btn.ghost:hover:not(:disabled){background:#ffffff14}.ss-msg{color:#15803d;font-size:12.5px}.ss-msg.bad{color:var(--ss-red)}.ss-status{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.ss-ok,.ss-status{align-items:center}.ss-ok{color:#15803d;display:inline-flex;font-size:13px;font-weight:600;gap:6px}.ss-ok:before{background:#16a34a;border-radius:50%;content:"";height:8px;width:8px}.ss-ids{color:var(--ss-muted);font-size:12px}.ss-ip{color:var(--ss-ink);font-size:16px;font-weight:700}.ss-children{background:var(--ss-soft);border:1px solid var(--ss-line);border-radius:10px;padding:10px 14px}.ss-children-head{color:var(--ss-ink-2);font-size:12.5px;font-weight:600;margin-bottom:6px}.ss-children-head small{color:var(--ss-muted);font-weight:400;margin-left:6px}.ss-children table{border-collapse:collapse;font-size:12px;width:100%}.ss-children th{color:var(--ss-muted);font-size:10px;letter-spacing:.5px;padding:4px 6px;text-align:left;text-transform:uppercase}.ss-children td{border-top:1px solid var(--ss-line);padding:6px}.ss-savebar{align-items:center;background:var(--ss-navy-deep);border-radius:12px;bottom:12px;box-shadow:0 10px 30px #0b1f4a4d;color:#fff;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px 18px;position:-webkit-sticky;position:sticky;z-index:5}.ss-savebar small{margin-left:8px;opacity:.75}.ss-toast{background:#0f172a;border-radius:10px;bottom:24px;box-shadow:0 8px 24px #0003;color:#fff;font-size:13px;font-weight:600;padding:10px 14px;position:fixed;right:24px;z-index:3000}@media (max-width:860px){.ss-layout{grid-template-columns:1fr}.ss-nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;position:static}.ss-nav h4{display:none}.ss-nav>div{display:flex;gap:4px}.ss-nav a{background:#fff;border:1px solid var(--ss-line);white-space:nowrap}.ss-row{gap:12px}.ss-fields,.ss-fields.ip,.ss-row,.ss-tiles{grid-template-columns:1fr}}.phone-only{display:none}@media (max-width:768px){.phone-only{display:block!important}.desk-only{display:none!important}.page-content .nowrap-row{flex-wrap:nowrap!important}.page-content .phone-bare{background:#0000!important;border:none!important;padding:0!important}.top-header .sidebar-toggle{margin-left:0!important}.top-header{position:relative}.top-header-left{flex:1 1 auto;min-width:0}.top-header h2{display:block;font-size:15px;font-weight:700;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports selector(:has(*)){.top-header-right{flex:0 0 auto}.top-header-right .search-bar{height:34px;min-width:36px;overflow:hidden;padding:0 0 0 10px;position:relative;width:36px}.top-header-right .search-bar input{inset:0;opacity:0;padding:0 10px 0 32px;position:absolute;width:100%}.top-header-right>div:has(.search-bar):has(:active),.top-header-right>div:has(.search-bar:focus-within){left:8px;position:absolute!important;right:8px;top:50%;transform:translateY(-50%);z-index:30}.top-header-right>div:has(.search-bar):has(:active) .search-bar,.top-header-right>div:has(.search-bar:focus-within) .search-bar{background:#fff;box-shadow:0 0 0 2px #13306b40,0 6px 18px #0000001f;min-width:0;width:100%}.top-header-right>div:has(.search-bar):has(:active) .search-bar input,.top-header-right>div:has(.search-bar:focus-within) .search-bar input{opacity:1}}.page-content div.tiles-2up{gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.tiles-2up .tile-value{font-size:15px!important}div[style*="position: fixed"][style*="inset: 0"]{align-items:stretch!important;padding:0!important}div[style*="position: fixed"][style*="inset: 0"]>div[style*="width: min("],div[style*="position: fixed"][style*="inset: 0"]>div[style*=max-width]{border-radius:0!important;height:100dvh!important;margin:0!important;max-height:100dvh!important;max-width:100vw!important;overflow-y:auto!important;width:100vw!important}div[style*="position: fixed"][style*="inset: 0"]>div[style*="width: min("]>div:last-child[style*="justify-content: flex-end"],div[style*="position: fixed"][style*="inset: 0"]>div[style*=max-width]>div:last-child[style*="justify-content: flex-end"]{background:#fff;bottom:0;position:-webkit-sticky;position:sticky;z-index:2}.page-content.item-details-page{display:block!important;overflow-y:auto!important}.cat-filter{padding:10px 12px!important}.cat-filter-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.cat-filter-row::-webkit-scrollbar{display:none}.cat-filter-row>*{flex-shrink:0}table.phone-cards{background:#0000!important;border:none!important;display:block!important;min-width:0!important;width:100%!important}table.phone-cards thead{display:none!important}table.phone-cards tbody{display:block!important}table.phone-cards tbody tr{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px;box-shadow:0 1px 3px #0000000a;display:block!important;margin-bottom:10px;padding:10px 14px}table.phone-cards tbody td{align-items:baseline;border:none!important;display:flex!important;font-size:13px;gap:12px;justify-content:space-between;padding:6px 0!important;text-align:right!important;white-space:normal!important;width:auto!important}table.phone-cards tbody td:before{color:#6b7280;content:attr(data-label);flex:0 0 auto;font-size:12px;font-weight:500;text-align:left}table.phone-cards tbody td:first-child{border-bottom:1px solid #f3f4f6!important;font-size:15px;font-weight:700;justify-content:flex-start;margin-bottom:4px;padding:2px 0 8px!important;text-align:left!important}table.phone-cards tbody td:first-child:before,table.phone-cards tbody td:not([data-label]):before,table.phone-cards tbody td[data-label=""]:before{display:none}table.phone-cards tbody td:empty{display:none!important}div:has(>table.phone-cards){overflow-x:visible!important}table.phone-cards tfoot{display:block!important}table.phone-cards tfoot tr{background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:12px;display:block!important;padding:10px 14px}table.phone-cards tfoot td{border:none!important;display:flex!important;font-weight:700;gap:12px;justify-content:space-between;padding:4px 0!important;text-align:right!important}table.phone-cards tfoot td:empty{display:none!important}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody tr{grid-gap:8px 10px;background:#fff!important;border:1.5px solid #13306b!important;border-radius:12px;display:grid!important;gap:8px 10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:10px;padding:12px 12px 10px!important;position:relative}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td{display:block!important;min-width:0!important;padding:0!important}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td:before{color:#475569!important;display:block!important;font-size:10px!important;font-weight:800!important;letter-spacing:.3px;margin-bottom:3px;min-width:0!important;text-transform:uppercase}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td:not([data-label]):before{display:none!important}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td input,div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td select{font-size:14px!important;min-height:38px;padding:8px 10px!important;width:100%!important}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td:first-child{grid-column:1/-1;order:1;padding-top:8px!important}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td:nth-child(2){order:2}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td:nth-child(3){order:3}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td:nth-child(6){order:4}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td:nth-child(9){order:5}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td:nth-child(4){order:6}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td:nth-child(8){order:7}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td:nth-child(5){order:8}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td:nth-child(7){order:9}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td:nth-child(10){order:10}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td:nth-child(11){align-self:end;font-weight:600;order:11;text-align:right!important}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td:nth-child(12){align-items:baseline;border-top:1px dashed #d7dde8!important;display:flex!important;font-size:15px;grid-column:1/-1;justify-content:space-between;order:12;padding-top:8px!important}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td:nth-child(12):before{color:#0f172a!important;display:inline!important;font-size:12px!important;margin:0}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody td:nth-child(13){order:13;position:absolute;right:10px;top:8px}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody tr.pl-folded{border-color:#e2e6ee!important}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody tr.pl-folded td:not(:first-child):not(:nth-child(12)):not(:nth-child(13)){display:none!important}div[style*="position: fixed"][style*="inset: 0"][style*="background: rgba"] table.purchase-lines tbody tr.pl-folded td:nth-child(12){border-top:none!important;padding-top:0!important}}
/*# sourceMappingURL=main.fac8fa06.css.map*/