:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#dbeafe;--secondary:#f59e0b;--secondary-dark:#d97706;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--text:#111827;--text-muted:#6b7280;--border:#e5e7eb;--bg:#f9fafb;--white:#fff;--shadow:0 1px 3px #0000001a;--shadow-lg:0 4px 16px #0000001f;--radius:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:#f9fafb;background:var(--bg);color:#111827;color:var(--text);font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer}button,input,select,textarea{font-family:inherit;outline:none}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.flex{display:flex}.flex-center{align-items:center;display:flex}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.grid-2{grid-gap:1rem;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:1rem}.grid-3{grid-gap:1rem;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.text-muted{color:#6b7280;color:var(--text-muted)}.text-primary{color:#2563eb;color:var(--primary)}.text-success{color:#10b981;color:var(--success)}.text-danger{color:#ef4444;color:var(--danger)}.w-full{width:100%}.card{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow);padding:1.25rem}.btn{align-items:center;border-radius:8px;border-radius:var(--radius);display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;justify-content:center;padding:.55rem 1.2rem;transition:all .18s}.btn-primary{background:#2563eb;background:var(--primary);color:#fff}.btn-primary:hover{background:#1d4ed8;background:var(--primary-dark)}.btn-secondary{background:#f59e0b;background:var(--secondary);color:#fff}.btn-secondary:hover{background:#d97706;background:var(--secondary-dark)}.btn-outline{background:#0000;border:1.5px solid #2563eb;border:1.5px solid var(--primary);color:#2563eb;color:var(--primary)}.btn-outline:hover{background:#dbeafe;background:var(--primary-light)}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-sm{font-size:.8rem;padding:.35rem .8rem}.btn-lg{font-size:1rem;padding:.75rem 1.75rem}.btn-full{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.form-group{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.85rem}.form-label{color:#111827;color:var(--text);font-size:.85rem;font-weight:600}.form-input{background:#fff;background:var(--white);border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius);font-size:.9rem;padding:.55rem .8rem;transition:border-color .15s}.form-input:focus{border-color:#2563eb;border-color:var(--primary)}.form-select{background:#fff;background:var(--white);border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius);font-size:.9rem;padding:.55rem .8rem}.form-select:focus{border-color:#2563eb;border-color:var(--primary)}.badge{border-radius:999px;display:inline-block;font-size:.72rem;font-weight:700;padding:.2rem .6rem}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-gray{background:#f3f4f6;color:#374151}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;font-size:.88rem;width:100%}.table th{background:#f9fafb;background:var(--bg);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border);font-weight:700;padding:.65rem 1rem;text-align:left;white-space:nowrap}.table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:.65rem 1rem;vertical-align:middle}.table tr:hover td{background:#f8faff}.qty-stepper{gap:.4rem}.qty-btn,.qty-stepper{align-items:center;display:flex}.qty-btn{background:#dbeafe;background:var(--primary-light);border:none;border-radius:50%;color:#2563eb;color:var(--primary);cursor:pointer;font-size:1.1rem;font-weight:700;height:28px;justify-content:center;transition:background .15s;width:28px}.qty-btn:hover{background:#2563eb;background:var(--primary);color:#fff}.qty-input{border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius);font-size:.9rem;padding:.2rem;text-align:center;width:42px}.page-header{padding:1.5rem 0 1rem}.page-header h1{font-size:1.6rem;font-weight:800}.page-header p{color:#6b7280;color:var(--text-muted);margin-top:.2rem}.spinner{animation:spin .7s linear infinite;border:4px solid #e5e7eb;border-top-color:#2563eb;border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:38px;margin:2rem auto;width:38px}@keyframes spin{to{transform:rotate(1turn)}}.alert{border-radius:8px;border-radius:var(--radius);font-size:.88rem;margin-bottom:.75rem;padding:.8rem 1rem}.alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.alert-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.product-card{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow);overflow:hidden;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-card-img{align-items:center;background:#f3f4f6;display:flex;font-size:2.5rem;height:100px;justify-content:center;margin:0 auto;object-fit:cover;width:100px}.product-card-body{padding:.9rem}.product-card-name{font-size:.78rem;font-weight:400;margin-bottom:.2rem}.product-card-brand{color:#6b7280;color:var(--text-muted);font-size:.75rem}.product-card-price{color:#2563eb;color:var(--primary);font-size:1.05rem;font-weight:800;margin-top:.4rem}.product-card-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);padding:.75rem .9rem}.page-two-col{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem}.page-col-main{flex:2 1;min-width:300px}.page-col-side{flex:1 1;min-width:260px}.logo-img{display:block;height:auto;width:180px}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.logo-img{width:140px}.nav-greeting{display:none}.page-col-main,.page-col-side{flex:none;min-width:0;width:100%}.page-two-col{gap:1rem}}@media (min-width:769px){.show-mobile{display:none!important}}@media (max-width:480px){.grid-3,.grid-4{grid-template-columns:1fr}.logo-img{width:110px}.container{padding:0 .6rem}.card{padding:.9rem}.btn-lg{font-size:.9rem;padding:.6rem 1.1rem}.page-header h1{font-size:1.3rem}}
/*# sourceMappingURL=main.c069bacd.css.map*/