:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.login-page{flex-direction:column;min-height:100vh;display:flex}.login-main{background-color:#0000;background-image:linear-gradient(#6e1423bf,#b40000bf),url(/assets/login-hero-Cci-Inps.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 10px;display:flex}.login-back{color:#fff;align-self:flex-start;margin-bottom:20px;font-size:28px;font-weight:700;text-decoration:none}.login-card{background:#fff;border-radius:20px;width:100%;max-width:900px;padding:50px;box-shadow:0 15px 40px #00000026}.login-title{color:#222;margin-bottom:40px;font-size:40px}.login-form{flex-direction:column;width:100%;max-width:600px;margin:0 auto;display:flex}.login-input{border:1px solid #ccc;border-radius:999px;width:100%;margin-bottom:20px;padding:18px 24px;font-size:16px}.login-input:focus{border-color:#6e1423;outline:none}.login-error{color:#d32f2f;text-align:center;margin-bottom:15px}.login-button{color:#fff;cursor:pointer;background:#c43f3f;border:none;border-radius:999px;margin:20px auto;padding:14px 50px;font-size:16px;font-weight:600;transition:all .2s}.login-button:hover{background:#a62f2f}.login-links{text-align:center;margin-top:20px}.login-links a{color:#8b0000;margin-top:15px;text-decoration:underline;display:block}@media (width<=768px){.login-card{padding:30px}.login-title{font-size:28px}.login-input{padding:14px 18px}}.companies-page{padding:32px}.companies-title{margin-bottom:24px}.companies-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;display:grid}.company-card{cursor:pointer;text-align:center;background:#fff;border-radius:12px;padding:24px;transition:all .2s;box-shadow:0 2px 10px #00000014}.company-card:hover{transform:translateY(-4px)}.company-logo-wrapper{justify-content:center;align-items:center;height:120px;display:flex}.company-logo{object-fit:contain;max-width:100%;max-height:100px}.catalog-wrapper{max-width:1200px;margin:0 auto;padding:40px}.catalog-header{text-align:center;margin-bottom:32px}.catalog-header h1{color:#6e1423;margin-bottom:40px;font-size:2.8rem;font-weight:700}.catalog-meta{justify-content:center;align-items:center;gap:16px;margin-bottom:8px;display:flex}.cart-indicator{color:#fff;cursor:pointer;background:#6e1423;border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.cart-indicator:hover{background:#8a1b2d}.catalog-search-row{justify-content:center;margin-bottom:16px;display:flex}.catalog-search{box-sizing:border-box;border:1px solid #ddd;border-radius:10px;outline:none;width:100%;max-width:700px;height:44px;padding:0 16px;font-size:15px}.toolbar-search{flex:1;min-width:100px;max-width:500px}.catalog-search:focus{border-color:#6e1423}.catalog-count{text-align:center;color:#888;margin-bottom:24px;font-size:14px}.catalog-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 4px 12px #0000000d}.catalog-table th{text-align:left;color:#555;background:#fafafa;padding:16px;font-weight:600}.catalog-table td{color:#333;border-top:1px solid #eee;padding:16px}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}15%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.catalog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.toolbar-filters{align-items:center;gap:1rem;display:flex}.filter-group{align-items:center;gap:.5rem;height:44px;display:flex}.filter-group select{box-sizing:border-box;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e1423' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border:1px solid #ddd;border-radius:8px;height:44px;padding:0 36px 0 14px;font-size:14px;transition:border-color .2s}.filter-group select:focus{border-color:#6e1423;outline:none;box-shadow:0 0 0 3px #6e14231a}.filter-group label{color:#6e1423;text-transform:uppercase;letter-spacing:.3px;font-size:13px;font-weight:600}.catalog-table{border-collapse:collapse;text-align:left;width:100%;margin-top:.5rem}.catalog-table th,.catalog-table td{vertical-align:middle;border-bottom:1px solid #eee;padding:12px 16px}.col-code{width:15%}.col-name{text-align:left;width:45%}.col-price{text-align:left;width:15%}.col-stock{text-align:center;width:12%}.col-action{text-align:center;width:13%}.catalog-table tbody tr:hover{background-color:#f9f9f9}.products-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.products-title{color:#6b1426;margin:0;font-size:2rem}.new-product-btn{color:#fff;cursor:pointer;background:#6e1423;border:none;border-radius:8px;padding:12px 20px;font-weight:600}.new-product-btn:hover{background:#8a1b2d}.product-search{border:1px solid #ddd;border-radius:10px;width:100%;max-width:500px;margin-bottom:25px;padding:12px 16px}.products-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 4px 12px #0000000d}.products-table th{text-align:left;color:#555;background:#fafafa;padding:16px}.products-table td{border-top:1px solid #eee;padding:16px}.snb-btn-danger{color:#fff;cursor:pointer;background:#6e1423;border:none;border-radius:8px;padding:10px 18px;font-weight:600}.snb-btn-danger:hover{background:#6e1423}.product-form-card{background:#fff;border:1px solid #e6e6e6;border-radius:14px;margin-bottom:24px;padding:24px}.product-input{border:1px solid #dcdcdc;border-radius:8px;width:100%;margin-bottom:12px;padding:12px;font-size:14px}.snb-btn-secondary{color:#6e1423;cursor:pointer;background:#fff;border:1px solid #6e1423;border-radius:8px;margin-left:10px;padding:10px 18px}.btn{color:#fff;cursor:pointer;background:#6e1423;border:none;border-radius:8px;padding:8px 12px}.btn:hover{opacity:.9}.products-page-title{color:#6e1423;text-align:center;margin-bottom:32px;font-size:3rem;font-weight:700}.orders-wrapper{max-width:1100px;margin:0 auto;padding:40px}.orders-header{margin-bottom:32px}.orders-header h1{color:#6e1423;margin:0;font-size:2rem;font-weight:700}.orders-loading,.orders-empty{text-align:center;color:#888;padding:60px}.orders-empty p{margin-bottom:20px;font-size:1.1rem}.orders-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;margin-bottom:32px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.orders-table th{text-align:left;color:#555;background:#fafafa;padding:16px;font-weight:600}.orders-table td{color:#333;border-top:1px solid #eee;padding:16px}.status-badge{color:#fff;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.orders-detail-btn{color:#6e1423;cursor:pointer;background:0 0;border:1px solid #6e1423;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:600}.orders-detail-btn:hover{background:#f8f1f3}.order-detail{background:#fff;border:1px solid #e6e6e6;border-radius:14px;padding:28px;box-shadow:0 4px 12px #0000000d}.order-detail-header h2{color:#6e1423;margin:0;font-size:1.3rem}.order-detail-close{cursor:pointer;color:#888;background:0 0;border:none;font-size:18px}.order-detail-close:hover{color:#333}.order-detail-meta{color:#555;flex-wrap:wrap;gap:16px;margin-bottom:24px;font-size:14px;display:flex}.order-items-table{border-collapse:collapse;width:100%;margin-bottom:20px}.order-items-table th{text-align:left;color:#555;background:#fafafa;border-bottom:1px solid #eee;padding:12px 16px;font-weight:600}.order-items-table td{color:#333;border-bottom:1px solid #f0f0f0;padding:12px 16px}.order-detail-total{text-align:right;color:#333;font-size:1.2rem}.order-detail-total strong{color:#6e1423}.orders-table{border-collapse:collapse;text-align:left;width:100%;margin-top:1rem}.orders-table th,.orders-table td{vertical-align:middle;border-bottom:1px solid #eee;padding:14px 16px}.orders-table thead tr{background-color:#f8f9fa}.ord-col-date{width:15%}.ord-col-comp{text-align:left;width:40%}.ord-col-status{text-align:center;width:15%}.ord-col-total{text-align:left;width:15%}.ord-col-action{text-align:center;width:15%}.status-badge{color:#fff;text-align:center;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-block}.order-items-table{border-collapse:collapse;text-align:left;width:100%;margin:1.5rem 0}.order-items-table th,.order-items-table td{vertical-align:middle;border-bottom:1px solid #eef0f2;padding:12px 14px}.order-items-table thead tr{background-color:#f1f3f5}.item-col-name{text-align:left;width:50%}.item-col-price{text-align:left;width:18%}.item-col-qty{text-align:center;width:14%}.item-col-sub{text-align:left;width:18%}.orders-table tbody tr:hover,.order-items-table tbody tr:hover{background-color:#f9f9f9}.profile-wrapper{text-align:center;max-width:700px;margin:2rem auto;padding:0 1rem}.profile-header h1{color:#6b1426;margin-bottom:2rem;font-size:2rem}.profile-card{text-align:left;background-color:#fff;border-radius:12px;justify-content:flex-start;align-items:center;gap:3rem;margin-bottom:3rem;padding:2.5rem 3rem;display:flex;box-shadow:0 4px 20px #0000000d}.profile-avatar{color:#fff;background-color:#6b1426;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;font-size:3rem;font-weight:700;display:flex}.profile-value{color:#333;font-size:1.1rem;font-weight:500}.profile-section h2{color:#6b1426;margin-bottom:1.5rem;font-size:1.5rem}.profile-companies{flex-direction:column;align-items:center;gap:1rem;display:flex}.profile-company-card{color:#333;background-color:#fff;border-radius:8px;width:100%;max-width:400px;padding:1.2rem 2rem;font-size:1.1rem;font-weight:600;box-shadow:0 2px 10px #0000000d}@media (width<=600px){.profile-card{text-align:center;flex-direction:column;gap:2rem;padding:2rem 1.5rem}.profile-fields{align-items:center}}.landing{background:#fff;min-height:100vh}.landing-header{background:#fff;justify-content:space-between;align-items:center;height:80px;padding:0 60px;display:flex}.landing-logo{height:55px}.landing-nav{gap:40px;display:flex}.landing-nav a{color:#222;align-items:center;height:42px;font-weight:600;text-decoration:none;display:flex}.landing-hero{background-position:50% 30%;background-size:cover;height:70vh;min-height:500px;max-height:650px;position:relative}.landing-footer{background:#f7f7f7;justify-content:space-between;align-items:center;padding:15px 80px;display:flex}.footer-logo{height:35px}.nav-login{background:#fff;border:1px solid #6e1423;border-radius:10px;justify-content:center;align-items:center;height:42px;padding:0 24px;font-weight:600;transition:all .2s;display:flex;color:#6e1423!important}.nav-login:hover{background:#6e1423;color:#fff!important}.landing-footer p{color:#555;margin:4px 0;font-size:14px}.footer-brand{align-items:center;gap:12px;display:flex}.footer-brand p{margin:0;font-size:14px}.admin-orders-page{padding:40px}.page-header{margin-bottom:30px}.page-header h1{color:#6e1423;margin-bottom:5px;font-size:2rem}.page-header p{color:#666}.orders-summary-card{background:#fff;border-radius:12px;align-items:center;gap:20px;margin-bottom:25px;padding:20px;display:flex;box-shadow:0 2px 8px #00000014}.orders-summary-card h3{margin:0}.orders-summary-card span{color:#6e1423;font-size:28px;font-weight:700}.orders-search{border:1px solid #ddd;border-radius:8px;width:100%;max-width:450px;margin-bottom:25px;padding:12px}.orders-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 8px #00000014}.orders-table th{color:#fff;text-align:left;background:#6e1423;padding:14px}.products-table{border-collapse:collapse;border-radius:10px;width:100%;margin-top:20px;overflow:hidden}.products-table th{color:#444;background:#f8f9fa;border-bottom:1px solid #e5e7eb;padding:16px;font-weight:600}.products-table td{border-bottom:1px solid #f0f0f0;padding:18px 16px}.products-table tr:last-child td{border-bottom:none}.products-table th:first-child,.products-table td:first-child{text-align:left}.products-table th:nth-child(2),.products-table td:nth-child(2){text-align:center}.products-table th:nth-child(3),.products-table td:nth-child(3),.products-table th:nth-child(4),.products-table td:nth-child(4){text-align:right}.orders-table tr:hover{background:#fafafa}.order-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:30px;padding:30px;box-shadow:0 2px 10px #00000014}.order-detail-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.order-number{font-size:24px;font-weight:700}.order-status{background:#f5f5f5;border-radius:999px;padding:8px 16px;font-weight:600}.order-info-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px;display:grid}.order-info-item{flex-direction:column;display:flex}.order-info-label{color:#888;font-size:13px}.order-info-value{font-size:16px;font-weight:600}.order-total{text-align:right;color:#b11f24;margin-top:20px;font-size:24px;font-weight:700}.status-badge{border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.status-active{color:#856404}.status-closed{color:#155724;background:#d4edda}.profile-wrapper{max-width:700px;margin:0 auto;padding:40px}.profile-header{margin-bottom:32px}.profile-header h1{color:#6e1423;margin:0;font-size:2rem;font-weight:700}.profile-loading{text-align:center;color:#888;padding:60px}.profile-card{background:#fff;border:1px solid #e6e6e6;border-radius:14px;align-items:flex-start;gap:32px;margin-bottom:32px;padding:32px;display:flex;box-shadow:0 4px 12px #0000000d}.profile-avatar{color:#fff;background:#6e1423;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;font-weight:700;display:flex}.profile-fields{flex-direction:column;flex:1;gap:20px;display:flex}.profile-field{flex-direction:column;gap:4px;display:flex}.profile-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.profile-value{color:#333;font-size:16px}.profile-section h2{color:#6e1423;margin-bottom:16px;font-size:1.2rem;font-weight:700}.profile-companies{flex-direction:column;gap:10px;display:flex}.profile-company-card{background:#fff;border:1px solid #e6e6e6;border-radius:10px;padding:16px 20px;box-shadow:0 2px 6px #0000000a}.profile-company-name{color:#333;font-size:15px;font-weight:600}.profile-empty{color:#888;font-size:14px}:root{--brand-burgundy:#5a1221;--text-header:#5a5c69;--text-body:#4a4a4a;--border-light:#eaecf4;--bg-light:#f8f9fc;--input-border:#d1d3e2;--label-blue:#4e73df}.account-container{color:var(--text-body);padding:30px;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.account-header-row{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.account-main-title{get-weight:700;color:var(--brand-burgundy);margin:0;font-size:28px}.account-badge-count{background-color:var(--brand-burgundy);color:#fff;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:600}.account-table-wrapper{background-color:#fff;border-radius:8px;overflow-x:auto;box-shadow:0 2px 6px #00000005}.account-table{border-collapse:collapse;background-color:#fff;width:100%}.account-table th{color:var(--text-header);border-bottom:2px solid var(--border-light);text-align:left;padding:16px 12px;font-size:14px;font-weight:700}.account-table td{border-bottom:1px solid var(--border-light);padding:16px 12px;font-size:15px}.account-table td.actions-cell{text-align:right;padding-right:25px}.status-pending{color:#f6c23e;font-size:14px;font-weight:700}.btn-burgundy-primary{background-color:var(--brand-burgundy);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:600;transition:opacity .2s}.btn-burgundy-primary:hover{opacity:.9}.btn-burgundy-primary:disabled,.btn-burgundy-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-burgundy-secondary{color:var(--brand-burgundy);border:1px solid var(--brand-burgundy);cursor:pointer;background-color:#0000;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:600;transition:background-color .2s}.btn-burgundy-secondary:hover{background-color:#5a12210d}.account-form-card{border:1px solid var(--border-light);background:#fff;border-radius:8px;max-width:800px;margin-top:10px;padding:30px;box-shadow:0 4px 12px #0000000d}.account-form-grid{grid-template-columns:1fr 1fr;gap:16px 24px;display:grid}.account-input-group{flex-direction:column;display:flex}.account-label{color:var(--label-blue);margin-bottom:6px;font-size:14px;font-weight:600}.account-input{border:1px solid var(--input-border);color:var(--text-body);border-radius:6px;outline:none;padding:10px 12px;font-size:14px}.account-input:focus{border-color:var(--label-blue)}.account-section-divider{color:var(--brand-burgundy);border-bottom:1px solid var(--border-light);grid-column:1/-1;margin-top:15px;margin-bottom:5px;padding-bottom:6px;font-size:15px;font-weight:700}.account-form-actions{border-top:1px solid var(--border-light);grid-column:1/-1;gap:15px;margin-top:25px;padding-top:20px;display:flex}.account-form-actions .btn-burgundy-primary,.account-form-actions .btn-burgundy-secondary{height:45px;padding:0 25px;font-size:15px}.app-layout{background:#f5f6f8;min-height:100vh}.app-header{background:#fff;border-bottom:1px solid #ececec;justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.app-logo{width:auto;height:50px}.app-nav{gap:24px;margin-top:15px;display:flex}.app-nav a{color:#444;font-weight:500;text-decoration:none;transition:all .2s}.app-nav a:hover{color:#6e1423}.app-right{align-items:center;gap:20px;display:flex}.company-select{border:1px solid #ddd;border-radius:8px;padding:10px 14px}.user-info{text-align:right}.user-email{font-weight:600}.user-role{color:#888;font-size:12px}.app-logout-btn{color:#6e1423;cursor:pointer;background:0 0;border:1px solid #6e1423;border-radius:8px;padding:10px 18px;font-weight:600;transition:all .2s}.app-logout-btn:hover{color:#fff;background:#6e1423}.logout-btn:hover{background:#8a1b2d}.company-selector{background:#fff;border:1px solid #ddd;border-radius:8px;min-width:220px;padding:10px 14px}.app-actions,.app-brand{align-items:center;gap:16px;display:flex}.app-subtitle{color:#888;letter-spacing:.3px;border-left:2px solid #ececec;padding-left:16px;font-size:15px}.app-nav-link{color:#6e1423;font-size:14px;font-weight:600;text-decoration:none}.app-nav-link:hover{text-decoration:underline}.app-user-section{align-items:center;gap:20px;display:flex}.users-page{background:#f6f7fb;min-height:100vh;padding:30px}.users-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.users-header h1{color:#6b1426;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:600}.card{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 10px #0000000d}.form-grid{gap:10px;margin-bottom:15px;display:grid}.companies-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:10px;display:grid}.company-item{font-size:14px}.table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.users-table{border-collapse:collapse;width:100%}.users-table th{text-align:left;background:#f0f2f5;padding:12px}.users-table td{border-top:1px solid #eee;padding:12px}.status.active{color:green;font-weight:600}.status.inactive{color:red;font-weight:600}.role.admin{color:#6b21a8;font-weight:600}.role.customer{color:#6e1423;font-weight:600}.actions{gap:8px;display:flex}.btn-primary{color:#fff;background:#6e1423;border:none;border-radius:8px;padding:8px 12px}.btn-success{color:#fff;background:#16a34a;border:none;border-radius:8px;padding:8px 12px}.btn-secondary{color:#fff;background:#6b7280;border:none;border-radius:8px;padding:8px 12px}.btn-small{color:#fff;background:#6e1423;border:none;border-radius:6px;padding:5px 10px}.btn-small.danger{color:#fff;background:#ef4444}.actions-row{gap:10px;margin-top:10px;display:flex}.muted{color:#6b7280}.custom-multiselect{background-color:#fff;border:1px solid #ccc;border-radius:6px;flex-direction:column;gap:10px;max-width:100%;padding:8px;display:flex}.chips-container{border-bottom:1px solid #eee;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:4px;display:flex}.placeholder{color:#aaa;padding-left:4px;font-size:14px}.chip{color:#1e293b;background-color:#f0f4f8;border:1px solid #cbd5e1;border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.chip-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;font-weight:700;line-height:1}.chip-remove:hover{color:#b91c1c}.dropdown-options{flex-direction:column;gap:2px;max-height:160px;padding-right:4px;display:flex;overflow-y:auto}.option-item{cursor:pointer;border-radius:4px;align-items:center;gap:10px;padding:8px;font-size:14px;transition:background .2s;display:flex}.option-item:hover{background-color:#f8fafc}.option-item.selected{background-color:#f1f5f9;font-weight:500}.option-item input[type=checkbox]{cursor:pointer;width:16px;height:16px}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.form-group{text-align:left;flex-direction:column;gap:6px;display:flex}.form-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-left:2px;font-size:11px;font-weight:700}.form-input,.form-select{color:#333;box-sizing:border-box;background-color:#fff;border:1px solid #d2d6dc;border-radius:8px;width:100%;height:42px;padding:0 14px;font-size:14px;transition:all .2s ease-in-out}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-input:focus,.form-select:focus{border-color:#6b1426;outline:none;box-shadow:0 0 0 3px #6b142626}.muted-email{color:#888;text-align:left;margin-top:-8px;margin-bottom:20px;font-size:13px}.products-table th:nth-child(2),.products-table td:nth-child(2){text-align:left;padding-left:20px}.toast{color:#fff;z-index:1000;background-color:#2e7d32;border-radius:8px;padding:12px 24px;font-weight:500;animation:.3s ease-out slideIn;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #00000026}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}button{cursor:pointer;border:none;border-radius:4px;transition:all .2s}.btn{cursor:pointer;font-weight:200px;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background-color:#6e1423}.btn-primary:hover{background-color:#8b1a2e;transform:translateY(-2px);box-shadow:0 4px 8px #6e142340}.btn-danger{color:#fff;background-color:#6e1423}.btn-danger:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 8px #ef444440}.btn-secondary{color:#fff;background-color:#6e1423;border:none}.btn-secondary:hover{background-color:#8b1a2e;transform:translateY(-2px);box-shadow:0 4px 8px #6e142340}.user-detail-card{background:#fff;border-left:5px solid #6e1423;border-radius:14px;margin-top:30px;padding:24px;box-shadow:0 4px 12px #00000014}.user-detail-card h2{color:#6e1423;margin-bottom:20px}.user-detail-card p{margin-bottom:12px}.admin-companies-page{padding:40px}.companies-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.companies-header h1{color:#6e1423;font-size:2rem}.companies-summary-card{background:#fff;border-radius:12px;margin-bottom:25px;padding:20px;box-shadow:0 2px 8px #00000014}.companies-summary-card h3{margin:0}.companies-summary-card span{color:#6e1423;font-size:28px;font-weight:700}.companies-search{border:1px solid #ddd;border-radius:8px;width:100%;max-width:450px;margin-bottom:25px;padding:12px}.companies-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 8px #00000014}.companies-table th{color:#fff;text-align:left;background:#6e1423;padding:14px}.companies-table td{border-bottom:1px solid #eee;padding:14px}.companies-table tr:hover{background:#fafafa}.status-active{color:#16a34a;font-weight:600}.status-inactive{color:#dc2626;font-weight:600}.snb-btn{color:#fff;cursor:pointer;background:#6e1423;border:none;border-radius:8px;padding:10px 18px;font-weight:600;transition:all .2s}.snb-btn:hover{background:#8a1b2d;transform:translateY(-1px)}.snb-btn:active{transform:translateY(0)}.snb-btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:10px 18px;font-weight:600;transition:all .2s}.snb-btn-secondary:hover{background:#e5e7eb}.snb-btn-small{color:#fff;cursor:pointer;background:#6e1423;border:none;border-radius:6px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .2s}.snb-btn-small:hover{background:#8a1b2d}.company-form{flex-direction:column;gap:10px;display:flex}.company-form label{color:#374151;font-size:14px;font-weight:600}.company-input{border:1px solid #d1d5db;border-radius:8px;width:100%;max-width:900px;padding:12px;font-size:14px}.cart-wrapper{max-width:1100px;margin:0 auto;padding:40px}.cart-header{align-items:center;gap:24px;margin-bottom:32px;display:flex}.cart-header h1{color:#6e1423;margin:0;font-size:2rem;font-weight:700}.cart-back-btn{color:#6e1423;cursor:pointer;background:0 0;border:none;padding:0;font-size:15px;font-weight:600}.cart-back-btn:hover{text-decoration:underline}.cart-loading,.cart-empty{text-align:center;color:#888;padding:60px}.cart-empty p{margin-bottom:20px;font-size:1.1rem}.cart-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.cart-table th{text-align:left;color:#555;background:#fafafa;padding:16px;font-weight:600}.cart-table td{color:#333;border-top:1px solid #eee;padding:16px}.qty-control{align-items:center;gap:10px;display:flex}.qty-control button{cursor:pointer;color:#333;background:#f0f0f0;border:none;border-radius:6px;width:28px;height:28px;font-size:16px;font-weight:700}.qty-control button:hover{background:#e0e0e0}.qty-control span{text-align:center;min-width:24px;font-weight:600}.cart-delete-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:6px;padding:6px 12px;font-size:13px}.cart-delete-btn:hover{color:#6e1423;border-color:#6e1423}.cart-footer{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.cart-clear-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:8px;padding:10px 18px;font-size:14px}.cart-clear-btn:hover{color:#6e1423;border-color:#6e1423}.cart-total{color:#333;font-size:1.3rem}.cart-total strong{color:#6e1423}.snb-btn{color:#fff;cursor:pointer;background:#6e1423;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:background .2s}.snb-btn:hover{background:#8a1b2d}.toast{color:#fff;z-index:9999;background:#6e1423;border-radius:10px;padding:14px 22px;font-size:15px;font-weight:600;animation:2.5s forwards fadeInOut;position:fixed;bottom:32px;right:32px;box-shadow:0 4px 16px #0003}.cart-table{border-collapse:collapse;text-align:left;width:100%;margin:1.5rem 0}.cart-table th,.cart-table td{vertical-align:middle;border-bottom:1px solid #eee;padding:14px 16px}.cart-table thead tr{background-color:#f8f9fa}.cart-table thead th{color:#495057;font-weight:600}.cart-col-code{width:12%}.cart-col-name{text-align:left;width:38%}.cart-col-price{text-align:left;width:12%}.cart-col-qty{text-align:center;width:15%}.cart-col-subtotal{text-align:left;width:13%}.cart-col-action{text-align:center;width:10%}.qty-control{background-color:#f1f3f5;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:4px 8px;display:inline-flex}.qty-control button{color:#495057;cursor:pointer;background:0 0;border:none;padding:2px 8px;font-size:1.1rem;font-weight:700;transition:color .2s}.qty-control button:hover{color:#b21f1f}.qty-number{text-align:center;min-width:24px;font-weight:600;display:inline-block}.cart-delete-btn{color:#6e1423;cursor:pointer;background-color:#0000;border:1px solid #6e1423;border-radius:4px;padding:6px 12px;font-size:.85rem;transition:all .2s}.cart-delete-btn:hover{color:#fff;background-color:#6e1423}.cart-grand-total{text-align:right;color:#333;background:#fff;border-radius:10px;margin-bottom:24px;padding:12px 20px;font-size:1.1rem;box-shadow:0 2px 6px #0000000a}.cart-grand-total strong{color:#6e1423}.cart-company-section{margin-bottom:32px}.cart-company-title{color:#6e1423;margin-bottom:16px;font-size:1.3rem;font-weight:700}.dashboard-admin{background:#f8f9fb;min-height:100vh;padding:40px}.dashboard-header h1{color:#6e1423;margin-bottom:8px}.dashboard-header p{color:#666;margin-bottom:30px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{background:#fff;border-left:5px solid #6e1423;border-radius:14px;padding:24px;box-shadow:0 4px 14px #00000014}.stat-card span{color:#777;font-size:14px}.stat-card h2{color:#6e1423;margin-top:10px;font-size:34px}.modules-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.module-card{color:#222;background:#fff;border:1px solid #eee;border-radius:14px;padding:28px;text-decoration:none;transition:all .25s;box-shadow:0 4px 14px #0000000f}.module-card:hover{border-color:#6e1423;transform:translateY(-4px)}.module-icon{color:#6e1423;margin-bottom:16px;font-size:42px}.module-card h3{color:#6e1423;margin-bottom:10px}.module-card p{color:#666}.dashboard-card-value{color:#6e1423;margin-top:12px;font-size:18px;font-weight:600}.dashboard-title{color:#222;margin-bottom:40px;font-size:38px;font-weight:700}.dashboard-icon{color:#6e1423;justify-content:center;align-items:center;margin-bottom:18px;display:flex}