*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;color:#1a1a2e;font-family:Inter,-apple-system,sans-serif}.container{margin:0 auto;max-width:1400px;padding:0 20px}.header{background:#3a3a9e;box-shadow:0 1px 3px #0000001a;color:#fff;padding:0;position:sticky;top:0;z-index:100}.header-inner{height:52px;justify-content:space-between}.header-inner,.header-left{align-items:center;display:flex}.header-left{gap:20px}.header-logo{background:#fff;border-radius:4px;padding:3px 10px}.header-logo img{display:block;height:24px}.header-nav{display:flex;gap:0;height:52px}.header-nav span{align-items:center;border-bottom:2px solid #0000;color:#fff9;cursor:pointer;display:flex;font-size:13px;font-weight:500;padding:0 16px;transition:all .2s}.header-nav span:hover{color:#ffffffd9}.header-nav span.active{border-bottom-color:#fff;color:#fff}.header-user{align-items:center;color:#fffc;display:flex;font-size:12px;gap:10px}.header-user strong{color:#fff}.btn-logout{background:#ffffff1f;border:none;border-radius:4px;color:#fffc;cursor:pointer;font-size:11px;padding:5px 12px}.btn-logout:hover{background:#fff3}.login-page{align-items:center;background:linear-gradient(135deg,#3a3a9e,#5a5ac0);display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:400px;padding:36px;width:100%}.login-box h2{color:#1a1a2e;font-size:20px;margin-bottom:6px}.login-box p{color:#888;font-size:13px;margin-bottom:20px}.form-group{margin-bottom:14px}.form-group label{color:#555;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.form-group input:focus{border-color:#3a3a9e;box-shadow:0 0 0 3px #3a3a9e1a;outline:none}.btn{background:#3a3a9e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px;width:100%}.btn:hover{background:#4a4aae}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#3a3a9e}.error-msg{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c}.error-msg,.success-msg{font-size:12px;margin-bottom:12px;padding:8px 12px}.success-msg{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#15803d}.contact-list{list-style:none;margin-bottom:14px}.contact-item{align-items:center;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;margin-bottom:6px;padding:10px 12px}.contact-item:hover{background:#f8f7ff;border-color:#3a3a9e}.contact-item.selected{background:#f0eeff;border-color:#3a3a9e}.contact-name{font-size:13px;font-weight:600}.contact-email{color:#888;font-size:11px}.page-layout{display:flex;min-height:calc(100vh - 52px)}.sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-shrink:0;height:calc(100vh - 52px);overflow-y:auto;padding:16px 0;position:sticky;top:52px;width:230px}.sidebar-section{margin-bottom:16px;padding:0 14px}.sidebar-title{color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.sidebar-item{border-left:3px solid #0000;color:#4b5563;cursor:pointer;font-size:13px;padding:7px 14px;transition:all .15s}.sidebar-item:hover{background:#f8f7ff;color:#3a3a9e}.sidebar-item.active{background:#3a3a9e0d;border-left-color:#3a3a9e;color:#3a3a9e;font-weight:600}.sidebar-item .count{color:#9ca3af;font-size:11px;margin-left:4px}.main-content{flex:1 1;min-width:0;padding:16px 20px}.brand-chips{display:flex;flex-wrap:wrap;gap:4px;padding:0 14px}.brand-chip{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;font-size:11px;font-weight:500;padding:3px 10px;transition:all .15s}.brand-chip:hover{border-color:#3a3a9e;color:#3a3a9e}.brand-chip.active{background:#3a3a9e;border-color:#3a3a9e;color:#fff}.search-bar{align-items:center;display:flex;gap:8px;margin-bottom:14px}.search-input-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex:1 1;overflow:hidden}.search-input-wrap input{border:none;flex:1 1;font-size:13px;outline:none;padding:9px 14px}.search-input-wrap button{background:#3a3a9e;border:none;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:9px 16px}.view-toggle{border:1px solid #e5e7eb;border-radius:6px;display:flex;overflow:hidden}.view-toggle button{background:#fff;border:none;color:#9ca3af;cursor:pointer;font-size:14px;padding:7px 10px}.cart-btn,.view-toggle button.active{background:#3a3a9e;color:#fff}.cart-btn{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;position:relative;white-space:nowrap}.cart-btn:hover{background:#4a4aae}.cart-count{background:#e74c3c;border-radius:50%;color:#fff;font-size:10px;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.active-filters,.cart-count{align-items:center;display:flex}.active-filters{flex-wrap:wrap;gap:6px;margin-bottom:12px}.filter-tag{background:#f0eeff;border-radius:10px;color:#3a3a9e;cursor:pointer;font-size:11px;font-weight:500;padding:3px 10px}.filter-tag:hover{background:#e0deff}.results-info{color:#9ca3af;font-size:12px;margin-bottom:12px}.product-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:20px}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.product-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000f}.product-img{align-items:center;background:#f9fafb;cursor:pointer;display:flex;height:160px;justify-content:center;padding:12px}.product-img img{max-height:136px;max-width:100%;object-fit:contain}.product-body{padding:12px 14px}.product-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.product-brand{color:#3a3a9e;font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.semaphore{border-radius:50%;display:inline-block;height:9px;width:9px}.semaphore.green{background:#22c55e}.semaphore.yellow{background:#f59e0b}.semaphore.red{background:#ef4444}.product-name{color:#1f2937;cursor:pointer;font-size:13px;font-weight:500;line-height:1.3;margin-bottom:3px}.product-name:hover{color:#3a3a9e}.product-meta{color:#9ca3af;font-size:11px;margin-bottom:8px}.product-price{color:#1f2937;font-size:17px;font-weight:600}.product-original-price{color:#9ca3af;font-size:12px;text-decoration:line-through}.product-discount{color:#16a34a;font-size:11px;font-weight:500}.product-actions{display:flex;gap:6px;margin-top:10px}.qty-input{border:1px solid #e5e7eb;border-radius:6px;font-size:13px;padding:7px;text-align:center;width:54px}.qty-input:focus{border-color:#3a3a9e;outline:none}.btn-add{background:#3a3a9e;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px;transition:background .15s}.btn-add:hover{background:#4a4aae}.btn-add.in-cart{background:#16a34a}.list-table{background:#fff;border:1px solid #e5e7eb;border-collapse:initial;border-radius:10px;border-spacing:0;overflow:hidden;width:100%}.list-table thead th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.3px;padding:10px 14px;text-align:left;text-transform:uppercase}.list-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.list-table tbody tr:hover{background:#f9fafb}.list-table tbody td{font-size:13px;padding:8px 14px}.pagination{align-items:center;display:flex;gap:4px;justify-content:center;margin:20px 0}.pagination button{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;font-size:12px;padding:6px 10px}.pagination button:hover{background:#f3f4f6}.pagination button:disabled{cursor:not-allowed;opacity:.3}.pagination span{color:#6b7280;font-size:12px;padding:0 8px}.cart-overlay{background:#0000004d;left:0;z-index:200}.cart-overlay,.cart-sidebar{bottom:0;position:fixed;right:0;top:0}.cart-sidebar{background:#fff;box-shadow:-4px 0 20px #0000001a;display:flex;flex-direction:column;max-width:95vw;width:480px;z-index:201}.cart-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.cart-header h2{font-size:16px;font-weight:600}.btn-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:22px}.cart-items{flex:1 1;overflow-y:auto;padding:12px 20px}.cart-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 0}.cart-item-info{flex:1 1;min-width:0}.cart-item-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-price{color:#6b7280;font-size:12px}.cart-item-actions{align-items:center;display:flex;gap:6px;margin-left:12px}.cart-item-qty{border:1px solid #e5e7eb;border-radius:4px;font-size:13px;padding:5px;text-align:center;width:44px}.btn-remove{background:none;border:none;color:#ef4444;cursor:pointer;font-size:16px;padding:2px}.cart-footer{border-top:1px solid #e5e7eb;padding:16px 20px}.cart-total{display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:10px}.cart-note textarea{border:1px solid #e5e7eb;border-radius:6px;font-family:inherit;font-size:12px;min-height:50px;padding:8px 10px;resize:vertical;width:100%}.btn-order{background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:12px;width:100%}.btn-order:hover{background:#15803d}.btn-order:disabled{cursor:not-allowed;opacity:.5}.cart-empty{color:#9ca3af;font-size:13px;padding:40px 0;text-align:center}.order-success{padding:30px 0;text-align:center}.order-success h3{color:#16a34a;font-size:18px;margin-bottom:4px}.order-success .deal-id{color:#1f2937;font-size:24px;font-weight:700;margin:12px 0}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;margin-bottom:8px;padding:16px 20px;transition:border-color .15s}.order-card:hover{border-color:#d1d5db}.order-card.expanded{border-left:3px solid #3a3a9e}.order-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.order-id{color:#3a3a9e;font-size:14px;font-weight:600}.order-date{color:#9ca3af;font-size:12px}.order-status{border-radius:10px;font-size:11px;font-weight:600;padding:3px 10px}.order-status.new{background:#fef3c7;color:#92400e}.order-status.reserved{background:#d1fae5;color:#065f46}.order-status.ordered{background:#fee2e2;color:#991b1b}.order-status.partial{background:#fef3c7;color:#92400e}.order-status.ready{background:#dbeafe;color:#1e40af}.order-status.won{background:#d1fae5;color:#065f46}.order-status.lost{background:#f3f4f6;color:#6b7280}.order-total{font-size:15px;font-weight:600}.order-note{border-top:1px solid #f3f4f6;color:#6b7280;font-size:12px;font-style:italic;margin-top:6px;padding-top:6px}.loading{color:#9ca3af;font-size:13px;padding:40px;text-align:center}.spinner{animation:spin .7s linear infinite;border:2.5px solid #e5e7eb;border-radius:50%;border-top-color:#3a3a9e;display:inline-block;height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:900px){.sidebar{display:none}.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.header-inner{flex-wrap:wrap;height:auto;padding:8px 0}.header-left,.header-user{justify-content:center;width:100%}.header-user{padding:4px 0}}@media (max-width:600px){.product-grid{gap:8px;grid-template-columns:1fr 1fr}.cart-sidebar{width:100vw}.header-nav span{font-size:12px;padding:0 10px}.header-user{font-size:11px;gap:6px}.header-user strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-bar{flex-wrap:wrap}.search-input-wrap{min-width:100%}.view-toggle{display:none}.product-body{padding:8px 10px}.product-name{font-size:12px}.product-price{font-size:15px}.product-img{height:120px}.qty-input{width:44px}.btn-add{font-size:11px;padding:6px}}
/*# sourceMappingURL=main.d87075a5.css.map*/