:root{--primary-50:#e3f2fd;--primary-100:#bbdefb;--primary-200:#90caf9;--primary-300:#64b5f6;--primary-400:#42a5f5;--primary-500:#1a73e8;--primary-600:#1464cc;--primary-700:#1565c0;--primary-800:#0d47a1;--primary-900:#0a3d91;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#ddd;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#4b4b4b;--gray-800:#26282b;--gray-900:#1a1a1a;--success:#77cc6d;--success-dark:#81b65f;--success-light:#e8f5e9;--warning:#f59e0b;--warning-dark:#d97706;--danger:#ef4444;--danger-dark:#dc2626;--danger-light:#fee2e2;--info:#1a73e8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;--radius-none:0;--radius-sm:3px;--radius-md:10px;--radius-lg:15px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--gray-100);color:#26282b;color:var(--gray-800);font-family:Verdana,Geneva,sans-serif;font-size:16px;font-weight:700;line-height:1.8}.container{margin:0 auto;max-width:1200px;padding:20px}.nav{background:#1a73e8;background:var(--primary-500);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;transition:box-shadow .5s ease;transition:box-shadow var(--transition-slow);z-index:100}.nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.nav-logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.nav-logo:hover{opacity:.9}.nav-links{gap:.5rem;gap:var(--spacing-sm)}.nav-links,.nav-links a{align-items:center;display:flex}.nav-links a{border-bottom:2px solid #0000;border-radius:3px;border-radius:var(--radius-sm);color:#ffffffe6;justify-content:center;padding:.5rem;padding:var(--spacing-sm);text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.nav-links a:hover{background:#ffffff26;color:#fff;transform:scale(1.1)}.nav-links a.active{background:#fff3;border-bottom-color:#fff;color:#fff}.nav-logout{background:none;border:none;border-radius:3px;border-radius:var(--radius-sm);color:#ffffffe6;justify-content:center;padding:.5rem;padding:var(--spacing-sm)}.nav-logout:hover{background:#ffffff26;color:#fff;transform:scale(1.1)}.card{background:#fff;border:1px solid #eee;border:1px solid var(--gray-200);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:15px;transition:all .5s ease;transition:all var(--transition-slow)}.card:hover{background-color:#00000008;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.card-header{align-items:center;border-bottom:2px solid #eee;border-bottom:2px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.card-title{color:#26282b;color:var(--gray-800);font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-label{color:#4b4b4b;color:var(--gray-700);display:block;font-size:.875rem;font-weight:600;letter-spacing:.01em;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-transform:uppercase}.form-input,.form-select,.form-textarea{background-color:#fff;border:1px solid #ddd;border:1px solid var(--gray-300);border-radius:3px;border-radius:var(--radius-sm);box-shadow:none;color:#26282b;color:var(--gray-800);font-family:inherit;font-size:1rem;padding:.75rem 1rem;padding:.75rem var(--spacing-md);transition:all .3s ease;transition:all var(--transition-base);width:100%}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#bdbdbd;border-color:var(--gray-400)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1464cc;border-color:var(--primary-600);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 3px #2563eb1a;box-shadow:var(--shadow-md),0 0 0 3px #2563eb1a;outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:#f5f5f5;background-color:var(--gray-100);cursor:not-allowed;opacity:.6}.form-textarea{line-height:1.6;min-height:120px;resize:vertical}.btn{align-items:center;border:none;border-radius:3px;border-radius:var(--radius-sm);box-shadow:none;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);justify-content:center;letter-spacing:.01em;overflow:hidden;padding:.667em 1.333em;position:relative;text-transform:none;transition:all .3s ease;transition:all var(--transition-base)}.btn:active{box-shadow:none;transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:#1a73e8;background:var(--primary-500);color:#fff}.btn-primary:hover:not(:disabled){background:#1464cc;background:var(--primary-600);box-shadow:none}.btn-secondary{background:#9e9e9e;background:var(--gray-500);color:#fff}.btn-secondary:hover:not(:disabled){background:#757575;background:var(--gray-600);box-shadow:none}.btn-success{background:#77cc6d;background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#81b65f;background:var(--success-dark);box-shadow:none}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;background:var(--danger-dark);box-shadow:none}.btn-outline{background:#0000;border:1px solid #ddd;border:1px solid var(--gray-300);box-shadow:none;color:#4b4b4b;color:var(--gray-700)}.btn-outline:hover:not(:disabled){background:#e3f2fd;background:var(--primary-50);border-color:#1a73e8;border-color:var(--primary-500);box-shadow:none;color:#1a73e8;color:var(--primary-500)}.btn-sm{font-size:.875rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:1.125rem;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);padding:.5rem;text-align:left}.table th{background:#fafafa;background:var(--gray-50);color:#4b4b4b;color:var(--gray-700);font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.table td:nth-child(3),.table th:nth-child(3){min-width:300px;width:300px}.table-striped tbody tr:nth-child(odd){background:#fff}.table-striped tbody tr:nth-child(2n){background:#0000000d}.table-striped tbody tr:hover{background:#e3f2fd!important;background:var(--primary-50)!important;transition:background .15s ease;transition:background var(--transition-fast)}.table-actions{display:flex;gap:.5rem}.pagination-controls{align-items:center;border-top:2px solid #eee;border-top:2px solid var(--gray-200);display:flex;gap:1rem;gap:var(--spacing-md);justify-content:center;margin-top:1.5rem;margin-top:var(--spacing-lg);padding:1.5rem 0;padding:var(--spacing-lg) 0}.pagination-controls:first-child{border-bottom:2px solid #eee;border-bottom:2px solid var(--gray-200);border-top:none;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);margin-top:0}.pagination-info{color:#4b4b4b;color:var(--gray-700);font-size:.875rem;font-weight:600;padding:0 1rem;padding:0 var(--spacing-md);white-space:nowrap}.product-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.product-card{background:#fff;border:1px solid #eee;border:1px solid var(--gray-200);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .5s ease;transition:all var(--transition-slow)}.product-card:hover{background-color:#00000008;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.product-image{background:#f3f4f6;height:200px;object-fit:cover;width:100%}.product-info{padding:1.25rem}.product-name{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.product-category{background:#e0e7ff;border-radius:9999px;color:#3730a3;display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:.75rem;padding:.25rem .75rem}.product-brand{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.product-value{color:#059669;font-size:1.25rem;font-weight:700}.product-number{color:#9ca3af;font-size:.75rem;margin-top:.5rem}.qr-container{padding:2rem;text-align:center}.qr-image{border:1px solid #e5e7eb;border-radius:3px;border-radius:var(--radius-sm);margin:0 auto 1rem;max-width:300px}.qr-label{background:#fff;border:1px dashed #d1d5db;border-radius:3px;border-radius:var(--radius-sm);display:inline-block;padding:1.5rem}.qr-label-name{font-weight:600;margin-top:.5rem}.qr-label-number{color:#6b7280;font-size:.875rem}.alert{border-radius:3px;border-radius:var(--radius-sm);margin-bottom:1rem;padding:1rem 1.25rem;transition:all .3s ease;transition:all var(--transition-base)}.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:10px;border-radius:var(--radius-md);max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;transition:all .5s ease;transition:all var(--transition-slow);width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem}.modal-close:hover{color:#1f2937}.file-input-wrapper{position:relative}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.file-input-label{align-items:center;background:#f9fafb;border:1px dashed #d1d5db;border-radius:3px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:2rem;transition:border-color .5s ease;transition:border-color var(--transition-slow)}.file-input-label:hover{border-color:#1a73e8;border-color:var(--primary-500)}.file-preview{border-radius:3px;border-radius:var(--radius-sm);margin-top:1rem;max-height:200px;max-width:200px}.product-view{margin:1rem auto;max-width:900px;position:relative}.product-view-actions{align-items:center;border-bottom:2px solid #eee;border-bottom:2px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.product-nav-arrows{margin:2rem 0;margin:var(--spacing-xl) 0;position:relative}.product-nav-btn{align-items:center;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;height:60px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:60px;z-index:10}.product-nav-prev{left:-80px}.product-nav-next{right:-80px}.product-nav-btn:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-50%) scale(1.05)}.product-view-logo{border-bottom:2px solid #eee;border-bottom:2px solid var(--gray-200);display:flex;justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}.product-view-logo img{height:120px;object-fit:contain;width:120px}.btn-call-order{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 6px -1px #10b9814d;color:#fff;transition:all .15s ease;transition:all var(--transition-fast)}.btn-call-order:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 10px 15px -3px #10b98166;transform:translateY(-2px)}.btn-call-order:active{box-shadow:0 4px 6px -1px #10b9814d;transform:translateY(0)}.product-view-image{background:#fafafa;background:var(--gray-50);border-radius:0;border-radius:var(--radius-none);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:2rem;margin-bottom:var(--spacing-xl);max-height:500px;object-fit:contain;padding:1.5rem;padding:var(--spacing-lg);width:100%}.product-view-details{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md)}.product-view-row{border-bottom:2px solid #eee;border-bottom:2px solid var(--gray-200);display:flex;padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.product-view-label{color:#4b4b4b;color:var(--gray-700);font-size:.875rem;font-weight:600;letter-spacing:.025em;min-width:150px;text-transform:uppercase}.product-view-value{color:#26282b;color:var(--gray-800);flex:1 1}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.5rem}.gap-2{gap:1rem}.product-image-gallery{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.product-thumbnails{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm);justify-content:center;margin-top:1rem;margin-top:var(--spacing-md)}.product-thumbnail{border:2px solid #ddd;border:2px solid var(--gray-300);cursor:pointer;height:80px;object-fit:cover;opacity:.6;transition:all .15s ease;transition:all var(--transition-fast);width:80px}.product-thumbnail:hover{border-color:#1a73e8;border-color:var(--primary-500);opacity:.8}.product-thumbnail.active{border-color:#1464cc;border-color:var(--primary-600);border-width:3px;opacity:1}@media (max-width:768px){.nav-content{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center}.product-grid{grid-template-columns:1fr}.table td,.table th{font-size:.875rem;padding:.75rem .5rem}.product-view{max-width:100%;padding:0 1rem;padding:0 var(--spacing-md)}.product-nav-btn{height:50px;width:50px}.product-nav-prev{left:-60px}.product-nav-next{right:-60px}.product-view-actions{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.product-view-actions .btn{width:100%}.home-title{font-size:2rem}.home-actions{max-width:100%}.home-action-icon{height:60px;width:60px}.home-action-icon svg{height:36px;width:36px}.home-action-text h3{font-size:1.25rem}}@media (max-width:640px){.product-nav-prev{left:10px}.product-nav-next{right:10px}.product-nav-btn{background:#757575;background:var(--gray-600);height:40px;opacity:.9;width:40px}.product-view-label{font-size:.75rem;min-width:100px}.product-view-logo img{height:80px;width:80px}}.home-container{align-items:flex-start;background-attachment:scroll;background-image:url(/static/media/Background.d97e55babbe6fd2ef2dc.jpg);background-position:top;background-repeat:no-repeat;background-size:100% auto;display:flex;justify-content:flex-end;min-height:100vh;padding:2rem 0;padding:var(--spacing-xl) 0;padding-right:2rem;padding-right:var(--spacing-xl);padding-top:2rem;padding-top:var(--spacing-xl)}.home-welcome{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:10px;border-radius:var(--radius-md);margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto;max-width:600px;padding:2rem;padding:var(--spacing-xl);text-align:center}.home-title{color:#1a1a1a;color:var(--gray-900);font-size:2.5rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px #0000001a}.home-subtitle{color:#757575;color:var(--gray-600);font-size:1.125rem}.home-actions{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr;max-width:600px;width:100%}@media (min-width:1024px){.home-actions{margin-right:0;max-width:400px;transform:scale(.5);transform-origin:center right}}@media (max-width:1023px){.home-container{justify-content:center;padding-left:1.5rem;padding-left:var(--spacing-lg);padding-right:1.5rem;padding-right:var(--spacing-lg)}.home-actions{margin:0 auto}}.home-action-btn{align-items:center;background:#fff;border:1px solid #ddd;border:1px solid var(--gray-300);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:1.5rem;gap:var(--spacing-lg);padding:30px;text-align:left;transition:all .5s ease;transition:all var(--transition-slow)}.home-action-btn:hover{background-color:#00000008;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.home-action-primary{border-color:#1a73e8;border-color:var(--primary-500)}.home-action-primary:hover{background:#e3f2fd;background:var(--primary-50);border-color:#1464cc;border-color:var(--primary-600)}.home-action-success{border-color:#77cc6d;border-color:var(--success)}.home-action-success:hover{background:#f0fdf4;border-color:#81b65f;border-color:var(--success-dark)}.home-action-secondary{border-color:#bdbdbd;border-color:var(--gray-400)}.home-action-secondary:hover{background:#fafafa;background:var(--gray-50);border-color:#9e9e9e;border-color:var(--gray-500)}.home-action-icon{align-items:center;border-radius:10px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.home-action-primary .home-action-icon{background:#bbdefb;background:var(--primary-100);color:#1464cc;color:var(--primary-600)}.home-action-success .home-action-icon{background:#dcfce7;color:#81b65f;color:var(--success-dark)}.home-action-secondary .home-action-icon{background:#f5f5f5;background:var(--gray-100);color:#4b4b4b;color:var(--gray-700)}.home-action-text h3{color:#1a1a1a;color:var(--gray-900);font-size:1.5rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.home-action-text p{color:#757575;color:var(--gray-600);font-size:.875rem;margin:0}.login-container{align-items:center;background:linear-gradient(135deg,#1a73e8,#1464cc);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--spacing-md)}.login-card{background:#fff;border:1px solid #eee;border:1px solid var(--gray-200);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-width:450px;padding:30px;transition:all .5s ease;transition:all var(--transition-slow);width:100%}.login-logo{display:flex;justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.login-logo img{border-radius:10px;border-radius:var(--radius-md);height:120px;object-fit:contain;width:120px}.login-title{color:#26282b;color:var(--gray-800);font-size:1.75rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-align:center}.login-subtitle{color:#9e9e9e;color:var(--gray-500);font-size:.875rem;margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-align:center}.login-form{margin-top:1.5rem;margin-top:var(--spacing-lg)}.login-role-buttons{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.login-role-btn{align-items:center;background:#fff;border:1px solid #ddd;border:1px solid var(--gray-300);border-radius:3px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);justify-content:center;padding:1.5rem;padding:var(--spacing-lg);transition:all .5s ease;transition:all var(--transition-slow)}.login-role-btn:hover{background:#e3f2fd;background:var(--primary-50);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.login-role-btn.active,.login-role-btn:hover{border-color:#1a73e8;border-color:var(--primary-500);transform:translateY(-2px)}.login-role-btn.active{background:#1a73e8;background:var(--primary-500);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff}.login-role-btn svg{stroke:currentColor}.login-role-btn span{font-size:.875rem;font-weight:600}.nav-logout{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .15s ease;transition:all var(--transition-fast)}.nav-logout:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.nav-logout svg{stroke:currentColor}@media (max-width:768px){.login-card{padding:1.5rem;padding:var(--spacing-lg)}.login-logo img{height:100px;width:100px}.login-title{font-size:1.5rem}.login-role-buttons{grid-template-columns:1fr}.nav-logout{justify-content:center;width:100%}}
/*# sourceMappingURL=main.cf455ea9.css.map*/