:root{--primary:#1a56db;--primary-dk:#1e429f;--secondary:#7e3af2;--success:#0e9f6e;--warning:#ff5a1f;--danger:#e02424;--retail:#e02424;--project:#ff5a1f;--distributor:#1a56db;--bg:#f3f4f6;--surface:#fff;--border:#e5e7eb;--text:#111827;--text-light:#6b7280;--radius:10px;--shadow:0 1px 3px #00000014,0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012,0 2px 4px #0000000f}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{background:#f3f4f6;background:var(--bg);color:#111827;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}.app-layout{display:flex;min-height:100vh}.main-content{flex:1 1;overflow-y:auto;padding:24px}.sidebar{background:#1e429f;background:var(--primary-dk);color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;width:240px}.sidebar-logo{border-bottom:1px solid #ffffff26;font-size:1.1rem;font-weight:700;padding:20px 16px}.sidebar-logo span{display:block;font-size:.7rem;font-weight:400;opacity:.7}.sidebar-menu{flex:1 1;padding:12px 0}.sidebar-item{align-items:center;border-radius:0;display:flex;font-size:.875rem;gap:10px;padding:10px 16px;transition:background .15s}.sidebar-item.active,.sidebar-item:hover{background:#ffffff1f}.sidebar-item .icon{flex-shrink:0;font-size:1.1rem}.sidebar-section{font-size:.68rem;letter-spacing:.08em;opacity:.5;padding:12px 16px 4px;text-transform:uppercase}.sidebar-logout{align-items:center;border-top:1px solid #ffffff26;display:flex;font-size:.875rem;gap:10px;opacity:.8;padding:14px 16px;transition:opacity .15s}.sidebar-logout:hover{opacity:1}.card{background:#fff;background:var(--surface);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow);padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-title{font-size:1rem;font-weight:600}.btn{align-items:center;border:none;border-radius:7px;display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .15s;white-space:nowrap}.btn-primary{background:#1a56db;background:var(--primary);color:#fff}.btn-primary:hover{background:#1e429f;background:var(--primary-dk)}.btn-success{background:#0e9f6e;background:var(--success);color:#fff}.btn-danger{background:#e02424;background:var(--danger);color:#fff}.btn-outline{background:#0000;border:1px solid #1a56db;border:1px solid var(--primary);color:#1a56db;color:var(--primary)}.btn-outline:hover{background:#1a56db;background:var(--primary);color:#fff}.btn-sm{font-size:.8rem;padding:5px 10px}.btn-icon{background:#f3f4f6;background:var(--bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;padding:6px}.btn-icon:hover{background:#e5e7eb;background:var(--border)}.form-group{margin-bottom:16px}.form-label{color:#6b7280;color:var(--text-light);display:block;font-size:.85rem;font-weight:500;margin-bottom:5px}.form-control{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:7px;color:#111827;color:var(--text);padding:9px 12px;transition:border .15s;width:100%}.form-control:focus{border-color:#1a56db;border-color:var(--primary);box-shadow:0 0 0 3px #1a56db1f;outline:none}.form-row{grid-gap:16px;display:grid;gap:16px}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}textarea.form-control{min-height:80px;resize:vertical}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:.875rem;width:100%}thead th{background:#f3f4f6;background:var(--bg);color:#6b7280;color:var(--text-light);font-size:.78rem;font-weight:600;letter-spacing:.05em;padding:10px 14px;text-align:left;text-transform:uppercase}tbody tr,thead th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border)}tbody tr{transition:background .1s}tbody tr:hover{background:#f9fafb}tbody td{padding:11px 14px}tbody tr:last-child{border-bottom:none}.badge{border-radius:20px;display:inline-block;font-size:.72rem;font-weight:600;padding:3px 9px;text-transform:capitalize}.badge-retail{background:#fee2e2;color:#b91c1c}.badge-project{background:#ffedd5;color:#c2410c}.badge-distributor{background:#dbeafe;color:#1e40af}.badge-draft{background:#f3f4f6;color:#374151}.badge-sent{background:#dbeafe;color:#1e40af}.badge-approved{background:#d1fae5;color:#065f46}.badge-rejected{background:#fee2e2;color:#991b1b}.badge-confirmed{background:#dbeafe;color:#1e40af}.badge-production{background:#fef3c7;color:#92400e}.badge-ready{background:#d1fae5;color:#065f46}.badge-dispatched{background:#e0e7ff;color:#3730a3}.badge-delivered{background:#d1fae5;color:#065f46}.badge-pending{background:#fef3c7;color:#92400e}.badge-done{background:#d1fae5;color:#065f46}.badge-cancelled{background:#fee2e2;color:#991b1b}.badge-in-progress{background:#fef3c7;color:#92400e}.badge-completed{background:#d1fae5;color:#065f46}.badge-in-transit{background:#e0e7ff;color:#3730a3}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.stat-card{background:#fff;background:var(--surface);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;padding:18px}.stat-label{color:#6b7280;color:var(--text-light);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.stat-value{font-size:1.75rem;font-weight:700}.stat-sub{color:#6b7280;color:var(--text-light);font-size:.75rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.page-title{font-size:1.25rem;font-weight:700}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.search-input{min-width:220px}.filter-select,.search-input{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:7px;padding:8px 12px}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{background:#fff;background:var(--surface);border-radius:10px;border-radius:var(--radius);box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;box-shadow:var(--shadow-md);max-height:90vh;max-width:640px;overflow-y:auto;width:100%}.modal-lg{max-width:900px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 20px}.modal-title{font-size:1rem;font-weight:600}.modal-body{padding:20px}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.modal-close{background:none;border:none;color:#6b7280;color:var(--text-light);font-size:1.25rem}.modal-close:hover{color:#e02424;color:var(--danger)}.progress-steps{display:flex;gap:0;margin-bottom:24px}.progress-step{color:#6b7280;color:var(--text-light);flex:1 1;font-size:.75rem;font-weight:500;padding:8px 4px;position:relative;text-align:center}.progress-step:after{background:#e5e7eb;background:var(--border);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.progress-step.active{color:#1a56db;color:var(--primary)}.progress-step.active:after{background:#1a56db;background:var(--primary)}.progress-step.done{color:#0e9f6e;color:var(--success)}.progress-step.done:after{background:#0e9f6e;background:var(--success)}.notif-badge{background:#e02424;background:var(--danger);border-radius:12px;color:#fff;font-size:.7rem;font-weight:700;min-width:20px;padding:1px 7px;text-align:center}.cart-row{grid-gap:10px;align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr 1fr auto;padding:10px 0}.qty-control{gap:6px}.qty-btn,.qty-control{align-items:center;display:flex}.qty-btn{background:#f3f4f6;background:var(--bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;font-size:1rem;height:28px;justify-content:center;width:28px}.qty-btn:hover{background:#e5e7eb;background:var(--border)}.qty-val{font-weight:600;min-width:28px;text-align:center}.product-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.product-card{background:#fff;background:var(--surface);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;transition:box-shadow .15s}.product-card:hover{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;box-shadow:var(--shadow-md)}.product-card img{background:#f3f4f6;height:130px;object-fit:cover;width:100%}.product-card-body{padding:10px}.product-card-name{font-size:.85rem;font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-price{color:#1a56db;color:var(--primary);font-size:.9rem;font-weight:700}.product-card-add{background:#1a56db;background:var(--primary);border:none;border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;margin-top:8px;padding:6px;transition:background .15s;width:100%}.product-card-add:hover{background:#1e429f;background:var(--primary-dk)}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:#6b7280;color:var(--text-light)}.text-danger{color:#e02424;color:var(--danger)}.text-success{color:#0e9f6e;color:var(--success)}.text-primary{color:#1a56db;color:var(--primary)}.fw-bold{font-weight:700}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.gap-2{gap:8px}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.divider{border:none;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);margin:16px 0}.empty-state{color:#6b7280;color:var(--text-light);padding:48px 24px;text-align:center}.empty-state .icon{font-size:3rem;margin-bottom:12px}.loading{align-items:center;color:#6b7280;color:var(--text-light);display:flex;font-size:1.5rem;justify-content:center;padding:48px}@media (max-width:768px){.sidebar{display:none}.form-row-2,.form-row-3{grid-template-columns:1fr}.cart-row,.stats-grid{grid-template-columns:1fr 1fr}.cart-row{row-gap:6px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}
/*# sourceMappingURL=main.7e2779df.css.map*/