body{font-family:Arial,sans-serif;background-color:#f4f4f4;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}#app{width:100%}.login-container[data-v-14058608]{display:flex;justify-content:center;align-items:center;height:100vh}.login-card[data-v-14058608]{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);width:90%;max-width:400px;text-align:center}h2[data-v-14058608]{color:#333;margin-bottom:30px}.input-group[data-v-14058608]{margin-bottom:20px;text-align:left}label[data-v-14058608]{display:block;margin-bottom:8px;color:#666;font-weight:700}input[data-v-14058608]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px}.login-btn[data-v-14058608]{width:100%;padding:15px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:18px;cursor:pointer;transition:background-color .3s ease}.login-btn[data-v-14058608]:hover{background-color:#0056b3}.error-message[data-v-14058608]{color:#d9534f;margin-top:15px;font-size:14px}.content-card[data-v-f82a6288]{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.content-card h2[data-v-f82a6288]{color:#333;margin-top:0}.search-container[data-v-f82a6288]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;margin-bottom:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.search-container .input-group[data-v-f82a6288]{display:flex;flex-direction:column;flex:1;min-width:150px}.search-container label[data-v-f82a6288]{font-weight:700;margin-bottom:5px;color:#555}.search-container input[data-v-f82a6288]{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:16px}.add-btn[data-v-f82a6288],.reset-btn[data-v-f82a6288],.search-btn[data-v-f82a6288]{padding:10px 20px;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease;white-space:nowrap}.search-btn[data-v-f82a6288]{background-color:#007bff}.search-btn[data-v-f82a6288]:hover{background-color:#0056b3}.reset-btn[data-v-f82a6288]{background-color:#6c757d}.reset-btn[data-v-f82a6288]:hover{background-color:#5a6268}.add-btn[data-v-f82a6288]{background-color:#28a745}.add-btn[data-v-f82a6288]:hover{background-color:#218838}.data-table[data-v-f82a6288]{width:100%;border-collapse:collapse;margin-top:20px;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.05)}.data-table td[data-v-f82a6288],.data-table th[data-v-f82a6288]{padding:12px;text-align:left;border-bottom:1px solid #ddd;border-right:1px solid #ddd}.data-table td[data-v-f82a6288]:last-child,.data-table th[data-v-f82a6288]:last-child{border-right:none}.data-table th[data-v-f82a6288]{background-color:#f2f2f2;font-weight:700;color:#333}.data-table tr[data-v-f82a6288]:hover{background-color:#f1f1f1}.loading-message[data-v-f82a6288],.no-data-message[data-v-f82a6288]{text-align:center;padding:20px;color:#777;font-style:italic}.pagination-container[data-v-f82a6288]{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:15px}.pagination-container button[data-v-f82a6288]{padding:8px 16px;border:1px solid #ccc;border-radius:6px;background-color:#fff;cursor:pointer;transition:background-color .3s}.pagination-container button[data-v-f82a6288]:hover:not(:disabled){background-color:#e9ecef}.pagination-container button[data-v-f82a6288]:disabled{cursor:not-allowed;opacity:.5}.total-records[data-v-f82a6288]{margin-right:auto;color:#555;font-size:14px}.page-size-selector[data-v-f82a6288]{display:flex;align-items:center;gap:5px;margin-left:20px}.page-size-selector select[data-v-f82a6288]{padding:8px;border-radius:6px;border:1px solid #ccc;font-size:14px}.modal-backdrop[data-v-f82a6288]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content[data-v-f82a6288]{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.2);width:95%;max-width:1400px;max-height:90vh;overflow-y:auto}.modal-content h3[data-v-f82a6288]{margin-top:0;margin-bottom:20px;font-size:22px;color:#333;text-align:center}.modal-table[data-v-f82a6288]{width:100%;border-collapse:collapse;margin-bottom:20px}.modal-table td[data-v-f82a6288],.modal-table th[data-v-f82a6288]{padding:10px;border:1px solid #e0e0e0;text-align:center}.modal-table th[data-v-f82a6288]{background-color:#f5f5f5;font-weight:700;font-size:14px}.modal-table td input[data-v-f82a6288]{width:100%;box-sizing:border-box;padding:8px;border:1px solid #ccc;border-radius:6px;font-size:14px}.modal-table colgroup col[data-v-f82a6288]:first-child,.modal-table colgroup col[data-v-f82a6288]:nth-child(2),.modal-table colgroup col[data-v-f82a6288]:nth-child(3),.modal-table colgroup col[data-v-f82a6288]:nth-child(4),.modal-table colgroup col[data-v-f82a6288]:nth-child(5){width:13%}.modal-table colgroup col[data-v-f82a6288]:nth-child(6),.modal-table colgroup col[data-v-f82a6288]:nth-child(7),.modal-table colgroup col[data-v-f82a6288]:nth-child(8){width:10%}.action-column[data-v-f82a6288]{width:5%}.remove-line-btn[data-v-f82a6288]{background-color:#dc3545;color:#fff;border:none;border-radius:50%;width:25px;height:25px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s}.remove-line-btn[data-v-f82a6288]:hover{background-color:#c82333}.add-line-container[data-v-f82a6288]{display:flex;justify-content:center;margin-top:20px}.add-line-btn[data-v-f82a6288]{background-color:#007bff;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;font-weight:700;cursor:pointer;transition:background-color .3s;box-shadow:0 4px 8px rgba(0,123,255,.3)}.add-line-btn[data-v-f82a6288]:hover{background-color:#0056b3}.modal-actions[data-v-f82a6288]{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.modal-actions button[data-v-f82a6288]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .3s}.cancel-btn[data-v-f82a6288]{background-color:#e9ecef;color:#333}.cancel-btn[data-v-f82a6288]:hover{background-color:#dee2e6}.confirm-btn[data-v-f82a6288]{background-color:#28a745;color:#fff}.confirm-btn[data-v-f82a6288]:hover{background-color:#218838}.error-message-container[data-v-f82a6288]{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:3000;pointer-events:none;animation:fadeInOut-f82a6288 3s ease-in-out forwards}.error-message[data-v-f82a6288]{background-color:#dc3545;color:#fff;padding:15px 30px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2);font-weight:700}.success-message-container[data-v-f82a6288]{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:3000;pointer-events:none;animation:fadeInOut-f82a6288 3s ease-in-out forwards}.success-message[data-v-f82a6288]{background-color:#28a745;color:#fff;padding:15px 30px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2);font-weight:700}@keyframes fadeInOut-f82a6288{0%{opacity:0;transform:translateY(-20px) translateX(-50%)}20%{opacity:1;transform:translateY(0) translateX(-50%)}80%{opacity:1;transform:translateY(0) translateX(-50%)}to{opacity:0;transform:translateY(-20px) translateX(-50%)}}.input-with-dropdown[data-v-f82a6288]{position:relative}.customer-dropdown[data-v-f82a6288]{position:absolute;top:100%;left:0;right:0;z-index:100;background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-height:200px;overflow-y:auto;list-style:none;padding:0;margin:0;margin-top:5px}.customer-dropdown li[data-v-f82a6288]{padding:10px;cursor:pointer;transition:background-color .2s}.customer-dropdown li[data-v-f82a6288]:hover{background-color:#f0f8ff}.product-dropdown[data-v-f82a6288]{position:absolute;top:100%;left:0;right:0;z-index:100;background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-height:200px;overflow-y:auto;list-style:none;padding:0;margin:0;margin-top:5px}.product-dropdown li[data-v-f82a6288]{padding:10px;cursor:pointer;transition:background-color .2s}.product-dropdown li[data-v-f82a6288]:hover{background-color:#f0f8ff}.download-btn[data-v-f82a6288]{padding:10px 20px;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease;white-space:nowrap;background-color:#17a2b8}.download-btn[data-v-f82a6288]:hover{background-color:#138496}.content-card[data-v-47616408]{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.search-container[data-v-47616408]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;margin-bottom:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.search-container .input-group[data-v-47616408]{display:flex;flex-direction:column;flex:1;min-width:150px}.search-container label[data-v-47616408]{font-weight:700;margin-bottom:5px;color:#555}.search-container input[data-v-47616408]{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:16px}.add-btn[data-v-47616408],.search-btn[data-v-47616408]{padding:10px 15px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s}.search-btn[data-v-47616408]{background-color:#007bff;color:#fff}.search-btn[data-v-47616408]:hover{background-color:#0056b3}.add-btn[data-v-47616408]{background-color:#28a745;color:#fff}.add-btn[data-v-47616408]:hover{background-color:#218838}.data-table[data-v-47616408]{width:100%;border-collapse:collapse;margin-top:20px;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.05)}.data-table td[data-v-47616408],.data-table th[data-v-47616408]{padding:12px;text-align:left;border-bottom:1px solid #ddd;border-right:1px solid #ddd}.data-table td[data-v-47616408]:last-child,.data-table th[data-v-47616408]:last-child{border-right:none}.data-table th[data-v-47616408]{background-color:#f2f2f2;font-weight:700;color:#333}.data-table tr[data-v-47616408]:hover{background-color:#f1f1f1}.edit-btn[data-v-47616408]{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s;background-color:#50b7c1;color:#fff}.edit-btn[data-v-47616408]:hover{background-color:#1d953f}.pagination-container[data-v-47616408]{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:15px}.pagination-container button[data-v-47616408]{padding:8px 16px;border:1px solid #ccc;border-radius:6px;background-color:#fff;cursor:pointer;transition:background-color .3s}.pagination-container button[data-v-47616408]:hover:not(:disabled){background-color:#e9ecef}.pagination-container button[data-v-47616408]:disabled{cursor:not-allowed;opacity:.5}.page-size-selector[data-v-47616408]{display:flex;align-items:center;gap:5px;margin-left:20px}.page-size-selector select[data-v-47616408]{padding:8px;border-radius:6px;border:1px solid #ccc;font-size:14px}.modal-backdrop[data-v-47616408]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content[data-v-47616408]{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.2);width:90%;max-width:500px}.modal-content h3[data-v-47616408]{margin-top:0;margin-bottom:20px;font-size:22px;color:#333;text-align:center}.modal-tip-message[data-v-47616408]{color:#ed1941;font-size:14px;text-align:center;margin-top:-10px;margin-bottom:20px}.modal-input-group[data-v-47616408]{margin-bottom:15px;padding-right:20px}.modal-input-group label[data-v-47616408]{display:block;font-weight:700;margin-bottom:8px;color:#555}.modal-input-group input[data-v-47616408]{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:16px}.modal-actions[data-v-47616408]{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;margin-left:20px}.modal-actions button[data-v-47616408]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .3s}.cancel-btn[data-v-47616408]{background-color:#e9ecef;color:#333}.cancel-btn[data-v-47616408]:hover{background-color:#dee2e6}.confirm-btn[data-v-47616408]{background-color:#28a745;color:#fff}.confirm-btn[data-v-47616408]:hover{background-color:#218838}.success-message-container[data-v-47616408]{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:3000;pointer-events:none;animation:fadeInOut-47616408 2s ease-in-out forwards}.success-message[data-v-47616408]{background-color:#28a745;color:#fff;padding:15px 30px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2);font-weight:700}.error-message-container[data-v-47616408]{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:3000;pointer-events:none;animation:fadeInOut-47616408 3s ease-in-out forwards}.error-message[data-v-47616408]{background-color:#dc3545;color:#fff;padding:15px 30px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2);font-weight:700}@keyframes fadeInOut-47616408{0%{opacity:0;transform:translateY(-20px) translateX(-50%)}20%{opacity:1;transform:translateY(0) translateX(-50%)}80%{opacity:1;transform:translateY(0) translateX(-50%)}to{opacity:0;transform:translateY(-20px) translateX(-50%)}}.content-card[data-v-c37a0e8e]{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.content-card h2[data-v-c37a0e8e]{color:#333;margin-top:0}.search-container[data-v-c37a0e8e]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;margin-bottom:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.product-log-date-input-group[data-v-c37a0e8e],.product-log-id-input-group[data-v-c37a0e8e]{min-width:150px;max-width:150px}.product-log-id-input-group input[type=number][data-v-c37a0e8e]::-webkit-inner-spin-button,.product-log-id-input-group input[type=number][data-v-c37a0e8e]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.product-log-id-input-group input[type=number][data-v-c37a0e8e]{-moz-appearance:textfield}.search-container .input-group[data-v-c37a0e8e]{display:flex;flex-direction:column;flex:1;min-width:150px}.search-container label[data-v-c37a0e8e]{font-weight:700;margin-bottom:5px;color:#555}.search-container input[data-v-c37a0e8e]{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:16px}.reset-btn[data-v-c37a0e8e],.search-btn[data-v-c37a0e8e]{padding:10px 20px;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.search-btn[data-v-c37a0e8e]{background-color:#007bff}.search-btn[data-v-c37a0e8e]:hover{background-color:#0056b3}.reset-btn[data-v-c37a0e8e]{background-color:#6c757d}.reset-btn[data-v-c37a0e8e]:hover{background-color:#5a6268}.data-table[data-v-c37a0e8e]{width:100%;border-collapse:collapse;margin-top:20px;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.05)}.data-table td[data-v-c37a0e8e],.data-table th[data-v-c37a0e8e]{padding:12px;text-align:left;border-bottom:1px solid #ddd;border-right:1px solid #ddd}.data-table td[data-v-c37a0e8e]:last-child,.data-table th[data-v-c37a0e8e]:last-child{border-right:none}.data-table th[data-v-c37a0e8e]{background-color:#f2f2f2;font-weight:700;color:#333}.data-table tr[data-v-c37a0e8e]:hover{background-color:#f1f1f1}.loading-message[data-v-c37a0e8e],.no-data-message[data-v-c37a0e8e]{text-align:center;padding:20px;color:#777;font-style:italic}.pagination-container[data-v-c37a0e8e]{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:15px}.pagination-container button[data-v-c37a0e8e]{padding:8px 16px;border:1px solid #ccc;border-radius:6px;background-color:#fff;cursor:pointer;transition:background-color .3s}.pagination-container button[data-v-c37a0e8e]:hover:not(:disabled){background-color:#e9ecef}.pagination-container button[data-v-c37a0e8e]:disabled{cursor:not-allowed;opacity:.5}.page-size-selector[data-v-c37a0e8e]{display:flex;align-items:center;gap:5px;margin-left:20px}.page-size-selector select[data-v-c37a0e8e]{padding:8px;border-radius:6px;border:1px solid #ccc;font-size:14px}.content-card[data-v-6b70d704]{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.content-card h2[data-v-6b70d704]{color:#333;margin-top:0}.search-container[data-v-6b70d704]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;margin-bottom:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.search-container .input-group[data-v-6b70d704]{display:flex;flex-direction:column;flex:1;min-width:150px}.search-container label[data-v-6b70d704]{font-weight:700;margin-bottom:5px;color:#555}.search-container input[data-v-6b70d704]{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:16px}.add-btn[data-v-6b70d704],.reset-btn[data-v-6b70d704],.search-btn[data-v-6b70d704]{padding:10px 20px;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease;white-space:nowrap}.search-btn[data-v-6b70d704]{background-color:#007bff}.search-btn[data-v-6b70d704]:hover{background-color:#0056b3}.reset-btn[data-v-6b70d704]{background-color:#6c757d}.reset-btn[data-v-6b70d704]:hover{background-color:#5a6268}.add-btn[data-v-6b70d704]{background-color:#28a745}.add-btn[data-v-6b70d704]:hover{background-color:#218838}.data-table[data-v-6b70d704]{width:100%;border-collapse:collapse;margin-top:20px;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.05)}.data-table td[data-v-6b70d704],.data-table th[data-v-6b70d704]{padding:12px;text-align:left;border-bottom:1px solid #ddd;border-right:1px solid #ddd}.data-table td[data-v-6b70d704]:last-child,.data-table th[data-v-6b70d704]:last-child{border-right:none}.data-table th[data-v-6b70d704]{background-color:#f2f2f2;font-weight:700;color:#333}.data-table tr[data-v-6b70d704]:hover{background-color:#f1f1f1}.loading-message[data-v-6b70d704],.no-data-message[data-v-6b70d704]{text-align:center;padding:20px;color:#777;font-style:italic}.pagination-container[data-v-6b70d704]{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:15px;flex-wrap:wrap}.pagination-container button[data-v-6b70d704]{padding:8px 16px;border:1px solid #ccc;border-radius:6px;background-color:#fff;cursor:pointer;transition:background-color .3s}.pagination-container button[data-v-6b70d704]:hover:not(:disabled){background-color:#e9ecef}.pagination-container button[data-v-6b70d704]:disabled{cursor:not-allowed;opacity:.5}.page-size-selector[data-v-6b70d704]{display:flex;align-items:center;gap:5px;margin-left:20px}.page-size-selector select[data-v-6b70d704]{padding:8px;border-radius:6px;border:1px solid #ccc;font-size:14px}.modal-backdrop[data-v-6b70d704]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content[data-v-6b70d704]{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.2);width:90%;max-width:500px}.modal-content h3[data-v-6b70d704]{margin-top:0;margin-bottom:20px;font-size:22px;color:#333;text-align:center}.modal-input-group[data-v-6b70d704]{margin-bottom:15px}.modal-input-group label[data-v-6b70d704]{display:block;font-weight:700;margin-bottom:8px;color:#555}.modal-input-group input[data-v-6b70d704]{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:16px}.modal-actions[data-v-6b70d704]{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.modal-actions button[data-v-6b70d704]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .3s}.cancel-btn[data-v-6b70d704]{background-color:#e9ecef;color:#333}.cancel-btn[data-v-6b70d704]:hover{background-color:#dee2e6}.confirm-btn[data-v-6b70d704]{background-color:#28a745;color:#fff}.confirm-btn[data-v-6b70d704]:hover{background-color:#218838}.edit-btn[data-v-6b70d704]{padding:8px 12px;background-color:#50b7c1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s}.edit-btn[data-v-6b70d704]:hover{background-color:#1d953f}.success-message-container[data-v-6b70d704]{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:3000;pointer-events:none;animation:fadeInOut-6b70d704 2s ease-in-out forwards}.success-message[data-v-6b70d704]{background-color:#28a745;color:#fff;padding:15px 30px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2);font-weight:700}.error-message-container[data-v-6b70d704]{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:3000;pointer-events:none;animation:fadeInOut-6b70d704 3s ease-in-out forwards}.error-message[data-v-6b70d704]{background-color:#dc3545;color:#fff;padding:15px 30px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2);font-weight:700}@keyframes fadeInOut-6b70d704{0%{opacity:0;transform:translateY(-20px) translateX(-50%)}20%{opacity:1;transform:translateY(0) translateX(-50%)}80%{opacity:1;transform:translateY(0) translateX(-50%)}to{opacity:0;transform:translateY(-20px) translateX(-50%)}}.main-layout[data-v-6f4922df]{display:flex;flex-direction:column;height:100vh;width:100%}.header[data-v-6f4922df]{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:1000}.app-title[data-v-6f4922df]{margin:0;color:#102b6a;margin-left:5px;font-size:26px}.header-right[data-v-6f4922df]{display:flex;align-items:center}.user-info[data-v-6f4922df]{margin-right:20px;color:#555;font-size:16px}.logout-btn[data-v-6f4922df]{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.logout-btn[data-v-6f4922df]:hover{background-color:#c82333}.content-container[data-v-6f4922df]{display:flex;flex:1;padding-left:15px;padding-top:75px}.sidebar[data-v-6f4922df]{width:250px;background-color:#fff;padding:20px;box-shadow:2px 0 4px rgba(0,0,0,.05);position:fixed;left:0;top:80px;bottom:0}.menu-list[data-v-6f4922df]{list-style:none;padding:0;margin:0;padding-top:10px}.menu-list li[data-v-6f4922df]{padding:15px 10px;margin-bottom:10px;border-radius:8px;cursor:pointer;transition:background-color .3s ease,color .3s ease;font-size:16px;background-color:#f8f9fa}.menu-list li[data-v-6f4922df]:hover{background-color:#e9ecef}.menu-list li.active[data-v-6f4922df]{background-color:#007bff;color:#fff}.main-content[data-v-6f4922df]{flex:1;padding:20px;margin-left:270px;background-color:#f4f4f4}.content-card[data-v-6f4922df]{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.content-card h2[data-v-6f4922df]{color:#333;margin-top:0}.content-card p[data-v-6f4922df]{color:#666}