#sidebar[data-v-aafe476e]{width:250px;transition:transform .3s ease,background-color .3s ease;background-color:#343a40;box-shadow:2px 0 5px rgba(0,0,0,.1)}.sidebar-header[data-v-aafe476e]{border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar-item[data-v-aafe476e]{padding:10px 15px}.sidebar-item .nav-link[data-v-aafe476e]{display:flex;align-items:center;padding:10px;font-size:16px;font-weight:500;border-radius:4px;transition:background-color .3s,color .3s}.sidebar-item .nav-link[data-v-aafe476e]:hover{background-color:#495057;color:#fff}.sidebar-item .nav-link i[data-v-aafe476e]{font-size:18px}#app[data-v-a976e0bc]{display:flex;height:100vh;overflow:hidden}.sidebar[data-v-a976e0bc]{position:fixed;top:0;left:0;width:250px;height:100%;background-color:#f8f9fa;z-index:10;transition:transform .3s ease-in-out}.main-content[data-v-a976e0bc]{margin-left:250px;width:100%;overflow-y:auto;transition:margin-left .3s ease-in-out}.main-content.expanded[data-v-a976e0bc]{margin-left:0}.content-area[data-v-a976e0bc]{padding-top:20px;height:calc(100vh - 56px);overflow-y:auto}.container[data-v-6086f01e]{max-width:1200px}.display-4[data-v-6086f01e]{font-weight:700;color:#343a40}.stat-card[data-v-6086f01e]{border-radius:8px;transition:transform .2s ease;height:180px}.stat-card[data-v-6086f01e]:hover{transform:scale(1.05)}.stat-value[data-v-6086f01e]{font-size:2em;font-weight:700;margin-top:10px}.chart-card[data-v-6086f01e]{background-color:#fff;border-radius:8px;padding:20px;height:300px}.chart-canvas[data-v-6086f01e]{max-height:250px}h5[data-v-6086f01e]{font-weight:700;margin-bottom:20px;text-align:center}.table[data-v-a20947cc]{width:100%;text-align:left}.badge[data-v-a20947cc]{padding:.5em .75em}.table-responsive[data-v-a20947cc]{background-color:#fff;border-radius:.5rem;box-shadow:0 0 15px rgba(0,0,0,.1);overflow:hidden}.table-striped>tbody>tr[data-v-a20947cc]:nth-of-type(odd){background-color:#f8f9fa}.table-hover tbody tr[data-v-a20947cc]:hover{background-color:#e9ecef}thead.table-dark[data-v-a20947cc]{border-top-left-radius:.5rem;border-top-right-radius:.5rem}h2.fw-bold[data-v-a20947cc]{color:#343a40}.dropdown-menu[data-v-a20947cc]{min-width:180px}.dropdown-item i[data-v-a20947cc]{margin-right:8px}.container[data-v-d2d71ba2]{max-width:800px}.card[data-v-76879e60]{transition:transform .2s}.card[data-v-76879e60]:hover{transform:translateY(-5px)}.card-img-top[data-v-76879e60]{border-top-left-radius:.25rem;border-top-right-radius:.25rem}h2.fw-bold[data-v-76879e60]{color:#343a40}.modal.fade[data-v-76879e60]{display:none}.modal.show[data-v-76879e60]{display:block;background-color:rgba(0,0,0,.5)}.modal-backdrop[data-v-76879e60]{z-index:1040}.login-container[data-v-6f80a3f1]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f8f9fa}.card[data-v-6f80a3f1]{border-radius:.5rem}.btn-primary[data-v-6f80a3f1],.form-control[data-v-6f80a3f1]{border-radius:.25rem}.spinner-border[data-v-6f80a3f1]{width:1rem;height:1rem}.toast-container[data-v-153fa5ba]{z-index:1055}.about[data-v-153fa5ba]{max-width:800px;margin:auto}.border-success[data-v-153fa5ba]{border-color:#28a745!important}.card[data-v-153fa5ba]{border:none}.card-title[data-v-153fa5ba]{font-size:1rem;text-align:center}.container[data-v-1b3b88eb]{max-width:800px}.card[data-v-1b3b88eb]{border-radius:10px}.img-preview[data-v-1b3b88eb]{max-width:100px;max-height:100px;border-radius:5px;border:1px solid #ddd}@media (max-width:768px){.card[data-v-1b3b88eb]{padding:1rem}}.update-page[data-v-225ec33f]{max-width:800px;margin:0 auto}.form-group[data-v-225ec33f]{margin-bottom:15px}.form-control[data-v-225ec33f]{width:100%;padding:8px;margin-top:5px}button[data-v-225ec33f]{padding:10px 20px}.product-list[data-v-5720a038]{max-width:800px;margin:0 auto}.create-button[data-v-5720a038]{margin-bottom:20px;padding:10px 15px;background-color:#4caf50;color:#fff;font-size:16px;cursor:pointer;border:none;border-radius:4px}.create-button[data-v-5720a038]:hover{background-color:#45a049}table[data-v-5720a038]{width:100%;border-collapse:collapse}thead[data-v-5720a038]{background-color:#f2f2f2}td[data-v-5720a038],th[data-v-5720a038]{padding:12px;text-align:left;border:1px solid #ddd}.delete-button[data-v-5720a038],.update-button[data-v-5720a038]{padding:5px 10px;font-size:14px;cursor:pointer;border:none;border-radius:4px;margin-right:5px}.update-button[data-v-5720a038]{background-color:#2196f3;color:#fff}.update-button[data-v-5720a038]:hover{background-color:#0b7dda}.delete-button[data-v-5720a038]{background-color:#f44336;color:#fff}.delete-button[data-v-5720a038]:hover{background-color:#da190b}.product-form[data-v-02aa2eb9]{max-width:500px;margin:0 auto}.form-group[data-v-02aa2eb9]{margin-bottom:15px}label[data-v-02aa2eb9]{display:block;font-weight:700}input[data-v-02aa2eb9],select[data-v-02aa2eb9]{width:100%;padding:8px;margin-top:5px;box-sizing:border-box}button[data-v-02aa2eb9]{display:block;width:100%;padding:10px;background-color:#4caf50;color:#fff;font-size:16px;cursor:pointer;border:none;border-radius:4px}button[data-v-02aa2eb9]:hover{background-color:#45a049}.category-container[data-v-165e0b5c]{padding:20px}button[data-v-165e0b5c]{margin:5px;padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}button[data-v-165e0b5c]:hover{background-color:#0056b3}.table[data-v-165e0b5c]{width:100%;border-collapse:collapse;margin-top:20px}.table td[data-v-165e0b5c],.table th[data-v-165e0b5c]{padding:10px;border:1px solid #ddd}.table th[data-v-165e0b5c]{background-color:#f4f4f4}.modal-overlay[data-v-165e0b5c]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-165e0b5c]{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.modal-content h3[data-v-165e0b5c]{margin-top:0}.modal-content form[data-v-165e0b5c]{display:flex;flex-direction:column}.modal-content button[data-v-165e0b5c],.modal-content input[data-v-165e0b5c],.modal-content select[data-v-165e0b5c]{margin:10px 0;padding:10px;border-radius:5px}.modal-content button[data-v-165e0b5c]{background-color:#007bff;color:#fff;border:none}.modal-content button[data-v-165e0b5c]:hover{background-color:#0056b3}.product-form[data-v-0a617778]{max-width:500px;margin:0 auto}.form-group[data-v-0a617778]{margin-bottom:15px}label[data-v-0a617778]{display:block;font-weight:700}input[data-v-0a617778],select[data-v-0a617778],textarea[data-v-0a617778]{width:100%;padding:8px;margin-top:5px;box-sizing:border-box}button[data-v-0a617778]{display:block;width:100%;padding:10px;background-color:#4caf50;color:#fff;font-size:16px;cursor:pointer;border:none;border-radius:4px}button[data-v-0a617778]:hover{background-color:#45a049}