*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;background:#f5f7fa}#app{width:100%;min-height:100vh}.login-container[data-v-5fb7c4d2]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box[data-v-5fb7c4d2]{background:#fff;padding:40px;border-radius:8px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-title[data-v-5fb7c4d2]{margin:0 0 10px;font-size:28px;font-weight:700;color:#333}.login-subtitle[data-v-5fb7c4d2]{margin:0 0 30px;color:#999;font-size:14px}.form-group[data-v-5fb7c4d2]{margin-bottom:20px}.form-group label[data-v-5fb7c4d2]{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input[data-v-5fb7c4d2]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input[data-v-5fb7c4d2]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-btn[data-v-5fb7c4d2]{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .3s}.login-btn[data-v-5fb7c4d2]:hover:not(:disabled){opacity:.9}.login-btn[data-v-5fb7c4d2]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-5fb7c4d2]{margin-top:20px;padding:12px;background:#fee;color:#c33;border-radius:4px;font-size:14px}.layout[data-v-6e0fdea7]{display:flex;flex-direction:column;min-height:100vh;background:#f5f7fa}.header[data-v-6e0fdea7]{display:flex;justify-content:space-between;align-items:center;padding:0 30px;height:70px;background:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.header-left h1[data-v-6e0fdea7]{margin:0;font-size:24px;color:#333;font-weight:700}.header-right[data-v-6e0fdea7]{display:flex;align-items:center;gap:20px}.user-info[data-v-6e0fdea7]{color:#666;font-size:14px}.logout-btn[data-v-6e0fdea7]{padding:8px 16px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.logout-btn[data-v-6e0fdea7]:hover{background:#ffe5e5;border-color:#ff6b6b;color:#ff6b6b}.main-container[data-v-6e0fdea7]{display:flex;flex:1}.sidebar[data-v-6e0fdea7]{width:200px;background:#fff;border-right:1px solid #eee;padding:20px 0;position:sticky;top:70px;height:calc(100vh - 70px);overflow-y:auto}.nav-menu[data-v-6e0fdea7]{display:flex;flex-direction:column}.nav-item[data-v-6e0fdea7]{display:flex;align-items:center;padding:12px 20px;color:#666;text-decoration:none;transition:all .3s;border-left:3px solid transparent}.nav-item[data-v-6e0fdea7]:hover{background:#f9f9f9;color:#333}.nav-item.active[data-v-6e0fdea7]{background:#f0f9ff;color:#1890ff;border-left-color:#1890ff;font-weight:500}.nav-icon[data-v-6e0fdea7]{margin-right:10px;font-size:18px}.nav-text[data-v-6e0fdea7]{font-size:14px}.content[data-v-6e0fdea7]{flex:1;padding:20px;overflow-y:auto}@media (max-width: 768px){.sidebar[data-v-6e0fdea7]{width:150px}.header[data-v-6e0fdea7]{padding:0 15px}.header-left h1[data-v-6e0fdea7]{font-size:18px}.nav-text[data-v-6e0fdea7]{display:none}.nav-item[data-v-6e0fdea7]{justify-content:center;padding:12px 10px}}.dashboard[data-v-4c1ce978]{max-width:1200px}.dashboard h2[data-v-4c1ce978]{margin:0 0 20px;color:#333;font-size:24px}.loading[data-v-4c1ce978]{text-align:center;padding:50px;color:#999}.no-data[data-v-4c1ce978]{text-align:center;padding:50px;background:#fff;border-radius:8px;color:#999;box-shadow:0 2px 8px #0000001a}.error[data-v-4c1ce978]{padding:15px;background:#fee;color:#c33;border-radius:4px;margin-bottom:20px}.info-cards[data-v-4c1ce978]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.card[data-v-4c1ce978]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center}.card-label[data-v-4c1ce978]{color:#999;font-size:12px;margin-bottom:10px}.card-value[data-v-4c1ce978]{font-size:20px;font-weight:700;color:#333;margin-bottom:10px;word-break:break-all}.copy-btn[data-v-4c1ce978]{padding:6px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px}.copy-btn[data-v-4c1ce978]:hover{background:#e8f5e9;border-color:#4caf50;color:#4caf50}.stats-section[data-v-4c1ce978],.grade-section[data-v-4c1ce978],.total-stats[data-v-4c1ce978]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.stats-section h3[data-v-4c1ce978],.grade-section h3[data-v-4c1ce978],.total-stats h3[data-v-4c1ce978]{margin:0 0 15px;color:#333;font-size:16px}.stats-cards[data-v-4c1ce978]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.stat-card[data-v-4c1ce978]{padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;text-align:center}.stat-label[data-v-4c1ce978]{font-size:12px;opacity:.8;margin-bottom:8px}.stat-value[data-v-4c1ce978]{font-size:24px;font-weight:700;margin-bottom:5px}.stat-unit[data-v-4c1ce978]{font-size:12px;opacity:.8}.grade-card[data-v-4c1ce978]{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px}.grade-info[data-v-4c1ce978]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.current-grade[data-v-4c1ce978]{font-size:18px;font-weight:700}.avg-orders[data-v-4c1ce978]{font-size:14px;opacity:.9}.upgrade-section[data-v-4c1ce978]{margin-top:15px}.upgrade-header[data-v-4c1ce978]{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.orders-needed[data-v-4c1ce978]{font-weight:700;font-size:13px}.progress-bar[data-v-4c1ce978]{width:100%;height:12px;background:#ffffff4d;border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-4c1ce978]{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);border-radius:6px;transition:width .3s ease}.progress-labels[data-v-4c1ce978]{display:flex;justify-content:space-between;font-size:12px;opacity:.8}.current-label[data-v-4c1ce978]{text-align:left}.target-label[data-v-4c1ce978]{text-align:right}.max-level-message[data-v-4c1ce978]{text-align:center;padding:15px;font-size:16px;font-weight:700;background:#ffffff1a;border-radius:6px;margin-top:10px}.stat-line[data-v-4c1ce978]{display:flex;justify-content:space-between;padding:10px 0;font-size:16px}.stat-line strong[data-v-4c1ce978]{color:#667eea;font-size:18px}@media (max-width: 768px){.info-cards[data-v-4c1ce978],.stats-cards[data-v-4c1ce978]{grid-template-columns:1fr}}.invited-users[data-v-6b243b22]{max-width:1200px}.invited-users h2[data-v-6b243b22]{margin:0 0 20px;color:#333;font-size:24px}.summary-cards[data-v-6b243b22]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.summary-card[data-v-6b243b22]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #0000001a}.summary-label[data-v-6b243b22]{font-size:12px;opacity:.8;margin-bottom:10px}.summary-value[data-v-6b243b22]{font-size:28px;font-weight:700;margin-bottom:5px}.summary-unit[data-v-6b243b22]{font-size:12px;opacity:.8}.table-container[data-v-6b243b22]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;margin-bottom:20px}.users-table[data-v-6b243b22]{width:100%;border-collapse:collapse}.users-table thead th[data-v-6b243b22]{padding:15px;background:#f5f5f5;text-align:left;font-weight:500;border-bottom:1px solid #ddd;font-size:14px}.users-table tbody td[data-v-6b243b22]{padding:15px;border-bottom:1px solid #eee;font-size:14px}.users-table tbody tr[data-v-6b243b22]:hover{background:#fafafa}.status-badge[data-v-6b243b22]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-active[data-v-6b243b22]{background:#d4edda;color:#155724}.status-inactive[data-v-6b243b22]{background:#f8d7da;color:#721c24}.pagination-wrapper[data-v-6b243b22]{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:10px 20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;flex-wrap:wrap;gap:10px}.page-size-selector[data-v-6b243b22]{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.page-size-selector select[data-v-6b243b22]{padding:4px 8px;border:1px solid #ddd;border-radius:4px;outline:none}.pagination[data-v-6b243b22]{display:flex;align-items:center;gap:6px}.btn-page[data-v-6b243b22]{padding:6px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.btn-page[data-v-6b243b22]:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.btn-page[data-v-6b243b22]:disabled{opacity:.5;cursor:not-allowed}.btn-page.active[data-v-6b243b22]{background:#667eea;color:#fff;border-color:#667eea}.no-data[data-v-6b243b22]{text-align:center;padding:50px;background:#fff;border-radius:8px;color:#999;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.loading[data-v-6b243b22]{text-align:center;padding:50px;color:#999}.error[data-v-6b243b22]{padding:15px;background:#fee;color:#c33;border-radius:4px;margin-bottom:20px}.info-box[data-v-6b243b22]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #667eea}.info-box h3[data-v-6b243b22]{margin:0 0 15px;color:#333;font-size:16px}.info-box p[data-v-6b243b22]{margin:10px 0;color:#666;font-size:14px;line-height:1.6}@media (max-width: 768px){.summary-cards[data-v-6b243b22]{grid-template-columns:1fr}.pagination-wrapper[data-v-6b243b22]{justify-content:center}}.commission[data-v-6ad651f6]{max-width:1200px}.commission h2[data-v-6ad651f6]{margin:0 0 20px;color:#333;font-size:24px}.filter-bar[data-v-6ad651f6]{background:#fff;padding:15px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.filter-group[data-v-6ad651f6]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-group label[data-v-6ad651f6]{color:#666;font-size:14px}.date-input[data-v-6ad651f6],.text-input[data-v-6ad651f6]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.text-input[data-v-6ad651f6]{width:150px}.btn-search[data-v-6ad651f6]{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-search[data-v-6ad651f6]:hover{background:#5568d3}.btn-reset[data-v-6ad651f6]{padding:8px 16px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-reset[data-v-6ad651f6]:hover{background:#e0e0e0}.table-container[data-v-6ad651f6]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;margin-bottom:20px}.commission-table[data-v-6ad651f6]{width:100%;border-collapse:collapse}.commission-table thead th[data-v-6ad651f6]{padding:15px;background:#f5f5f5;text-align:left;font-weight:500;border-bottom:1px solid #ddd;font-size:14px}.commission-table tbody td[data-v-6ad651f6]{padding:15px;border-bottom:1px solid #eee;font-size:14px}.commission-table tbody tr[data-v-6ad651f6]:hover{background:#fafafa}.settled-badge[data-v-6ad651f6]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.settled-yes[data-v-6ad651f6]{background:#d4edda;color:#155724}.settled-no[data-v-6ad651f6]{background:#fff3cd;color:#856404}.pagination[data-v-6ad651f6]{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.btn-page[data-v-6ad651f6]{padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-page[data-v-6ad651f6]:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.btn-page[data-v-6ad651f6]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-6ad651f6]{color:#666;font-size:14px}.no-data[data-v-6ad651f6]{text-align:center;padding:50px;background:#fff;border-radius:8px;color:#999;box-shadow:0 2px 8px #0000001a}.loading[data-v-6ad651f6]{text-align:center;padding:50px;color:#999}.error[data-v-6ad651f6]{padding:15px;background:#fee;color:#c33;border-radius:4px;margin-top:20px}.withdraw[data-v-9696193c]{max-width:1200px}.withdraw h2[data-v-9696193c]{margin:0 0 20px;color:#333;font-size:24px}.form-section[data-v-9696193c]{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.form-section h3[data-v-9696193c]{margin:0 0 20px;color:#333;font-size:16px}.withdraw-form[data-v-9696193c]{max-width:500px}.form-group[data-v-9696193c]{margin-bottom:20px}.form-group label[data-v-9696193c]{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input[data-v-9696193c],.select-input[data-v-9696193c]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input[data-v-9696193c]:focus,.select-input[data-v-9696193c]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-hint[data-v-9696193c]{display:block;margin-top:5px;color:#999;font-size:12px}.btn-submit[data-v-9696193c]{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .3s}.btn-submit[data-v-9696193c]:hover:not(:disabled){opacity:.9}.btn-submit[data-v-9696193c]:disabled{opacity:.6;cursor:not-allowed}.error[data-v-9696193c],.success[data-v-9696193c]{margin-top:15px;padding:12px;border-radius:4px;font-size:14px}.error[data-v-9696193c]{background:#fee;color:#c33}.success[data-v-9696193c]{background:#efe;color:#3c3}.history-section[data-v-9696193c]{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.history-section h3[data-v-9696193c]{margin:0 0 20px;color:#333;font-size:16px}.table-container[data-v-9696193c]{overflow-x:auto;margin-bottom:20px}.withdraw-table[data-v-9696193c]{width:100%;border-collapse:collapse}.withdraw-table thead th[data-v-9696193c]{padding:15px;background:#f5f5f5;text-align:left;font-weight:500;border-bottom:1px solid #ddd;font-size:14px}.withdraw-table tbody td[data-v-9696193c]{padding:15px;border-bottom:1px solid #eee;font-size:14px}.withdraw-table tbody tr[data-v-9696193c]:hover{background:#fafafa}.status-badge[data-v-9696193c]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-pending[data-v-9696193c]{background:#fff3cd;color:#856404}.status-approved[data-v-9696193c]{background:#cce5ff;color:#004085}.status-transferred[data-v-9696193c]{background:#d4edda;color:#155724}.status-rejected[data-v-9696193c]{background:#f8d7da;color:#721c24}.btn-detail[data-v-9696193c]{padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s}.btn-detail[data-v-9696193c]:hover{background:#764ba2}.pagination[data-v-9696193c]{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;background:#f9f9f9;border-radius:8px}.btn-page[data-v-9696193c]{padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-page[data-v-9696193c]:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.btn-page[data-v-9696193c]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-9696193c]{color:#666;font-size:14px}.no-data[data-v-9696193c],.loading[data-v-9696193c]{text-align:center;padding:50px;color:#999}.modal-overlay[data-v-9696193c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal[data-v-9696193c]{background:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 10px 40px #0003}.modal-header[data-v-9696193c]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h4[data-v-9696193c]{margin:0;color:#333;font-size:18px}.btn-close[data-v-9696193c]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0}.modal-body[data-v-9696193c]{padding:20px}.detail-content[data-v-9696193c]{display:flex;flex-direction:column;gap:15px}.detail-row[data-v-9696193c]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.detail-label[data-v-9696193c]{color:#666;font-weight:500;min-width:100px}.detail-value[data-v-9696193c]{color:#333;text-align:right;flex:1}.modal-footer[data-v-9696193c]{padding:15px 20px;border-top:1px solid #eee;text-align:right}.btn-cancel[data-v-9696193c]{padding:8px 16px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px}.btn-cancel[data-v-9696193c]:hover{background:#e0e0e0}