*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5}#app{min-height:100vh}.container{padding:20px;max-width:1200px;margin:0 auto}.card{background:white;border-radius:15px;padding:30px;margin-bottom:20px;box-shadow:0 4px 20px #0000001a}.btn-primary{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;padding:12px 24px;font-size:14px;cursor:pointer;transition:transform .2s}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{background:#f8f9fa;color:#6c757d;border:2px solid #dee2e6;border-radius:25px;padding:12px 24px;font-size:14px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e9ecef}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-input{width:100%;padding:12px 15px;border:2px solid #ddd;border-radius:8px;font-size:14px;box-sizing:border-box}.form-input:focus{outline:none;border-color:#667eea}.text-center{text-align:center}.text-primary{color:#667eea}.text-success{color:#28a745}.text-warning{color:#ffc107}.text-danger{color:#dc3545}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}.flex{display:flex}.flex-between{justify-content:space-between}.flex-center{align-items:center}.flex-1{flex:1}.login-container[data-v-fcba6025]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.login-header[data-v-fcba6025]{text-align:center;margin-bottom:40px}.logo[data-v-fcba6025]{width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:32px}h1[data-v-fcba6025]{color:#fff;font-size:28px;margin-bottom:10px}.subtitle[data-v-fcba6025]{color:#fffc;font-size:16px}.login-form[data-v-fcba6025]{width:100%;max-width:400px;background:white;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a}.login-btn[data-v-fcba6025]{width:100%;margin-top:20px;padding:15px;font-size:16px}.error-message[data-v-fcba6025]{color:#dc3545;font-size:14px;margin-top:15px;text-align:center}.login-footer[data-v-fcba6025]{margin-top:30px;text-align:center}.login-footer p[data-v-fcba6025]{color:#ffffffb3;font-size:14px}.suspension-records-page[data-v-830782d3]{min-height:100vh;background:#f5f5f5;padding:20px}.page-header[data-v-830782d3]{background:white;border-radius:15px;padding:20px 30px;margin-bottom:20px;box-shadow:0 2px 10px #0000000d}.header-content[data-v-830782d3]{display:flex;justify-content:space-between;align-items:center}.header-content h1[data-v-830782d3]{font-size:24px;color:#333;margin:0}.btn-primary[data-v-830782d3]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:25px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-primary[data-v-830782d3]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary[data-v-830782d3]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon[data-v-830782d3]{font-size:18px;font-weight:700}.records-container[data-v-830782d3]{background:white;border-radius:15px;padding:30px;box-shadow:0 2px 10px #0000000d}.loading-state[data-v-830782d3],.empty-state[data-v-830782d3]{text-align:center;padding:60px 20px;color:#999}.loading-spinner[data-v-830782d3]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-830782d3 1s linear infinite;margin:0 auto 20px}@keyframes spin-830782d3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.records-list[data-v-830782d3]{display:flex;flex-direction:column;gap:20px}.record-card[data-v-830782d3]{background:#f8f9fa;border-radius:12px;padding:20px;border-left:4px solid #667eea;transition:all .3s ease}.record-card[data-v-830782d3]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.record-header[data-v-830782d3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.record-date-info[data-v-830782d3]{display:flex;align-items:center;gap:15px}.record-date[data-v-830782d3]{font-size:20px;font-weight:600;color:#333}.record-day[data-v-830782d3]{padding:4px 12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px;font-size:12px;font-weight:600}.record-stats[data-v-830782d3]{display:flex;gap:30px}.stat-item[data-v-830782d3]{display:flex;flex-direction:column;align-items:flex-end}.stat-label[data-v-830782d3]{font-size:12px;color:#666;margin-bottom:4px}.stat-value[data-v-830782d3]{font-size:18px;font-weight:600;color:#333}.stat-value.highlight[data-v-830782d3]{color:#51cf66;font-size:20px}.record-details[data-v-830782d3]{margin-bottom:15px}.details-title[data-v-830782d3]{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.member-details-list[data-v-830782d3]{display:flex;flex-direction:column;gap:10px}.member-detail-item[data-v-830782d3]{background:white;border-radius:8px;padding:12px;border:1px solid #e2e8f0}.member-name[data-v-830782d3]{font-size:15px;font-weight:600;color:#333;margin-bottom:8px}.course-details[data-v-830782d3]{display:flex;flex-direction:column;gap:6px}.course-detail[data-v-830782d3]{display:flex;align-items:center;gap:10px;font-size:13px;color:#555}.course-badge[data-v-830782d3]{padding:3px 10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.course-info[data-v-830782d3]{flex:1}.replenish-info[data-v-830782d3]{color:#51cf66;font-weight:600;margin-left:6px}.record-footer[data-v-830782d3]{padding-top:15px;border-top:1px solid #e2e8f0}.record-meta[data-v-830782d3]{display:flex;gap:20px;font-size:12px;color:#999}.meta-item[data-v-830782d3]{display:flex;align-items:center}.modal-overlay[data-v-830782d3]{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:1000;padding:20px}.modal-content[data-v-830782d3]{background:white;border-radius:15px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header[data-v-830782d3]{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-830782d3]{margin:0;font-size:20px;color:#333}.close-btn[data-v-830782d3]{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn[data-v-830782d3]:hover{background:#f0f0f0;color:#333}.modal-body[data-v-830782d3]{padding:30px}.modal-footer[data-v-830782d3]{display:flex;justify-content:flex-end;gap:12px;padding:20px 30px;border-top:1px solid #e2e8f0}.btn-secondary[data-v-830782d3]{background:#f8f9fa;color:#6c757d;border:2px solid #dee2e6;border-radius:25px;padding:10px 20px;font-size:14px;cursor:pointer;transition:all .2s}.btn-secondary[data-v-830782d3]:hover{background:#e9ecef}.form-group[data-v-830782d3]{margin-bottom:20px}.form-label[data-v-830782d3]{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.form-input[data-v-830782d3]{width:100%;padding:12px 15px;border:2px solid #ddd;border-radius:8px;font-size:14px;box-sizing:border-box;transition:all .2s}.form-input[data-v-830782d3]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.date-suspended[data-v-830782d3]{border-color:#ff6b6b!important;background-color:#fff5f5!important}.form-hint[data-v-830782d3]{margin-top:8px;font-size:12px;color:#666;font-style:italic}.form-warning[data-v-830782d3]{margin-top:8px;font-size:13px;color:#ff6b6b;font-weight:500;padding:8px 12px;background:#fff5f5;border-radius:6px;border-left:3px solid #ff6b6b}.date-suspended[data-v-830782d3]:focus{border-color:#ff6b6b!important;box-shadow:0 0 0 3px #ff6b6b1a!important}.suspension-preview[data-v-830782d3]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #ffc107;max-height:300px;overflow-y:auto}.preview-title[data-v-830782d3]{font-weight:600;color:#333;margin-bottom:12px;font-size:14px}.preview-list[data-v-830782d3]{display:flex;flex-direction:column;gap:10px}.preview-item[data-v-830782d3]{display:flex;justify-content:space-between;align-items:center;padding:10px;background:white;border-radius:6px;border:1px solid #e2e8f0}.preview-item .member-name[data-v-830782d3]{font-weight:500;color:#333}.preview-item .course-types[data-v-830782d3]{display:flex;gap:6px;flex-wrap:wrap}.preview-empty[data-v-830782d3]{padding:20px;text-align:center;color:#999;font-size:14px}.replenish-details-modal[data-v-830782d3]{max-width:700px;max-height:80vh;overflow-y:auto}.replenish-summary[data-v-830782d3]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px;border-radius:12px;margin-bottom:20px;color:#fff}.summary-item[data-v-830782d3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px}.summary-item[data-v-830782d3]:last-child{margin-bottom:0}.summary-label[data-v-830782d3]{font-weight:500;opacity:.9}.summary-value[data-v-830782d3]{font-weight:600;font-size:16px}.summary-value.highlight[data-v-830782d3]{font-size:18px;color:#ffd93d}.replenish-details-list[data-v-830782d3]{margin-top:20px}.details-title[data-v-830782d3]{font-size:16px;font-weight:600;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.replenish-detail-item[data-v-830782d3]{background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:12px;border-left:4px solid #51cf66}.detail-member-header[data-v-830782d3]{margin-bottom:12px}.detail-member-header .member-name[data-v-830782d3]{font-size:16px;font-weight:600;color:#333}.detail-courses[data-v-830782d3]{display:flex;flex-direction:column;gap:8px}.course-detail[data-v-830782d3]{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f0fdf4;border-radius:6px;border:1px solid #86efac}.course-type-badge[data-v-830782d3]{padding:4px 10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.course-replenish-info[data-v-830782d3]{font-size:14px;color:#555;flex:1}.replenish-amount[data-v-830782d3]{color:#51cf66;font-weight:600;margin-left:8px}.suspension-records-page.embedded-mode[data-v-830782d3]{padding:0;background:transparent}.suspension-records-page.embedded-mode .records-container.embedded-container[data-v-830782d3]{background:transparent;padding:0;box-shadow:none;border-radius:0}.suspension-records-page.embedded-mode .record-card[data-v-830782d3]{margin-bottom:12px}.header[data-v-3fb59b18]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.header h1[data-v-3fb59b18]{font-size:20px}.user-info[data-v-3fb59b18]{display:flex;align-items:center;gap:15px}.logout-btn[data-v-3fb59b18]{background:rgba(255,255,255,.2);color:#fff;border:none;padding:8px 15px;border-radius:15px;cursor:pointer;font-size:14px}.container[data-v-3fb59b18]{padding:20px;max-width:1200px;margin:0 auto}.search-bar[data-v-3fb59b18]{display:flex;gap:15px;margin-bottom:20px}.search-input[data-v-3fb59b18]{flex:1;padding:12px 15px;border:2px solid #ddd;border-radius:25px;font-size:14px}.add-btn[data-v-3fb59b18]{padding:12px 20px;font-size:14px}.action-buttons-bar[data-v-3fb59b18]{display:flex;gap:15px;margin-bottom:30px}.action-buttons-bar button[data-v-3fb59b18]{padding:12px 20px;font-size:14px;border-radius:25px;border:none;cursor:pointer;font-weight:500;transition:all .3s ease;color:#fff}.action-buttons-bar .btn-primary[data-v-3fb59b18]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.action-buttons-bar .btn-primary[data-v-3fb59b18]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.action-buttons-bar .btn-warning[data-v-3fb59b18]{background:linear-gradient(135deg,#ffc107 0%,#ff9800 100%)}.action-buttons-bar .btn-warning[data-v-3fb59b18]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffc1074d}.stats-grid[data-v-3fb59b18]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-3fb59b18]{background:white;padding:20px;border-radius:15px;text-align:center;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.stat-card.clickable[data-v-3fb59b18]{cursor:pointer}.stat-card.clickable[data-v-3fb59b18]:hover:not(.active){transform:translateY(-3px);box-shadow:0 6px 25px #00000026;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.stat-card.clickable:hover:not(.active) .stat-number[data-v-3fb59b18],.stat-card.clickable:hover:not(.active) .stat-label[data-v-3fb59b18]{color:#fff}.stat-card.clickable.active[data-v-3fb59b18]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#fff!important;box-shadow:0 6px 25px #667eea66!important}.stat-card.clickable.active .stat-number[data-v-3fb59b18],.stat-card.clickable.active .stat-label[data-v-3fb59b18]{color:#fff!important}.stat-card.clickable.active[data-v-3fb59b18]:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#fff!important}.stat-number[data-v-3fb59b18]{font-size:32px;font-weight:700;color:#667eea;margin-bottom:5px}.stat-label[data-v-3fb59b18]{color:#666;font-size:14px}.member-grid[data-v-3fb59b18]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.member-card[data-v-3fb59b18]{background:white;border-radius:15px;padding:20px;box-shadow:0 4px 20px #0000001a;transition:transform .2s}.member-card[data-v-3fb59b18]:hover{transform:translateY(-5px)}.member-header[data-v-3fb59b18]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.member-info[data-v-3fb59b18]{display:flex;align-items:center;gap:15px}.member-name[data-v-3fb59b18]{font-size:18px;font-weight:700;color:#333}.member-level[data-v-3fb59b18]{background:#667eea;color:#fff;padding:4px 12px;border-radius:15px;font-size:12px}.member-status-group[data-v-3fb59b18]{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.member-status[data-v-3fb59b18]{padding:4px 12px;border-radius:15px;font-size:12px}.status-active[data-v-3fb59b18]{background:#d4edda;color:#155724}.status-warning[data-v-3fb59b18]{background:#fff3cd;color:#856404}.status-inactive[data-v-3fb59b18]{background:#f8d7da;color:#721c24}.suspension-status-tag[data-v-3fb59b18]{padding:4px 12px;border-radius:15px;font-size:11px;font-weight:600;white-space:nowrap}.suspension-status-tag.suspended[data-v-3fb59b18]{background:#ff6b6b;color:#fff}.suspension-status-tag.pending[data-v-3fb59b18]{background:#ffd93d;color:#856404}.btn-approve[data-v-3fb59b18]{background:linear-gradient(45deg,#51cf66,#40c057);color:#fff;border:none;border-radius:20px;padding:8px 15px;font-size:12px;cursor:pointer;transition:all .3s ease}.btn-approve[data-v-3fb59b18]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #51cf664d}.btn-reject[data-v-3fb59b18]{background:linear-gradient(45deg,#ff6b6b,#ee5a6f);color:#fff;border:none;border-radius:20px;padding:8px 15px;font-size:12px;cursor:pointer;transition:all .3s ease}.btn-reject[data-v-3fb59b18]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b6b4d}.member-details[data-v-3fb59b18]{margin-bottom:15px}.detail-row[data-v-3fb59b18]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.detail-label[data-v-3fb59b18]{color:#666}.detail-value[data-v-3fb59b18]{font-weight:500}.member-actions[data-v-3fb59b18]{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap;align-items:center}.small-btn[data-v-3fb59b18]{padding:8px 15px;font-size:12px;flex-shrink:0;min-width:fit-content}.btn-success[data-v-3fb59b18]{background:linear-gradient(45deg,#28a745,#20c997);color:#fff;border:none;border-radius:20px;padding:10px 20px;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-success[data-v-3fb59b18]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #28a7454d}.btn-danger[data-v-3fb59b18]{background:linear-gradient(45deg,#dc3545,#c82333);color:#fff;border:none;border-radius:20px;padding:10px 20px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-danger[data-v-3fb59b18]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #dc35454d}.btn-info[data-v-3fb59b18]{background:linear-gradient(45deg,#17a2b8,#6f42c1);color:#fff;border:none;border-radius:20px;padding:10px 20px;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-info[data-v-3fb59b18]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #17a2b84d}.btn-warning[data-v-3fb59b18]{background:linear-gradient(45deg,#ffc107,#fd7e14);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ffc10733}.btn-warning[data-v-3fb59b18]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffc1074d}.package-records[data-v-3fb59b18]{margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0}.package-records-title[data-v-3fb59b18]{font-size:12px;font-weight:700;color:#666;margin-bottom:8px}.package-list[data-v-3fb59b18]{display:flex;flex-direction:column;gap:6px}.package-item[data-v-3fb59b18]{background:#f8f9fa;border-radius:8px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.package-info[data-v-3fb59b18]{display:flex;gap:8px;align-items:center}.package-type[data-v-3fb59b18]{background:#667eea;color:#fff;padding:2px 6px;border-radius:10px;font-size:10px}.package-lessons[data-v-3fb59b18]{color:#28a745;font-weight:700}.package-price[data-v-3fb59b18]{color:#dc3545;font-weight:700}.package-date[data-v-3fb59b18]{color:#999;font-size:10px}.more-packages[data-v-3fb59b18]{text-align:center;color:#999;font-size:10px;font-style:italic}.package-records-modal[data-v-3fb59b18]{max-width:600px;width:90vw}.package-records-list[data-v-3fb59b18]{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto}.package-record-item[data-v-3fb59b18]{background:#f8f9fa;border-radius:12px;padding:15px;border-left:4px solid #667eea;transition:transform .2s ease}.package-record-item[data-v-3fb59b18]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.package-record-header[data-v-3fb59b18]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.package-record-type[data-v-3fb59b18]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:15px;font-size:12px;font-weight:700}.package-record-date[data-v-3fb59b18]{color:#666;font-size:12px}.package-record-details[data-v-3fb59b18]{display:flex;flex-direction:column;gap:8px}.package-record-info[data-v-3fb59b18]{display:flex;gap:15px;align-items:center}.package-record-lessons[data-v-3fb59b18]{color:#28a745;font-weight:700;font-size:14px}.package-record-price[data-v-3fb59b18]{color:#dc3545;font-weight:700;font-size:14px}.package-record-name[data-v-3fb59b18]{color:#333;font-size:13px;font-weight:500}.package-record-remark[data-v-3fb59b18]{display:flex;align-items:center;gap:5px;font-size:12px;color:#666;margin-top:4px}.remark-label[data-v-3fb59b18]{color:#999}.remark-value[data-v-3fb59b18]{color:#667eea;font-weight:500}.package-record-actions[data-v-3fb59b18]{display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid #e0e0e0}.btn-delete-package[data-v-3fb59b18]{background:#dc3545;color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;position:relative;z-index:1}.btn-delete-package[data-v-3fb59b18]:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.btn-delete-package[data-v-3fb59b18]:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.lessons-by-type[data-v-3fb59b18]{display:flex;flex-direction:column;gap:12px}.course-type-lessons[data-v-3fb59b18]{background:#f8f9fa;border-radius:10px;padding:12px;border-left:4px solid #667eea}.course-type-header[data-v-3fb59b18]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.course-type-name[data-v-3fb59b18]{font-weight:700;color:#333;font-size:14px}.course-type-remaining[data-v-3fb59b18]{background:#667eea;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}.course-type-details[data-v-3fb59b18]{display:flex;gap:12px;font-size:12px}.lesson-detail[data-v-3fb59b18]{color:#666}.lesson-detail[data-v-3fb59b18]:first-child{color:#28a745;font-weight:700}.lesson-detail[data-v-3fb59b18]:nth-child(2){color:#dc3545;font-weight:700}.lesson-detail[data-v-3fb59b18]:last-child{color:#ffc107;font-weight:700}.training-days-by-type[data-v-3fb59b18]{display:flex;flex-direction:column;gap:20px}.course-type-training[data-v-3fb59b18]{background:#f8f9fa;border-radius:12px;padding:15px;border-left:4px solid #667eea}.course-type-label[data-v-3fb59b18]{font-weight:700;color:#333;margin-bottom:10px;font-size:14px}.course-type-training .training-days[data-v-3fb59b18]{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 768px){.member-actions[data-v-3fb59b18]{gap:8px;justify-content:center}.small-btn[data-v-3fb59b18]{padding:6px 12px;font-size:11px}}@media (max-width: 480px){.member-actions[data-v-3fb59b18]{gap:6px;flex-direction:column;align-items:stretch}.small-btn[data-v-3fb59b18]{width:100%;text-align:center;padding:8px 12px}}.modal-overlay[data-v-3fb59b18]{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-3fb59b18]{background:white;border-radius:15px;padding:30px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-header[data-v-3fb59b18]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3[data-v-3fb59b18]{font-size:18px;font-weight:700}.close-btn[data-v-3fb59b18]{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.modal-footer[data-v-3fb59b18]{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.modal-footer button[data-v-3fb59b18]{padding:12px 20px;font-size:14px}.training-days[data-v-3fb59b18]{display:flex;flex-wrap:wrap;gap:10px}.day-tag[data-v-3fb59b18]{padding:8px 15px;border:2px solid #ddd;border-radius:20px;font-size:12px;cursor:pointer;transition:all .2s;color:#666;background:#f8f9fa}.day-tag[data-v-3fb59b18]:hover{border-color:#667eea}.day-tag.active[data-v-3fb59b18]{background:#667eea;color:#fff;border-color:#667eea}.course-type-modal[data-v-3fb59b18]{max-width:500px;width:90vw}.lesson-count-selector[data-v-3fb59b18]{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.lesson-count-label[data-v-3fb59b18]{font-size:14px;font-weight:500;color:#333;white-space:nowrap}.lesson-count-input-group[data-v-3fb59b18]{display:flex;align-items:center;gap:0;border:2px solid #ddd;border-radius:8px;overflow:hidden;background:white}.lesson-count-btn[data-v-3fb59b18]{width:40px;height:40px;border:none;background:#667eea;color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.lesson-count-btn[data-v-3fb59b18]:hover:not(:disabled){background:#5568d3}.lesson-count-btn[data-v-3fb59b18]:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.lesson-count-input[data-v-3fb59b18]{width:60px;height:40px;border:none;border-left:1px solid #ddd;border-right:1px solid #ddd;text-align:center;font-size:16px;font-weight:500;color:#333;padding:0;outline:none;-moz-appearance:textfield}.lesson-count-input[data-v-3fb59b18]::-webkit-outer-spin-button,.lesson-count-input[data-v-3fb59b18]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.course-type-list[data-v-3fb59b18]{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.course-type-item[data-v-3fb59b18]{background:#f8f9fa;border-radius:12px;padding:15px;border-left:4px solid #667eea;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.course-type-item[data-v-3fb59b18]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a;background:#e3f2fd}.course-type-info[data-v-3fb59b18]{flex:1}.course-type-name[data-v-3fb59b18]{font-weight:700;color:#333;font-size:16px;margin-bottom:5px}.course-type-details[data-v-3fb59b18]{display:flex;gap:10px;align-items:center}.remaining-lessons[data-v-3fb59b18]{background:#28a745;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.course-type-arrow[data-v-3fb59b18]{color:#667eea;font-size:18px;font-weight:700}.optional[data-v-3fb59b18]{color:#999;font-size:12px;font-weight:400}.leave-request-review-modal[data-v-3fb59b18]{max-width:700px;width:90vw;max-height:80vh}.leave-requests-tabs[data-v-3fb59b18]{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e2e8f0}.leave-requests-tabs .tab-btn[data-v-3fb59b18]{padding:10px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:all .3s ease;margin-bottom:-2px}.leave-requests-tabs .tab-btn[data-v-3fb59b18]:hover{color:#667eea}.leave-requests-tabs .tab-btn.active[data-v-3fb59b18]{color:#667eea;border-bottom-color:#667eea;font-weight:600}.delete-member-modal[data-v-3fb59b18]{max-width:500px;width:90vw}.delete-warning[data-v-3fb59b18]{margin-bottom:20px;padding:15px;background:#fff3cd;border-radius:8px;border-left:4px solid #ffc107}.delete-warning p[data-v-3fb59b18]{margin:0;font-size:14px;color:#856404}.delete-warning strong[data-v-3fb59b18]{color:#333;font-weight:600}.delete-checkbox-label[data-v-3fb59b18]{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#333;margin-bottom:10px}.delete-checkbox[data-v-3fb59b18]{width:18px;height:18px;cursor:pointer}.permanent-delete-warning[data-v-3fb59b18]{margin-top:10px;padding:12px;background:#f8d7da;border-radius:8px;border-left:4px solid #dc3545;color:#721c24;font-size:13px;font-weight:500}.soft-delete-hint[data-v-3fb59b18]{margin-top:10px;padding:12px;background:#d1ecf1;border-radius:8px;border-left:4px solid #17a2b8;color:#0c5460;font-size:13px}.suspension-review-modal[data-v-3fb59b18]{max-width:500px;width:90vw}.suspension-review-info[data-v-3fb59b18]{margin-bottom:25px}.suspension-review-info p[data-v-3fb59b18]{margin:10px 0;font-size:14px;color:#333}.review-tip[data-v-3fb59b18]{margin-top:20px!important;font-weight:500;color:#667eea!important}.review-actions[data-v-3fb59b18]{display:flex;gap:15px;margin-bottom:20px}.btn-approve-review[data-v-3fb59b18]{flex:1;padding:12px 20px;background:linear-gradient(135deg,#51cf66 0%,#40c057 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-approve-review[data-v-3fb59b18]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #51cf664d}.btn-reject-review[data-v-3fb59b18]{flex:1;padding:12px 20px;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-reject-review[data-v-3fb59b18]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b6b4d}.reject-reason-section[data-v-3fb59b18]{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.form-textarea[data-v-3fb59b18]{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px}.form-textarea[data-v-3fb59b18]:focus{outline:none;border-color:#667eea}.loading-section[data-v-3fb59b18]{text-align:center;padding:40px 20px}.loading-spinner[data-v-3fb59b18]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-3fb59b18 1s linear infinite;margin:0 auto 20px}@keyframes spin-3fb59b18{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.leave-requests-list[data-v-3fb59b18]{max-height:400px;overflow-y:auto}.leave-request-month-group[data-v-3fb59b18]{margin-bottom:25px}.month-header[data-v-3fb59b18]{font-size:16px;font-weight:700;color:#667eea;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #667eea}.leave-requests-in-month[data-v-3fb59b18]{display:flex;flex-direction:column;gap:10px}.leave-request-item[data-v-3fb59b18]{background:#f8f9fa;border-radius:10px;padding:15px;border-left:4px solid #ffd93d;transition:all .3s ease}.leave-request-item.approved[data-v-3fb59b18]{border-left-color:#51cf66;background:#f0f9f4}.leave-request-item.pending[data-v-3fb59b18]{border-left-color:#ffd93d;background:#fffbf0}.leave-request-info[data-v-3fb59b18]{display:flex;justify-content:space-between;align-items:flex-start;flex:1;gap:15px}.leave-request-main-info[data-v-3fb59b18]{display:flex;flex-direction:column;gap:10px;flex:1}.leave-request-date[data-v-3fb59b18],.leave-request-course[data-v-3fb59b18],.leave-request-weekday[data-v-3fb59b18]{display:flex;align-items:center;gap:8px;font-size:14px}.date-label[data-v-3fb59b18],.course-label[data-v-3fb59b18],.weekday-label[data-v-3fb59b18]{color:#666;font-weight:500;min-width:70px}.date-input[data-v-3fb59b18],.course-select[data-v-3fb59b18],.weekday-select[data-v-3fb59b18]{padding:6px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:150px;background:white}.date-input[data-v-3fb59b18]:focus,.course-select[data-v-3fb59b18]:focus,.weekday-select[data-v-3fb59b18]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.course-badge[data-v-3fb59b18]{padding:4px 10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px;font-size:12px;font-weight:500}.form-hint[data-v-3fb59b18]{margin-top:8px;font-size:12px;color:#666;font-style:italic}.form-warning[data-v-3fb59b18]{margin-top:8px;font-size:13px;color:#ff6b6b;font-weight:500;padding:8px 12px;background:#fff5f5;border-radius:6px;border-left:3px solid #ff6b6b}.date-suspended[data-v-3fb59b18]{border-color:#ff6b6b!important;background-color:#fff5f5!important}.date-suspended[data-v-3fb59b18]:focus{border-color:#ff6b6b!important;box-shadow:0 0 0 3px #ff6b6b1a!important}.suspension-preview[data-v-3fb59b18]{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #ffc107;max-height:300px;overflow-y:auto}.preview-title[data-v-3fb59b18]{font-weight:600;color:#333;margin-bottom:12px;font-size:14px}.preview-list[data-v-3fb59b18]{display:flex;flex-direction:column;gap:10px}.preview-item[data-v-3fb59b18]{display:flex;justify-content:space-between;align-items:center;padding:10px;background:white;border-radius:6px;border:1px solid #e2e8f0}.preview-item .member-name[data-v-3fb59b18]{font-weight:500;color:#333}.preview-item .course-types[data-v-3fb59b18]{display:flex;gap:6px;flex-wrap:wrap}.preview-empty[data-v-3fb59b18]{padding:20px;text-align:center;color:#999;font-size:14px}.date-input[data-v-3fb59b18]{padding:6px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none}.date-input[data-v-3fb59b18]:focus{border-color:#667eea}.leave-request-status[data-v-3fb59b18]{display:flex;align-items:center}.status-badge[data-v-3fb59b18]{padding:4px 12px;border-radius:15px;font-size:12px;font-weight:600}.status-badge.pending[data-v-3fb59b18]{background:#ffd93d;color:#856404}.status-badge.approved[data-v-3fb59b18]{background:#51cf66;color:#fff}.status-badge.rejected[data-v-3fb59b18]{background:#ff6b6b;color:#fff}.leave-request-actions[data-v-3fb59b18]{display:flex;gap:8px;justify-content:flex-end;padding-top:10px;border-top:1px solid #e0e0e0}.btn-edit-date[data-v-3fb59b18],.btn-delete-request[data-v-3fb59b18]{background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.btn-edit-date[data-v-3fb59b18]:hover{background:#e3f2fd}.btn-delete-request[data-v-3fb59b18]:hover{background:#ffebee}.empty-state[data-v-3fb59b18]{text-align:center;padding:40px 20px;color:#999}.replenish-details-modal[data-v-3fb59b18]{max-width:700px;max-height:80vh;overflow-y:auto}.replenish-summary[data-v-3fb59b18]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px;border-radius:12px;margin-bottom:20px;color:#fff}.summary-item[data-v-3fb59b18]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px}.summary-item[data-v-3fb59b18]:last-child{margin-bottom:0}.summary-label[data-v-3fb59b18]{font-weight:500;opacity:.9}.summary-value[data-v-3fb59b18]{font-weight:600;font-size:16px}.summary-value.highlight[data-v-3fb59b18]{font-size:18px;color:#ffd93d}.replenish-details-list[data-v-3fb59b18]{margin-top:20px}.details-title[data-v-3fb59b18]{font-size:16px;font-weight:600;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.replenish-detail-item[data-v-3fb59b18]{background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:12px;border-left:4px solid #51cf66}.detail-member-header[data-v-3fb59b18]{margin-bottom:12px}.detail-member-header .member-name[data-v-3fb59b18]{font-size:16px;font-weight:600;color:#333}.detail-courses[data-v-3fb59b18]{display:flex;flex-direction:column;gap:8px}.course-detail[data-v-3fb59b18]{display:flex;align-items:center;gap:12px;padding:8px 12px;background:white;border-radius:6px;border:1px solid #e2e8f0}.course-type-badge[data-v-3fb59b18]{padding:4px 10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.course-replenish-info[data-v-3fb59b18]{font-size:14px;color:#555;flex:1}.replenish-amount[data-v-3fb59b18]{color:#51cf66;font-weight:600;margin-left:8px}.single-suspension-modal[data-v-3fb59b18]{max-width:900px;max-height:90vh;position:relative}.new-suspension-modal[data-v-3fb59b18]{max-width:600px;max-height:90vh}.floating-add-btn[data-v-3fb59b18]{position:absolute;bottom:20px;right:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:50px;padding:14px 24px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #667eea66;transition:all .3s ease;z-index:10}.floating-add-btn[data-v-3fb59b18]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea80}.floating-add-btn .btn-icon[data-v-3fb59b18]{font-size:20px;font-weight:700;line-height:1}.suspension-records-section[data-v-3fb59b18]{margin-bottom:0;padding-bottom:80px}.section-title[data-v-3fb59b18]{font-size:16px;font-weight:600;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.section-divider[data-v-3fb59b18]{height:1px;background:#e2e8f0;margin:30px 0}.new-suspension-section[data-v-3fb59b18]{margin-top:20px}.loading-records[data-v-3fb59b18]{display:flex;align-items:center;gap:10px;padding:20px;color:#666;font-size:14px}.loading-spinner-small[data-v-3fb59b18]{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;animation:spin-3fb59b18 1s linear infinite}.empty-records[data-v-3fb59b18]{padding:30px;text-align:center;color:#999;font-size:14px}.records-list-compact[data-v-3fb59b18]{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.record-item-compact[data-v-3fb59b18]{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:#f8f9fa;border-radius:8px;border-left:3px solid #667eea;transition:all .2s}.record-item-compact[data-v-3fb59b18]:hover{background:#f0f0f0;transform:translate(3px)}.record-date-compact[data-v-3fb59b18]{display:flex;align-items:center;gap:10px;flex:1}.date-value[data-v-3fb59b18]{font-size:15px;font-weight:600;color:#333}.day-badge[data-v-3fb59b18]{padding:3px 10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:10px;font-size:11px;font-weight:600}.record-stats-compact[data-v-3fb59b18]{display:flex;gap:15px;align-items:center;margin:0 15px}.stat-compact[data-v-3fb59b18]{font-size:13px;color:#666}.stat-compact.highlight[data-v-3fb59b18]{color:#51cf66;font-weight:600}.record-time-compact[data-v-3fb59b18]{font-size:12px;color:#999;white-space:nowrap}.member-details[data-v-2c461a49]{background:white;border-radius:20px;overflow:hidden;position:relative}.container[data-v-2c461a49]{padding:0;width:100%}.loading-section[data-v-2c461a49]{text-align:center;padding:40px 20px}.loading-spinner[data-v-2c461a49]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-2c461a49 1s linear infinite;margin:0 auto 20px}@keyframes spin-2c461a49{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-section[data-v-2c461a49]{text-align:center;padding:40px 20px}.error-icon[data-v-2c461a49]{font-size:48px;margin-bottom:20px}.error-section h3[data-v-2c461a49]{color:#e74c3c;margin-bottom:10px}.error-section p[data-v-2c461a49]{color:#666;margin-bottom:20px}.member-info[data-v-2c461a49]{background:white;border-radius:20px;padding:0;margin-bottom:0;box-shadow:none}.section[data-v-2c461a49]{background:transparent;border-radius:0;padding:0;margin-bottom:30px;box-shadow:none;border:none}.section[data-v-2c461a49]:last-child{margin-bottom:0}.section-title[data-v-2c461a49]{font-size:20px;font-weight:700;color:#333;text-align:center;margin:0 10px 20px;padding:20px 0 10px;border-bottom:3px solid #667eea}.packages-list[data-v-2c461a49]{display:flex;flex-direction:column;gap:15px}.package-item[data-v-2c461a49]{padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea}.package-header[data-v-2c461a49]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.package-name[data-v-2c461a49]{font-weight:700;color:#333}.package-date[data-v-2c461a49]{font-size:12px;color:#666}.package-details[data-v-2c461a49]{display:flex;justify-content:space-between;align-items:center}.package-lessons[data-v-2c461a49]{color:#667eea;font-weight:700}.package-price[data-v-2c461a49]{color:#28a745;font-weight:700}.training-by-type[data-v-2c461a49]{display:flex;flex-direction:column;gap:20px}.course-type-training[data-v-2c461a49]{background:#f8f9fa;border-radius:12px;padding:15px;border-left:4px solid #667eea}.course-type-label[data-v-2c461a49]{font-weight:700;color:#333;margin-bottom:10px;font-size:14px}.course-type-training .training-days[data-v-2c461a49]{display:flex;flex-wrap:wrap;gap:8px}.day-tag[data-v-2c461a49]{padding:6px 12px;border:2px solid #ddd;border-radius:15px;font-size:12px;color:#666;background:#f8f9fa;transition:all .3s ease}.day-tag.active[data-v-2c461a49]{background:#667eea;color:#fff;border-color:#667eea}.empty-state[data-v-2c461a49]{text-align:center;padding:40px;color:#999}.deductions-list[data-v-2c461a49]{display:flex;flex-direction:column;gap:15px}.deduction-item[data-v-2c461a49]{padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #ddd;transition:all .3s ease}.deduction-item.replenish-item[data-v-2c461a49]{background:#f0fdf4;border-left:4px solid #86efac}.deduction-item[data-v-2c461a49]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.deduction-header[data-v-2c461a49]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.deduction-type-tag[data-v-2c461a49]{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.deduction-type-tag.type-deduct[data-v-2c461a49]{background:#e74c3c}.deduction-type-tag.type-leave[data-v-2c461a49]{background:#28a745}.deduction-date[data-v-2c461a49]{font-size:12px;color:#666}.deduction-body[data-v-2c461a49]{display:flex;flex-direction:column;gap:8px}.deduction-info[data-v-2c461a49]{display:flex;align-items:flex-start;font-size:14px}.info-label[data-v-2c461a49]{color:#666;margin-right:8px;min-width:70px}.info-value[data-v-2c461a49]{color:#333;flex:1}.recent-info[data-v-2c461a49]{text-align:center}.recent-info p[data-v-2c461a49]{font-size:14px;color:#666}@media (max-width: 768px){.section[data-v-2c461a49]{margin-bottom:25px}.section-title[data-v-2c461a49]{font-size:18px;margin:0 -30px 20px;padding:15px 0 8px}.course-type-training[data-v-2c461a49]{padding:12px}.course-type-label[data-v-2c461a49]{font-size:13px;margin-bottom:8px}.training-days[data-v-2c461a49]{gap:6px}.day-tag[data-v-2c461a49]{padding:4px 8px;font-size:11px}.package-item[data-v-2c461a49]{padding:12px}.package-header[data-v-2c461a49]{flex-direction:column;align-items:flex-start;gap:5px}.deduction-header[data-v-2c461a49]{flex-direction:column;align-items:flex-start;gap:8px}.deduction-item[data-v-2c461a49]{padding:12px}.info-label[data-v-2c461a49]{min-width:60px;font-size:13px}.info-value[data-v-2c461a49]{font-size:13px}}.radar-chart-container[data-v-f14f6be4]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.chart-container[data-v-f14f6be4]{width:var(--90dc4b90);height:var(--20da72f5);min-height:300px}@media (max-width: 768px){.chart-container[data-v-f14f6be4]{height:300px}}.dimension-detail-overlay[data-v-6aa4983c]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dimension-detail[data-v-6aa4983c]{background:white;border-radius:20px;width:calc(100vw - 20px);height:calc(100vh - 20px);max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative}.close-header[data-v-6aa4983c]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:20px 20px 0 0}.close-header h1[data-v-6aa4983c]{font-size:18px;font-weight:600;margin:0}.close-btn[data-v-6aa4983c]{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn[data-v-6aa4983c]:hover{background:rgba(255,255,255,.1)}.container[data-v-6aa4983c]{padding:30px;max-width:1000px;margin:0 auto}.loading-section[data-v-6aa4983c]{text-align:center;padding:40px 20px}.loading-spinner[data-v-6aa4983c]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-6aa4983c 1s linear infinite;margin:0 auto 20px}@keyframes spin-6aa4983c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-section[data-v-6aa4983c]{text-align:center;padding:40px 20px}.error-icon[data-v-6aa4983c]{font-size:48px;margin-bottom:20px}.error-section h3[data-v-6aa4983c]{color:#e74c3c;margin-bottom:10px}.error-section p[data-v-6aa4983c]{color:#666;margin-bottom:20px}.dimension-content[data-v-6aa4983c]{display:flex;flex-direction:column;gap:30px}.dimension-overview[data-v-6aa4983c]{display:flex;justify-content:center}.overview-card[data-v-6aa4983c]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:30px;border-radius:20px;text-align:center;min-width:300px;box-shadow:0 10px 30px #667eea4d}.overview-title[data-v-6aa4983c]{font-size:24px;font-weight:700;margin-bottom:15px}.overview-score[data-v-6aa4983c]{display:flex;align-items:baseline;justify-content:center;margin-bottom:10px}.score-value[data-v-6aa4983c]{font-size:48px;font-weight:700;line-height:1}.score-unit[data-v-6aa4983c]{font-size:18px;margin-left:5px;opacity:.8}.overview-description[data-v-6aa4983c]{font-size:14px;opacity:.9}.section-title[data-v-6aa4983c]{font-size:20px;font-weight:600;color:#2d3748;padding:20px 0 10px;border-bottom:3px solid #667eea;position:relative}.section-title[data-v-6aa4983c]:after{content:"";position:absolute;bottom:-3px;left:0;width:30px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.radar-section[data-v-6aa4983c]{background:white;border-radius:20px;padding:25px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(102,126,234,.1)}.radar-container[data-v-6aa4983c]{display:flex;justify-content:center;align-items:center;min-height:600px;padding:30px 0}@media (max-width: 768px){.container[data-v-6aa4983c]{padding:20px}.dimension-detail[data-v-6aa4983c]{max-width:98vw;max-height:98vh}.overview-card[data-v-6aa4983c]{min-width:250px;padding:20px}.overview-title[data-v-6aa4983c]{font-size:20px}.score-value[data-v-6aa4983c]{font-size:36px}.radar-container[data-v-6aa4983c]{min-height:300px}}.parent-view[data-v-a9290580]{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.radar-section[data-v-a9290580]{background:white;border-radius:20px;padding:30px;margin-bottom:45px;box-shadow:0 8px 32px #0000001a}.section-title[data-v-a9290580]{font-size:20px;font-weight:700;color:#333;text-align:center;margin:0 20px;padding:20px 0 10px;border-bottom:3px solid #667eea}.radar-container[data-v-a9290580]{display:flex;justify-content:center;align-items:center;min-height:320px}.container[data-v-a9290580]{max-width:800px;margin:0 auto;padding:10px}.loading-section[data-v-a9290580]{text-align:center;padding:40px 20px;background:white;border-radius:20px;box-shadow:0 8px 32px #0000001a}.loading-spinner[data-v-a9290580]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-a9290580 1s linear infinite;margin:0 auto 20px}@keyframes spin-a9290580{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-section[data-v-a9290580]{text-align:center;padding:40px 20px;background:white;border-radius:20px;box-shadow:0 8px 32px #0000001a}.error-icon[data-v-a9290580]{font-size:48px;margin-bottom:20px}.error-section h3[data-v-a9290580]{color:#e74c3c;margin-bottom:10px}.error-section p[data-v-a9290580]{color:#666;margin-bottom:20px}.member-info[data-v-a9290580]{background:white;border-radius:20px;padding:20px 0;box-shadow:0 8px 32px #0000001a}.member-header[data-v-a9290580]{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px;padding:0 20px}.member-info-left[data-v-a9290580]{display:flex;align-items:center;gap:15px;flex:1}.member-info-right[data-v-a9290580]{display:flex;align-items:center;flex-shrink:0}.avatar[data-v-a9290580]{width:80px;height:80px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin-right:20px}.member-details h2[data-v-a9290580]{color:#333;margin-bottom:10px;font-size:28px}.member-level[data-v-a9290580]{background:#667eea;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;display:inline-block}.view-more-section[data-v-a9290580]{text-align:center}.view-more-btn[data-v-a9290580]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:25px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;min-width:fit-content;box-shadow:0 4px 15px #667eea4d}.view-more-btn[data-v-a9290580]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-icon[data-v-a9290580]{font-size:18px}.btn-arrow[data-v-a9290580]{font-size:18px;transition:transform .3s ease}.member-details-drawer[data-v-a9290580]{background:white;border-radius:20px;padding:0 30px;margin-bottom:45px;box-shadow:0 8px 32px #0000001a}.package-info-section[data-v-a9290580]{background:white;border-radius:20px;padding:25px;margin-bottom:20px;box-shadow:0 4px 20px #0000001a}.package-info-section .section-title[data-v-a9290580]{font-size:18px;font-weight:700;color:#333;margin-bottom:20px;text-align:center}.package-list[data-v-a9290580]{display:flex;flex-direction:column;gap:15px}.package-item[data-v-a9290580]{background:#f8f9fa;border-radius:15px;padding:20px;border-left:4px solid #667eea;transition:transform .2s ease}.package-item[data-v-a9290580]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.package-header[data-v-a9290580]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.package-type[data-v-a9290580]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:700}.package-date[data-v-a9290580]{color:#666;font-size:14px}.package-details[data-v-a9290580]{display:flex;justify-content:space-between;align-items:center}.package-lessons[data-v-a9290580]{color:#28a745;font-weight:700;font-size:16px}.package-price[data-v-a9290580]{color:#dc3545;font-weight:700;font-size:16px}.lessons-info-section[data-v-a9290580]{background:white;border-radius:20px;padding:15px;margin-bottom:20px;box-shadow:0 4px 20px #0000001a}.lessons-info-section .section-title[data-v-a9290580]{font-size:18px;font-weight:700;color:#333;margin-bottom:20px;text-align:center}.lessons-by-type[data-v-a9290580]{display:flex;flex-direction:column;gap:15px}.course-type-lessons[data-v-a9290580]{background:#f8f9fa;border-radius:15px;padding:20px;border-left:4px solid #667eea;transition:transform .2s ease}.course-type-lessons[data-v-a9290580]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.course-type-header[data-v-a9290580]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.course-type-name[data-v-a9290580]{font-weight:700;color:#333;font-size:16px}.course-type-remaining[data-v-a9290580]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:700}.course-type-details[data-v-a9290580]{display:flex;gap:20px;font-size:14px}.lesson-detail[data-v-a9290580]{color:#666}.lesson-detail[data-v-a9290580]:first-child{color:#28a745;font-weight:700}.lesson-detail[data-v-a9290580]:nth-child(2){color:#dc3545;font-weight:700}.lesson-detail[data-v-a9290580]:last-child{color:#ffc107;font-weight:700}.modal-overlay[data-v-a9290580]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content[data-v-a9290580]{background:white;border-radius:20px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative}.modal-header[data-v-a9290580]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:20px 20px 0 0}.modal-header h3[data-v-a9290580]{font-size:18px;font-weight:600;margin:0}.close-btn[data-v-a9290580]{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn[data-v-a9290580]:hover{background:rgba(255,255,255,.1)}.modal-body[data-v-a9290580]{padding:25px}.dimension-detail[data-v-a9290580]{text-align:center}.dimension-score-display[data-v-a9290580]{margin-bottom:30px}.score-label[data-v-a9290580]{display:block;font-size:16px;color:#666;margin-bottom:10px}.score-value[data-v-a9290580]{font-size:48px;font-weight:700;padding:20px;border-radius:50%;display:inline-block;min-width:100px;min-height:100px;line-height:60px}.score-excellent[data-v-a9290580]{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.score-good[data-v-a9290580]{background:linear-gradient(135deg,#17a2b8,#6f42c1);color:#fff}.score-average[data-v-a9290580]{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#fff}.score-poor[data-v-a9290580]{background:linear-gradient(135deg,#dc3545,#e83e8c);color:#fff}.sub-skills-list[data-v-a9290580]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px}.sub-skill-item[data-v-a9290580]{background:#f8f9fa;border-radius:10px;padding:15px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid #667eea}.skill-name[data-v-a9290580]{font-weight:500;color:#333}.skill-score[data-v-a9290580]{font-weight:700;padding:4px 12px;border-radius:15px;font-size:14px}.floating-buttons-container[data-v-a9290580]{position:fixed;bottom:30px;right:30px;z-index:999;display:flex;flex-direction:row;align-items:center;gap:15px}.suspension-floating-btn[data-v-a9290580],.leave-request-floating-btn[data-v-a9290580]{position:relative}.leave-btn[data-v-a9290580]{background:linear-gradient(135deg,#4dabf7 0%,#339af0 100%);color:#fff;border:none;border-radius:50px;padding:15px 25px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #4dabf766;transition:all .3s ease;display:flex;align-items:center;gap:10px;min-width:140px;justify-content:center}.leave-btn[data-v-a9290580]:hover{transform:translateY(-3px);box-shadow:0 6px 25px #0000004d}.leave-btn .btn-icon[data-v-a9290580]{font-size:20px}.leave-btn .btn-text[data-v-a9290580]{white-space:nowrap}.leave-request-modal[data-v-a9290580]{max-width:500px}.weekday-selector[data-v-a9290580]{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.weekday-btn[data-v-a9290580]{flex:1;min-width:80px;padding:10px 15px;border:2px solid #e2e8f0;border-radius:8px;background:white;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.weekday-btn[data-v-a9290580]:hover{border-color:#667eea;color:#667eea;background:#f0f4ff}.weekday-btn.active[data-v-a9290580]{border-color:#667eea;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.calculated-dates[data-v-a9290580]{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.date-hint[data-v-a9290580]{font-size:13px;color:#666;margin-bottom:10px}.date-list[data-v-a9290580]{display:flex;flex-wrap:wrap;gap:8px}.date-item[data-v-a9290580]{padding:6px 12px;background:white;border-radius:6px;font-size:13px;color:#333;border:1px solid #e2e8f0}.course-type-selector[data-v-a9290580]{margin-top:10px}.course-type-item[data-v-a9290580]{margin-bottom:12px}.course-type-checkbox[data-v-a9290580]{display:flex;align-items:flex-start;cursor:pointer;padding:12px;border:2px solid #e2e8f0;border-radius:8px;transition:all .3s ease}.course-type-checkbox[data-v-a9290580]:hover{border-color:#667eea;background:#f0f4ff}.course-type-checkbox input[type=checkbox][data-v-a9290580]{margin-right:12px;margin-top:2px;width:18px;height:18px;cursor:pointer;accent-color:#667eea}.course-type-checkbox input[type=checkbox]:checked+.course-type-label[data-v-a9290580]{color:#667eea}.course-type-label[data-v-a9290580]{flex:1;display:flex;flex-direction:column;gap:4px}.course-type-name[data-v-a9290580]{font-weight:600;font-size:15px;color:#333}.course-type-days[data-v-a9290580]{font-size:13px;color:#666}.course-type-checkbox input[type=checkbox]:checked~.course-type-label .course-type-name[data-v-a9290580],.course-type-checkbox input[type=checkbox]:checked+.course-type-label .course-type-name[data-v-a9290580]{color:#667eea}.error-hint[data-v-a9290580]{margin-top:10px;padding:10px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:13px}.unselected-courses-list[data-v-a9290580]{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.unselected-course-badge[data-v-a9290580]{padding:6px 12px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;font-size:13px;color:#856404;font-weight:500}.no-course-hint[data-v-a9290580],.no-weekday-hint[data-v-a9290580]{padding:20px;text-align:center;color:#999;font-size:14px;background:#f8f9fa;border-radius:8px}.course-type-label.disabled[data-v-a9290580]{opacity:.5}.course-type-hint[data-v-a9290580]{font-size:12px;color:#999;margin-top:4px}.course-type-checkbox input[type=checkbox][data-v-a9290580]:disabled{cursor:not-allowed;opacity:.5}.course-type-with-weekdays[data-v-a9290580]{display:flex;flex-direction:column;gap:20px}.course-type-weekday-group[data-v-a9290580]{border:2px solid #e2e8f0;border-radius:12px;padding:15px;background:#f8f9fa;transition:all .3s ease}.course-type-weekday-group[data-v-a9290580]:hover{border-color:#667eea;background:#f0f4ff}.weekday-selector-inline[data-v-a9290580]{margin-top:15px;padding-top:15px;border-top:1px solid #e2e8f0}.weekday-selector-label[data-v-a9290580]{font-size:13px;color:#666;margin-bottom:10px;font-weight:500}.weekday-selector-inline .weekday-selector[data-v-a9290580]{margin-top:8px}.course-dates-preview[data-v-a9290580]{margin-top:12px;padding:10px;background:white;border-radius:8px;border-left:3px solid #667eea}.date-hint-small[data-v-a9290580]{font-size:12px;color:#666;margin-bottom:8px}.date-list-small[data-v-a9290580]{display:flex;flex-wrap:wrap;gap:6px}.date-item-small[data-v-a9290580]{padding:4px 10px;background:#f0f4ff;border-radius:6px;font-size:12px;color:#667eea;border:1px solid #667eea}.leave-request-modal .modal-footer[data-v-a9290580]{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px 25px;border-top:1px solid #e2e8f0}.leave-request-modal .modal-footer button[data-v-a9290580]{flex:1;max-width:150px;padding:12px 20px;font-size:14px;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none;font-weight:500}.leave-request-modal .modal-footer .btn-secondary[data-v-a9290580]{background:#f8f9fa;color:#666;border:1px solid #dee2e6}.leave-request-modal .modal-footer .btn-secondary[data-v-a9290580]:hover{background:#e9ecef;border-color:#adb5bd}.leave-request-modal .modal-footer .btn-primary[data-v-a9290580]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.leave-request-modal .modal-footer .btn-primary[data-v-a9290580]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.leave-request-modal .modal-footer .btn-primary[data-v-a9290580]:disabled{opacity:.6;cursor:not-allowed}.leave-records-view[data-v-a9290580]{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);z-index:998;display:flex;flex-direction:column;overflow-y:auto}.leave-records-header[data-v-a9290580]{background:white;padding:15px 20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1}.back-btn[data-v-a9290580]{background:none;border:none;display:flex;align-items:center;gap:5px;cursor:pointer;color:#667eea;font-size:16px;padding:5px 10px;border-radius:8px;transition:all .2s ease}.back-btn[data-v-a9290580]:hover{background:#f0f0f0}.back-icon[data-v-a9290580]{font-size:20px;font-weight:700}.back-text[data-v-a9290580]{font-weight:500}.leave-records-header h2[data-v-a9290580]{margin:0;font-size:20px;color:#333;flex:1}.leave-records-content[data-v-a9290580]{flex:1;padding:20px;max-width:800px;width:100%;margin:0 auto}.leave-records-tabs[data-v-a9290580]{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid rgba(255,255,255,.2)}.leave-records-tabs .tab-btn[data-v-a9290580]{padding:10px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#fffc;transition:all .3s ease;margin-bottom:-2px}.leave-records-tabs .tab-btn[data-v-a9290580]:hover{color:#fff}.leave-records-tabs .tab-btn.active[data-v-a9290580]{color:#fff;border-bottom-color:#fff;font-weight:600}.leave-records-list[data-v-a9290580]{display:flex;flex-direction:column;gap:15px}.leave-record-item[data-v-a9290580]{background:white;border-radius:15px;padding:20px;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;align-items:center;transition:transform .2s ease}.leave-record-item[data-v-a9290580]:hover{transform:translateY(-2px)}.leave-record-info[data-v-a9290580]{display:flex;align-items:center;gap:20px;flex:1}.leave-record-date[data-v-a9290580]{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;color:#333;flex-wrap:wrap}.course-type-badge[data-v-a9290580]{padding:4px 10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px;font-size:12px;font-weight:500}.date-icon[data-v-a9290580]{font-size:20px}.date-text[data-v-a9290580]{color:#333}.leave-record-status[data-v-a9290580]{display:flex;align-items:center}.status-badge[data-v-a9290580]{padding:6px 12px;border-radius:15px;font-size:12px;font-weight:600}.status-badge.pending[data-v-a9290580]{background:#ffd93d;color:#856404}.leave-record-actions[data-v-a9290580]{display:flex;gap:10px}.btn-delete-record[data-v-a9290580]{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.btn-delete-record[data-v-a9290580]:hover{background:#ffebee;transform:scale(1.1)}.leave-request-floating-btn-in-records[data-v-a9290580]{position:fixed;bottom:30px;right:30px;z-index:999}.empty-state[data-v-a9290580]{text-align:center;padding:60px 20px;color:#fffc;background:rgba(255,255,255,.1);border-radius:15px;margin-top:20px}.empty-state p[data-v-a9290580]{font-size:16px;margin:0}.suspend-btn[data-v-a9290580],.resume-btn[data-v-a9290580]{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);color:#fff;border:none;border-radius:50px;padding:15px 25px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #ff6b6b66;transition:all .3s ease;display:flex;align-items:center;gap:10px;min-width:140px;justify-content:center}.resume-btn[data-v-a9290580]{background:linear-gradient(135deg,#51cf66 0%,#40c057 100%);box-shadow:0 4px 20px #51cf6666}.suspend-btn[data-v-a9290580]:hover:not(:disabled),.resume-btn[data-v-a9290580]:hover{transform:translateY(-3px);box-shadow:0 6px 25px #0000004d}.suspend-btn[data-v-a9290580]:disabled{background:#ccc;cursor:not-allowed;opacity:.6;box-shadow:none}.suspend-btn .btn-icon[data-v-a9290580],.resume-btn .btn-icon[data-v-a9290580]{font-size:20px}.suspend-btn .btn-text[data-v-a9290580],.resume-btn .btn-text[data-v-a9290580]{white-space:nowrap}@media (max-width: 768px){.parent-view[data-v-a9290580]{padding:10px}.radar-section[data-v-a9290580]{padding:0}.leave-request-modal[data-v-a9290580]{width:calc(100vw - 20px);max-width:calc(100vw - 20px)}.weekday-selector[data-v-a9290580]{gap:8px}.weekday-btn[data-v-a9290580]{min-width:70px;padding:8px 12px;font-size:13px}.course-type-checkbox[data-v-a9290580]{padding:10px}.course-type-name[data-v-a9290580]{font-size:14px}.course-type-days[data-v-a9290580]{font-size:12px}.member-header[data-v-a9290580]{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:0 15px}.member-info-left[data-v-a9290580]{flex:1;min-width:0;gap:10px}.member-info-right[data-v-a9290580]{flex-shrink:0}.avatar[data-v-a9290580]{width:50px;height:50px;font-size:20px;margin-right:0;margin-bottom:0}.member-details h2[data-v-a9290580]{font-size:16px;margin-bottom:2px}.member-level[data-v-a9290580]{font-size:12px;padding:2px 8px}.view-more-btn[data-v-a9290580]{padding:8px 12px;font-size:12px;gap:4px}.btn-text[data-v-a9290580]{display:none}.sub-skills-list[data-v-a9290580]{grid-template-columns:1fr}.modal-content[data-v-a9290580]{margin:20px;max-width:calc(100vw - 40px)}.floating-buttons-container[data-v-a9290580]{bottom:20px;right:20px;flex-direction:row;gap:10px;flex-wrap:nowrap}.suspend-btn[data-v-a9290580],.resume-btn[data-v-a9290580],.leave-btn[data-v-a9290580]{flex-shrink:0}.leave-request-floating-btn-in-records[data-v-a9290580]{bottom:20px;right:20px}.leave-records-header[data-v-a9290580]{padding:12px 15px}.leave-records-header h2[data-v-a9290580]{font-size:18px}.leave-records-content[data-v-a9290580],.leave-record-item[data-v-a9290580]{padding:15px}.leave-record-date[data-v-a9290580]{font-size:14px}.suspend-btn[data-v-a9290580],.resume-btn[data-v-a9290580],.leave-btn[data-v-a9290580]{padding:12px 18px;font-size:13px;min-width:auto;width:auto;height:auto;border-radius:50px;justify-content:center;white-space:nowrap}.suspend-btn .btn-text[data-v-a9290580],.resume-btn .btn-text[data-v-a9290580],.leave-btn .btn-text[data-v-a9290580]{display:inline;font-size:13px}.suspend-btn .btn-icon[data-v-a9290580],.resume-btn .btn-icon[data-v-a9290580],.leave-btn .btn-icon[data-v-a9290580]{font-size:18px;margin:0}}.header[data-v-6cb438ab]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.header[data-v-6cb438ab]{flex-direction:column;gap:15px;text-align:center}}.header h1[data-v-6cb438ab]{font-size:20px}.member-info[data-v-6cb438ab]{display:flex;align-items:center;gap:15px}.back-btn[data-v-6cb438ab]{background:rgba(255,255,255,.2);color:#fff;border:none;padding:8px 15px;border-radius:15px;cursor:pointer;font-size:14px}.container[data-v-6cb438ab]{padding:20px 20px 100px;max-width:1200px;margin:0 auto}@media (max-width: 768px){.container[data-v-6cb438ab]{padding:15px 15px 100px}}.overall-score-card[data-v-6cb438ab]{background:white;border-radius:15px;padding:30px;margin-bottom:30px;box-shadow:0 4px 20px #0000001a;display:flex;align-items:center;gap:40px}@media (max-width: 768px){.overall-score-card[data-v-6cb438ab]{flex-direction:column;gap:20px;padding:20px}}.score-display[data-v-6cb438ab]{text-align:center;min-width:150px}.score-number[data-v-6cb438ab]{font-size:60px;font-weight:700;color:#667eea;margin-bottom:10px}.main-score-input[data-v-6cb438ab]{font-size:60px;font-weight:700;color:#667eea;background:transparent;border:2px solid #667eea;border-radius:10px;padding:10px;text-align:center;width:120px;outline:none}.main-score-input[data-v-6cb438ab]:focus{border-color:#5a6fd8;box-shadow:0 0 10px #667eea4d}.score-label[data-v-6cb438ab]{font-size:16px;color:#666}.score-breakdown[data-v-6cb438ab]{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;position:relative}.breakdown-tip[data-v-6cb438ab]{grid-column:1 / -1;background:#fff3cd;color:#856404;padding:8px 12px;border-radius:5px;font-size:12px;text-align:center;border:1px solid #ffeaa7;margin-bottom:5px}.dimension-summary[data-v-6cb438ab]{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#f8f9fa;border-radius:8px}.dimension-name[data-v-6cb438ab]{font-size:14px;color:#333}.dimension-score[data-v-6cb438ab]{font-size:16px;font-weight:700;color:#667eea}.score-actions[data-v-6cb438ab]{display:flex;gap:10px;margin-top:15px}.small-btn[data-v-6cb438ab]{padding:8px 16px;font-size:12px;border-radius:6px;cursor:pointer;border:none;transition:all .2s}.btn-secondary[data-v-6cb438ab]{background:#6c757d;color:#fff}.dimension-score-input[data-v-6cb438ab]{display:flex;align-items:center;gap:5px}.dimension-input[data-v-6cb438ab]{width:60px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:14px;font-weight:700;color:#667eea;outline:none}.dimension-input[data-v-6cb438ab]:focus{border-color:#667eea;box-shadow:0 0 5px #667eea4d}.score-unit[data-v-6cb438ab]{font-size:12px;color:#666}.floating-save-btn[data-v-6cb438ab]{position:fixed;bottom:20px;right:20px;z-index:1000}.btn-save[data-v-6cb438ab]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:25px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #667eea66;transition:all .3s ease;min-width:120px;justify-content:center;white-space:nowrap}.btn-save[data-v-6cb438ab]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.btn-save[data-v-6cb438ab]:active:not(:disabled){transform:translateY(0)}.btn-save[data-v-6cb438ab]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon[data-v-6cb438ab]{font-size:16px}.btn-text[data-v-6cb438ab]{font-size:14px}@media (max-width: 768px){.floating-save-btn[data-v-6cb438ab]{bottom:20px;right:20px;left:auto}.btn-save[data-v-6cb438ab]{padding:10px 16px;font-size:13px;min-width:80px}.btn-icon[data-v-6cb438ab]{font-size:14px}.btn-text[data-v-6cb438ab]{font-size:13px}}.dimensions-container[data-v-6cb438ab]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:30px}@media (max-width: 768px){.dimensions-container[data-v-6cb438ab]{grid-template-columns:1fr}}.dimension-card[data-v-6cb438ab]{background:white;border-radius:15px;padding:25px;box-shadow:0 4px 20px #0000001a}.dimension-header[data-v-6cb438ab]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.dimension-title[data-v-6cb438ab]{font-size:18px;font-weight:700;color:#333}.dimension-average[data-v-6cb438ab]{text-align:right}.average-label[data-v-6cb438ab]{display:block;font-size:12px;color:#666}.average-score[data-v-6cb438ab]{font-size:20px;font-weight:700;color:#667eea}.skills-grid[data-v-6cb438ab]{display:flex;flex-direction:column;gap:15px}.skill-item[data-v-6cb438ab]{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px}@media (max-width: 768px){.skill-item[data-v-6cb438ab]{flex-direction:column;align-items:stretch;gap:10px}}.skill-info[data-v-6cb438ab]{min-width:120px;display:flex;flex-direction:column}@media (max-width: 768px){.skill-info[data-v-6cb438ab]{min-width:auto;flex-direction:row;justify-content:space-between;align-items:center}}.skill-name[data-v-6cb438ab]{font-size:14px;color:#333;margin-bottom:5px}.skill-score[data-v-6cb438ab]{font-size:16px;font-weight:700;color:#667eea}.score-input[data-v-6cb438ab]{flex:1;display:flex;align-items:center;gap:15px}@media (max-width: 768px){.score-input[data-v-6cb438ab]{flex-direction:column;gap:10px}}.score-slider[data-v-6cb438ab]{flex:1;height:6px;background:#ddd;border-radius:3px;outline:none;-webkit-appearance:none}.score-slider[data-v-6cb438ab]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#667eea;border-radius:50%;cursor:pointer}.score-slider[data-v-6cb438ab]::-moz-range-thumb{width:20px;height:20px;background:#667eea;border-radius:50%;cursor:pointer;border:none}.score-number-input[data-v-6cb438ab]{width:60px;padding:8px;border:2px solid #ddd;border-radius:5px;text-align:center;font-size:14px}.score-number-input[data-v-6cb438ab]:focus{outline:none;border-color:#667eea}.actions[data-v-6cb438ab]{display:flex;gap:20px;justify-content:center;padding:30px 0}@media (max-width: 768px){.actions[data-v-6cb438ab]{flex-direction:column;gap:15px;padding:20px 0}}.actions button[data-v-6cb438ab]{padding:15px 30px;font-size:16px;border-radius:25px;cursor:pointer;transition:all .2s}.btn-primary[data-v-6cb438ab]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none}.btn-primary[data-v-6cb438ab]:hover{transform:translateY(-2px)}.btn-primary[data-v-6cb438ab]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary[data-v-6cb438ab]{background:#f8f9fa;color:#6c757d;border:2px solid #dee2e6}.btn-secondary[data-v-6cb438ab]:hover{background:#e9ecef}