body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background:linear-gradient(135deg,#f5f7fa 0%,#e4edf5 100%);color:#333;min-height:100vh}#app{background:linear-gradient(135deg,#f5f7fa 0%,#e4edf5 100%);min-height:100vh}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#e4edf5 100%)}.login-form{background:white;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.login-form h2{text-align:center;margin-bottom:1.5rem;color:#2c3e50}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:#2c3e50}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}.login-button{width:100%;padding:.75rem;background-color:#3498db;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#2980b9}.error-message{color:#e74c3c;text-align:center;margin-top:1rem}.navbar[data-v-ef37ee3e]{display:flex;justify-content:space-between;align-items:center;background-color:#3498db;color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.nav-brand[data-v-ef37ee3e]{font-size:1.5rem;font-weight:700}.nav-links[data-v-ef37ee3e]{display:flex;gap:1rem}.nav-link[data-v-ef37ee3e]{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s}.nav-link[data-v-ef37ee3e]:hover{background-color:#fff3}.nav-user[data-v-ef37ee3e]{display:flex;align-items:center;gap:1rem}.logout-button[data-v-ef37ee3e]{background-color:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:background-color .3s}.logout-button[data-v-ef37ee3e]:hover{background-color:#c0392b}.container[data-v-ef37ee3e]{max-width:1200px;margin:0 auto;padding:20px}h1[data-v-ef37ee3e]{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:2.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.1);background:linear-gradient(135deg,#3498db,#8e44ad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;padding-bottom:10px}h1[data-v-ef37ee3e]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(to right,#3498db,#8e44ad);border-radius:2px}.btn-toggle[data-v-ef37ee3e]{background-color:#95a5a6;color:#fff;padding:12px 20px;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 5px #0000001a;border:none;flex:1;min-width:140px;max-width:200px;cursor:pointer}.btn-toggle.active[data-v-ef37ee3e]{background-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-toggle[data-v-ef37ee3e]:hover{background-color:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}table[data-v-ef37ee3e]{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 5px #0000001a;border-radius:5px;overflow:hidden}th[data-v-ef37ee3e],td[data-v-ef37ee3e]{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}th[data-v-ef37ee3e]{background-color:#3498db;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px}tr[data-v-ef37ee3e]:hover{background-color:#f8f9fa}tr[data-v-ef37ee3e]:nth-child(even){background-color:#fdfdfd}#ordersTable[data-v-ef37ee3e],#receivingOrdersTable[data-v-ef37ee3e]{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 10px #0000001a;border-radius:8px;overflow:hidden;margin-top:20px;table-layout:fixed}#ordersTable th[data-v-ef37ee3e],#ordersTable td[data-v-ef37ee3e],#receivingOrdersTable th[data-v-ef37ee3e],#receivingOrdersTable td[data-v-ef37ee3e]{text-align:left;border-bottom:1px solid #eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ordersTable th[data-v-ef37ee3e]:nth-child(1),#ordersTable td[data-v-ef37ee3e]:nth-child(1){width:150px}#ordersTable th[data-v-ef37ee3e]:nth-child(2),#ordersTable td[data-v-ef37ee3e]:nth-child(2){width:200px}#ordersTable th[data-v-ef37ee3e]:nth-child(3),#ordersTable td[data-v-ef37ee3e]:nth-child(3){width:100px}#ordersTable th[data-v-ef37ee3e]:nth-child(4),#ordersTable td[data-v-ef37ee3e]:nth-child(4){width:150px}#ordersTable th[data-v-ef37ee3e]:nth-child(5),#ordersTable td[data-v-ef37ee3e]:nth-child(5){width:80px}#ordersTable th[data-v-ef37ee3e]:nth-child(6),#ordersTable td[data-v-ef37ee3e]:nth-child(6){width:150px}#receivingOrdersTable th[data-v-ef37ee3e]:nth-child(1),#receivingOrdersTable td[data-v-ef37ee3e]:nth-child(1){width:100px}#receivingOrdersTable th[data-v-ef37ee3e]:nth-child(2),#receivingOrdersTable td[data-v-ef37ee3e]:nth-child(2){width:150px}#receivingOrdersTable th[data-v-ef37ee3e]:nth-child(3),#receivingOrdersTable td[data-v-ef37ee3e]:nth-child(3){width:80px}#receivingOrdersTable th[data-v-ef37ee3e]:nth-child(4),#receivingOrdersTable td[data-v-ef37ee3e]:nth-child(4){width:80px}#receivingOrdersTable th[data-v-ef37ee3e]:nth-child(5),#receivingOrdersTable td[data-v-ef37ee3e]:nth-child(5){width:100px}#receivingOrdersTable th[data-v-ef37ee3e]:nth-child(6),#receivingOrdersTable td[data-v-ef37ee3e]:nth-child(6){width:80px}#receivingOrdersTable th[data-v-ef37ee3e]:nth-child(7),#receivingOrdersTable td[data-v-ef37ee3e]:nth-child(7){width:150px}#ordersTable th[data-v-ef37ee3e],#receivingOrdersTable th[data-v-ef37ee3e]{background-color:#3498db;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px}#ordersTable tr[data-v-ef37ee3e]:hover,#receivingOrdersTable tr[data-v-ef37ee3e]:hover{background-color:#f8f9fa}#ordersTable tr[data-v-ef37ee3e]:nth-child(even),#receivingOrdersTable tr[data-v-ef37ee3e]:nth-child(even){background-color:#fdfdfd}.form-group-inline[data-v-ef37ee3e]{display:inline-block;margin-right:15px;margin-bottom:15px}.form-group-inline label[data-v-ef37ee3e]{display:block;margin-bottom:5px;font-weight:700;color:#2c3e50}.form-group-inline input[type=date][data-v-ef37ee3e]{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px;box-sizing:border-box;background-color:#fff;color:#333;border:2px solid #3498db;transition:border-color .3s ease}.form-group-inline input[type=date][data-v-ef37ee3e]:focus{outline:none;border-color:#2980b9;box-shadow:0 0 5px #3498db80}.btn-filter[data-v-ef37ee3e],.btn-reset[data-v-ef37ee3e]{padding:10px 15px;border-radius:5px;font-weight:600;cursor:pointer;border:none;margin-right:10px;transition:all .3s ease}.btn-filter[data-v-ef37ee3e]{background-color:#3498db;color:#fff}.btn-filter[data-v-ef37ee3e]:hover{background-color:#2980b9;transform:translateY(-2px)}.btn-reset[data-v-ef37ee3e]{background-color:#95a5a6;color:#fff}.btn-reset[data-v-ef37ee3e]:hover{background-color:#7f8c8d;transform:translateY(-2px)}.btn-add[data-v-ef37ee3e],.btn-export[data-v-ef37ee3e]{padding:10px 15px;border-radius:5px;font-weight:600;cursor:pointer;border:none;margin-right:10px;transition:all .3s ease}.btn-add[data-v-ef37ee3e]{background-color:#2ecc71;color:#fff}.btn-add[data-v-ef37ee3e]:hover{background-color:#27ae60;transform:translateY(-2px)}.btn-export[data-v-ef37ee3e]{background-color:#f39c12;color:#fff}.btn-export[data-v-ef37ee3e]:hover{background-color:#d35400;transform:translateY(-2px)}.btn-edit[data-v-ef37ee3e],.btn-delete[data-v-ef37ee3e]{padding:5px 10px;border-radius:3px;font-size:14px;font-weight:600;cursor:pointer;border:none;margin-right:5px;transition:all .3s ease}.btn-edit[data-v-ef37ee3e]{background-color:#3498db;color:#fff}.btn-edit[data-v-ef37ee3e]:hover{background-color:#2980b9}.btn-delete[data-v-ef37ee3e]{background-color:#e74c3c;color:#fff}.btn-delete[data-v-ef37ee3e]:hover{background-color:#c0392b}.modal[data-v-ef37ee3e]{display:block;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;animation:fadeIn-ef37ee3e .3s;overflow-y:auto;padding:20px;box-sizing:border-box}.modal-content[data-v-ef37ee3e]{background-color:#fff;margin:5% auto;padding:20px;border-radius:10px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:600px;position:relative}.image-modal-content[data-v-ef37ee3e]{background-color:transparent;margin:5% auto;padding:20px;border:none;width:90%;max-width:800px;text-align:center}.close[data-v-ef37ee3e]{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;line-height:1;position:absolute;top:15px;right:20px;z-index:1001}.close[data-v-ef37ee3e]:hover,.close[data-v-ef37ee3e]:focus{color:#000;outline:none}.image-preview-container[data-v-ef37ee3e]{position:relative;display:inline-block}.image-preview-thumb[data-v-ef37ee3e]{width:80px;height:80px;object-fit:cover;border-radius:5px;cursor:pointer;border:1px solid #ddd}.image-preview-large[data-v-ef37ee3e]{max-width:100%;max-height:80vh;border-radius:5px;box-shadow:0 5px 15px #0000004d}.no-image[data-v-ef37ee3e]{color:#95a5a6;font-style:italic}.summary-container[data-v-ef37ee3e]{background:linear-gradient(135deg,#ffffff,#f8f9fa);border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:20px;margin-bottom:20px;border:1px solid #e6f7ff}.summary-card.top-summary[data-v-ef37ee3e]{display:flex;justify-content:space-between;margin-bottom:20px;gap:20px;flex-wrap:wrap}.remark-summary-container[data-v-ef37ee3e]{margin-top:20px;padding-top:20px;border-top:1px dashed #ddd}.remark-summary-container h3[data-v-ef37ee3e]{margin-top:0;margin-bottom:15px;color:#2c3e50;font-size:1.2rem;text-align:center}.remark-summary[data-v-ef37ee3e]{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.remark-summary .summary-item[data-v-ef37ee3e]{flex:1;min-width:150px;background:linear-gradient(135deg,#3498db,#8e44ad);color:#fff;padding:15px;border-radius:8px;text-align:center;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease;cursor:pointer}.remark-summary .summary-item[data-v-ef37ee3e]:hover{transform:translateY(-3px)}.summary-item[data-v-ef37ee3e]{flex:1;min-width:200px;background:linear-gradient(135deg,#3498db,#8e44ad);color:#fff;padding:20px;border-radius:10px;text-align:center;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.summary-item[data-v-ef37ee3e]:hover{transform:translateY(-5px)}.summary-item h3[data-v-ef37ee3e]{margin-top:0;font-size:1.2rem;font-weight:400}.summary-item h4[data-v-ef37ee3e]{margin:0 0 10px;font-size:1.1rem;font-weight:400}.summary-item p[data-v-ef37ee3e]{font-size:2rem;font-weight:700;margin:10px 0 0}.no-data[data-v-ef37ee3e]{text-align:center;padding:50px 20px;color:#7f8c8d;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a}.no-data p[data-v-ef37ee3e]{margin-top:20px;font-size:1.2rem}.toggle-buttons[data-v-ef37ee3e]{text-align:center;margin-bottom:20px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.filter-section[data-v-ef37ee3e]{background:linear-gradient(135deg,#ffffff,#f8f9fa);padding:25px;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;display:flex;flex-wrap:wrap;gap:20px;align-items:end;border:1px solid #e6f7ff}.action-bar[data-v-ef37ee3e]{background:linear-gradient(135deg,#ffffff,#f8f9fa);padding:20px;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;display:flex;flex-wrap:wrap;gap:15px;border:1px solid #e6f7ff}.form-group[data-v-ef37ee3e]{margin-bottom:20px}.form-group label[data-v-ef37ee3e]{display:block;margin-bottom:5px;font-weight:700;color:#2c3e50}.form-group input[type=text][data-v-ef37ee3e],.form-group input[type=number][data-v-ef37ee3e],.form-group input[type=date][data-v-ef37ee3e],.form-group select[data-v-ef37ee3e]{width:100%;padding:12px;border:2px solid #dde1e6;border-radius:8px;font-size:16px;transition:all .3s ease;background-color:#fff;color:#333;box-sizing:border-box}.form-group input[type=text][data-v-ef37ee3e]:focus,.form-group input[type=number][data-v-ef37ee3e]:focus,.form-group input[type=date][data-v-ef37ee3e]:focus,.form-group select[data-v-ef37ee3e]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.radio-group[data-v-ef37ee3e]{display:flex;flex-wrap:wrap;gap:15px}.radio-label[data-v-ef37ee3e]{display:flex;align-items:center;cursor:pointer;padding:8px 15px;border:2px solid #ddd;border-radius:8px;transition:all .3s ease}.radio-label.checked[data-v-ef37ee3e]{border-color:#3498db;background-color:#3498db1a}.radio-label input[type=radio][data-v-ef37ee3e]{margin-right:8px}.form-row[data-v-ef37ee3e]{display:flex;gap:20px;flex-wrap:wrap}.form-row .form-group[data-v-ef37ee3e]{flex:1;min-width:200px}.form-actions[data-v-ef37ee3e]{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.btn-save-modal[data-v-ef37ee3e],.btn-cancel-modal[data-v-ef37ee3e]{padding:12px 25px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;font-size:16px}.btn-save-modal[data-v-ef37ee3e]{background-color:#3498db;color:#fff}.btn-save-modal[data-v-ef37ee3e]:hover{background-color:#2980b9}.btn-cancel-modal[data-v-ef37ee3e]{background-color:#95a5a6;color:#fff}.btn-cancel-modal[data-v-ef37ee3e]:hover{background-color:#7f8c8d}.image-preview-modal[data-v-ef37ee3e]{margin-top:15px;text-align:center}.image-preview-modal img[data-v-ef37ee3e]{max-width:100%;max-height:200px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.btn-remove-image-modal[data-v-ef37ee3e]{margin-top:10px;padding:8px 15px;background-color:#e74c3c;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.btn-remove-image-modal[data-v-ef37ee3e]:hover{background-color:#c0392b}.file-info[data-v-ef37ee3e]{margin-top:10px;padding:10px;background-color:#f8f9fa;border-radius:5px;font-size:14px;color:#6c757d}.file-info span[data-v-ef37ee3e]{display:block;margin-bottom:5px}@media (max-width: 768px){.filter-section[data-v-ef37ee3e]{flex-direction:column;align-items:stretch;padding:20px}.form-group-inline[data-v-ef37ee3e]{min-width:auto;width:100%}.navbar[data-v-ef37ee3e]{flex-direction:column;gap:1rem;padding:1rem}.nav-links[data-v-ef37ee3e]{order:3}}@keyframes fadeIn-ef37ee3e{0%{opacity:0}to{opacity:1}}@keyframes slideIn-ef37ee3e{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){table[data-v-ef37ee3e],thead[data-v-ef37ee3e],tbody[data-v-ef37ee3e],th[data-v-ef37ee3e],td[data-v-ef37ee3e],tr[data-v-ef37ee3e]{display:block}thead tr[data-v-ef37ee3e]{position:absolute;top:-9999px;left:-9999px}tr[data-v-ef37ee3e]{border:1px solid #ccc;margin-bottom:10px;padding:10px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}td[data-v-ef37ee3e]{border:none;position:relative;padding:10px 10px 10px 40%;text-align:right;word-wrap:break-word}td[data-v-ef37ee3e]:before{content:attr(data-label) ": ";position:absolute;left:10px;width:35%;text-align:left;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-modal-content[data-v-ef37ee3e]{padding:10px;width:calc(100% - 20px)}.image-preview-large[data-v-ef37ee3e]{max-width:100%;max-height:60vh}.summary-item[data-v-ef37ee3e]{padding:15px 10px}.summary-item h3[data-v-ef37ee3e]{font-size:1rem}.summary-item p[data-v-ef37ee3e]{font-size:1.5rem}.remark-summary .summary-item[data-v-ef37ee3e]{padding:12px 8px}.remark-summary .summary-item h4[data-v-ef37ee3e]{font-size:.9rem;margin:0 0 5px}.remark-summary .summary-item p[data-v-ef37ee3e]{font-size:1.2rem;margin:5px 0 0}.filter-section[data-v-ef37ee3e],.filter-section-inline[data-v-ef37ee3e],.filter-section-inline .form-group-inline[data-v-ef37ee3e]{flex-direction:column;align-items:stretch}.filter-section-inline label[data-v-ef37ee3e]{text-align:left;margin-bottom:5px}.filter-section-inline input[type=date][data-v-ef37ee3e]{width:100%;min-width:auto;font-size:14px;padding:8px 10px;box-sizing:border-box}.container[data-v-ef37ee3e]{padding:10px}h1[data-v-ef37ee3e]{font-size:2rem;margin-bottom:20px}.toggle-buttons[data-v-ef37ee3e]{gap:10px}.btn-toggle[data-v-ef37ee3e]{padding:10px 15px;font-size:14px;flex:1;min-width:120px}.summary-card.top-summary[data-v-ef37ee3e]{flex-direction:column;gap:15px}.summary-item[data-v-ef37ee3e]{min-width:auto}.remark-summary[data-v-ef37ee3e]{flex-direction:row;flex-wrap:wrap}.remark-summary .summary-item[data-v-ef37ee3e]{flex:1 1 40%;min-width:120px}.form-row[data-v-ef37ee3e]{flex-direction:column;gap:0}.form-row .form-group[data-v-ef37ee3e]{min-width:auto}.form-actions[data-v-ef37ee3e]{flex-direction:column}.btn-save-modal[data-v-ef37ee3e],.btn-cancel-modal[data-v-ef37ee3e]{width:100%}}@media (max-width: 480px){.remark-summary .summary-item[data-v-ef37ee3e]{flex:1 1 100%}td[data-v-ef37ee3e]{padding:10px 10px 10px 35%}td[data-v-ef37ee3e]:before{width:30%;font-size:13px}.radio-group[data-v-ef37ee3e]{flex-direction:column;gap:10px}}.container[data-v-575cb9b4]{max-width:1200px;margin:0 auto;padding:20px}h1[data-v-575cb9b4]{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:2.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.1);background:linear-gradient(135deg,#3498db,#8e44ad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;padding-bottom:10px}h1[data-v-575cb9b4]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(to right,#3498db,#8e44ad);border-radius:2px}.btn-toggle[data-v-575cb9b4]{background-color:#95a5a6;color:#fff;padding:12px 20px;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 5px #0000001a;border:none;flex:1;min-width:140px;max-width:200px;cursor:pointer}.btn-toggle.active[data-v-575cb9b4]{background-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-toggle[data-v-575cb9b4]:hover{background-color:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}table[data-v-575cb9b4]{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 5px #0000001a;border-radius:5px;overflow:hidden}th[data-v-575cb9b4],td[data-v-575cb9b4]{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}th[data-v-575cb9b4]{background-color:#3498db;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px}tr[data-v-575cb9b4]:hover{background-color:#f8f9fa}tr[data-v-575cb9b4]:nth-child(even){background-color:#fdfdfd}#ordersTable[data-v-575cb9b4],#receivingOrdersTable[data-v-575cb9b4]{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 10px #0000001a;border-radius:8px;overflow:hidden;margin-top:20px;table-layout:fixed}#ordersTable th[data-v-575cb9b4],#ordersTable td[data-v-575cb9b4],#receivingOrdersTable th[data-v-575cb9b4],#receivingOrdersTable td[data-v-575cb9b4]{text-align:left;border-bottom:1px solid #eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ordersTable th[data-v-575cb9b4]:nth-child(1),#ordersTable td[data-v-575cb9b4]:nth-child(1){width:150px}#ordersTable th[data-v-575cb9b4]:nth-child(2),#ordersTable td[data-v-575cb9b4]:nth-child(2){width:200px}#ordersTable th[data-v-575cb9b4]:nth-child(3),#ordersTable td[data-v-575cb9b4]:nth-child(3){width:100px}#ordersTable th[data-v-575cb9b4]:nth-child(4),#ordersTable td[data-v-575cb9b4]:nth-child(4){width:150px}#ordersTable th[data-v-575cb9b4]:nth-child(5),#ordersTable td[data-v-575cb9b4]:nth-child(5){width:80px}#receivingOrdersTable th[data-v-575cb9b4]:nth-child(1),#receivingOrdersTable td[data-v-575cb9b4]:nth-child(1){width:100px}#receivingOrdersTable th[data-v-575cb9b4]:nth-child(2),#receivingOrdersTable td[data-v-575cb9b4]:nth-child(2){width:150px}#receivingOrdersTable th[data-v-575cb9b4]:nth-child(3),#receivingOrdersTable td[data-v-575cb9b4]:nth-child(3){width:80px}#receivingOrdersTable th[data-v-575cb9b4]:nth-child(4),#receivingOrdersTable td[data-v-575cb9b4]:nth-child(4){width:80px}#receivingOrdersTable th[data-v-575cb9b4]:nth-child(5),#receivingOrdersTable td[data-v-575cb9b4]:nth-child(5){width:100px}#receivingOrdersTable th[data-v-575cb9b4]:nth-child(6),#receivingOrdersTable td[data-v-575cb9b4]:nth-child(6){width:80px}#ordersTable th[data-v-575cb9b4],#receivingOrdersTable th[data-v-575cb9b4]{background-color:#3498db;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px}#ordersTable tr[data-v-575cb9b4]:hover,#receivingOrdersTable tr[data-v-575cb9b4]:hover{background-color:#f8f9fa}#ordersTable tr[data-v-575cb9b4]:nth-child(even),#receivingOrdersTable tr[data-v-575cb9b4]:nth-child(even){background-color:#fdfdfd}.form-group-inline[data-v-575cb9b4]{display:inline-block;margin-right:15px;margin-bottom:15px}.form-group-inline label[data-v-575cb9b4]{display:block;margin-bottom:5px;font-weight:700;color:#2c3e50}.form-group-inline input[type=month][data-v-575cb9b4]{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px;box-sizing:border-box;background-color:#fff;color:#333;border:2px solid #3498db;transition:border-color .3s ease}.form-group-inline input[type=month][data-v-575cb9b4]:focus{outline:none;border-color:#2980b9;box-shadow:0 0 5px #3498db80}.modal[data-v-575cb9b4]{display:block;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;animation:fadeIn-575cb9b4 .3s;overflow-y:auto;padding:20px;box-sizing:border-box}.image-modal-content[data-v-575cb9b4]{background-color:transparent;margin:5% auto;padding:20px;border:none;width:90%;max-width:800px;text-align:center}.close[data-v-575cb9b4]{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;line-height:1;position:absolute;top:15px;right:20px;z-index:1001}.close[data-v-575cb9b4]:hover,.close[data-v-575cb9b4]:focus{color:#000;outline:none}.image-preview-container[data-v-575cb9b4]{position:relative;display:inline-block}.image-preview-thumb[data-v-575cb9b4]{width:80px;height:80px;object-fit:cover;border-radius:5px;cursor:pointer;border:1px solid #ddd}.image-preview-large[data-v-575cb9b4]{max-width:100%;max-height:80vh;border-radius:5px;box-shadow:0 5px 15px #0000004d}.no-image[data-v-575cb9b4]{color:#95a5a6;font-style:italic}.summary-container[data-v-575cb9b4]{background:linear-gradient(135deg,#ffffff,#f8f9fa);border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:20px;margin-bottom:20px;border:1px solid #e6f7ff}.summary-card.top-summary[data-v-575cb9b4]{display:flex;justify-content:space-between;margin-bottom:20px;gap:20px;flex-wrap:wrap}.remark-summary-container[data-v-575cb9b4]{margin-top:20px;padding-top:20px;border-top:1px dashed #ddd}.remark-summary-container h3[data-v-575cb9b4]{margin-top:0;margin-bottom:15px;color:#2c3e50;font-size:1.2rem;text-align:center}.remark-summary[data-v-575cb9b4]{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.remark-summary .summary-item[data-v-575cb9b4]{flex:1;min-width:150px;background:linear-gradient(135deg,#3498db,#8e44ad);color:#fff;padding:15px;border-radius:8px;text-align:center;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease;cursor:pointer}.remark-summary .summary-item[data-v-575cb9b4]:hover{transform:translateY(-3px)}.summary-item[data-v-575cb9b4]{flex:1;min-width:200px;background:linear-gradient(135deg,#3498db,#8e44ad);color:#fff;padding:20px;border-radius:10px;text-align:center;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.summary-item[data-v-575cb9b4]:hover{transform:translateY(-5px)}.summary-item h3[data-v-575cb9b4]{margin-top:0;font-size:1.2rem;font-weight:400}.summary-item h4[data-v-575cb9b4]{margin:0 0 10px;font-size:1.1rem;font-weight:400}.summary-item p[data-v-575cb9b4]{font-size:2rem;font-weight:700;margin:10px 0 0}.no-data[data-v-575cb9b4]{text-align:center;padding:50px 20px;color:#7f8c8d;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a}.no-data p[data-v-575cb9b4]{margin-top:20px;font-size:1.2rem}.toggle-buttons[data-v-575cb9b4]{text-align:center;margin-bottom:20px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.filter-section[data-v-575cb9b4]{background:linear-gradient(135deg,#ffffff,#f8f9fa);padding:25px;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;display:flex;flex-wrap:wrap;gap:20px;align-items:end;border:1px solid #e6f7ff}.form-group-inline[data-v-575cb9b4]{display:flex;flex-direction:column;margin-bottom:0;min-width:200px}.form-group-inline label[data-v-575cb9b4]{margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.form-group-inline input[type=month][data-v-575cb9b4]{padding:12px 15px;border:2px solid #dde1e6;border-radius:8px;font-size:15px;transition:all .3s ease;background-color:#fff;color:#333;box-shadow:0 2px 4px #0000000d}.form-group-inline input[type=month][data-v-575cb9b4]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db33}@media (max-width: 768px){.filter-section[data-v-575cb9b4]{flex-direction:column;align-items:stretch;padding:20px}.form-group-inline[data-v-575cb9b4]{min-width:auto;width:100%}}@keyframes fadeIn-575cb9b4{0%{opacity:0}to{opacity:1}}@keyframes slideIn-575cb9b4{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.btn-export[data-v-575cb9b4]{padding:10px 15px;border-radius:5px;font-weight:600;cursor:pointer;border:none;margin-right:10px;transition:all .3s ease}.btn-export[data-v-575cb9b4]{background-color:#f39c12;color:#fff}.btn-export[data-v-575cb9b4]:hover{background-color:#d35400;transform:translateY(-2px)}@media (max-width: 768px){table[data-v-575cb9b4],thead[data-v-575cb9b4],tbody[data-v-575cb9b4],th[data-v-575cb9b4],td[data-v-575cb9b4],tr[data-v-575cb9b4]{display:block}thead tr[data-v-575cb9b4]{position:absolute;top:-9999px;left:-9999px}tr[data-v-575cb9b4]{border:1px solid #ccc;margin-bottom:10px;padding:10px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}td[data-v-575cb9b4]{border:none;position:relative;padding:10px 10px 10px 40%;text-align:right;word-wrap:break-word}td[data-v-575cb9b4]:before{content:attr(data-label) ": ";position:absolute;left:10px;width:35%;text-align:left;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-modal-content[data-v-575cb9b4]{padding:10px;width:calc(100% - 20px)}.image-preview-large[data-v-575cb9b4]{max-width:100%;max-height:60vh}.summary-item[data-v-575cb9b4]{padding:15px 10px}.summary-item h3[data-v-575cb9b4]{font-size:1rem}.summary-item p[data-v-575cb9b4]{font-size:1.5rem}.remark-summary .summary-item[data-v-575cb9b4]{padding:12px 8px}.remark-summary .summary-item h4[data-v-575cb9b4]{font-size:.9rem;margin:0 0 5px}.remark-summary .summary-item p[data-v-575cb9b4]{font-size:1.2rem;margin:5px 0 0}.filter-section[data-v-575cb9b4],.filter-section-inline[data-v-575cb9b4],.filter-section-inline .form-group-inline[data-v-575cb9b4]{flex-direction:column;align-items:stretch}.filter-section-inline label[data-v-575cb9b4]{text-align:left;margin-bottom:5px}.filter-section-inline input[type=month][data-v-575cb9b4]{width:100%;min-width:auto;font-size:14px;padding:8px 10px;box-sizing:border-box}.container[data-v-575cb9b4]{padding:10px}h1[data-v-575cb9b4]{font-size:2rem;margin-bottom:20px}.toggle-buttons[data-v-575cb9b4]{gap:10px}.btn-toggle[data-v-575cb9b4]{padding:10px 15px;font-size:14px;flex:1;min-width:120px}.summary-card.top-summary[data-v-575cb9b4]{flex-direction:column;gap:15px}.summary-item[data-v-575cb9b4]{min-width:auto}.remark-summary[data-v-575cb9b4]{flex-direction:row;flex-wrap:wrap}.remark-summary .summary-item[data-v-575cb9b4]{flex:1 1 40%;min-width:120px}}@media (max-width: 480px){.remark-summary .summary-item[data-v-575cb9b4]{flex:1 1 100%}td[data-v-575cb9b4]{padding:10px 10px 10px 35%}td[data-v-575cb9b4]:before{width:30%;font-size:13px}}.login-container[data-v-2f1c8b5f]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#e4edf5 100%)}.login-form[data-v-2f1c8b5f]{background:white;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.login-form h2[data-v-2f1c8b5f]{text-align:center;margin-bottom:1.5rem;color:#2c3e50}.form-group[data-v-2f1c8b5f]{margin-bottom:1rem}.form-group label[data-v-2f1c8b5f]{display:block;margin-bottom:.5rem;font-weight:700;color:#2c3e50}.form-group input[data-v-2f1c8b5f]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}.login-button[data-v-2f1c8b5f]{width:100%;padding:.75rem;background-color:#3498db;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s}.login-button[data-v-2f1c8b5f]:hover{background-color:#2980b9}.error-message[data-v-2f1c8b5f]{color:#e74c3c;text-align:center;margin-top:1rem}