*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}#app,body{min-height:100vh}[data-v-6e9fe784]{margin:0;padding:0;box-sizing:border-box}.login-wrapper[data-v-6e9fe784]{font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center}.login-container[data-v-6e9fe784]{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:40px;width:100%;max-width:400px;transition:transform .3s ease}.login-container[data-v-6e9fe784]:hover{transform:translateY(-5px)}.login-header[data-v-6e9fe784]{text-align:center;margin-bottom:30px}.login-header h1[data-v-6e9fe784]{color:#333;font-size:24px;margin-bottom:10px}.login-header p[data-v-6e9fe784]{color:#666;font-size:14px}.form-group[data-v-6e9fe784]{margin-bottom:20px}.form-group label[data-v-6e9fe784]{display:block;color:#333;font-size:14px;margin-bottom:8px;font-weight:500}.form-group input[data-v-6e9fe784]{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s ease}.form-group input[data-v-6e9fe784]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.login-btn[data-v-6e9fe784]{width:100%;padding:14px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease;margin-top:10px}.login-btn[data-v-6e9fe784]:hover{background:#5a6fe0}.login-btn[data-v-6e9fe784]:disabled{background:#ccc;cursor:not-allowed}.error-message[data-v-6e9fe784]{color:#ff4d4f;font-size:12px;margin-top:5px}.footer[data-v-6e9fe784]{text-align:center;margin-top:20px;font-size:12px;color:#999}@media (max-width:768px){.login-container[data-v-6e9fe784]{padding:30px 20px;margin:0 20px}.login-header h1[data-v-6e9fe784]{font-size:20px}.login-header p[data-v-6e9fe784]{font-size:13px}.form-group[data-v-6e9fe784]{margin-bottom:16px}.form-group label[data-v-6e9fe784]{font-size:13px;margin-bottom:6px}.form-group input[data-v-6e9fe784]{padding:10px 12px;font-size:14px}.login-btn[data-v-6e9fe784]{padding:12px;font-size:14px}.footer[data-v-6e9fe784]{font-size:11px;margin-top:16px}.custom-modal-content[data-v-6e9fe784]{margin:0 20px;min-width:auto;max-width:90%}}.custom-modal[data-v-6e9fe784]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.custom-modal-content[data-v-6e9fe784]{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:modalFadeIn-6e9fe784 .3s ease;min-width:320px;max-width:400px}@keyframes modalFadeIn-6e9fe784{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.custom-modal-body[data-v-6e9fe784]{padding:24px 24px 10px 24px;text-align:center}.error-message-text[data-v-6e9fe784]{font-size:16px;color:#ff4d4f;margin:0;line-height:1.4}.custom-modal-footer[data-v-6e9fe784]{padding:0 24px 24px;display:flex;justify-content:center}.btn[data-v-6e9fe784]{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn[data-v-6e9fe784]:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn-primary[data-v-6e9fe784]{background:#667eea;color:#fff}.btn-primary[data-v-6e9fe784]:hover{background:#5a6fe0}[data-v-3067d6ce]{margin:0;padding:0;box-sizing:border-box}body[data-v-3067d6ce]{font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;background:#f5f7fa;min-height:100vh}.header[data-v-3067d6ce]{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.header h1[data-v-3067d6ce]{color:#333;font-size:18px;font-weight:600}.header .user-info[data-v-3067d6ce]{display:flex;align-items:center;gap:10px}.header .user-info span[data-v-3067d6ce]{color:#666;font-size:14px}.header .user-info button[data-v-3067d6ce]{padding:6px 12px;background:#f0f0f0;border:none;border-radius:4px;font-size:12px;color:#333;cursor:pointer;transition:background .3s ease}.header .user-info button[data-v-3067d6ce]:hover{background:#e0e0e0}.container[data-v-3067d6ce]{max-width:1200px;margin:0 auto;padding:20px}.section-title[data-v-3067d6ce]{font-size:16px;font-weight:600;color:#333;margin-bottom:16px}.order-list[data-v-3067d6ce]{display:grid;gap:16px;margin-bottom:20px}.order-card[data-v-3067d6ce]{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:12px;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;gap:8px}.order-card[data-v-3067d6ce]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.order-header[data-v-3067d6ce]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.order-header-left[data-v-3067d6ce]{display:flex;align-items:center;gap:8px}.order-checkbox[data-v-3067d6ce]{width:16px;height:16px;cursor:pointer}.checkbox-placeholder[data-v-3067d6ce]{width:16px;height:16px}.order-header .order-id[data-v-3067d6ce]{font-size:12px;color:#666}.order-header .order-status[data-v-3067d6ce]{font-size:12px;font-weight:500;color:#52c41a}.order-body[data-v-3067d6ce]{display:flex;flex-direction:column;gap:4px}.order-item[data-v-3067d6ce]{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:2px 0}.order-item .value[data-v-3067d6ce]{color:#333;font-weight:500}.btn[data-v-3067d6ce]{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer}.btn-primary[data-v-3067d6ce]{background:#667eea;color:#fff}.btn-primary[data-v-3067d6ce]:hover{background:#5a6fe0}.btn-secondary[data-v-3067d6ce]:hover{background:#e0e0e0}.pagination[data-v-3067d6ce]{display:flex;justify-content:center;margin-top:40px}.pagination-controls[data-v-3067d6ce]{display:flex;gap:8px}.pagination-btn[data-v-3067d6ce]{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s ease}.pagination-btn[data-v-3067d6ce]:hover{background:#f5f5f5}.pagination-btn.active[data-v-3067d6ce]{background:#667eea;color:#fff;border-color:#667eea}.pagination-btn[data-v-3067d6ce]:disabled{background:#f0f0f0;color:#999;cursor:not-allowed}.floating-billing-btn[data-v-3067d6ce]{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:18px 36px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgba(102,126,234,.4);transition:all .3s ease;z-index:99;min-width:200px;text-align:center}.floating-billing-btn[data-v-3067d6ce]:hover{background:linear-gradient(135deg,#5a6fe0,#6b4192);transform:translateX(-50%) translateY(-8px);box-shadow:0 12px 32px rgba(102,126,234,.5)}.required[data-v-3067d6ce]{color:#ff4d4f;margin-left:4px}.expand-btn[data-v-3067d6ce]{width:100%;margin:10px 0;background:#f0f0f0;border:1px solid #d9d9d9;color:#333;border-radius:4px;padding:8px;font-size:12px;cursor:pointer}.expand-btn[data-v-3067d6ce]:hover{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.modal-content[data-v-3067d6ce]{display:flex;flex-direction:column;overflow-y:hidden}.modal-body[data-v-3067d6ce]{flex:1;overflow-y:auto}.modal-bottom[data-v-3067d6ce]{border-top:1px solid #e8e8e8;padding:16px 20px;background:#fafafa;position:sticky;bottom:0;left:0;right:0;z-index:10}.invoice-amount-section[data-v-3067d6ce]{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #e8e8e8}.invoice-amount-section label[data-v-3067d6ce]{font-weight:500;font-size:14px}.invoice-amount-display[data-v-3067d6ce]{width:150px;font-size:16px;font-weight:600;color:red;text-align:right}.modal-footer[data-v-3067d6ce]{justify-content:space-between}.modal-footer button[data-v-3067d6ce]{flex:1;padding:12px;font-size:14px;font-weight:500;border-radius:4px;text-align:center}.billing-btn[data-v-3067d6ce]{background:#667eea;color:#fff;border:none}.billing-btn[data-v-3067d6ce]:hover{background:#5a6fe0;opacity:.9}.btn-secondary[data-v-3067d6ce]{background:#f0f0f0;color:#333;border:1px solid #d9d9d9}.btn-secondary[data-v-3067d6ce]:hover{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.modal[data-v-3067d6ce]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-3067d6ce]{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.2)}.modal-header[data-v-3067d6ce]{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-3067d6ce]{font-size:16px;font-weight:600;color:#333}.close-btn[data-v-3067d6ce]{background:none;border:none;font-size:20px;cursor:pointer;color:#999;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-3067d6ce]:hover{color:#333}.modal-body[data-v-3067d6ce]{padding:20px}.form-group[data-v-3067d6ce]{margin-bottom:16px}.form-group label[data-v-3067d6ce]{display:block;color:#333;font-size:14px;margin-bottom:8px;font-weight:500}.form-group input[data-v-3067d6ce],.form-group select[data-v-3067d6ce],.form-group textarea[data-v-3067d6ce]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.form-group input[data-v-3067d6ce]:focus,.form-group select[data-v-3067d6ce]:focus,.form-group textarea[data-v-3067d6ce]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.form-group textarea[data-v-3067d6ce]{resize:vertical;min-height:80px}.error-message[data-v-3067d6ce]{color:#ff4d4f;font-size:12px;margin-top:4px}.modal-footer[data-v-3067d6ce]{padding:16px 20px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:10px}.loading-state[data-v-3067d6ce]{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.loading-spinner[data-v-3067d6ce]{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin-3067d6ce 1s linear infinite}@keyframes spin-3067d6ce{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state p[data-v-3067d6ce]{font-size:14px;color:#999}.empty-state[data-v-3067d6ce]{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state img[data-v-3067d6ce]{width:60px;height:60px;opacity:.5}.empty-state h3[data-v-3067d6ce]{font-size:16px;font-weight:600;color:#333}.empty-state p[data-v-3067d6ce]{font-size:14px;color:#999}.invoice-record-card[data-v-3067d6ce]{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:12px;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;gap:8px}.invoice-record-card[data-v-3067d6ce]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.invoice-record-header[data-v-3067d6ce]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.invoice-record-title[data-v-3067d6ce]{font-size:14px;font-weight:500;color:#333}.invoice-record-status[data-v-3067d6ce]{font-size:12px;font-weight:500;color:#52c41a}.invoice-record-body[data-v-3067d6ce]{display:flex;flex-direction:column;gap:4px}.invoice-record-item[data-v-3067d6ce]{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:2px 0}.invoice-record-item .label[data-v-3067d6ce]{color:#666}.invoice-record-item .value[data-v-3067d6ce]{color:#333;font-weight:500}.status-unbilled[data-v-3067d6ce]{color:#ff4d4f}.status-billing[data-v-3067d6ce]{color:#faad14}.status-billed[data-v-3067d6ce]{color:#52c41a}@media (max-width:768px){.header[data-v-3067d6ce]{padding:12px 16px}.header h1[data-v-3067d6ce]{font-size:16px}.container[data-v-3067d6ce]{padding:16px}.section-title[data-v-3067d6ce]{font-size:14px}.invoice-record-card[data-v-3067d6ce],.order-card[data-v-3067d6ce]{padding:10px}.invoice-record-item[data-v-3067d6ce],.invoice-record-status[data-v-3067d6ce],.order-header .order-id[data-v-3067d6ce],.order-header .order-status[data-v-3067d6ce],.order-item[data-v-3067d6ce]{font-size:11px}.btn[data-v-3067d6ce]{padding:5px 10px;font-size:11px}.floating-billing-btn[data-v-3067d6ce]{bottom:30px;padding:16px 32px;font-size:16px;min-width:180px}.modal-content[data-v-3067d6ce]{margin:0 16px;max-height:85vh}.modal-header[data-v-3067d6ce]{padding:12px 16px}.modal-header h2[data-v-3067d6ce]{font-size:14px}.modal-body[data-v-3067d6ce]{padding:16px}.form-group[data-v-3067d6ce]{margin-bottom:12px}.form-group label[data-v-3067d6ce]{font-size:13px;margin-bottom:6px}.form-group input[data-v-3067d6ce],.form-group select[data-v-3067d6ce],.form-group textarea[data-v-3067d6ce]{padding:8px 10px;font-size:13px}.modal-footer[data-v-3067d6ce]{padding:12px 16px}.invoice-amount-display[data-v-3067d6ce]{width:120px;font-size:14px;font-weight:600}.pagination-controls[data-v-3067d6ce]{gap:6px}.pagination-btn[data-v-3067d6ce]{padding:5px 10px;font-size:11px}}.success-modal[data-v-3067d6ce]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.success-modal-content[data-v-3067d6ce]{background:#fff;padding:32px 40px;border-radius:12px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:successModalFadeIn-3067d6ce .3s ease}@keyframes successModalFadeIn-3067d6ce{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-icon[data-v-3067d6ce]{width:60px;height:60px;background:#52c41a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:32px;font-weight:700}.success-modal-content h3[data-v-3067d6ce]{font-size:20px;color:#333;margin-bottom:8px}.success-modal-content p[data-v-3067d6ce]{font-size:14px;color:#666;margin-bottom:24px}.success-modal-content .btn[data-v-3067d6ce]{padding:10px 32px;font-size:14px;min-width:120px}@media (max-width:768px){.success-modal-content[data-v-3067d6ce]{padding:24px 32px;margin:0 16px}.success-icon[data-v-3067d6ce]{width:50px;height:50px;font-size:28px;margin-bottom:16px}.success-modal-content h3[data-v-3067d6ce]{font-size:18px}.success-modal-content p[data-v-3067d6ce]{font-size:13px;margin-bottom:20px}.success-modal-content .btn[data-v-3067d6ce]{padding:8px 24px;font-size:13px}}.error-modal[data-v-3067d6ce]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.error-modal-content[data-v-3067d6ce]{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:errorModalFadeIn-3067d6ce .3s ease;min-width:320px;max-width:400px}@keyframes errorModalFadeIn-3067d6ce{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.error-modal-body[data-v-3067d6ce]{padding:24px 24px;text-align:center}.error-message-text[data-v-3067d6ce]{font-size:16px;color:#ff4d4f;margin:0;line-height:1.4}.error-modal-footer[data-v-3067d6ce]{padding:0 24px 24px;display:flex;justify-content:center}.error-modal-footer .btn[data-v-3067d6ce]{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.error-modal-footer .btn[data-v-3067d6ce]:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.error-modal-footer .btn-primary[data-v-3067d6ce]{background:#667eea;color:#fff}.error-modal-footer .btn-primary[data-v-3067d6ce]:hover{background:#5a6fe0}@media (max-width:768px){.error-modal-content[data-v-3067d6ce]{margin:0 20px;min-width:auto;max-width:90%}.error-modal-body[data-v-3067d6ce]{padding:20px 20px}.error-message-text[data-v-3067d6ce]{font-size:14px}.error-modal-footer[data-v-3067d6ce]{padding:0 20px 20px}.error-modal-footer .btn[data-v-3067d6ce]{padding:8px 16px;font-size:13px}}.logout-modal[data-v-3067d6ce]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.logout-modal-content[data-v-3067d6ce]{background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.2);animation:logoutModalFadeIn-3067d6ce .3s ease;min-width:500px;max-width:480px}@keyframes logoutModalFadeIn-3067d6ce{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.logout-modal-header[data-v-3067d6ce]{padding:24px 32px 0;text-align:center}.logout-modal-header h3[data-v-3067d6ce]{font-size:20px;color:#333;margin:0;font-weight:600}.logout-modal-body[data-v-3067d6ce]{padding:24px 32px;text-align:center}.logout-modal-body p[data-v-3067d6ce]{font-size:16px;color:#666;margin:0;line-height:1.4}.logout-modal-footer[data-v-3067d6ce]{padding:0 32px 24px;display:flex;gap:16px}.logout-modal-footer .btn[data-v-3067d6ce]{flex:1;padding:12px 0;font-size:16px;border-radius:8px;font-weight:500;transition:all .3s ease}.logout-modal-footer .btn[data-v-3067d6ce]:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.logout-modal-footer .btn-secondary[data-v-3067d6ce]{background:#f5f5f5;border:1px solid #e0e0e0;color:#333}.logout-modal-footer .btn-secondary[data-v-3067d6ce]:hover{background:#e8e8e8}.logout-modal-footer .btn-primary[data-v-3067d6ce]{background:#1890ff;border:1px solid #1890ff;color:#fff}.logout-modal-footer .btn-primary[data-v-3067d6ce]:hover{background:#40a9ff;border-color:#40a9ff}@media (max-width:768px){.logout-modal-content[data-v-3067d6ce]{margin:0 24px;min-width:80%;max-width:95%}.logout-modal-header[data-v-3067d6ce]{padding:24px 28px 0}.logout-modal-header h3[data-v-3067d6ce]{font-size:18px}.logout-modal-body[data-v-3067d6ce]{padding:24px 28px}.logout-modal-body p[data-v-3067d6ce]{font-size:15px}.logout-modal-footer[data-v-3067d6ce]{padding:0 28px 24px;gap:16px}.logout-modal-footer .btn[data-v-3067d6ce]{padding:12px 0;font-size:15px}}