.el-overlay[data-v-2f1212d3]{background-color:var(--color-overlay-backdrop-solid)!important}#app[data-v-2f1212d3]{padding-bottom:var(--app-footer-height);font-family:Comic Sans MS,cursive,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}main[data-v-2f1212d3]{flex-grow:1}[data-v-2f1212d3]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}input[data-v-2f1212d3],textarea[data-v-2f1212d3]{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.nav-bar[data-v-2f1212d3]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background-color:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.1);padding:5px 0;height:var(--app-footer-height);z-index:100}.nav-item[data-v-2f1212d3]{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#666;transition:color .3s ease;flex:1;padding:5px 0}.nav-item.router-link-active[data-v-2f1212d3],.nav-item[data-v-2f1212d3]:hover{color:#ff6b6b}.icon[data-v-2f1212d3]{font-size:1.5em;margin-bottom:2px}.label[data-v-2f1212d3]{font-size:.75em;white-space:nowrap}input[data-v-2f1212d3],select[data-v-2f1212d3],textarea[data-v-2f1212d3]{font-size:16px}.notification-container[data-v-556d5078]{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.notification[data-v-556d5078]{padding:15px 20px;border-radius:4px;color:#fff;font-weight:700;box-shadow:0 2px 10px rgba(0,0,0,.1);min-width:200px;max-width:350px;word-wrap:break-word}.success[data-v-556d5078]{background-color:#2ecc71}.error[data-v-556d5078]{background-color:#e74c3c}.info[data-v-556d5078]{background-color:#3498db}.warning[data-v-556d5078]{background-color:#f39c12}.fade-enter-active[data-v-556d5078],.fade-leave-active[data-v-556d5078]{transition:all .5s ease}.fade-enter-from[data-v-556d5078],.fade-leave-to[data-v-556d5078]{opacity:0;transform:translateX(30px)}.fade-move[data-v-556d5078]{transition:transform .5s ease}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:#333;background-color:#7b6060}#app{display:flex;flex-direction:column;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--app-footer-height) + var(--safe-area-inset-bottom))}#app.disable-ui-interactions{-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-content{flex-grow:1}.modal-overlay[data-v-62108722]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay-backdrop-solid);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-container[data-v-62108722]{background-color:var(--color-background-card);border-radius:0;width:100%;max-width:100%;max-height:100vh;overflow-y:auto;padding:var(--spacing-md);box-shadow:none;display:flex;flex-direction:column;position:relative;animation:modal-fade-in-62108722 .3s ease-out forwards}@media (min-width:768px){.modal-container[data-v-62108722]{border-radius:var(--border-radius-lg);width:90%;max-width:600px;max-height:90vh;padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}}.modal-header[data-v-62108722]{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-primary-cyan);color:var(--color-white);padding:var(--spacing-md) var(--spacing-lg);margin:calc(var(--spacing-md)*-1);margin-bottom:var(--spacing-md);border-top-left-radius:0;border-top-right-radius:0;box-shadow:var(--shadow-sm)}@media (min-width:768px){.modal-header[data-v-62108722]{background-color:transparent;color:var(--color-heading);padding:0 0 var(--spacing-sm) 0;margin:0;border-bottom:1px solid var(--color-border-light);border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg);box-shadow:none}}.modal-title[data-v-62108722]{margin:0;font-size:var(--font-size-lg);font-weight:600;color:inherit}.close-btn[data-v-62108722]{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--color-white);padding:var(--spacing-xs);line-height:1;transition:color var(--transition-fast) ease}.close-btn[data-v-62108722]:hover{color:rgba(var(--color-white-rgb),.8)}@media (min-width:768px){.close-btn[data-v-62108722]{color:var(--color-gray-dark)}.close-btn[data-v-62108722]:hover{color:var(--color-primary-red)}}.modal-body[data-v-62108722]{flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:var(--spacing-xs);padding-bottom:var(--spacing-lg)}.student-form[data-v-62108722]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-section[data-v-62108722]{background-color:var(--color-background-main);border-radius:var(--border-radius-md);padding:var(--spacing-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-xs)}.section-title[data-v-62108722]{font-size:var(--font-size-md);color:var(--color-primary-brand);margin-top:0;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px dashed var(--color-border-light)}.form-grid[data-v-62108722]{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width:600px){.form-grid[data-v-62108722]{grid-template-columns:repeat(2,1fr)}}.form-group[data-v-62108722]{margin-bottom:0}.form-group label[data-v-62108722]{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--color-text-dark);font-size:var(--font-size-sm)}.form-group input[data-v-62108722],.form-group select[data-v-62108722]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);color:var(--color-text-dark);background-color:var(--color-background-input);transition:border-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input[data-v-62108722]:focus,.form-group select[data-v-62108722]:focus{outline:none;border-color:var(--color-primary-blue2);box-shadow:0 0 0 3px rgba(var(--color-primary-blue2-rgb),.2)}.form-group input.is-invalid[data-v-62108722],.form-group select.is-invalid[data-v-62108722]{border-color:var(--color-status-danger)}.error-message[data-v-62108722]{font-size:var(--font-size-xs);margin-top:var(--spacing-xs);line-height:1.3}.error-message[data-v-62108722],.required[data-v-62108722]{color:var(--color-status-danger)}.form-details[data-v-62108722]{grid-column:1/-1;border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);margin-top:var(--spacing-sm);background-color:var(--color-background-mute);overflow:hidden}.details-summary[data-v-62108722]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);font-weight:500;color:var(--color-text-medium);cursor:pointer;list-style:none;outline:none;background-color:var(--color-gray-light);border-bottom:1px solid transparent;transition:background-color var(--transition-fast) ease,border-bottom-color var(--transition-fast) ease}.details-summary[data-v-62108722]:hover{background-color:var(--color-background-hover)}.details-summary[data-v-62108722]::-webkit-details-marker{display:none}.details-summary .icon-chevron-down[data-v-62108722]{display:inline-block;width:1em;height:1em;font-style:normal;text-align:center;line-height:1;font-size:var(--font-size-sm);margin-left:var(--spacing-sm);transition:transform var(--transition-fast) ease;content:"▼"}.form-details[open] .details-summary[data-v-62108722]{border-bottom-color:var(--color-border-light)}.form-details[open] .details-summary .icon-chevron-down[data-v-62108722]{transform:rotate(180deg)}.details-content[data-v-62108722]{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.form-actions[data-v-62108722]{padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light);margin-top:var(--spacing-lg)}.submit-btn[data-v-62108722]{background-color:var(--color-primary-red);color:var(--color-white);border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md);cursor:pointer;width:100%;font-weight:600;transition:background-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.submit-btn[data-v-62108722]:hover:not(:disabled){background-color:var(--color-primary-red2);box-shadow:var(--shadow-sm)}.submit-btn[data-v-62108722]:disabled{background-color:var(--color-gray-dark);cursor:not-allowed;opacity:.7}.general-error[data-v-62108722]{text-align:center;margin-top:var(--spacing-md);font-size:var(--font-size-sm);font-weight:500}.coach-selection[data-v-62108722]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xs);padding:var(--spacing-xs);background-color:var(--color-background-soft);border-radius:var(--border-radius-sm)}.coach-option[data-v-62108722]{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-full);background-color:var(--color-white);transition:background-color var(--transition-fast) ease,border-color var(--transition-fast) ease}.coach-option input[type=checkbox][data-v-62108722]{position:absolute;opacity:0;width:var(--touch-target-min-size);height:var(--touch-target-min-size);cursor:pointer;left:0;top:0;margin:0}.coach-option label[data-v-62108722]{position:relative;padding-left:var(--spacing-lg);cursor:pointer;color:var(--color-text-dark);font-size:var(--font-size-sm);margin-bottom:0;display:flex;align-items:center}.coach-option label[data-v-62108722]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid var(--color-border-medium);border-radius:var(--border-radius-xs);background-color:var(--color-white);transition:all var(--transition-fast) ease}.coach-option input[type=checkbox]:checked+label[data-v-62108722]:before{background-color:var(--color-primary-cyan);border-color:var(--color-primary-cyan)}.coach-option input[type=checkbox]:checked+label[data-v-62108722]:after{content:"✓";position:absolute;left:4px;top:50%;transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--color-white);line-height:1}.coach-option[data-v-62108722]:has(input[type=checkbox]:checked){background-color:var(--color-status-success-bg);border-color:var(--color-primary-cyan)}.no-coaches[data-v-62108722]{color:var(--color-text-light);font-style:italic;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);width:100%;text-align:center}@keyframes modal-fade-in-62108722{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fade-enter-active[data-v-62108722],.fade-leave-active[data-v-62108722]{transition:opacity var(--transition-fast) ease}.fade-enter-from[data-v-62108722],.fade-leave-to[data-v-62108722]{opacity:0}.modal-overlay[data-v-0ab47f16]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-0ab47f16]{background-color:#fff;border-radius:8px;padding:0;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 5px 15px rgba(0,0,0,.3)}.modal-header[data-v-0ab47f16]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.modal-header h3[data-v-0ab47f16]{margin:0;font-size:1.2rem}.close-btn[data-v-0ab47f16]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.modal-body[data-v-0ab47f16]{padding:20px}.loading[data-v-0ab47f16]{text-align:center;padding:50px;font-size:1.1rem;color:#555}.form-group[data-v-0ab47f16]{margin-bottom:15px}.form-group label[data-v-0ab47f16]{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-group input[type=date][data-v-0ab47f16],.form-group input[type=email][data-v-0ab47f16],.form-group input[type=text][data-v-0ab47f16],.form-group select[data-v-0ab47f16]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input[type=text][data-v-0ab47f16]:disabled{background-color:#f0f0f0;color:#777;cursor:not-allowed}.form-group .text-muted[data-v-0ab47f16]{font-size:.85rem;color:#888;margin-top:5px;display:block}.form-group .is-invalid[data-v-0ab47f16]{border-color:#dc3545}.form-group .error-message[data-v-0ab47f16]{color:#dc3545;font-size:.85rem;margin-top:5px}.status-toggle[data-v-0ab47f16]{display:flex;align-items:center}.status-toggle input[type=checkbox][data-v-0ab47f16]{margin-right:10px;width:auto}.status-toggle .toggle-label[data-v-0ab47f16]{cursor:pointer;font-weight:400;margin-bottom:0}.coach-selection[data-v-0ab47f16]{display:flex;flex-wrap:wrap;gap:10px;border:1px solid #ddd;padding:10px;border-radius:4px;max-height:150px;overflow-y:auto}.coach-option[data-v-0ab47f16]{display:flex;align-items:center;gap:5px;flex-basis:calc(50% - 5px)}.coach-option input[type=checkbox][data-v-0ab47f16]{width:auto;margin-right:0}.coach-option label[data-v-0ab47f16]{margin-bottom:0;font-weight:400;cursor:pointer}.no-coaches[data-v-0ab47f16]{color:#999;font-style:italic;padding:10px;text-align:center;width:100%}.submit-btn[data-v-0ab47f16]{width:100%;padding:12px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:background-color .2s}.submit-btn[data-v-0ab47f16]:hover{background-color:#1976d2}.submit-btn[data-v-0ab47f16]:disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.select-students-modal-overlay[data-v-2ef863da]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:var(--z-index-modal-tertiary,10000);backdrop-filter:blur(2px)}.select-students-modal-dialog[data-v-2ef863da]{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:0 10px 25px rgba(0,0,0,.2);width:98vw;max-width:600px;margin:auto;display:flex;flex-direction:column;max-height:90vh;position:relative;z-index:1}.modal-fade-enter-active[data-v-2ef863da],.modal-fade-leave-active[data-v-2ef863da]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-2ef863da],.modal-fade-leave-to[data-v-2ef863da]{opacity:0}.modal-fade-enter-active .select-students-modal-dialog[data-v-2ef863da],.modal-fade-leave-active .select-students-modal-dialog[data-v-2ef863da]{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.modal-fade-enter-from .select-students-modal-dialog[data-v-2ef863da],.modal-fade-leave-to .select-students-modal-dialog[data-v-2ef863da]{transform:scale(.95) translateY(-10px)}.organization-filter[data-v-2ef863da]{display:flex;align-items:center;gap:var(--spacing-xxs);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs);background-color:var(--color-background-light);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-medium)}.organization-filter label[data-v-2ef863da]{font-size:var(--font-size-sm);color:var(--color-text-dark);font-weight:700}.organization-filter .custom-select[data-v-2ef863da]{flex-grow:1;padding:var(--spacing-xxs) var(--spacing-xs);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);background-color:var(--color-white);font-size:var(--font-size-sm);color:var(--color-text-dark);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 8px center;background-size:16px;cursor:pointer}.package-tabs[data-v-2ef863da]{display:flex;flex-wrap:wrap;gap:var(--spacing-xxs);margin-bottom:var(--spacing-xs);padding:var(--spacing-xxs);background-color:var(--color-background-light);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-medium);overflow-x:auto;-webkit-overflow-scrolling:touch;min-height:30px;align-items:center}.package-tab-button[data-v-2ef863da]{padding:2px var(--spacing-xs);font-size:var(--font-size-xxs);border-radius:var(--border-radius-sm);white-space:nowrap;flex-shrink:0;height:auto}.package-tab-button.active[data-v-2ef863da]{background-color:var(--color-primary-cyan);border-color:var(--color-primary-cyan);color:var(--color-white)}.package-tab-button[data-v-2ef863da]:not(.active){background-color:var(--color-white);border-color:var(--color-border-medium);color:var(--color-text-dark)}.package-tab-button[data-v-2ef863da]:not(.active):hover{background-color:var(--color-background-light)}.modal-header[data-v-2ef863da]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);border-bottom:1px solid var(--color-border-medium);background-color:var(--color-white);z-index:50}.modal-header .title-text[data-v-2ef863da]{font-family:var(--font-title);color:var(--color-text-dark);font-size:var(--font-size-md);font-weight:700;margin:0;line-height:var(--line-height-heading)}.modal-header .btn-close[data-v-2ef863da]{background:none;border:none;font-size:var(--font-size-md);color:var(--color-border-medium);cursor:pointer;padding:0;min-width:var(--touch-target-min-size);min-height:var(--touch-target-min-size);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal-header .btn-close[data-v-2ef863da]:hover{color:var(--color-primary-red)}.modal-body[data-v-2ef863da]{padding:var(--spacing-xs);flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xs)}.custom-search-input-wrapper[data-v-2ef863da]{position:relative;display:flex;align-items:center;background-color:var(--color-background-light);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-sm)}.custom-search-input[data-v-2ef863da]{flex-grow:1;border:none;outline:none;font-size:var(--font-size-sm);padding:10;background-color:transparent;color:var(--color-text-dark)}.custom-search-clear-btn[data-v-2ef863da]{background:none;border:none;color:var(--color-text-light);font-size:var(--font-size-md);cursor:pointer;padding:0 var(--spacing-xxs);line-height:1;margin-left:var(--spacing-xxs)}.selected-students-summary[data-v-2ef863da]{font-size:var(--font-size-sm);color:var(--color-text-dark);display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xxs);padding:var(--spacing-xs);background-color:var(--color-background-light);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-medium)}.selected-student-tag[data-v-2ef863da]{display:inline-flex;align-items:center;background-color:var(--color-primary-cyan);color:var(--color-white);border-radius:var(--border-radius-xxs);padding:2px var(--spacing-xxs);font-size:var(--font-size-xs);line-height:1;gap:var(--spacing-xxs)}.empty-state[data-v-2ef863da],.loading-state[data-v-2ef863da]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md);gap:var(--spacing-xs);text-align:center;color:var(--color-text-light);font-size:var(--font-size-sm);background-color:var(--color-background-light);border-radius:var(--border-radius-sm);border:1px dashed var(--color-border-medium)}.student-checkbox-grid[data-v-2ef863da]{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:var(--spacing-xxs);padding:0}.student-card[data-v-2ef863da]{border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);padding:var(--spacing-xxs);background-color:var(--color-background-light);transition:all .2s ease;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;position:relative;cursor:pointer}.student-card[data-v-2ef863da]:hover:not(.is-no-sessions){border-color:var(--color-primary-yellow);box-shadow:0 2px 4px rgba(0,0,0,.1)}.student-card.is-checked[data-v-2ef863da]{background-color:var(--color-primary-cyan);border:2px solid var(--color-primary-yellow);color:var(--color-black)}.student-card.is-checked .student-name[data-v-2ef863da],.student-card.is-checked .subscription-info[data-v-2ef863da]{color:var(--color-black)}.student-card-content[data-v-2ef863da]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:4px}.avatar-wrapper[data-v-2ef863da]{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-border-light)}.student-avatar[data-v-2ef863da]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.student-initials[data-v-2ef863da]{font-weight:700;font-size:var(--font-size-md);line-height:1}.student-name[data-v-2ef863da]{font-size:var(--font-size-xs);font-weight:700;line-height:1.2;margin-bottom:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-dark)}.subscription-info[data-v-2ef863da]{display:flex;flex-direction:column;align-items:center;font-size:var(--font-size-xxs);line-height:1.2;color:var(--color-text-dark)}.student-card.is-low-sessions .sessions-remaining[data-v-2ef863da]{color:var(--color-primary-red);font-weight:700;animation:pulse-red 1s infinite alternate}.student-card.package-color-junior-45min[data-v-2ef863da]{background-color:var(--color-package-type-junior-45min)}.student-card.package-color-junior-45min .student-initials[data-v-2ef863da],.student-card.package-color-junior-45min .student-name[data-v-2ef863da],.student-card.package-color-junior-45min .subscription-info[data-v-2ef863da]{color:var(--color-text-dark)}.student-card.package-color-junior-90min[data-v-2ef863da]{background-color:var(--color-package-type-junior-90min)}.student-card.package-color-junior-90min .student-initials[data-v-2ef863da],.student-card.package-color-junior-90min .student-name[data-v-2ef863da],.student-card.package-color-junior-90min .subscription-info[data-v-2ef863da]{color:var(--color-text-dark)}.student-card.package-color-advanced-10sessions[data-v-2ef863da]{background-color:var(--color-package-type-advanced-10sessions)}.student-card.package-color-advanced-10sessions .student-initials[data-v-2ef863da],.student-card.package-color-advanced-10sessions .student-name[data-v-2ef863da],.student-card.package-color-advanced-10sessions .subscription-info[data-v-2ef863da]{color:var(--color-text-dark)}.student-card.package-color-advanced-large-pack[data-v-2ef863da]{background-color:var(--color-package-type-advanced-large-pack)}.student-card.package-color-advanced-large-pack .student-initials[data-v-2ef863da],.student-card.package-color-advanced-large-pack .student-name[data-v-2ef863da],.student-card.package-color-advanced-large-pack .subscription-info[data-v-2ef863da]{color:var(--color-text-dark)}.student-card.package-color-no-package[data-v-2ef863da]{background-color:var(--color-package-type-no-package)}.student-card.package-color-no-package .student-initials[data-v-2ef863da],.student-card.package-color-no-package .student-name[data-v-2ef863da],.student-card.package-color-no-package .subscription-info[data-v-2ef863da]{color:var(--color-text-dark)}.modal-footer[data-v-2ef863da]{justify-content:flex-end}.modal-footer[data-v-2ef863da],.pagination-controls[data-v-2ef863da]{padding:var(--spacing-xs);border-top:1px solid var(--color-border-medium);display:flex;gap:var(--spacing-xs);background-color:var(--color-white);z-index:10}.pagination-controls[data-v-2ef863da]{justify-content:center;align-items:center}.page-info[data-v-2ef863da]{font-size:var(--font-size-sm);color:var(--color-text-dark)}.custom-button[data-v-2ef863da]{padding:var(--spacing-xxs) var(--spacing-md);font-size:var(--font-size-sm);height:auto;line-height:1.2;border-radius:var(--border-radius-sm);min-width:80px;min-height:36px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.custom-button.button-primary[data-v-2ef863da]{background-color:var(--color-primary-red);border-color:var(--color-primary-red);color:var(--color-white)}.custom-button.button-primary[data-v-2ef863da]:hover{background-color:var(--color-status-success);border-color:var(--color-status-success)}.custom-button.button-info[data-v-2ef863da]{background-color:var(--color-border-medium);border-color:var(--color-border-medium);color:var(--color-white)}.custom-button.button-info[data-v-2ef863da]:hover{background-color:var(--color-text-dark);border-color:var(--color-text-dark)}.custom-button-t.button-info[data-v-2ef863da]{background-color:var(--color-border-medium);border-color:var(--color-border-medium);color:var(--color-text-dark)}.custom-button-t.button-info[data-v-2ef863da]:hover{background-color:var(--color-text-dark);border-color:var(--color-text-dark);color:var(--color-white)}@media (min-width:768px){.student-checkbox-grid[data-v-2ef863da]{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.student-card[data-v-2ef863da]{min-height:90px}.avatar-wrapper[data-v-2ef863da]{width:48px;height:48px}.student-initials[data-v-2ef863da]{font-size:var(--font-size-lg)}.student-name[data-v-2ef863da]{font-size:var(--font-size-sm)}.subscription-info[data-v-2ef863da]{font-size:var(--font-size-xs)}}@media (min-width:1200px){.student-checkbox-grid[data-v-2ef863da]{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (max-width:375px){.student-checkbox-grid[data-v-2ef863da]{grid-template-columns:repeat(auto-fill,minmax(65px,1fr))}.student-card[data-v-2ef863da]{min-height:75px}.avatar-wrapper[data-v-2ef863da]{width:36px;height:36px}.student-initials[data-v-2ef863da]{font-size:var(--font-size-md)}.student-name[data-v-2ef863da]{font-size:9px}.subscription-info[data-v-2ef863da]{font-size:7px}}.modal-overlay[data-v-81e60506]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding-bottom:calc(var(--spacing-lg) + var(--app-footer-height))}.modal-container[data-v-81e60506]{background-color:#fff;border-radius:8px;max-width:900px;width:90%;max-height:95vh;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;flex-direction:column;box-sizing:border-box}.modal-header[data-v-81e60506]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;flex-shrink:0;box-sizing:border-box}.modal-header h2[data-v-81e60506]{margin:0;font-size:20px;color:#333}.modal-body[data-v-81e60506]{padding:20px;flex-grow:1;overflow-y:auto;box-sizing:border-box;min-height:150px}.approval-filters[data-v-81e60506]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.search-box[data-v-81e60506]{flex:1;min-width:200px;max-width:400px}.search-box input[data-v-81e60506]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.filter-options label[data-v-81e60506]{display:flex;align-items:center;font-size:15px;color:#555;cursor:pointer}.filter-options input[type=checkbox][data-v-81e60506]{margin-right:8px;transform:scale(1.2)}.users-list[data-v-81e60506]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.user-card[data-v-81e60506]{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;flex-direction:column}.user-card.mini[data-v-81e60506]{display:flex;flex-direction:row;align-items:center;padding:10px;box-shadow:none}.user-info[data-v-81e60506]{display:flex;padding:15px;flex-grow:1}.user-avatar[data-v-81e60506]{flex-shrink:0;width:60px;height:60px;border-radius:50%;overflow:hidden;margin-right:15px;background-color:#f0f0f0}.user-avatar img[data-v-81e60506]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-details[data-v-81e60506]{flex-grow:1}.user-details h3[data-v-81e60506]{margin:0 0 10px;font-size:18px;color:#333}.user-details h4[data-v-81e60506]{margin:0 0 5px;font-size:16px;color:#333}.user-details p[data-v-81e60506]{margin:5px 0;font-size:14px;color:#555;word-break:break-word;white-space:normal}.user-actions[data-v-81e60506]{display:flex;padding:10px 15px;border-top:1px solid #eee;background-color:#f9f9f9;justify-content:flex-end;gap:10px}.btn[data-v-81e60506]{padding:8px 12px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.btn[data-v-81e60506]:disabled{opacity:.6;cursor:not-allowed}.approve-btn[data-v-81e60506]{background-color:#4caf50;color:#fff}.approve-btn[data-v-81e60506]:hover:not(:disabled){background-color:#45a049}.merge-btn[data-v-81e60506]{background-color:#2196f3;color:#fff}.merge-btn[data-v-81e60506]:hover:not(:disabled){background-color:#0b7dda}.empty-state[data-v-81e60506]{text-align:center;padding:30px;color:#666;font-size:16px}.status-approved[data-v-81e60506]{color:#4caf50;font-weight:700}.status-pending[data-v-81e60506]{color:#ffc107;font-weight:700}.merge-preview[data-v-81e60506],.search-existing-users[data-v-81e60506],.source-user-info[data-v-81e60506]{margin-bottom:20px}.search-existing-users input[data-v-81e60506]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;margin-top:10px}.existing-users-list[data-v-81e60506]{margin-top:15px;border:1px solid #eee;border-radius:6px;max-height:250px;overflow-y:auto;background-color:#fcfcfc}.existing-user-item[data-v-81e60506]{padding:10px 15px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s ease}.existing-user-item[data-v-81e60506]:last-child{border-bottom:none}.existing-user-item[data-v-81e60506]:hover{background-color:#f0f0f0}.existing-user-item.selected[data-v-81e60506]{background-color:#e0f7fa;border-left:4px solid #00bcd4}.existing-user-item .user-details h4[data-v-81e60506]{font-size:15px}.existing-user-item .user-details p[data-v-81e60506]{font-size:13px}.merge-arrows[data-v-81e60506]{display:flex;align-items:center;justify-content:center;margin:20px 0;font-size:18px;font-weight:700;color:#555}.merge-arrows .source[data-v-81e60506],.merge-arrows .target[data-v-81e60506]{background-color:#f5f5f5;padding:10px 15px;border-radius:6px;border:1px solid #ddd}.merge-arrows .arrow[data-v-81e60506]{margin:0 15px;font-size:24px;color:#777}.merge-preview .warning[data-v-81e60506]{color:#856404;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;padding:15px;margin-top:15px;font-size:14px;line-height:1.5;word-break:break-word;white-space:normal}.modal-footer[data-v-81e60506]{display:flex;justify-content:flex-end;padding:15px 20px;border-top:1px solid #eee;background-color:#f9f9f9;flex-shrink:0;gap:10px;box-sizing:border-box}.modal-footer .btn[data-v-81e60506]{min-width:80px}.cancel-btn[data-v-81e60506]{background-color:#f44336;color:#fff}.cancel-btn[data-v-81e60506]:hover:not(:disabled){background-color:#d32f2f}.confirm-btn[data-v-81e60506]{background-color:#007bff;color:#fff}.confirm-btn[data-v-81e60506]:hover:not(:disabled){background-color:#0056b3}.message-container[data-v-81e60506]{position:sticky;bottom:0;left:0;right:0;padding:10px 20px;text-align:center;z-index:10;background-color:#fff;border-top:1px solid #eee}.message[data-v-81e60506]{padding:10px 15px;border-radius:6px;font-size:15px;font-weight:700}.message.success[data-v-81e60506]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error[data-v-81e60506]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message.info[data-v-81e60506]{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}@media (max-width:768px){.modal-container[data-v-81e60506]{width:95%;max-width:none}.approval-filters[data-v-81e60506]{flex-direction:column;align-items:stretch}.search-box[data-v-81e60506]{max-width:100%}.filter-options[data-v-81e60506]{margin-left:0;width:100%;text-align:left}.users-list[data-v-81e60506]{grid-template-columns:1fr}.user-actions[data-v-81e60506]{flex-direction:column;gap:8px}.btn[data-v-81e60506]{width:100%}}.modal-overlay[data-v-2642f232]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-2642f232]{background-color:#fff;border-radius:var(--border-radius-md);padding:0;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;padding-bottom:var(--app-footer-height);padding-top:var(--video-header-height)}.modal-header[data-v-2642f232]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.modal-header h3.modal-title[data-v-2642f232]{margin:0;font-size:var(--font-size-lg);color:var(--color-text-dark)}.close-btn[data-v-2642f232]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-light);padding:0;line-height:1}.modal-body[data-v-2642f232]{flex-grow:1;padding:var(--spacing-md);overflow-y:auto}.quick-selection-actions[data-v-2642f232]{margin-bottom:var(--spacing-sm);display:flex;justify-content:center;padding:var(--spacing-md);border:1px dashed var(--color-border-medium);border-radius:var(--border-radius-sm);background-color:var(--color-background-light)}.quick-select-btn[data-v-2642f232]{padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--border-radius-sm);background-color:var(--color-primary-blue);color:var(--color-white);border:none;cursor:pointer;font-weight:500;transition:background-color .2s ease;min-width:180px;font-size:var(--font-size-base)}.quick-select-btn[data-v-2642f232]:hover{background-color:var(--color-primary-dark-blue)}.coach-purchase-package-container[data-v-2642f232]{flex-grow:1;display:flex;flex-direction:column;font-family:var(--font-sans);color:var(--color-text-dark);box-sizing:border-box}.page-title[data-v-2642f232]{font-size:var(--font-size-md);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-primary-red);line-height:var(--line-height-heading);text-align:center;display:none}.purchase-steps[data-v-2642f232]{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light);gap:var(--spacing-xxs);flex-shrink:0}.step-item[data-v-2642f232]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxs);border-radius:var(--border-radius-sm);background-color:var(--color-background-light);color:var(--color-text-light);position:relative;font-size:var(--font-size-sm);font-weight:700;line-height:var(--line-height-body);transition:all .2s ease;border:1px solid var(--color-border-medium)}.step-number[data-v-2642f232]{font-size:var(--font-size-base);margin-bottom:var(--spacing-xxs);color:var(--color-primary-yellow)}.step-item.active[data-v-2642f232]{background-color:var(--color-primary-cyan);color:var(--color-white);border-color:var(--color-primary-cyan)}.step-item.active .step-number[data-v-2642f232]{color:var(--color-white)}.step-item.completed[data-v-2642f232]{background-color:var(--color-status-success);color:var(--color-white);border-color:var(--color-status-success)}.step-item.completed .step-number[data-v-2642f232]{color:var(--color-white)}.step-content[data-v-2642f232]{background-color:var(--color-background-card);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-medium);flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.section-title[data-v-2642f232]{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-primary-red);line-height:var(--line-height-heading);text-align:center;flex-shrink:0}.packages-grid[data-v-2642f232],.student-list-grid[data-v-2642f232]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-grow:1;overflow-y:auto;padding:var(--spacing-xxs);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);background-color:var(--color-background-light)}.package-card[data-v-2642f232],.student-card[data-v-2642f232]{padding:var(--spacing-xs);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;background-color:var(--color-white);min-height:var(--touch-target-min-size);display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.package-card[data-v-2642f232]:hover,.student-card[data-v-2642f232]:hover{border-color:var(--color-primary-yellow);box-shadow:0 2px 4px rgba(0,0,0,.1)}.package-card.selected[data-v-2642f232],.student-card.selected[data-v-2642f232]{border-color:var(--color-primary-cyan);background-color:var(--color-background-light);box-shadow:0 0 0 1px var(--color-primary-cyan)}.package-details[data-v-2642f232],.student-info[data-v-2642f232]{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.package-name[data-v-2642f232],.student-name[data-v-2642f232]{font-size:var(--font-size-base);font-weight:700;color:var(--color-primary-cyan);line-height:var(--line-height-heading);margin:0}.package-description[data-v-2642f232],.student-details[data-v-2642f232]{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:var(--line-height-body)}.detail-item[data-v-2642f232]{display:flex;justify-content:space-between;align-items:center}.detail-item .detail-value[data-v-2642f232]{font-weight:700;color:var(--color-text-dark)}.debt-warning[data-v-2642f232],.student-debt[data-v-2642f232]{color:var(--color-primary-red);font-weight:700;font-size:var(--font-size-sm);line-height:var(--line-height-body)}.selected-student-summary[data-v-2642f232]{background-color:var(--color-background-light);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);border:1px solid var(--color-border-light);flex-shrink:0}.summary-text[data-v-2642f232]{font-size:var(--font-size-sm);color:var(--color-text-dark);line-height:var(--line-height-body);display:flex;flex-wrap:wrap;gap:var(--spacing-xxs) var(--spacing-sm)}.summary-label[data-v-2642f232]{font-weight:700;color:var(--color-primary-red)}.summary-value[data-v-2642f232]{color:var(--color-primary-cyan)}.package-info[data-v-2642f232]{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-dark);line-height:var(--line-height-body)}.info-label[data-v-2642f232]{font-weight:700}.info-value[data-v-2642f232]{color:var(--color-text-dark)}.price[data-v-2642f232]{color:var(--color-primary-red);font-weight:700;font-size:var(--font-size-base)}.confirmation-details-grid[data-v-2642f232]{display:grid;grid-template-columns:1fr;gap:var(--spacing-xs);flex-grow:1;overflow-y:auto}@media (min-width:768px){.confirmation-details-grid[data-v-2642f232]{grid-template-columns:1fr 1fr}}.confirmation-section[data-v-2642f232]{background-color:var(--color-background-light);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light)}.section-subtitle[data-v-2642f232]{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-primary-cyan);line-height:var(--line-height-heading)}.info-row[data-v-2642f232]{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-dark);line-height:var(--line-height-body);margin-bottom:var(--spacing-xxs)}.info-row[data-v-2642f232]:last-child{margin-bottom:0}.debt-settlement-note[data-v-2642f232]{font-size:var(--font-size-xs);font-style:italic;color:var(--color-status-success);margin-left:var(--spacing-xxs)}.payment-options-grid[data-v-2642f232]{display:grid;grid-template-columns:1fr;gap:var(--spacing-xs)}@media (min-width:600px){.payment-options-grid[data-v-2642f232]{grid-template-columns:1fr 1fr}.payment-options-grid .full-width[data-v-2642f232]{grid-column:span 2}}.form-group[data-v-2642f232]{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.form-label[data-v-2642f232]{font-size:var(--font-size-sm);font-weight:700;color:var(--color-primary-red);line-height:var(--line-height-body)}.form-input[data-v-2642f232],.form-select[data-v-2642f232],.form-textarea[data-v-2642f232]{width:100%;padding:var(--spacing-xxs) var(--spacing-xs);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--color-text-dark);background-color:var(--color-white);box-sizing:border-box;line-height:var(--line-height-body);min-height:var(--touch-target-min-size)}.form-textarea[data-v-2642f232]{min-height:80px}.form-input[data-v-2642f232]:focus,.form-select[data-v-2642f232]:focus,.form-textarea[data-v-2642f232]:focus{outline:none;border-color:var(--color-primary-cyan);box-shadow:0 0 0 1px var(--color-primary-cyan)}.original-price[data-v-2642f232]{display:block;font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--spacing-xxs);line-height:var(--line-height-body)}.checkbox-group[data-v-2642f232]{flex-direction:row;align-items:center}.checkbox-label[data-v-2642f232]{display:flex;align-items:center;gap:var(--spacing-xxs);font-size:var(--font-size-sm);color:var(--color-primary-red);line-height:var(--line-height-body)}.form-checkbox[data-v-2642f232]{min-width:var(--touch-target-min-size);min-height:var(--touch-target-min-size);margin:0}.purchase-complete[data-v-2642f232]{text-align:center;flex-grow:1;overflow-y:auto}.error-message[data-v-2642f232],.success-message[data-v-2642f232]{background-color:var(--color-background-light);padding:var(--spacing-lg);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);border:1px solid var(--color-border-medium);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.success-message span[data-v-2642f232]:first-child{font-size:var(--font-size-lg);color:var(--color-status-success)}.error-message span[data-v-2642f232]:first-child{font-size:var(--font-size-lg);color:var(--color-status-danger)}.purchase-result[data-v-2642f232]{text-align:left;max-width:400px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xxs)}.result-row[data-v-2642f232]{font-size:var(--font-size-sm);color:var(--color-text-dark);line-height:var(--line-height-body);padding:var(--spacing-xxs) 0;border-bottom:1px dashed var(--color-border-light);display:flex;justify-content:space-between}.result-row[data-v-2642f232]:last-child{border-bottom:none}.result-label[data-v-2642f232]{font-weight:700;white-space:nowrap;margin-right:var(--spacing-xxs)}.result-value[data-v-2642f232]{text-align:right;flex-grow:1}.debt-settlement-result[data-v-2642f232]{margin-top:var(--spacing-xs);padding:var(--spacing-xs);background-color:var(--color-background-card);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-medium)}.step-actions[data-v-2642f232]{display:flex;justify-content:center;margin-top:var(--spacing-sm);gap:var(--spacing-xs);flex-shrink:0}.btn-primary[data-v-2642f232],.btn-retry[data-v-2642f232],.btn-secondary[data-v-2642f232]{padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:all .2s ease;min-height:var(--touch-target-min-size);min-width:var(--touch-target-min-size);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid transparent}.btn-primary[data-v-2642f232]{background-color:var(--color-primary-cyan);color:var(--color-white);border-color:var(--color-primary-cyan)}.btn-primary[data-v-2642f232]:hover:not(:disabled){background-color:#38a79d;border-color:#38a79d;transform:translateY(-1px)}.btn-primary[data-v-2642f232]:active:not(:disabled){transform:translateY(0)}.btn-secondary[data-v-2642f232]{background-color:var(--color-border-medium);color:var(--color-text-dark);border-color:var(--color-border-medium)}.btn-secondary[data-v-2642f232]:hover:not(:disabled){background-color:var(--color-border-dark);border-color:var(--color-border-dark);color:var(--color-white);transform:translateY(-1px)}.btn-secondary[data-v-2642f232]:active:not(:disabled){transform:translateY(0)}.btn-yellow[data-v-2642f232]{background-color:var(--color-primary-yellow);color:var(--color-text-dark);border-color:var(--color-primary-yellow)}.btn-yellow[data-v-2642f232]:hover:not(:disabled){background-color:#d9b03d;border-color:#d9b03d;transform:translateY(-1px)}.btn-yellow[data-v-2642f232]:active:not(:disabled){transform:translateY(0)}.btn-retry[data-v-2642f232]{background-color:var(--color-primary-yellow);color:var(--color-text-dark);border-color:var(--color-primary-yellow)}.btn-retry[data-v-2642f232]:hover:not(:disabled){background-color:#d9b03d;border-color:#d9b03d;transform:translateY(-1px)}.btn-retry[data-v-2642f232]:active:not(:disabled){transform:translateY(0)}button[data-v-2642f232]:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.empty-state[data-v-2642f232],.error-state[data-v-2642f232],.loading-state[data-v-2642f232]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center;gap:var(--spacing-xs);background-color:var(--color-background-light);border-radius:var(--border-radius-sm);border:1px dashed var(--color-border-medium);margin-bottom:var(--spacing-sm);flex-grow:1}.loading-state .loading-spinner[data-v-2642f232]{font-size:var(--font-size-lg);color:var(--color-primary-yellow);animation:rotate-2642f232 1s linear infinite}@keyframes rotate-2642f232{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state[data-v-2642f232]{border-color:var(--color-primary-red)}.error-state span[data-v-2642f232]:first-child,.error-state[data-v-2642f232]{color:var(--color-primary-red)}.empty-state p[data-v-2642f232]{color:var(--color-text-light);line-height:var(--line-height-body)}@media (max-width:768px){.coach-purchase-package-container[data-v-2642f232]{padding:var(--spacing-xxs)}.page-title[data-v-2642f232]{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.purchase-steps[data-v-2642f232]{flex-wrap:wrap;gap:var(--spacing-xxs);padding-bottom:var(--spacing-xxs)}.step-item[data-v-2642f232]{flex:1 1 48%;font-size:var(--font-size-xs);padding:var(--spacing-xxs)}.step-number[data-v-2642f232]{font-size:var(--font-size-sm)}.step-content[data-v-2642f232]{padding:var(--spacing-xs)}.packages-grid[data-v-2642f232],.student-list-grid[data-v-2642f232]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-xs)}.package-card[data-v-2642f232],.student-card[data-v-2642f232]{padding:var(--spacing-xs);min-height:56px}.package-name[data-v-2642f232],.student-name[data-v-2642f232]{font-size:var(--font-size-sm)}.info-row[data-v-2642f232],.package-description[data-v-2642f232],.package-info[data-v-2642f232],.student-details[data-v-2642f232],.summary-text[data-v-2642f232]{font-size:var(--font-size-xs)}.price[data-v-2642f232]{font-size:var(--font-size-sm)}.debt-warning[data-v-2642f232]{font-size:var(--font-size-xs)}.confirmation-details-grid[data-v-2642f232],.payment-options-grid[data-v-2642f232]{grid-template-columns:1fr}.form-input[data-v-2642f232],.form-select[data-v-2642f232],.form-textarea[data-v-2642f232]{min-height:48px;font-size:var(--font-size-sm)}.checkbox-label[data-v-2642f232],.debt-settlement-note[data-v-2642f232],.original-price[data-v-2642f232]{font-size:var(--font-size-xs)}.purchase-result[data-v-2642f232]{max-width:100%}.result-row[data-v-2642f232]{font-size:var(--font-size-xs)}.step-actions[data-v-2642f232]{gap:var(--spacing-xs);flex-wrap:wrap}.btn-primary[data-v-2642f232],.btn-retry[data-v-2642f232],.btn-secondary[data-v-2642f232],.btn-yellow[data-v-2642f232]{flex:1 1 auto;min-width:unset;min-height:48px;font-size:var(--font-size-sm)}}@media (max-width:375px){.step-item[data-v-2642f232]{font-size:9px}.step-number[data-v-2642f232]{font-size:var(--font-size-xs)}.packages-grid[data-v-2642f232],.student-list-grid[data-v-2642f232]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.package-name[data-v-2642f232],.student-name[data-v-2642f232]{font-size:var(--font-size-xs)}.info-row[data-v-2642f232],.package-description[data-v-2642f232],.package-info[data-v-2642f232],.student-details[data-v-2642f232],.summary-text[data-v-2642f232]{font-size:9px}.price[data-v-2642f232]{font-size:var(--font-size-xs)}.debt-warning[data-v-2642f232]{font-size:9px}.form-input[data-v-2642f232],.form-select[data-v-2642f232],.form-textarea[data-v-2642f232]{font-size:var(--font-size-xs)}.checkbox-label[data-v-2642f232],.debt-settlement-note[data-v-2642f232],.original-price[data-v-2642f232]{font-size:8px}.result-row[data-v-2642f232]{font-size:9px}.btn-primary[data-v-2642f232],.btn-retry[data-v-2642f232],.btn-secondary[data-v-2642f232],.btn-yellow[data-v-2642f232]{font-size:var(--font-size-xs);min-height:40px}}.student-selector-input-wrapper[data-v-e727ad56]{display:flex;align-items:center;border:1px solid #ccc;border-radius:4px;padding:2px 8px;cursor:pointer}.selector-display-area[data-v-e727ad56]{flex-grow:1}.placeholder[data-v-e727ad56]{color:#888}.clear-button[data-v-e727ad56]{margin-left:auto}.pagination-container[data-v-5d73488a]{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.pagination-controls[data-v-5d73488a]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-5d73488a]{padding:3px 6px;border:1px solid #ddd;background-color:#fff;cursor:pointer;border-radius:4px}.pagination-btn[data-v-5d73488a]:disabled{cursor:not-allowed;opacity:.5}.page-numbers[data-v-5d73488a]{display:flex;gap:2px}.page-num-btn[data-v-5d73488a]{width:28px;height:28px;border:1px solid #ddd;background-color:#fff;cursor:pointer;border-radius:4px}.page-num-btn.active[data-v-5d73488a]{background-color:#1890ff;color:#fff;border-color:#1890ff}.page-size-selector[data-v-5d73488a]{display:flex;align-items:center;gap:4px}.page-size-selector select[data-v-5d73488a]{padding:6px;border:1px solid #ddd;border-radius:4px}.students-management-page[data-v-4edccef7]{padding:15px;max-width:1400px;margin:0 auto;background-color:#f4f6f8;min-height:100vh;padding-bottom:calc(20px + var(--app-footer-height))}.dashboard-toolbar[data-v-4edccef7]{background:#fff;border-radius:12px;padding:15px 20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:15px}.toolbar-header[data-v-4edccef7]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;border-bottom:1px solid #f0f0f0;padding-bottom:15px}.title-section[data-v-4edccef7]{display:flex;align-items:center;gap:10px}.title-section h1[data-v-4edccef7]{margin:0;font-size:1.5rem;color:#2c3e50;font-weight:700}.student-count-badge[data-v-4edccef7]{background-color:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:12px;font-size:.85rem;font-weight:600}.primary-actions[data-v-4edccef7]{display:flex;gap:12px;flex-wrap:wrap}.action-group[data-v-4edccef7]{display:flex;gap:8px}.toolbar-controls[data-v-4edccef7]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.search-sort-container[data-v-4edccef7]{display:flex;align-items:center;gap:10px;flex:1;min-width:280px;max-width:600px}.control-item[data-v-4edccef7]{position:relative;display:flex;align-items:center}.search-box[data-v-4edccef7]{flex:2}.sort-box[data-v-4edccef7]{flex:1;min-width:120px}.modern-input[data-v-4edccef7],.modern-select[data-v-4edccef7]{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:all .2s;background-color:#f9f9f9;height:42px;box-sizing:border-box}.search-box .modern-input[data-v-4edccef7]{padding-left:35px}.search-icon[data-v-4edccef7]{position:absolute;left:12px;color:#999;pointer-events:none}.clear-btn[data-v-4edccef7]{position:absolute;right:10px;background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer}.modern-input[data-v-4edccef7]:focus,.modern-select[data-v-4edccef7]:focus{border-color:#2196f3;background-color:#fff;box-shadow:0 0 0 3px rgba(33,150,243,.1);outline:none}.filter-toggles[data-v-4edccef7]{display:flex;gap:10px;align-items:center}.button-outline[data-v-4edccef7]{background:#fff;border:1px solid #dcdcdc;color:#555;height:42px;display:flex;align-items:center;gap:6px}.button-outline.active[data-v-4edccef7]{background-color:#e3f2fd;border-color:#2196f3;color:#1976d2}.button-text[data-v-4edccef7]{background:none;color:#666;padding:0 5px;height:42px;display:flex;align-items:center}.button-text[data-v-4edccef7]:hover{color:#2196f3;text-decoration:underline}.advanced-filters-panel[data-v-4edccef7]{background-color:#f8f9fa;border-radius:8px;padding:15px;margin-top:5px;border:1px solid #eee}.filter-grid[data-v-4edccef7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;align-items:end}.filter-item label[data-v-4edccef7]{display:block;font-size:.85rem;color:#666;margin-bottom:5px;font-weight:500}.full-width[data-v-4edccef7]{width:100%}.checkbox-item[data-v-4edccef7]{display:flex;align-items:center;gap:10px;padding-bottom:10px}.checkbox-item label[data-v-4edccef7]{margin-bottom:0;display:flex;align-items:center;gap:5px}.checkbox-item input[type=checkbox][data-v-4edccef7]{width:16px;height:16px}.modern-select.mini[data-v-4edccef7]{padding:4px 8px;height:30px;font-size:.85rem}.custom-button[data-v-4edccef7]{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .1s,box-shadow .2s;height:40px}.custom-button[data-v-4edccef7]:active{transform:translateY(1px)}.icon-only[data-v-4edccef7]{padding:0;width:40px}.button-primary[data-v-4edccef7]{background-color:#2196f3;color:#fff}.button-primary[data-v-4edccef7]:hover{background-color:#1976d2}.button-primary2[data-v-4edccef7]{background-color:#137f51;color:#fff}.button-primary2[data-v-4edccef7]:hover{background-color:#0e8352}.button-info[data-v-4edccef7]{background-color:#e9ecef;color:#495057}.button-info[data-v-4edccef7]:hover{background-color:#dee2e6}.button-warning[data-v-4edccef7]{background-color:#ff9800;color:#fff}.button-warning[data-v-4edccef7]:hover{background-color:#e68900}.button-success[data-v-4edccef7]{background-color:#4caf50;color:#fff}.button-success[data-v-4edccef7]:hover{background-color:#388e3c}.custom-button[data-v-4edccef7]:disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.notification-dot[data-v-4edccef7]{display:inline-block;width:8px;height:8px;background-color:red;border-radius:50%;position:absolute;top:5px;right:5px;border:1px solid #fff;box-shadow:0 0 2px rgba(0,0,0,.3)}.students-container[data-v-4edccef7]{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden;flex-grow:1;display:flex;flex-direction:column}.desktop-table-wrapper[data-v-4edccef7]{display:block}.students-table[data-v-4edccef7]{width:100%;border-collapse:collapse}.students-table td[data-v-4edccef7],.students-table th[data-v-4edccef7]{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.students-table th[data-v-4edccef7]{background-color:#f8f9fa;font-weight:600;color:#555}.students-table th.sortable[data-v-4edccef7]{cursor:pointer;position:relative}.sort-arrow[data-v-4edccef7]{display:inline-block;width:0;height:0;margin-left:5px;vertical-align:middle}.sort-arrow.asc[data-v-4edccef7]{border-bottom:5px solid #555}.sort-arrow.asc[data-v-4edccef7],.sort-arrow.desc[data-v-4edccef7]{border-left:5px solid transparent;border-right:5px solid transparent}.sort-arrow.desc[data-v-4edccef7]{border-top:5px solid #555}.inactive-row[data-v-4edccef7]{background-color:#f8f8f8;color:#888}.student-name-cell[data-v-4edccef7]{display:flex;align-items:center;gap:10px}.avatar[data-v-4edccef7]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.student-info[data-v-4edccef7]{display:flex;flex-direction:column}.subscription-info[data-v-4edccef7]{display:flex;flex-wrap:wrap;gap:5px;font-size:.8rem;margin-top:3px}.package-label[data-v-4edccef7]{padding:2px 6px;border-radius:4px;background-color:#e9ecef;color:#495057}.package-color-basic[data-v-4edccef7]{background-color:#bbdefb;color:#1565c0}.package-color-advanced[data-v-4edccef7]{background-color:#c8e6c9;color:#2e7d32}.package-color-private[data-v-4edccef7]{background-color:#f8bbd0;color:#c2185b}.package-color-trial[data-v-4edccef7]{background-color:#ffecb3;color:#ff8f00}.package-color-default[data-v-4edccef7]{background-color:#e0e0e0;color:#616161}.package-color-junior-45min[data-v-4edccef7]{background-color:var(--color-package-type-junior-45min)!important;color:var(--color-text-dark)}.package-color-junior-90min[data-v-4edccef7]{background-color:var(--color-package-type-junior-90min)!important;color:var(--color-text-dark)}.package-color-advanced-10sessions[data-v-4edccef7]{background-color:var(--color-package-type-advanced-10sessions)!important;color:var(--color-text-dark)}.package-color-advanced-large-pack[data-v-4edccef7]{background-color:var(--color-package-type-advanced-large-pack)!important;color:var(--color-text-dark)}.package-color-no-package[data-v-4edccef7]{background-color:var(--color-package-type-no-package)!important;color:var(--color-text-dark)}.package-label.package-color-junior-45min[data-v-4edccef7]{background-color:var(--color-package-type-junior-45min);color:var(--color-text-dark)}.package-label.package-color-junior-90min[data-v-4edccef7]{background-color:var(--color-package-type-junior-90min);color:var(--color-text-dark)}.package-label.package-color-advanced-10sessions[data-v-4edccef7]{background-color:var(--color-package-type-advanced-10sessions);color:var(--color-text-dark)}.package-label.package-color-advanced-large-pack[data-v-4edccef7]{background-color:var(--color-package-type-advanced-large-pack);color:var(--color-text-dark)}.package-label.package-color-no-package[data-v-4edccef7]{background-color:var(--color-package-type-no-package);color:var(--color-text-dark)}.sessions-badge[data-v-4edccef7]{padding:2px 6px;border-radius:4px;background-color:#e9ecef;color:#495057}.sessions-badge.low-sessions[data-v-4edccef7]{background-color:#ffecb3;color:#ff8f00}.sessions-badge.no-sessions[data-v-4edccef7]{background-color:#ffcdd2;color:#c62828}.expiring-soon-text[data-v-4edccef7]{color:var(--color-primary-red);font-weight:700;margin-left:5px;font-size:.75rem}.sessions-badge.expiring-soon[data-v-4edccef7]{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.skill-level-badge[data-v-4edccef7]{padding:4px 8px;border-radius:4px;font-size:.85rem;display:inline-block}.skill-beginner[data-v-4edccef7]{background-color:#bbdefb;color:#1565c0}.skill-intermediate[data-v-4edccef7]{background-color:#c8e6c9;color:#2e7d32}.skill-advanced[data-v-4edccef7]{background-color:#ffecb3;color:#ff8f00}.skill-professional[data-v-4edccef7]{background-color:#ffccbc;color:#d84315}.status-badge[data-v-4edccef7]{padding:4px 8px;border-radius:4px;font-size:.85rem;display:inline-block}.status-badge.active[data-v-4edccef7]{background-color:#c8e6c9;color:#2e7d32}.status-badge.inactive[data-v-4edccef7]{background-color:#ffcdd2;color:#c62828}.coach-badges[data-v-4edccef7]{display:flex;flex-wrap:wrap;gap:5px}.coach-list[data-v-4edccef7]{font-size:.9rem}.no-coach[data-v-4edccef7]{color:#999;font-style:italic;font-size:.9rem}.actions-cell[data-v-4edccef7]{white-space:nowrap}.actions-cell .custom-button[data-v-4edccef7]{margin-right:5px;padding:6px 10px;font-size:.85rem}.pagination-controls[data-v-4edccef7]{padding:15px}.empty-state[data-v-4edccef7],.loading-state[data-v-4edccef7]{padding:40px;text-align:center}.sessions-count-badge[data-v-4edccef7]{display:inline-block;padding:4px 8px;border-radius:12px;font-weight:700;text-align:center;min-width:30px}.last-session-old[data-v-4edccef7]{color:#ff4757;font-weight:700}.last-session-recent[data-v-4edccef7]{color:#2ed573}.last-session-moderate[data-v-4edccef7]{color:coral}.count-zero[data-v-4edccef7]{background-color:#f5f5f5;color:#999}.count-low[data-v-4edccef7]{background-color:#ffecb3;color:#ff8f00}.count-medium[data-v-4edccef7]{background-color:#c8e6c9;color:#2e7d32}.count-high[data-v-4edccef7]{background-color:#bbdefb;color:#1565c0}.refresh-button[data-v-4edccef7]{background:none;border:none;cursor:pointer;padding:0 5px;font-size:14px;color:#666}.refresh-button[data-v-4edccef7]:hover:not(:disabled){color:#333}.refresh-button[data-v-4edccef7]:disabled{opacity:.5;cursor:not-allowed}.session-period-select[data-v-4edccef7]{margin-left:8px;width:auto;min-width:90px}.fa-spin[data-v-4edccef7],.spinner[data-v-4edccef7]{animation:spin-4edccef7 1s linear infinite}.spinner[data-v-4edccef7]{border:4px solid rgba(0,0,0,.1);border-left-color:#2196f3;border-radius:50%;width:40px;height:40px;margin:0 auto 20px}@keyframes spin-4edccef7{to{transform:rotate(1turn)}}.empty-state h3[data-v-4edccef7]{margin-bottom:10px;color:#666}.empty-state p[data-v-4edccef7]{color:#999;margin-bottom:20px}.modal-overlay[data-v-4edccef7]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-4edccef7]{background-color:#fff;border-radius:8px;padding:0;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 5px 15px rgba(0,0,0,.3)}.status-change-confirm-modal[data-v-4edccef7]{max-width:450px}.modal-header[data-v-4edccef7]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.modal-header h3[data-v-4edccef7]{margin:0;font-size:1.2rem}.close-btn[data-v-4edccef7]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.modal-body[data-v-4edccef7]{padding:20px}.warning-text[data-v-4edccef7]{color:#f44336;font-style:italic}.modal-footer[data-v-4edccef7]{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #eee}.mobile-cards-wrapper[data-v-4edccef7]{display:none;flex-direction:column;gap:15px;padding:15px}.student-card[data-v-4edccef7]{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease}.student-card[data-v-4edccef7]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.student-card[data-v-4edccef7]:active{transform:translateY(0)}.card-header[data-v-4edccef7]{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #f5f5f5;background-color:#f8f8f8}.student-info-main[data-v-4edccef7]{display:flex;align-items:center;gap:10px}.student-name-status[data-v-4edccef7]{display:flex;flex-direction:column}.student-name[data-v-4edccef7]{font-weight:600;font-size:1.1rem;color:#333}.card-actions[data-v-4edccef7]{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.card-actions .custom-button[data-v-4edccef7]{padding:6px 10px;font-size:.8rem;min-width:unset;height:auto}.card-body[data-v-4edccef7]{padding:10px 15px;display:flex;flex-direction:column;gap:8px}.card-detail-row[data-v-4edccef7]{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#555}.detail-label[data-v-4edccef7]{font-weight:500;color:#333;min-width:50px}.desktop-hidden[data-v-4edccef7]{display:none}.loading-more-students[data-v-4edccef7],.no-more-students[data-v-4edccef7]{text-align:center;padding:20px;color:#666}.loading-more-students .spinner[data-v-4edccef7]{margin:10px auto;width:30px;height:30px;border-width:3px}@media (max-width:768px){.dashboard-toolbar[data-v-4edccef7]{padding:12px;gap:12px}.toolbar-header[data-v-4edccef7]{padding-bottom:10px;flex-direction:column;align-items:flex-start}.title-section[data-v-4edccef7]{width:100%;justify-content:center}.primary-actions[data-v-4edccef7]{width:100%;justify-content:space-between}.action-group[data-v-4edccef7]{flex:1}.action-group .custom-button[data-v-4edccef7]{flex:1;font-size:.9rem;padding:8px 10px;height:38px}.toolbar-controls[data-v-4edccef7]{flex-direction:column;align-items:stretch}.search-sort-container[data-v-4edccef7]{width:100%;max-width:none;order:1}.filter-toggles[data-v-4edccef7]{width:100%;justify-content:space-between;order:2}.filter-trigger[data-v-4edccef7]{flex:1;justify-content:center;height:38px}.search-box[data-v-4edccef7]{flex:1.5}.sort-box[data-v-4edccef7]{flex:1;min-width:100px}.modern-input[data-v-4edccef7],.modern-select[data-v-4edccef7]{height:38px;font-size:.9rem}.search-box .modern-input[data-v-4edccef7]{padding-left:30px}.search-icon[data-v-4edccef7]{left:10px;font-size:.9rem}.clear-btn[data-v-4edccef7]{font-size:1rem;right:8px}.advanced-filters-panel[data-v-4edccef7]{padding:10px}.filter-grid[data-v-4edccef7]{grid-template-columns:1fr}.desktop-table-wrapper[data-v-4edccef7]{display:none}.mobile-cards-wrapper[data-v-4edccef7]{display:flex}.mobile-cards-wrapper .btn-view[data-v-4edccef7],.pagination-controls[data-v-4edccef7]{display:none}}@media (max-width:480px){.student-name[data-v-4edccef7]{font-size:1rem}.card-actions .custom-button[data-v-4edccef7]{padding:4px 8px;font-size:.85rem}.detail-label[data-v-4edccef7]{min-width:40px}.card-detail-row[data-v-4edccef7]{font-size:.85rem}.card-actions[data-v-4edccef7]{flex-wrap:wrap;gap:4px}}.student-course-analytics-container[data-v-058541de]{padding:20px;max-width:1200px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.page-header[data-v-058541de]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1[data-v-058541de]{color:#343a40;font-size:2em;margin:0}.action-buttons[data-v-058541de]{display:flex;gap:10px}.custom-button[data-v-058541de]{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .2s ease,transform .2s ease;box-shadow:0 2px 5px rgba(0,0,0,.1)}.button-primary[data-v-058541de]{background-color:#007bff;color:#fff}.button-primary[data-v-058541de]:hover{background-color:#0056b3;transform:translateY(-1px)}.button-info[data-v-058541de]{background-color:#17a2b8;color:#fff}.button-info[data-v-058541de]:hover{background-color:#138496;transform:translateY(-1px)}.button-warning[data-v-058541de]{background-color:#ffc107;color:#212529}.button-warning[data-v-058541de]:hover{background-color:#e0a800;transform:translateY(-1px)}.button-success[data-v-058541de]{background-color:#28a745;color:#fff}.button-success[data-v-058541de]:hover{background-color:#218838;transform:translateY(-1px)}.button-secondary[data-v-058541de]{background-color:#6c757d;color:#fff}.button-secondary[data-v-058541de]:hover{background-color:#5a6268;transform:translateY(-1px)}.filters-bar[data-v-058541de]{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);align-items:center}.filter-group[data-v-058541de]{display:flex;align-items:center;gap:10px}.filter-group label[data-v-058541de]{font-weight:700;color:#495057;white-space:nowrap}.filters-bar input[type=radio][data-v-058541de]{margin-left:10px;cursor:pointer}.filters-bar input[type=date][data-v-058541de],.filters-bar select[data-v-058541de]{padding:10px 12px;border:1px solid #ced4da;border-radius:5px;font-size:15px;color:#495057;transition:border-color .2s ease,box-shadow .2s ease}.filters-bar input[type=date][data-v-058541de]:focus,.filters-bar select[data-v-058541de]:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.error-message[data-v-058541de],.loading-state[data-v-058541de]{text-align:center;padding:30px;font-size:1.1em;color:#6c757d;background-color:#e9ecef;border-radius:8px;margin-top:20px}.spinner[data-v-058541de]{border:4px solid rgba(0,0,0,.1);border-left-color:#007bff;border-radius:50%;width:40px;height:40px;animation:spin-058541de 1s linear infinite;margin:0 auto 15px}@keyframes spin-058541de{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message[data-v-058541de]{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb}.desktop-table-wrapper[data-v-058541de]{overflow-x:auto}.students-table[data-v-058541de]{width:100%;border-collapse:collapse;margin-top:20px;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:8px;overflow:hidden;min-width:700px}.students-table td[data-v-058541de],.students-table th[data-v-058541de]{padding:15px 18px;border-bottom:1px solid #e9ecef;text-align:left}.students-table th[data-v-058541de]{background-color:#f2f2f2;font-weight:700;color:#343a40;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.students-table th.sortable[data-v-058541de]:hover{background-color:#e0e0e0}.students-table th .sort-arrow[data-v-058541de]{display:inline-block;width:0;height:0;margin-left:8px;vertical-align:middle;border-left:5px solid transparent;border-right:5px solid transparent}.students-table th .sort-arrow.asc[data-v-058541de]{border-bottom:5px solid #343a40}.students-table th .sort-arrow.desc[data-v-058541de]{border-top:5px solid #343a40}.students-table .no-data[data-v-058541de]{text-align:center;padding:30px;color:#888;font-style:italic}.students-table td button[data-v-058541de]{padding:8px 15px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .2s ease,transform .2s ease}.students-table td button[data-v-058541de]:hover{background-color:#218838;transform:translateY(-1px)}.modal-overlay[data-v-058541de]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-058541de]{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 8px 25px rgba(0,0,0,.3);max-width:900px;max-height:90vh;overflow-y:auto;position:relative;animation:fadeIn-058541de .3s ease-out}@keyframes fadeIn-058541de{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header[data-v-058541de]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px}.modal-header h3[data-v-058541de]{margin:0;color:#343a40;font-size:1.8em}.modal-header .close-btn[data-v-058541de]{background:none;border:none;font-size:1.8em;cursor:pointer;color:#6c757d}.modal-header .close-btn[data-v-058541de]:hover{color:#343a40}.modal-body[data-v-058541de]{padding-bottom:20px}.modal-footer[data-v-058541de]{border-top:1px solid #eee;padding-top:15px;text-align:right}.detail-modal-content p[data-v-058541de]{margin-bottom:10px;line-height:1.6;color:#495057}.detail-modal-content h4[data-v-058541de]{margin-top:25px;margin-bottom:15px;color:#007bff;font-size:1.3em}.detail-modal-content ul[data-v-058541de]{list-style-type:none;padding-left:0;margin-bottom:15px}.detail-modal-content ul li[data-v-058541de]{margin-bottom:10px;padding-bottom:5px;border-bottom:1px dotted #e9ecef;color:#555}.detail-modal-content ul ul[data-v-058541de]{margin-top:8px;padding-left:25px;list-style-type:disc}@media (max-width:992px){.filter-options[data-v-058541de],.filters-bar[data-v-058541de]{flex-direction:column;align-items:stretch}.filter-group[data-v-058541de]{flex-direction:column;align-items:flex-start}.filters-bar input[type=date][data-v-058541de],.filters-bar select[data-v-058541de]{width:100%}.desktop-table-wrapper[data-v-058541de]{overflow-x:auto}.modal-container[data-v-058541de]{padding:20px;margin:10px;max-width:calc(100% - 20px)}}@media (max-width:576px){.page-header h1[data-v-058541de]{font-size:1.8em}.custom-button[data-v-058541de]{font-size:14px;padding:8px 15px}}.student-financials[data-v-54b149a6]{width:100%;font-family:var(--font-sans)}.empty-state[data-v-54b149a6],.error-state[data-v-54b149a6],.loading-state[data-v-54b149a6]{text-align:center;padding:var(--spacing-xs);color:var(--color-text-dark)}.section[data-v-54b149a6]{background-color:var(--color-white);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs);border:1px solid var(--color-border-light)}.overview-section[data-v-54b149a6]{border-top:3px solid var(--color-primary-cyan)}.active-section[data-v-54b149a6]{border-top:3px solid var(--color-primary-yellow)}.history-section[data-v-54b149a6]{border-top:3px solid var(--color-primary-red)}.usage-section[data-v-54b149a6]{border-top:3px solid var(--color-primary-blue)}.section-title[data-v-54b149a6]{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-heading)}.stats-grid[data-v-54b149a6]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xxs)}@media (max-width:768px){.stats-grid[data-v-54b149a6]{grid-template-columns:repeat(2,1fr)}}.stat-box[data-v-54b149a6]{text-align:center;padding:var(--spacing-xs);border-radius:var(--border-radius-sm)}.active-box[data-v-54b149a6]{background-color:var(--color-primary-cyan);color:var(--color-white)}.remaining-box[data-v-54b149a6]{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.expiry-box[data-v-54b149a6]{background-color:var(--color-primary-blue);color:var(--color-white)}.spent-box[data-v-54b149a6]{background-color:var(--color-primary-red);color:var(--color-white)}.stat-value[data-v-54b149a6]{font-size:var(--font-size-md);font-weight:700;margin-bottom:var(--spacing-xxs);line-height:var(--line-height-heading)}.stat-label[data-v-54b149a6]{font-size:var(--font-size-xs);line-height:var(--line-height-body)}.debt-alert[data-v-54b149a6]{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-primary-yellow);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);margin-top:var(--spacing-xs)}.alert-content[data-v-54b149a6]{flex:1}.alert-content h4[data-v-54b149a6]{margin:0;font-size:var(--font-size-sm);font-weight:600}.alert-content p[data-v-54b149a6]{margin:var(--spacing-xxs) 0 0 0;font-size:var(--font-size-xs)}.alert-actions[data-v-54b149a6]{display:flex;gap:var(--spacing-xxs)}.subscription-cards[data-v-54b149a6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-xs)}.subscription-card[data-v-54b149a6]{background-color:var(--color-white);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light);overflow:hidden;transition:transform .2s ease}.subscription-card[data-v-54b149a6]:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.subscription-header[data-v-54b149a6]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-xs);background-color:var(--color-background-light);border-bottom:1px solid var(--color-border-light)}.subscription-header h3[data-v-54b149a6]{margin:0;font-size:var(--font-size-sm);font-weight:600;line-height:var(--line-height-heading)}.subscription-status[data-v-54b149a6]{font-size:var(--font-size-xxs);padding:var(--spacing-xxs) var(--spacing-xxs);border-radius:var(--border-radius-xs);background-color:var(--color-primary-cyan);color:var(--color-white)}.subscription-status.status-warning[data-v-54b149a6]{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.subscription-status.status-danger[data-v-54b149a6]{background-color:var(--color-primary-red);color:var(--color-white)}.subscription-body[data-v-54b149a6]{padding:var(--spacing-xs)}.info-grid[data-v-54b149a6]{display:grid;grid-template-columns:1fr;gap:var(--spacing-xxs)}.info-item[data-v-54b149a6]{line-height:var(--line-height-body)}.info-label[data-v-54b149a6]{font-size:var(--font-size-xxs);color:var(--color-text-dark);opacity:.7;margin-bottom:var(--spacing-xxs)}.info-value[data-v-54b149a6]{font-size:var(--font-size-xs);font-weight:500}.payment-value[data-v-54b149a6]{color:var(--color-primary-red);font-weight:700}.expiring-soon[data-v-54b149a6]{color:var(--color-primary-yellow)}.expiry-warning[data-v-54b149a6]{font-size:var(--font-size-xxs);color:var(--color-primary-red);font-weight:700}.sessions-bar[data-v-54b149a6]{height:4px;background-color:var(--color-border-light);border-radius:var(--border-radius-xs);overflow:hidden;margin-bottom:var(--spacing-xxs)}.sessions-used[data-v-54b149a6]{height:100%;background-color:var(--color-primary-yellow)}.sessions-used.almost-full[data-v-54b149a6]{background-color:var(--color-primary-red)}.sessions-text[data-v-54b149a6]{font-size:var(--font-size-xxs)}.card-actions[data-v-54b149a6]{display:flex;justify-content:flex-end;gap:var(--spacing-xxs);padding:var(--spacing-xxs) var(--spacing-xs);border-top:1px solid var(--color-border-light)}.table-container[data-v-54b149a6]{overflow-x:auto;margin-bottom:var(--spacing-xs)}.data-table[data-v-54b149a6]{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}.data-table td[data-v-54b149a6],.data-table th[data-v-54b149a6]{padding:var(--spacing-xxs) var(--spacing-xs);text-align:left;border-bottom:1px solid var(--color-border-light)}.data-table th[data-v-54b149a6]{font-weight:600;background-color:var(--color-background-light)}.debt-table th[data-v-54b149a6]{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.usage-table th[data-v-54b149a6]{background-color:var(--color-primary-blue);color:var(--color-white)}.debt-amount[data-v-54b149a6],.payment-cell[data-v-54b149a6]{color:var(--color-primary-red);font-weight:700}.sessions-cell[data-v-54b149a6]{color:var(--color-primary-blue);font-weight:700}.package-tag[data-v-54b149a6]{display:inline-block;padding:var(--spacing-xxs) var(--spacing-xxs);background-color:var(--color-primary-cyan-light);color:var(--color-primary-cyan);border-radius:var(--border-radius-xs);font-size:var(--font-size-xxs)}.row-success[data-v-54b149a6]{background-color:rgba(78,205,196,.1)}.row-warning[data-v-54b149a6]{background-color:rgba(255,209,102,.1)}.row-danger[data-v-54b149a6]{background-color:hsla(0,100%,71%,.1)}.history-row[data-v-54b149a6]:hover{background-color:var(--color-background-light)}.debt-row[data-v-54b149a6]{background-color:hsla(0,100%,71%,.05)}.attendance-badge[data-v-54b149a6],.status-badge[data-v-54b149a6]{display:inline-block;padding:var(--spacing-xxs) var(--spacing-xxs);border-radius:var(--border-radius-xs);font-size:var(--font-size-xxs)}.attendance-badge.status-success[data-v-54b149a6],.status-badge.status-success[data-v-54b149a6]{background-color:var(--color-primary-cyan);color:var(--color-white)}.attendance-badge.status-warning[data-v-54b149a6],.status-badge.status-warning[data-v-54b149a6]{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.attendance-badge.status-danger[data-v-54b149a6],.status-badge.status-danger[data-v-54b149a6]{background-color:var(--color-primary-red);color:var(--color-white)}.attendance-badge.status-primary[data-v-54b149a6],.status-badge.status-primary[data-v-54b149a6]{background-color:var(--color-primary-blue);color:var(--color-white)}.pagination[data-v-54b149a6]{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.page-info[data-v-54b149a6]{font-size:var(--font-size-xs);color:var(--color-primary-blue);font-weight:700}.btn[data-v-54b149a6]{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-xmin-size);min-width:var(--touch-target-xmin-size);padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--border-radius-xs);font-size:var(--font-size-xs);border:none;cursor:pointer;background-color:var(--color-border-light);color:var(--color-text-dark)}.btn-primary[data-v-54b149a6]{background-color:var(--color-primary-cyan);color:var(--color-white)}.btn-warning[data-v-54b149a6]{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.btn-danger[data-v-54b149a6]{background-color:var(--color-primary-red);color:var(--color-white)}.btn-view[data-v-54b149a6]{background-color:var(--color-primary-blue);color:var(--color-white)}.btn-cancel[data-v-54b149a6]{background-color:var(--color-border-light)}.btn-page[data-v-54b149a6]{background-color:var(--color-primary-blue);color:var(--color-white)}.btn-sm[data-v-54b149a6]{font-size:var(--font-size-xs);padding:var(--spacing-xxs) var(--spacing-xs)}.btn-xs[data-v-54b149a6]{font-size:var(--font-size-xxs);padding:var(--spacing-xxs) var(--spacing-xxs)}.btn[data-v-54b149a6]:disabled{opacity:.6;cursor:not-allowed}.btn[data-v-54b149a6]:hover:not(:disabled){opacity:.9}.modal-overlay[data-v-54b149a6]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-54b149a6]{background-color:var(--color-white);border-radius:var(--border-radius-sm);width:90%;max-width:400px;max-height:90vh;overflow-y:auto}.debt-modal[data-v-54b149a6]{border-top:4px solid var(--color-primary-red)}.modal-header[data-v-54b149a6]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);border-bottom:1px solid var(--color-border-light);background-color:var(--color-background-light)}.modal-header h3[data-v-54b149a6]{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-primary-blue)}.btn-close[data-v-54b149a6]{background:none;border:none;font-size:var(--font-size-md);cursor:pointer;padding:0;min-width:var(--touch-target-min-size);min-height:var(--touch-target-min-size);display:flex;align-items:center;justify-content:center;color:var(--color-primary-red)}.modal-body[data-v-54b149a6]{padding:var(--spacing-xs)}.form-group[data-v-54b149a6]{margin-bottom:var(--spacing-xs)}.form-group label[data-v-54b149a6]{display:block;margin-bottom:var(--spacing-xxs);font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary-blue)}.required[data-v-54b149a6]{color:var(--color-primary-red)}.form-control[data-v-54b149a6]{width:100%;padding:var(--spacing-xs);border:1px solid var(--color-border-light);border-radius:var(--border-radius-xs);font-size:var(--font-size-xs);box-sizing:border-box}.form-control[data-v-54b149a6]:focus{border-color:var(--color-primary-cyan);outline:none}.payment-input[data-v-54b149a6]{color:var(--color-primary-red);font-weight:700}textarea.form-control[data-v-54b149a6]{resize:vertical;min-height:60px}.form-actions[data-v-54b149a6]{display:flex;justify-content:flex-end;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.debt-summary[data-v-54b149a6]{margin-bottom:var(--spacing-xs);padding:var(--spacing-xs);background-color:hsla(0,100%,71%,.1);border-radius:var(--border-radius-sm)}.debt-total[data-v-54b149a6]{font-size:var(--font-size-sm);color:var(--color-primary-red);margin:0}.debt-records h4[data-v-54b149a6]{font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs) 0;color:var(--color-primary-red)}.modal-overlay[data-v-515985b2]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay-backdrop-solid);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn-515985b2 .3s ease-out}.modal-content[data-v-515985b2]{background-color:var(--color-white);border-radius:var(--border-radius-lg);width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;animation:slideInFromBottom-515985b2 .3s ease-out forwards}.modal-header[data-v-515985b2]{position:sticky;top:0;background-color:var(--color-white);border-bottom:1px solid var(--color-border);padding:20px;z-index:10;border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg)}.modal-title[data-v-515985b2]{margin-top:0;margin-bottom:5px;color:var(--color-heading);text-align:center;font-size:var(--font-size-lg);font-weight:600}.close-btn[data-v-515985b2]{position:absolute;top:15px;right:15px;background:none;border:none;padding:8px;cursor:pointer;border-radius:var(--border-radius-full);transition:background-color var(--transition-fast)}.close-btn[data-v-515985b2]:hover{background-color:var(--color-background-hover)}.icon-x[data-v-515985b2]{width:20px;height:20px;color:var(--color-text-light)}.trick-name-display[data-v-515985b2]{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-light)}.trick-name-display .font-medium[data-v-515985b2]{font-weight:500;color:var(--color-primary-blue2)}.form-sections[data-v-515985b2]{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.form-group-section[data-v-515985b2]{display:flex;flex-direction:column;gap:8px}.form-section-label[data-v-515985b2]{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-medium)}.icon-wrapper[data-v-515985b2]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--color-background-mute);border-radius:var(--border-radius-full);font-size:var(--font-size-base);color:var(--color-primary-blue2)}.student-info-display[data-v-515985b2]{background-color:var(--color-background-input);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:12px 16px;color:var(--color-gray-dark);cursor:not-allowed;font-size:var(--font-size-sm)}.priority-options-grid[data-v-515985b2]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm)}.priority-option-btn[data-v-515985b2]{position:relative;padding:12px;border-radius:var(--border-radius-sm);border:2px solid var(--color-border);transition:all var(--transition-fast) ease-in-out;text-align:center;background-color:var(--color-background-card);cursor:pointer;color:var(--color-text-medium)}.priority-option-btn[data-v-515985b2]:hover{border-color:var(--color-border-dark)}.priority-option-btn.is-selected[data-v-515985b2]{border-color:var(--selected-border,var(--color-primary-blue2));background-color:var(--selected-bg,var(--color-primary-blue-light));color:var(--selected-color,var(--color-primary-blue2))}.priority-value[data-v-515985b2]{font-size:var(--font-size-md);font-weight:700}.priority-label[data-v-515985b2]{font-size:var(--font-size-xs);margin-top:4px}.selected-indicator[data-v-515985b2]{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background-color:var(--color-primary-blue2);border-radius:var(--border-radius-full);box-shadow:var(--shadow-sm)}.interval-presets-grid[data-v-515985b2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.interval-preset-btn[data-v-515985b2]{padding:10px 12px;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast) ease-in-out;background-color:var(--color-background-card);color:var(--color-text-medium);border:1px solid var(--color-border);cursor:pointer}.interval-preset-btn[data-v-515985b2]:hover{background-color:var(--color-background-hover);border-color:var(--color-border-dark)}.interval-preset-btn.is-selected[data-v-515985b2]{background-color:var(--color-primary-blue2);color:var(--color-white);box-shadow:var(--shadow-md);border-color:var(--color-primary-blue2)}.interval-preset-btn[data-v-515985b2]:active{transform:scale(.95)}.custom-interval-adjuster[data-v-515985b2]{background-color:var(--color-background-mute);border-radius:var(--border-radius-sm);padding:var(--spacing-lg);border:1px solid var(--color-border-light)}.custom-interval-header[data-v-515985b2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.custom-interval-text[data-v-515985b2]{font-size:var(--font-size-sm);color:var(--color-text-medium)}.current-interval-display[data-v-515985b2]{display:flex;align-items:baseline;background-color:var(--color-white);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border)}.current-interval-value[data-v-515985b2]{font-size:var(--font-size-md);font-weight:700;color:var(--color-primary-blue2)}.current-interval-unit[data-v-515985b2]{font-size:var(--font-size-sm);color:var(--color-text-medium);margin-left:4px}.interval-control-row[data-v-515985b2]{display:flex;align-items:center;gap:var(--spacing-lg)}.interval-stepper-btn[data-v-515985b2]{flex-shrink:0;width:48px;height:48px;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast) ease-in-out;color:var(--color-text-dark)}.interval-stepper-btn[data-v-515985b2]:disabled{opacity:.5;cursor:not-allowed}.interval-stepper-btn[data-v-515985b2]:not(:disabled):hover{background-color:var(--color-background-hover)}.interval-stepper-btn[data-v-515985b2]:not(:disabled):active{transform:scale(.95)}.slider-wrapper[data-v-515985b2]{flex:1;position:relative}.practice-interval-slider[data-v-515985b2]{width:100%;height:8px;background:var(--color-border);border-radius:var(--border-radius-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}.practice-interval-slider[data-v-515985b2]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:24px;width:24px;border-radius:var(--border-radius-full);background:var(--color-primary-blue2);border:2px solid var(--color-white);box-shadow:var(--shadow-md);cursor:grab;-webkit-transition:background-color var(--transition-fast),box-shadow var(--transition-fast);transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.practice-interval-slider[data-v-515985b2]::-moz-range-thumb{height:24px;width:24px;border-radius:var(--border-radius-full);background:var(--color-primary-blue2);border:2px solid var(--color-white);box-shadow:var(--shadow-md);cursor:grab;-moz-transition:background-color var(--transition-fast),box-shadow var(--transition-fast);transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.practice-interval-slider[data-v-515985b2]::-moz-range-thumb:active,.practice-interval-slider[data-v-515985b2]::-webkit-slider-thumb:active{cursor:grabbing}.slider-min-max-labels[data-v-515985b2]{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-gray-dark);margin-top:var(--spacing-sm)}.form-input[data-v-515985b2],.form-select[data-v-515985b2],.form-textarea[data-v-515985b2]{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);transition:all var(--transition-fast) ease-in-out}.form-input[data-v-515985b2]:focus,.form-select[data-v-515985b2]:focus,.form-textarea[data-v-515985b2]:focus{outline:none;border-color:var(--color-primary-blue2);box-shadow:0 0 0 3px rgba(var(--color-primary-blue2-rgb),.2)}.form-textarea[data-v-515985b2]{resize:vertical;min-height:90px}.disabled-input[data-v-515985b2]{background-color:var(--color-background-input);color:var(--color-gray-dark);cursor:not-allowed}.date-inputs-grid[data-v-515985b2]{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width:640px){.date-inputs-grid[data-v-515985b2]{grid-template-columns:1fr 1fr}}.modal-footer[data-v-515985b2]{position:sticky;bottom:0;background-color:var(--color-white);border-top:1px solid var(--color-border);padding:var(--spacing-lg) 20px;display:flex;gap:var(--spacing-md);z-index:10;border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.action-btn[data-v-515985b2]{flex:1;padding:12px 16px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-base);font-weight:500;transition:all var(--transition-fast) ease-in-out;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.cancel-action-btn[data-v-515985b2]{background-color:var(--color-white);border:1px solid var(--color-border);color:var(--color-text-medium)}.cancel-action-btn[data-v-515985b2]:hover{background-color:var(--color-background-hover)}.submit-action-btn[data-v-515985b2]{background-color:var(--color-primary-blue2);color:var(--color-white);border:1px solid var(--color-primary-blue2)}.submit-action-btn[data-v-515985b2]:hover{background-color:var(--color-primary-blue);border-color:var(--color-primary-blue)}@keyframes fadeIn-515985b2{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom-515985b2{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay[data-v-f8406300]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(2px)}.modal-container[data-v-f8406300]{background-color:var(--color-white);border-radius:var(--border-radius-sm);width:480px;max-width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.12);border-top:4px solid var(--color-primary-blue)}.modal-header[data-v-f8406300]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-light);background-color:var(--color-background-light)}.modal-header h2[data-v-f8406300]{font-size:var(--font-size-md);margin:0;color:var(--color-text-dark);font-weight:600;line-height:var(--line-height-heading);max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.close-btn[data-v-f8406300]{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--color-border-dark);height:24px;width:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);transition:all .2s ease;padding:0;line-height:1}.close-btn[data-v-f8406300]:hover{background-color:var(--color-border-light);color:var(--color-text-dark)}.modal-body[data-v-f8406300]{padding:var(--spacing-sm) var(--spacing-md)}.modal-body.loading[data-v-f8406300]{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner[data-v-f8406300]{width:32px;height:32px;border:2px solid rgba(97,148,248,.3);border-radius:50%;border-top-color:var(--color-primary-blue);animation:spin-f8406300 .8s linear infinite;margin-bottom:var(--spacing-sm)}@keyframes spin-f8406300{to{transform:rotate(1turn)}}.skill-status-card[data-v-f8406300]{border-radius:var(--border-radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);position:relative;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;min-height:60px}.status-badge[data-v-f8406300]{padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:600;text-align:center;display:inline-block;box-shadow:0 1px 4px rgba(0,0,0,.1);min-width:90px}.update-form[data-v-f8406300]{background-color:var(--color-background-light);padding:var(--spacing-sm);border-radius:var(--border-radius-sm)}.form-group[data-v-f8406300]{margin-bottom:var(--spacing-sm)}.form-group label[data-v-f8406300]{display:block;margin-bottom:var(--spacing-xxs);font-weight:500;font-size:var(--font-size-xs);color:var(--color-text-dark)}.proficiency-group[data-v-f8406300]{position:relative;padding-bottom:var(--spacing-md)}.proficiency-header[data-v-f8406300]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.proficiency-value[data-v-f8406300]{font-size:var(--font-size-sm);font-weight:600;transition:color .3s}.proficiency-slider-container[data-v-f8406300]{position:relative;margin-bottom:var(--spacing-xs)}.proficiency-slider[data-v-f8406300]{width:100%;height:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;position:relative;z-index:2;outline:none}.proficiency-slider[data-v-f8406300]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-white);border:2px solid var(--color-primary-blue);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2)}.proficiency-slider[data-v-f8406300]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-white);border:2px solid var(--color-primary-blue);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2)}.proficiency-gradient[data-v-f8406300]{position:absolute;top:4px;left:0;right:0;height:6px;border-radius:var(--border-radius-xs);z-index:1;background:linear-gradient(90deg,#d9d9d9 0,#91d5ff 20%,#40a9ff 40%,#ffd666 50%,#ffa940 70%,#ff7a45 80%,#52c41a)}.progress-markers[data-v-f8406300]{display:flex;justify-content:space-between;margin-top:var(--spacing-xxs);padding:0 var(--spacing-xxs);position:absolute;bottom:0;left:0;right:0;font-size:var(--font-size-xxs);color:var(--color-border-dark)}.progress-marker[data-v-f8406300]{position:relative;text-align:center;flex:1}.progress-marker[data-v-f8406300]:before{content:"";position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:1px;height:4px;background-color:var(--color-border-medium)}.progress-marker[data-v-f8406300]:first-child{text-align:left}.progress-marker[data-v-f8406300]:first-child:before{left:0;transform:none}.progress-marker[data-v-f8406300]:last-child{text-align:right}.progress-marker[data-v-f8406300]:last-child:before{left:auto;right:0;transform:none}textarea[data-v-f8406300]{width:100%;padding:var(--spacing-xs);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);font-family:inherit;font-size:var(--font-size-xs);color:var(--color-text-dark);background-color:var(--color-white);transition:border-color .2s ease;resize:vertical;min-height:70px}textarea[data-v-f8406300]:focus{outline:none;border-color:var(--color-primary-blue);box-shadow:0 0 0 2px rgba(97,148,248,.1)}.form-actions[data-v-f8406300]{display:flex;justify-content:flex-end;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.btn[data-v-f8406300]{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);font-weight:500;cursor:pointer;border:none;outline:none;font-size:var(--font-size-xs);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:80px;min-height:var(--touch-target-min-size)}.btn.primary[data-v-f8406300]{background-color:var(--color-primary-blue);color:var(--color-white)}.btn.primary[data-v-f8406300]:hover{background-color:#4c7be5}.btn.primary[data-v-f8406300]:disabled{background-color:var(--color-border-light);color:var(--color-border-medium);cursor:not-allowed}.btn.secondary[data-v-f8406300]{background-color:var(--color-white);color:var(--color-text-dark);border:1px solid var(--color-border-light)}.btn.secondary[data-v-f8406300]:hover{background-color:var(--color-background-light)}.status-not-started[data-v-f8406300]{background-color:#fafafa;border-left:4px solid #d9d9d9}.status-not-started .status-badge[data-v-f8406300]{background-color:#f0f0f0;color:#666}.status-learning[data-v-f8406300]{background-color:#e6f7ff;border-left:4px solid #1890ff}.status-learning .status-badge[data-v-f8406300]{background-color:#1890ff;color:#fff}.status-practicing[data-v-f8406300]{background-color:#fff7e6;border-left:4px solid #fa8c16}.status-practicing .status-badge[data-v-f8406300]{background-color:#fa8c16;color:#fff}.status-advancing[data-v-f8406300]{background-color:#fff0f6;border-left:4px solid #eb2f96}.status-advancing .status-badge[data-v-f8406300]{background-color:#eb2f96;color:#fff}.status-refining[data-v-f8406300]{background-color:#f9f0ff;border-left:4px solid #722ed1}.status-refining .status-badge[data-v-f8406300]{background-color:#722ed1;color:#fff}.status-mastered[data-v-f8406300]{background-color:#f6ffed;border-left:4px solid #52c41a}.status-mastered .status-badge[data-v-f8406300]{background-color:#52c41a;color:#fff}@media (max-width:640px){.modal-container[data-v-f8406300]{width:100%;max-width:100%;max-height:100vh;border-radius:0;display:flex;flex-direction:column}.modal-body[data-v-f8406300]{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.modal-header h2[data-v-f8406300]{font-size:var(--font-size-sm)}.form-actions[data-v-f8406300]{padding:var(--spacing-xs);background-color:var(--color-background-light);position:sticky;bottom:0;margin-bottom:0;border-top:1px solid var(--color-border-light)}.btn[data-v-f8406300]{flex:1}}.base-modal-backdrop[data-v-4a24393a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000}.base-modal-content[data-v-4a24393a]{background:#fff;padding:5px;border-radius:4px;box-shadow:0 5px 15px rgba(0,0,0,.3);width:90%;overflow:hidden;display:flex;flex-direction:column}.base-modal-header[data-v-4a24393a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.base-modal-title[data-v-4a24393a]{margin:0;font-size:1.25rem;color:#333}.base-modal-close-btn[data-v-4a24393a]{background:none;border:none;font-size:2rem;cursor:pointer;color:#666;line-height:1;padding:0;margin-left:15px}.base-modal-close-btn[data-v-4a24393a]:hover{color:#333}.base-modal-body[data-v-4a24393a]{flex-grow:1;overflow-y:auto;padding-right:5px}.base-modal-body[data-v-4a24393a]::-webkit-scrollbar{width:8px}.base-modal-body[data-v-4a24393a]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.base-modal-body[data-v-4a24393a]::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.base-modal-body[data-v-4a24393a]::-webkit-scrollbar-thumb:hover{background:#555}.modal-fade-enter-active[data-v-4a24393a],.modal-fade-leave-active[data-v-4a24393a]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-4a24393a],.modal-fade-leave-to[data-v-4a24393a]{opacity:0}.topic-progress-modal-content[data-v-1e331fb1]{padding:20px;max-height:70vh;overflow-y:auto}.progress-list[data-v-1e331fb1]{display:grid;gap:15px}.progress-item[data-v-1e331fb1]{background-color:var(--color-background-soft);border-radius:8px;padding:15px;box-shadow:var(--shadow-sm)}.item-header[data-v-1e331fb1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.item-title[data-v-1e331fb1]{margin:0;color:var(--color-heading)}.item-progress[data-v-1e331fb1]{font-weight:700;color:var(--color-primary)}.progress-bar[data-v-1e331fb1]{background-color:var(--color-border);height:8px;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill[data-v-1e331fb1]{height:100%;background-color:var(--color-success);transition:width .3s ease}.item-details p[data-v-1e331fb1]{margin:5px 0;font-size:.9em;color:var(--color-text-light)}.item-actions[data-v-1e331fb1]{margin-top:10px;display:flex;gap:10px}.empty-state[data-v-1e331fb1]{text-align:center;padding:20px;color:var(--color-text-light)}.form-group[data-v-1e331fb1]{margin-bottom:15px}.form-group label[data-v-1e331fb1]{display:block;margin-bottom:5px;font-weight:700}.form-group textarea[data-v-1e331fb1]{width:100%;padding:8px;border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box}.modal-overlay[data-v-67978309]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay-backdrop-solid,rgba(0,0,0,.5));display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-67978309]{background:var(--color-background-card,#fff);border-radius:var(--border-radius-lg,8px);width:90%;max-width:500px;box-shadow:var(--shadow-lg,0 4px 12px rgba(0,0,0,.15));overflow:hidden;display:flex;flex-direction:column}@media (max-width:600px){.modal-content[data-v-67978309]{width:100%;height:100%;max-width:none;border-radius:0}.modal-body[data-v-67978309]{padding:var(--spacing-lg,16px);overflow-y:auto}}.modal-header[data-v-67978309]{padding:var(--spacing-md,16px) var(--spacing-lg,20px);background-color:var(--color-primary-blue2,#3498db);color:var(--color-white,#fff);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border-medium,#ddd)}.close-btn[data-v-67978309]{background:none;border:none;color:var(--color-white,#fff);font-size:var(--font-size-xl,24px);cursor:pointer;line-height:1;padding:0}.form-group[data-v-67978309]{margin-bottom:var(--spacing-md,12px)}.form-group label[data-v-67978309]{display:block;font-size:var(--font-size-sm,14px);color:var(--color-text-medium,#666);margin-bottom:var(--spacing-xs,4px);font-weight:600}input[type=text][data-v-67978309],select[data-v-67978309]{width:100%;padding:var(--spacing-sm,8px);border:1px solid var(--color-border,#ccc);border-radius:var(--border-radius-sm,4px);background-color:var(--color-background-input,#f9f9f9);font-size:var(--font-size-base,14px);box-sizing:border-box;min-height:var(--touch-target-min-size,36px)}.required[data-v-67978309]{color:var(--color-primary-red,#e74c3c);margin-left:var(--spacing-xs,4px)}.trick-type-selector[data-v-67978309]{display:flex;gap:var(--spacing-xs,8px);margin-top:var(--spacing-xs,4px);flex-wrap:wrap}.type-button[data-v-67978309]{flex-grow:1;padding:var(--spacing-sm,8px) var(--spacing-md,12px);border:1px solid var(--color-border,#ccc);border-radius:var(--border-radius-md,4px);background-color:var(--color-gray-light,#f0f0f0);color:var(--color-text-dark,#333);cursor:pointer;font-weight:500;text-align:center;transition:all .2s;min-height:var(--touch-target-min-size,36px)}.type-button.active[data-v-67978309]{border-color:var(--color-primary-cyan,#1abc9c);background-color:var(--color-status-success-bg,#e0f7f4);color:var(--color-primary-cyan,#1abc9c);font-weight:700;box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.1))}.type-button[data-v-67978309]:hover:not(.active){background-color:var(--color-background-soft,#e5e5e5)}.modal-footer[data-v-67978309]{display:flex;justify-content:flex-end;gap:var(--spacing-md,12px);padding:var(--spacing-md,12px) var(--spacing-lg,20px);border-top:1px solid var(--color-border,#eee);background-color:var(--color-background-mute,#f0f0f0)}.btn[data-v-67978309]{padding:var(--spacing-sm,8px) var(--spacing-md,16px);border-radius:var(--border-radius-sm,4px);cursor:pointer;border:none;font-weight:700;font-size:var(--font-size-base,14px);transition:background-color .2s}.btn-secondary[data-v-67978309]{background-color:var(--color-gray-dark,#95a5a6);color:var(--color-white,#fff)}.btn-primary[data-v-67978309]{background-color:var(--color-primary-cyan,#1abc9c);color:var(--color-white,#fff)}.btn[data-v-67978309]:disabled{opacity:.6;cursor:not-allowed}.info-text[data-v-67978309]{font-size:var(--font-size-xs,12px);color:var(--color-status-info-dark,#3498db);margin-top:var(--spacing-xs,4px)}.video-uploader-container[data-v-e8f316f0]{width:100%;max-width:800px;margin:0 auto;padding:0;border-radius:8px;background-color:#f9f9f9;box-shadow:0 2px 5px rgba(0,0,0,.1)}.upload-section[data-v-e8f316f0]{margin-bottom:1px}.upload-area[data-v-e8f316f0]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;border:2px dashed #ccc;border-radius:6px;padding:3px;text-align:center;cursor:pointer;transition:all .3s ease}.upload-area[data-v-e8f316f0]:hover{border-color:#6c757d;background-color:#f5f5f5}.upload-area.dragging[data-v-e8f316f0]{border-color:#28a745;background-color:rgba(40,167,69,.1)}.upload-area.error[data-v-e8f316f0]{border-color:#dc3545;background-color:rgba(220,53,69,.1)}.error-message[data-v-e8f316f0]{color:#dc3545;margin-top:10px;font-size:14px}.file-select-area[data-v-e8f316f0]{margin-top:20px}.upload-icon[data-v-e8f316f0]{font-size:3em;color:#007bff;margin-bottom:15px}.file-select-area p[data-v-e8f316f0]{margin:5px 0;color:#666}.hint[data-v-e8f316f0]{font-size:.85em;color:#999;margin-top:5px}.processing-method-selection[data-v-e8f316f0]{margin-bottom:20px}.method-options[data-v-e8f316f0]{display:flex;flex-direction:column;gap:15px;margin-top:20px;width:100%}.method-option[data-v-e8f316f0]{display:flex;align-items:flex-start;padding:15px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease}.method-option[data-v-e8f316f0]:hover{border-color:#007bff;background-color:#f8f9fa}.method-option input[type=radio][data-v-e8f316f0]{margin-right:12px;margin-top:2px;flex-shrink:0}.method-option input[type=radio]:checked+.option-content[data-v-e8f316f0]{color:#007bff}.option-content[data-v-e8f316f0]{display:flex;flex-direction:column;text-align:left}.option-content strong[data-v-e8f316f0]{font-size:16px;margin-bottom:5px}.option-content small[data-v-e8f316f0]{color:#666;font-size:14px}.video-trimmer[data-v-e8f316f0]{width:100%}.video-trimmer video[data-v-e8f316f0]{width:100%;max-height:400px;margin-bottom:15px;border-radius:4px;background-color:#000}.frame-capture-controls[data-v-e8f316f0]{text-align:center;margin-bottom:20px}.captured-frames-container[data-v-e8f316f0]{margin-top:20px;border-top:1px dashed #eee;padding-top:20px}.captured-frames-container h4[data-v-e8f316f0]{margin-bottom:15px;color:#555;font-size:1.1em}.captured-frames-gallery[data-v-e8f316f0]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.captured-frame[data-v-e8f316f0]{width:120px;height:90px;border:2px solid transparent;border-radius:6px;overflow:hidden;cursor:pointer;position:relative;transition:all .2s ease}.captured-frame img[data-v-e8f316f0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.captured-frame .frame-time[data-v-e8f316f0]{position:absolute;bottom:3px;right:3px;background-color:rgba(0,0,0,.7);color:#fff;font-size:.7em;padding:2px 5px;border-radius:3px}.captured-frame.selected[data-v-e8f316f0]{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.3)}.captured-frame .selected-indicator[data-v-e8f316f0]{position:absolute;top:0;left:0;background-color:#007bff;color:#fff;font-size:.8em;padding:2px 6px;border-bottom-right-radius:6px}.timeline-container[data-v-e8f316f0]{margin-top:30px;padding:0 10px}.timeline-track[data-v-e8f316f0]{position:relative;height:10px;background-color:#e0e0e0;border-radius:5px;margin-bottom:10px;cursor:ew-resize}.playhead-indicator[data-v-e8f316f0]{position:absolute;top:-5px;width:2px;height:20px;background-color:#dc3545;z-index:2;border-radius:1px}.trim-selection[data-v-e8f316f0]{position:absolute;top:0;height:100%;background-color:rgba(0,123,255,.3);border-radius:5px;z-index:1}.trim-handle[data-v-e8f316f0]{position:absolute;top:-5px;width:12px;height:20px;background-color:#007bff;border-radius:3px;cursor:ew-resize;z-index:3}.trim-handle.start-handle[data-v-e8f316f0]{left:-6px}.trim-handle.end-handle[data-v-e8f316f0]{right:-6px}.timeline-markers[data-v-e8f316f0]{display:flex;position:relative;height:20px}.timeline-markers span[data-v-e8f316f0]{position:absolute;transform:translateX(-50%);font-size:.75em;color:#777;white-space:nowrap}.trim-time-display[data-v-e8f316f0]{display:flex;justify-content:space-around;margin-top:20px;font-size:.95em;color:#555}.trim-time-display span[data-v-e8f316f0]{font-weight:700;margin-right:5px}.trim-time-display .error-text[data-v-e8f316f0]{color:#dc3545;font-weight:400}.trim-preview-controls[data-v-e8f316f0]{text-align:center;margin-top:20px}.trim-actions[data-v-e8f316f0]{display:flex;justify-content:center;gap:15px;margin-top:30px}.advanced-upload-options[data-v-e8f316f0]{margin-top:20px;padding:15px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9}.checkbox-container[data-v-e8f316f0]{display:block;position:relative;padding-left:25px;margin-bottom:12px;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-container input[data-v-e8f316f0]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-e8f316f0]{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#eee;border-radius:4px}.checkbox-container:hover input~.checkmark[data-v-e8f316f0]{background-color:#ccc}.checkbox-container input:checked~.checkmark[data-v-e8f316f0]{background-color:#007bff}.checkmark[data-v-e8f316f0]:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark[data-v-e8f316f0]:after{display:block}.checkbox-container .checkmark[data-v-e8f316f0]:after{left:7px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.checkbox-container input:disabled~.checkmark[data-v-e8f316f0]{background-color:#d0d0d0;cursor:not-allowed}.checkbox-container input:disabled~.checkmark[data-v-e8f316f0]:after{border-color:#a0a0a0}.warning-text[data-v-e8f316f0]{color:#e6a23c;font-size:.85em;margin-top:5px}.processing-method-hint[data-v-e8f316f0]{margin:15px 0;padding:10px;background-color:#e7f3ff;border-radius:4px;font-size:14px;color:#0056b3}.upload-progress[data-v-e8f316f0]{width:100%;text-align:center;padding:20px}.spinner[data-v-e8f316f0]{border:4px solid rgba(0,0,0,.1);border-left-color:#007bff;border-radius:50%;width:40px;height:40px;animation:spin-e8f316f0 1s linear infinite;margin:0 auto 20px}@keyframes spin-e8f316f0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-container[data-v-e8f316f0]{width:80%;height:10px;background-color:#e9ecef;border-radius:5px;overflow:hidden;margin:0 auto 10px}.progress-bar[data-v-e8f316f0]{height:100%;background-color:#007bff;width:0;border-radius:5px;transition:width .3s ease}.progress-text[data-v-e8f316f0]{font-weight:700;color:#333}.video-preview-container[data-v-e8f316f0]{padding:20px}.video-header[data-v-e8f316f0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.video-player video[data-v-e8f316f0]{width:100%;max-height:400px;background-color:#000;border-radius:6px;margin-bottom:20px}.form-group[data-v-e8f316f0]{margin-bottom:15px}.form-group label[data-v-e8f316f0]{display:block;margin-bottom:5px;font-weight:700}.form-control[data-v-e8f316f0]{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:1em;resize:vertical}.form-text[data-v-e8f316f0]{font-size:.85em;color:#6c757d;margin-top:5px}.action-buttons[data-v-e8f316f0]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn[data-v-e8f316f0]{padding:8px 16px;border-radius:4px;cursor:pointer;font-size:1em;font-weight:700;transition:background-color .2s,border-color .2s;border:1px solid transparent}.btn-primary[data-v-e8f316f0]{background-color:#007bff;color:#fff;border-color:#007bff}.btn-primary[data-v-e8f316f0]:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3}.btn-secondary[data-v-e8f316f0]{background-color:#6c757d;color:#fff;border-color:#6c757d}.btn-secondary[data-v-e8f316f0]:hover:not(:disabled){background-color:#545b62;border-color:#545b62}.btn-danger[data-v-e8f316f0]{background-color:#dc3545;color:#fff;border-color:#dc3545}.btn-danger[data-v-e8f316f0]:hover:not(:disabled){background-color:#c82333;border-color:#bd2130}.btn-outline-primary[data-v-e8f316f0]{background-color:transparent;color:#007bff;border-color:#007bff}.btn-outline-primary[data-v-e8f316f0]:hover:not(:disabled){background-color:#007bff;color:#fff}.btn-sm[data-v-e8f316f0]{padding:5px 10px;font-size:.85em}.btn[data-v-e8f316f0]:disabled{opacity:.65;cursor:not-allowed}.backend-success-container[data-v-e8f316f0]{text-align:center;padding:30px}.success-message[data-v-e8f316f0]{background-color:#d4edda;border-radius:8px;padding:30px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.success-message i[data-v-e8f316f0]{font-size:48px;color:#28a745;margin-bottom:20px}.success-message h3[data-v-e8f316f0]{margin-bottom:15px;color:#155724}.success-message p[data-v-e8f316f0]{margin-bottom:20px;color:#155724}.success-message button[data-v-e8f316f0]{margin-top:15px}@media (max-width:768px){.video-uploader-container[data-v-e8f316f0]{padding:10px}.upload-area[data-v-e8f316f0]{min-height:200px}.video-trimmer[data-v-e8f316f0]{padding:10px}.trim-time-display[data-v-e8f316f0]{flex-direction:column;align-items:center;gap:5px}.action-buttons[data-v-e8f316f0]{flex-direction:column;gap:10px}.btn[data-v-e8f316f0]{width:100%}.method-options[data-v-e8f316f0]{flex-direction:column}}svg[data-v-02c1ee64],svg[data-v-1fd2bf38],svg[data-v-3175543c],svg[data-v-4439607e],svg[data-v-4c5bbca2],svg[data-v-70736bd4]{display:inline-block;vertical-align:middle}.video-player[data-v-7c0789f4]{position:relative;width:100%;max-width:100vw;background-color:#000;overflow:hidden;box-sizing:border-box}.video-element[data-v-7c0789f4]{width:100%;height:auto;display:block;background:#222}@media (min-width:768px){.video-player.is-portrait[data-v-7c0789f4]{max-width:50vh;margin:0 auto}}.video-player:-moz-full-screen .video-element[data-v-7c0789f4],.video-player:-ms-full-screen .video-element[data-v-7c0789f4],.video-player:-webkit-full-screen .video-element[data-v-7c0789f4],.video-player:fullscreen .video-element[data-v-7c0789f4]{object-fit:contain}.cache-indicator[data-v-7c0789f4]{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.7);border-radius:4px;padding:3px 10px 3px 6px;color:#fff;font-size:12px;z-index:20;display:flex;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.12)}.cache-status[data-v-7c0789f4]{display:flex;align-items:center;gap:6px}.cache-status-cached[data-v-7c0789f4]{color:#4caf50}.cache-status-caching[data-v-7c0789f4]{color:#2196f3}.cache-status-error[data-v-7c0789f4]{color:#f44336}.cache-status-skipped[data-v-7c0789f4]{color:#ffb300}.cache-status-uncached[data-v-7c0789f4],.cache-status-unknown[data-v-7c0789f4]{color:#bbb}.cache-icon svg[data-v-7c0789f4]{vertical-align:middle}.cache-progress[data-v-7c0789f4]{min-width:30px;text-align:right}.cache-button[data-v-7c0789f4]{background:#2196f3;color:#fff;border:none;border-radius:3px;padding:2px 8px;font-size:12px;cursor:pointer;transition:background .2s;margin-left:3px}.cache-button[data-v-7c0789f4]:hover{background:#1976d2}.video-controls[data-v-7c0789f4]{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);padding:0 0 10px 0;z-index:10;opacity:1;transition:opacity .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.progress-container[data-v-7c0789f4]{width:100%;height:18px;cursor:pointer;position:relative;margin-bottom:6px;padding:0 12px;box-sizing:border-box}.progress-bar[data-v-7c0789f4]{position:relative;width:100%;height:5px;background:hsla(0,0%,100%,.25);border-radius:3px;overflow:hidden}.progress-fill[data-v-7c0789f4]{height:100%;background:linear-gradient(90deg,#2196f3 60%,#4caf50);border-radius:3px 0 0 3px;transition:width .1s}.progress-handle[data-v-7c0789f4]{position:absolute;top:50%;width:13px;height:13px;background:#fff;border-radius:50%;box-shadow:0 2px 6px rgba(33,150,243,.35);transform:translate(-50%,-50%);cursor:pointer;border:2px solid #2196f3;transition:background .15s}.time-tooltip[data-v-7c0789f4]{position:absolute;top:-22px;padding:2px 7px;background:rgba(33,150,243,.9);color:#fff;font-size:11px;border-radius:4px;white-space:nowrap;transform:translateX(-50%);pointer-events:none;z-index:10}.controls-row[data-v-7c0789f4]{display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:8px}.control-button[data-v-7c0789f4]{background:none;border:none;color:#fff;padding:0 8px;font-size:20px;cursor:pointer;outline:none;transition:color .2s;display:flex;align-items:center;height:32px}.control-button[data-v-7c0789f4]:active,.control-button[data-v-7c0789f4]:focus{color:#2196f3}.time-display[data-v-7c0789f4]{color:#fff;font-size:13px;min-width:80px;text-align:center;letter-spacing:1px}.right-controls[data-v-7c0789f4]{display:flex;align-items:center;gap:10px}.cache-status-icon[data-v-7c0789f4]{color:#4caf50;font-size:13px;margin-right:2px;min-width:35px;text-align:left}.volume-control[data-v-7c0789f4]{display:flex;align-items:center;gap:3px}.volume-slider-container[data-v-7c0789f4]{width:52px;display:inline-block;vertical-align:middle;margin-left:3px}.volume-slider[data-v-7c0789f4]{width:100%;accent-color:#2196f3}.playback-rate[data-v-7c0789f4]{position:relative;display:inline-block}.playback-rate-button[data-v-7c0789f4]{font-size:13px;background:none;border:none;color:#fff;cursor:pointer;padding:0 6px}.playback-rate-menu[data-v-7c0789f4]{position:absolute;right:0;bottom:36px;background:rgba(40,40,40,.98);border-radius:4px;box-shadow:0 4px 18px rgba(0,0,0,.15);padding:3px 0;z-index:99;min-width:58px;display:flex;flex-direction:column}.playback-rate-item[data-v-7c0789f4]{color:#fff;padding:7px 18px 7px 10px;cursor:pointer;font-size:13px;text-align:right;transition:background .15s}.playback-rate-item.active[data-v-7c0789f4]{color:#2196f3;font-weight:700;background:rgba(33,150,243,.09)}.playback-rate-item[data-v-7c0789f4]:hover:not(.active){background:rgba(33,150,243,.17)}.big-play-button[data-v-7c0789f4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:72px;height:72px;background:rgba(33,150,243,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:8;transition:background .2s}.big-play-icon[data-v-7c0789f4]{width:40px;height:40px;color:#fff}.loading-indicator[data-v-7c0789f4]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;pointer-events:none}.spinner[data-v-7c0789f4]{width:36px;height:36px;border:4px solid rgba(33,150,243,.15);border-left:4px solid #2196f3;border-radius:50%;animation:spin-7c0789f4 .9s linear infinite}@keyframes spin-7c0789f4{to{transform:rotate(1turn)}}@media (max-width:600px){.video-player[data-v-7c0789f4]{font-size:13px}.controls-row[data-v-7c0789f4],.video-controls[data-v-7c0789f4]{padding-left:4px;padding-right:4px;gap:4px}.time-display[data-v-7c0789f4]{min-width:62px;font-size:11px}.big-play-button[data-v-7c0789f4]{width:54px;height:54px}.big-play-icon[data-v-7c0789f4]{width:28px;height:28px}.progress-container[data-v-7c0789f4]{padding:0 4px}.volume-slider-container[data-v-7c0789f4]{width:36px}.cache-indicator[data-v-7c0789f4]{font-size:11px;padding:2px 6px 2px 4px}}input[type=range].volume-slider[data-v-7c0789f4]{-webkit-appearance:none;background:transparent;height:2px;margin:0;outline:none}input[type=range].volume-slider[data-v-7c0789f4]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#2196f3;border-radius:50%;box-shadow:0 2px 6px rgba(33,150,243,.15);cursor:pointer}input[type=range].volume-slider[data-v-7c0789f4]::-moz-range-thumb{width:10px;height:10px;background:#2196f3;border-radius:50%;cursor:pointer}input[type=range].volume-slider[data-v-7c0789f4]::-ms-thumb{width:10px;height:10px;background:#2196f3;border-radius:50%;cursor:pointer}input[type=range].volume-slider[data-v-7c0789f4]:focus::-webkit-slider-thumb{outline:2px solid #1976d2}input[type=range].volume-slider[data-v-7c0789f4]::-webkit-slider-runnable-track{height:2px;background:#2196f3;border-radius:1px}input[type=range].volume-slider[data-v-7c0789f4]::-ms-fill-lower{background:#1976d2}input[type=range].volume-slider[data-v-7c0789f4]::-ms-fill-upper{background:#2196f3}input[type=range].volume-slider[data-v-7c0789f4]:focus{outline:none}.video-info-overlay[data-v-7c0789f4]{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(0,0,0,.7) 0,transparent);color:#fff;padding:10px 15px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.video-info-overlay.visible[data-v-7c0789f4],.video-player:hover .video-info-overlay[data-v-7c0789f4]{opacity:1}.info-top[data-v-7c0789f4]{display:flex;justify-content:space-between;align-items:center}.video-overlay-title[data-v-7c0789f4]{margin:0;font-size:1.2em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.visibility-icon[data-v-7c0789f4]{font-size:1.2em;margin-left:10px}.info-bottom[data-v-7c0789f4]{font-size:.9em;color:hsla(0,0%,100%,.8);margin-top:5px}.rating-display[data-v-7c0789f4]{color:gold}.details-button-container[data-v-7c0789f4]{position:absolute;top:10px;right:10px;z-index:20}.video-details-panel[data-v-7c0789f4]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);color:#fff;padding:20px;overflow-y:auto;z-index:30;display:flex;flex-direction:column}.close-details-panel[data-v-7c0789f4]{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:1.5em;cursor:pointer}.post-video-content-overlay[data-v-7c0789f4]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:40}.replay-button[data-v-7c0789f4]{margin-top:20px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1.1em}.trick-practice-video-review-panel[data-v-4d777c67]{display:flex;flex-direction:column;gap:var(--spacing-sm);background-color:var(--color-background-main);padding:var(--spacing-sm);border-radius:var(--border-radius-md);z-index:1000;padding-top:calc(var(--video-header-height) + var(--spacing-sm));background-color:rgba(0,0,0,.5)}.trick-practice-video-review-panel>.modal-content[data-v-4d777c67]{background-color:var(--color-background-main);border-radius:var(--border-radius-md);margin:var(--spacing-sm);max-height:calc(100vh - var(--video-header-height) - var(--spacing-lg));overflow-y:auto}.video-player-section[data-v-4d777c67]{position:relative;width:100%;background-color:#000;border-radius:var(--border-radius-md);overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-md)}.processing-message-overlay[data-v-4d777c67],.video-player-section .video-player[data-v-4d777c67]{position:absolute;top:0;left:0;width:100%;height:100%}.processing-message-overlay[data-v-4d777c67]{background-color:rgba(0,0,0,.7);color:var(--color-accent-vibrant);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:var(--font-size-lg);text-align:center;z-index:100;font-weight:300}.spinner[data-v-4d777c67]{border:4px solid hsla(0,0%,100%,.3);border-top:4px solid var(--color-accent-vibrant);border-radius:50%;width:30px;height:30px;animation:spin-4d777c67 1s linear infinite;margin-top:var(--spacing-sm)}.demonstration-video-setting[data-v-4d777c67]{padding:var(--spacing-md);background-color:var(--color-background-mute);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);border:1px dashed var(--color-border)}.demonstration-video-setting .form-sub-header[data-v-4d777c67]{color:var(--color-accent-feedback);margin-bottom:var(--spacing-sm)}.demonstration-video-setting .form-sub-header[data-v-4d777c67]:before{content:"⭐"}.checkbox-container[data-v-4d777c67]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkbox-label[data-v-4d777c67]{display:flex;align-items:center;gap:var(--spacing-s);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-input[data-v-4d777c67]{width:20px;height:20px;margin:0;flex-shrink:0;color:#fa8c16;position:relative;background-color:#fff;border:2px solid var(--color-border);border-radius:4px;transition:all .2s ease}.checkbox-text[data-v-4d777c67]{font-size:var(--font-size-base);color:var(--color-text-dark);font-weight:400;margin-left:10px}.help-text[data-v-4d777c67]{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0;padding-left:calc(20px + var(--spacing-xs));line-height:1.4}.progress-markers[data-v-4d777c67]{display:flex;justify-content:space-between;margin-top:var(--spacing-xxs);padding:0 var(--spacing-xxs);position:absolute;bottom:0;left:0;right:0;font-size:var(--font-size-xxs);color:var(--color-border-dark)}.progress-marker[data-v-4d777c67]{position:relative;text-align:center;flex:1}.progress-marker[data-v-4d777c67]:before{content:"";position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:1px;height:4px;background-color:var(--color-border-medium)}.progress-marker[data-v-4d777c67]:first-child{text-align:left}.progress-marker[data-v-4d777c67]:first-child:before{left:0;transform:none}.progress-marker[data-v-4d777c67]:last-child{text-align:right}.progress-marker[data-v-4d777c67]:last-child:before{left:auto;right:0;transform:none}@keyframes spin-4d777c67{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skill-status-card[data-v-4d777c67]{border-radius:var(--border-radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);position:relative;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;min-height:60px}.status-badge[data-v-4d777c67]{padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:300;text-align:center;display:inline-block;box-shadow:0 1px 4px rgba(0,0,0,.1);min-width:90px}.status-not-started[data-v-4d777c67]{background-color:#fafafa;border-left:4px solid #d9d9d9}.status-not-started .status-badge[data-v-4d777c67]{background-color:#f0f0f0;color:#666}.status-learning[data-v-4d777c67]{background-color:#e6f7ff;border-left:4px solid #1890ff}.status-learning .status-badge[data-v-4d777c67]{background-color:#1890ff;color:#fff}.status-practicing[data-v-4d777c67]{background-color:#fff7e6;border-left:4px solid #fa8c16}.status-practicing .status-badge[data-v-4d777c67]{background-color:#fa8c16;color:#fff}.status-advancing[data-v-4d777c67]{background-color:#fff0f6;border-left:4px solid #eb2f96}.status-advancing .status-badge[data-v-4d777c67]{background-color:#eb2f96;color:#fff}.status-refining[data-v-4d777c67]{background-color:#f9f0ff;border-left:4px solid #722ed1}.status-refining .status-badge[data-v-4d777c67]{background-color:#722ed1;color:#fff}.status-mastered[data-v-4d777c67]{background-color:#f6ffed;border-left:4px solid #52c41a}.status-mastered .status-badge[data-v-4d777c67]{background-color:#52c41a;color:#fff}.review-details-section[data-v-4d777c67]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.info-card[data-v-4d777c67]{background-color:var(--color-background-card);border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:all .2s ease;overflow:hidden}.info-card h4[data-v-4d777c67],.info-card h5[data-v-4d777c67]{margin-top:0;margin-bottom:var(--spacing-xs);color:var(--color-text-dark);display:flex;align-items:center;gap:8px;font-size:var(--font-size-md);font-weight:300}.info-card p[data-v-4d777c67]{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-medium)}.collapsible-header[data-v-4d777c67]{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;margin-bottom:0;border-bottom:1px solid transparent;transition:border-bottom .2s ease,background-color .2s ease,border-radius .2s ease}.collapsible-header[data-v-4d777c67]:hover{border-bottom:1px solid var(--color-primary-brand);background-color:var(--color-background-soft);border-radius:var(--border-radius-sm)}.collapsible-header i.card-icon[data-v-4d777c67]{margin-right:var(--spacing-xs);color:var(--color-primary-brand);font-size:var(--font-size-md)}.arrow-icon[data-v-4d777c67]{font-size:.9em;transition:transform .2s ease;color:var(--color-text-light)}.collapsible-content[data-v-4d777c67]{overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out,padding .3s ease-out;opacity:1;padding-top:var(--spacing-xs)}.rating-selector[data-v-4d777c67]{display:flex;gap:5px;font-size:1.8em;cursor:pointer}.rating-star[data-v-4d777c67]{color:var(--color-text-light);transition:color .2s ease,transform .1s ease;font-size:1.2em}.rating-star.active[data-v-4d777c67],.rating-star[data-v-4d777c67]:hover{color:var(--color-accent-vibrant);transform:scale(1.2)}.form-group[data-v-4d777c67]{margin-bottom:var(--spacing-sm)}.form-group label[data-v-4d777c67]{display:block;margin-bottom:var(--spacing-xs);font-weight:300;color:var(--color-text-dark)}.form-control[data-v-4d777c67]{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--color-background-mute);color:var(--color-text-dark);font-size:var(--font-size-base);transition:border-color .2s ease,box-shadow .2s ease;min-height:44px}.form-control[data-v-4d777c67]:focus{border-color:var(--color-primary-brand);box-shadow:0 0 0 3px rgba(var(--color-primary-brand-rgb),.2);outline:none}.btn-primary[data-v-4d777c67]{background:var(--color-primary-yellow);color:var(--color-text-dark);border:none;padding:12px 24px;border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(var(--color-primary-yellow-rgb),.3);font-weight:300;letter-spacing:.5px;min-height:48px;width:100%;display:flex;justify-content:center;align-items:center}.btn-primary[data-v-4d777c67]:hover:not(:disabled){background:var(--color-primary-yellow2);box-shadow:0 6px 18px rgba(var(--color-primary-yellow-rgb),.4);transform:translateY(-3px)}.btn-primary[data-v-4d777c67]:disabled{background:#bdbdbd;box-shadow:none;cursor:not-allowed;opacity:.7}.btn-secondary[data-v-4d777c67]{background:var(--color-primary-green);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(var(--color-primary-green-rgb),.3);font-weight:300;letter-spacing:.5px;min-height:48px;width:100%;display:flex;justify-content:center;align-items:center}.btn-secondary[data-v-4d777c67]:hover:not(:disabled){background:#388e3c;box-shadow:0 6px 18px rgba(var(--color-primary-green-rgb),.4);transform:translateY(-3px)}.btn-secondary[data-v-4d777c67]:disabled{background:#bdbdbd;box-shadow:none;cursor:not-allowed;opacity:.7}.related-videos-list[data-v-4d777c67]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm)}.related-video-item[data-v-4d777c67]{display:flex;flex-direction:column;gap:var(--spacing-xs);cursor:pointer;background-color:var(--color-background-mute);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease;box-shadow:var(--shadow-xs);border:1px solid var(--color-border)}.related-video-item[data-v-4d777c67]:hover{background-color:var(--color-background-soft);transform:translateY(-3px);box-shadow:var(--shadow-sm)}.related-video-thumbnail[data-v-4d777c67]{position:relative;width:100%;padding-top:56.25%;flex-shrink:0;border-radius:var(--border-radius-xs);overflow:hidden}.related-video-thumbnail img[data-v-4d777c67]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.duration-badge[data-v-4d777c67]{position:absolute;bottom:4px;right:4px;background-color:rgba(0,0,0,.72);color:#fff;padding:2px 6px;border-radius:4px;font-size:.7em}.related-video-info[data-v-4d777c67]{flex-grow:1;padding:0 var(--spacing-xs)}.related-video-title[data-v-4d777c67]{font-size:var(--font-size-sm);font-weight:300;color:var(--color-text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-video-meta[data-v-4d777c67]{font-size:.75em;color:var(--color-text-light);margin-top:2px}.info-card.video-basic-info-card[data-v-4d777c67]{border:2px solid transparent;-o-border-image:linear-gradient(45deg,var(--color-primary-green),var(--color-secondary-brand)) 1;border-image:linear-gradient(45deg,var(--color-primary-green),var(--color-secondary-brand)) 1;box-shadow:0 6px 15px rgba(0,0,0,.1),0 0 0 3px rgba(var(--color-primary-green-rgb),.15)}.video-basic-info-card .collapsible-header[data-v-4d777c67]{background:linear-gradient(90deg,var(--color-primary-green),var(--color-secondary-brand));color:#fff;padding:var(--spacing-sm) var(--spacing-md);margin:-var(--spacing-md) -var(--spacing-md) var(--spacing-md) -var(--spacing-md);box-shadow:var(--shadow-sm);font-size:var(--font-size-lg);font-weight:300;letter-spacing:.5px;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.video-basic-info-card .collapsible-header[data-v-4d777c67]:hover{background:linear-gradient(90deg,var(--color-secondary-brand),var(--color-primary-green));transform:translateY(-2px);box-shadow:var(--shadow-md)}.video-basic-info-card .card-icon[data-v-4d777c67]{font-size:1.5em;color:#fff;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.video-basic-info-card .arrow-icon[data-v-4d777c67]{color:#fff;font-size:1.2em}.info-card.description-notes-card[data-v-4d777c67]{border:2px solid transparent;-o-border-image:linear-gradient(45deg,var(--color-accent-vibrant),var(--color-accent-feedback)) 1;border-image:linear-gradient(45deg,var(--color-accent-vibrant),var(--color-accent-feedback)) 1;box-shadow:0 6px 15px rgba(0,0,0,.1),0 0 0 3px rgba(var(--color-accent-vibrant-rgb),.15)}.description-notes-card .collapsible-header[data-v-4d777c67]{background:linear-gradient(90deg,var(--color-accent-vibrant),var(--color-accent-feedback));color:var(--color-text-dark);padding:var(--spacing-sm) var(--spacing-md);margin:-var(--spacing-md) -var(--spacing-md) var(--spacing-md) -var(--spacing-md);box-shadow:var(--shadow-sm);font-size:var(--font-size-lg);font-weight:300;letter-spacing:.5px;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.description-notes-card .collapsible-header[data-v-4d777c67]:hover{background:linear-gradient(90deg,var(--color-accent-feedback),var(--color-accent-vibrant));transform:translateY(-2px);box-shadow:var(--shadow-md)}.description-notes-card .card-icon[data-v-4d777c67]{font-size:1.5em;color:var(--color-text-dark);filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.description-notes-card .arrow-icon[data-v-4d777c67]{color:var(--color-text-dark);font-size:1.2em}.description-notes-card .collapsible-content div[data-v-4d777c67]{background-color:var(--color-background-mute);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);border-left:3px solid var(--color-accent-vibrant)}.description-notes-card .collapsible-content div+div[data-v-4d777c67]{border-left-color:var(--color-accent-feedback)}.description-notes-card .collapsible-content h5[data-v-4d777c67]{font-size:var(--font-size-base);color:var(--color-text-dark);margin-bottom:var(--spacing-xs);font-weight:300}.combined-review-card[data-v-4d777c67]{border:3px solid transparent;-o-border-image:linear-gradient(45deg,var(--color-primary-blue2),var(--color-primary-brand)) 1;border-image:linear-gradient(45deg,var(--color-primary-blue2),var(--color-primary-brand)) 1;box-shadow:0 8px 20px rgba(0,0,0,.2),0 0 0 5px rgba(var(--color-primary-blue2-rgb),.25);background-color:var(--color-background-card)}.combined-review-card .collapsible-header[data-v-4d777c67]{background:linear-gradient(90deg,var(--color-primary-blue2),var(--color-primary-brand));color:#fff;padding:var(--spacing-sm) var(--spacing-md);margin:-var(--spacing-md) -var(--spacing-md) var(--spacing-md) -var(--spacing-md);box-shadow:var(--shadow-sm);font-size:var(--font-size-lg);font-weight:300;letter-spacing:.5px;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.combined-review-card .collapsible-header[data-v-4d777c67]:hover{background:linear-gradient(90deg,var(--color-primary-brand),var(--color-primary-blue2));transform:translateY(-2px);box-shadow:var(--shadow-md)}.combined-review-card .card-icon[data-v-4d777c67]{font-size:1.5em;color:#fff;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.combined-review-card .arrow-icon[data-v-4d777c67]{color:#fff;font-size:1.2em}.combined-review-card .video-evaluation[data-v-4d777c67]{background-color:var(--color-background-soft);padding:var(--spacing-md);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);border-left:5px solid var(--color-primary-blue2);box-shadow:var(--shadow-xs)}.combined-review-card .video-evaluation .form-sub-header[data-v-4d777c67]{color:var(--color-primary-blue2)}.combined-review-card .video-evaluation .form-sub-header[data-v-4d777c67]:before{content:"💡"}.combined-review-card .evaluation-feedback[data-v-4d777c67]{border-left:3px solid var(--color-primary-blue2)}.combined-review-card .evaluation-feedback h5[data-v-4d777c67]{color:var(--color-primary-blue2)}.combined-review-card .evaluation-gpm-status[data-v-4d777c67]{border-left:3px solid var(--color-primary-brand)}.combined-review-card .evaluation-gpm-status h5[data-v-4d777c67]{color:var(--color-primary-brand)}.combined-review-card .demonstration-video-setting[data-v-4d777c67],.combined-review-card .video-evaluation-form[data-v-4d777c67],.combined-review-card .video-status-management[data-v-4d777c67]{padding:var(--spacing-md);background-color:var(--color-background-mute);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);border:1px dashed var(--color-border)}.combined-review-card .video-evaluation-form .form-sub-header[data-v-4d777c67]{color:var(--color-accent-feedback)}.combined-review-card .video-evaluation-form .form-sub-header[data-v-4d777c67]:before{content:"📝"}.combined-review-card .video-status-management .form-sub-header[data-v-4d777c67]{color:var(--color-primary-green)}.combined-review-card .video-status-management .form-sub-header[data-v-4d777c67]:before{content:"✅"}.combined-actions[data-v-4d777c67]{margin-top:var(--spacing-md);text-align:center}.info-card.mark-read-section[data-v-4d777c67]{border:2px solid transparent;-o-border-image:linear-gradient(45deg,var(--color-primary-yellow),var(--color-primary-green)) 1;border-image:linear-gradient(45deg,var(--color-primary-yellow),var(--color-primary-green)) 1;box-shadow:0 6px 15px rgba(0,0,0,.1),0 0 0 3px rgba(var(--color-primary-yellow-rgb),.15)}.mark-read-section .collapsible-header[data-v-4d777c67]{background:linear-gradient(90deg,var(--color-primary-yellow),var(--color-primary-green));color:var(--color-text-dark);padding:var(--spacing-sm) var(--spacing-md);margin:-var(--spacing-md) -var(--spacing-md) var(--spacing-md) -var(--spacing-md);box-shadow:var(--shadow-sm);font-size:var(--font-size-lg);font-weight:700;letter-spacing:.5px;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.mark-read-section .collapsible-header[data-v-4d777c67]:hover{background:linear-gradient(90deg,var(--color-primary-green),var(--color-primary-yellow));transform:translateY(-2px);box-shadow:var(--shadow-md)}.mark-read-section .card-icon[data-v-4d777c67]{font-size:1.5em;color:var(--color-text-dark);filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.mark-read-section .arrow-icon[data-v-4d777c67]{color:var(--color-text-dark);font-size:1.2em}.mark-read-section .collapsible-content p[data-v-4d777c67]{font-size:var(--font-size-base);color:var(--color-text-dark);margin-bottom:var(--spacing-md);text-align:center}.info-card.student-feedback-card[data-v-4d777c67]{position:relative;overflow:hidden;border:2px solid transparent;-o-border-image:linear-gradient(45deg,var(--color-secondary-brand),var(--color-primary-brand)) 1;border-image:linear-gradient(45deg,var(--color-secondary-brand),var(--color-primary-brand)) 1;box-shadow:0 8px 20px rgba(0,0,0,.15),0 0 0 4px rgba(var(--color-secondary-brand-rgb),.2);background-color:var(--color-background-card);transition:all .3s ease-in-out}.info-card.student-feedback-card[data-v-4d777c67]:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,.2),0 0 0 6px rgba(var(--color-primary-brand-rgb),.3)}.student-feedback-card .collapsible-header[data-v-4d777c67]{background:linear-gradient(90deg,var(--color-secondary-brand),var(--color-primary-brand));color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;margin:-var(--spacing-md) -var(--spacing-md) var(--spacing-md) -var(--spacing-md);box-shadow:var(--shadow-sm);font-size:var(--font-size-lg);font-weight:400;letter-spacing:.5px;display:flex;justify-content:space-between;align-items:center;border-bottom:none;cursor:pointer}.student-feedback-card .collapsible-header[data-v-4d777c67]:hover{background:linear-gradient(90deg,var(--color-primary-brand),var(--color-secondary-brand));transform:translateY(-2px);box-shadow:var(--shadow-md)}.student-feedback-card .card-icon[data-v-4d777c67]{font-size:1.5em;color:#fff;margin-right:var(--spacing-xs);filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.student-feedback-card .arrow-icon[data-v-4d777c67]{color:#fff;font-size:1.2em}.student-feedback-card .collapsible-content[data-v-4d777c67]{padding-top:var(--spacing-sm)}.student-feedback-card .video-evaluation[data-v-4d777c67]{background-color:var(--color-background-soft);padding:var(--spacing-md);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);border-left:5px solid var(--color-primary-brand);box-shadow:var(--shadow-xs)}.student-feedback-card .form-sub-header[data-v-4d777c67]{font-size:var(--font-size-md);color:var(--color-primary-brand);margin-bottom:var(--spacing-sm);font-weight:600;display:flex;align-items:center;gap:8px}.student-feedback-card .form-sub-header[data-v-4d777c67]:before{content:"✨";font-size:1.2em}.student-feedback-card .evaluation-rating[data-v-4d777c67]{display:flex;align-items:center;margin-bottom:var(--spacing-xs);font-size:var(--font-size-base);color:var(--color-text-dark)}.student-feedback-card .evaluation-rating span[data-v-4d777c67]:first-child{font-weight:600;margin-right:var(--spacing-xs)}.student-feedback-card .rating-stars[data-v-4d777c67]{font-size:1.8em;color:var(--color-accent-vibrant);letter-spacing:2px;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.student-feedback-card .evaluation-feedback[data-v-4d777c67]{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-background-mute);border-radius:var(--border-radius-xs);border-left:3px solid var(--color-secondary-brand)}.student-feedback-card .evaluation-feedback h5[data-v-4d777c67]{color:var(--color-secondary-brand);font-size:var(--font-size-sm);margin-top:0;margin-bottom:var(--spacing-xs)}.student-feedback-card .evaluation-feedback p[data-v-4d777c67]{color:var(--color-text-medium);font-size:var(--font-size-sm);line-height:1.5}.student-feedback-card .evaluation-gmp-status[data-v-4d777c67]{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-background-mute);border-radius:var(--border-radius-xs);border-left:3px solid var(--color-accent-vibrant)}.student-feedback-card .evaluation-gmp-status h5[data-v-4d777c67]{color:var(--color-accent-vibrant);font-size:var(--font-size-sm);margin-top:0;margin-bottom:var(--spacing-xs)}.student-feedback-card .evaluation-gmp-status p[data-v-4d777c67]{color:var(--color-text-medium);font-size:var(--font-size-sm);font-weight:400}.student-feedback-card .evaluation-date[data-v-4d777c67]{font-size:.85em;color:var(--color-text-light);text-align:right;margin-top:var(--spacing-sm)}.student-feedback-card .no-evaluation[data-v-4d777c67]{padding:var(--spacing-md);text-align:center;color:var(--color-text-light);font-style:italic;font-size:var(--font-size-base);background-color:var(--color-background-soft);border-radius:var(--border-radius-sm);border:1px dashed var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs)}.student-feedback-card .no-evaluation p[data-v-4d777c67]{margin:0;font-size:var(--font-size-base);color:var(--color-text-medium)}.student-feedback-card .no-evaluation[data-v-4d777c67]:before{content:"🤔";font-size:2em;margin-bottom:var(--spacing-xs)}.section-divider[data-v-4d777c67]{border:none;height:2px;background:linear-gradient(to right,transparent,var(--color-border),transparent);margin:var(--spacing-md) 0;position:relative}.section-divider[data-v-4d777c67]:before{content:"•";position:absolute;left:50%;transform:translateX(-50%);top:-8px;background-color:var(--color-background-card);padding:0 5px;color:var(--color-border);font-size:1.2em}.proficiency-group[data-v-4d777c67]{position:relative;padding-bottom:var(--spacing-md)}.proficiency-header[data-v-4d777c67]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.proficiency-value[data-v-4d777c67]{font-size:var(--font-size-sm);font-weight:600;transition:color .3s}.proficiency-slider-container[data-v-4d777c67]{position:relative;margin-bottom:var(--spacing-xs)}.proficiency-slider[data-v-4d777c67]{width:100%;height:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;position:relative;z-index:2;outline:none}.proficiency-slider[data-v-4d777c67]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-white);border:2px solid var(--color-primary-blue);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2)}.proficiency-slider[data-v-4d777c67]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-white);border:2px solid var(--color-primary-blue);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2)}.proficiency-gradient[data-v-4d777c67]{position:absolute;top:4px;left:0;right:0;height:6px;border-radius:var(--border-radius-xs);z-index:1;background:linear-gradient(90deg,#d9d9d9 0,#91d5ff 20%,#40a9ff 40%,#ffd666 50%,#ffa940 70%,#ff7a45 80%,#52c41a)}@media (max-width:768px){.trick-practice-video-review-panel[data-v-4d777c67]{padding-top:calc(var(--video-header-height) + var(--spacing-xs));padding:var(--spacing-xs)}.video-player-section[data-v-4d777c67]{border-radius:var(--border-radius-md)}.video-player-section .video-player[data-v-4d777c67]{width:100%;height:100%;padding-top:0}.video-player-section .video-player .video-element[data-v-4d777c67]{-o-object-fit:contain;object-fit:contain}.processing-message-overlay[data-v-4d777c67]{font-size:var(--font-size-base)}.review-details-section[data-v-4d777c67]{grid-template-columns:1fr;gap:var(--spacing-sm);overflow-y:auto;flex-grow:1}.info-card[data-v-4d777c67]{padding:var(--spacing-sm);font-size:var(--font-size-sm);border-radius:var(--border-radius-md)}.info-card h4[data-v-4d777c67],.info-card h5[data-v-4d777c67]{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.form-control[data-v-4d777c67]{min-height:44px;font-size:var(--font-size-sm)}.btn-primary[data-v-4d777c67],.btn-secondary[data-v-4d777c67]{min-height:48px;font-size:var(--font-size-base);padding:10px 20px}.related-videos-list[data-v-4d777c67]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-xs)}.related-video-item[data-v-4d777c67]{padding:var(--spacing-xs)}.related-video-thumbnail[data-v-4d777c67]{padding-top:56.25%}.related-video-title[data-v-4d777c67]{font-size:.8em}.related-video-meta[data-v-4d777c67]{font-size:.65em}.demonstration-video-setting[data-v-4d777c67]{padding:var(--spacing-sm)}.checkbox-custom[data-v-4d777c67]{width:22px;height:22px;border:2px solid var(--color-border)}.checkbox-text[data-v-4d777c67]{font-size:var(--font-size-sm)}.help-text[data-v-4d777c67]{font-size:var(--font-size-xs);padding-left:calc(18px + var(--spacing-xs))}.info-card.student-feedback-card[data-v-4d777c67]{-o-border-image:linear-gradient(90deg,var(--color-secondary-brand),var(--color-primary-brand)) 1;border-image:linear-gradient(90deg,var(--color-secondary-brand),var(--color-primary-brand)) 1;box-shadow:0 4px 10px rgba(0,0,0,.1),0 0 0 2px rgba(var(--color-secondary-brand-rgb),.1)}.student-feedback-card .collapsible-header[data-v-4d777c67]{font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-sm);margin:-var(--spacing-sm) -var(--spacing-sm) var(--spacing-sm) -var(--spacing-sm)}.student-feedback-card .card-icon[data-v-4d777c67]{font-size:1.2em}.student-feedback-card .arrow-icon[data-v-4d777c67]{font-size:1em}.student-feedback-card .video-evaluation[data-v-4d777c67]{padding:var(--spacing-sm)}.student-feedback-card .form-sub-header[data-v-4d777c67]{font-size:var(--font-size-base)}.student-feedback-card .evaluation-rating .rating-stars[data-v-4d777c67]{font-size:1.5em}.student-feedback-card .evaluation-feedback p[data-v-4d777c67],.student-feedback-card .evaluation-gmp-status p[data-v-4d777c67]{font-size:var(--font-size-sm)}.student-feedback-card .no-evaluation[data-v-4d777c67]{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.student-feedback-card .no-evaluation[data-v-4d777c67]:before{font-size:1.5em}.section-divider[data-v-4d777c67]{margin:var(--spacing-sm) 0}.section-divider[data-v-4d777c67]:before{top:-7px;font-size:1em}.info-card.combined-review-card[data-v-4d777c67],.info-card.description-notes-card[data-v-4d777c67],.info-card.mark-read-section[data-v-4d777c67],.info-card.video-basic-info-card[data-v-4d777c67]{box-shadow:0 4px 10px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.05);-o-border-image:none;border-image:none;border:1px solid var(--color-border)}.combined-review-card .collapsible-header[data-v-4d777c67],.description-notes-card .collapsible-header[data-v-4d777c67],.mark-read-section .collapsible-header[data-v-4d777c67],.video-basic-info-card .collapsible-header[data-v-4d777c67]{font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-sm);margin:-var(--spacing-sm) -var(--spacing-sm) var(--spacing-sm) -var(--spacing-sm);background:var(--color-background-soft);color:var(--color-text-dark)}.combined-review-card .card-icon[data-v-4d777c67],.description-notes-card .card-icon[data-v-4d777c67],.mark-read-section .card-icon[data-v-4d777c67],.video-basic-info-card .card-icon[data-v-4d777c67]{color:var(--color-primary-brand)}.combined-review-card .arrow-icon[data-v-4d777c67],.description-notes-card .arrow-icon[data-v-4d777c67],.mark-read-section .arrow-icon[data-v-4d777c67],.video-basic-info-card .arrow-icon[data-v-4d777c67]{color:var(--color-text-light)}.combined-review-card .demonstration-video-setting[data-v-4d777c67],.combined-review-card .video-evaluation-form[data-v-4d777c67],.combined-review-card .video-evaluation[data-v-4d777c67],.combined-review-card .video-status-management[data-v-4d777c67]{padding:var(--spacing-sm)}}.practice-videos-container[data-v-3e05f4b3]{width:100%;padding:var(--spacing-sm);box-sizing:border-box;background:var(--color-background-card);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:background .2s ease,box-shadow .2s ease;max-width:1200px;margin:0 auto}.practice-videos-header[data-v-3e05f4b3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-xs);background:linear-gradient(90deg,rgba(59,130,246,.05),rgba(99,102,241,.02));border-radius:var(--border-radius-md)}.header-left[data-v-3e05f4b3]{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.component-title[data-v-3e05f4b3]{font-size:var(--font-size-lg);color:var(--color-heading);margin:0;font-weight:700;flex-shrink:0}.video-tabs[data-v-3e05f4b3]{display:flex;gap:var(--spacing-xs);align-items:center;background-color:var(--color-background-light);border-radius:var(--border-radius-md);padding:var(--spacing-xs);box-shadow:inset 0 1px 3px rgba(0,0,0,.08);overflow:hidden;margin-bottom:0}.tab-btn[data-v-3e05f4b3]{padding:6px 12px;border-radius:var(--border-radius-sm);border:1px solid transparent;background:transparent;color:var(--color-text-light);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all .2s ease;white-space:nowrap;min-height:var(--touch-target-min-size)}.tab-btn[data-v-3e05f4b3]:not(.active):hover{color:var(--color-primary-blue2);background-color:rgba(var(--color-primary-blue2-rgb),.05)}.tab-btn.active[data-v-3e05f4b3]{color:var(--color-white);border-color:transparent;transform:translateY(-1px);box-shadow:var(--shadow-md)}.tab-btn.active.tab-all[data-v-3e05f4b3]{background:var(--tab-all-active-color)}.tab-btn.active.tab-self[data-v-3e05f4b3]{background:var(--tab-self-active-color)}.tab-btn.active.tab-others[data-v-3e05f4b3]{background:var(--tab-others-active-color)}.tab-btn.active[data-v-3e05f4b3]:hover{transform:translateY(-2px)}.header-actions[data-v-3e05f4b3]{display:flex;gap:var(--spacing-xs);align-items:center;flex-wrap:nowrap;margin-top:0}.btn-toggle-filters[data-v-3e05f4b3]{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-blue2);color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);box-shadow:0 8px 18px rgba(var(--color-primary-blue2-rgb),.12);transition:transform .12s ease,box-shadow .15s ease;min-height:var(--touch-target-min-size)}.btn-toggle-filters[data-v-3e05f4b3]:active{transform:translateY(1px)}.btn-toggle-filters .icon-filter[data-v-3e05f4b3]{transition:transform .28s ease;transform:rotate(0deg)}.btn-toggle-filters .icon-filter.rotated[data-v-3e05f4b3]{transform:rotate(180deg)}.btn-action.upload-btn[data-v-3e05f4b3]{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-yellow);color:var(--color-text-dark);border:none;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);box-shadow:0 8px 20px rgba(var(--color-primary-yellow-rgb),.12);white-space:nowrap;min-height:var(--touch-target-min-size)}.btn-action.upload-btn .icon-upload[data-v-3e05f4b3]{font-size:18px}.btn-action.upload-btn .upload-text[data-v-3e05f4b3]{display:inline-block}@media (max-width:768px){.btn-action.upload-btn[data-v-3e05f4b3]{width:100%;height:var(--touch-target-min-size);padding:0;font-size:var(--font-size-sm);border-radius:var(--border-radius-md);justify-content:center}.header-actions[data-v-3e05f4b3]{width:100%;gap:var(--spacing-sm);justify-content:space-between}.video-tabs[data-v-3e05f4b3]{width:100%;justify-content:center;margin-bottom:var(--spacing-sm)}}.practice-videos-filters[data-v-3e05f4b3]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-md) 0;font-size:var(--font-size-sm);background:var(--color-background-card);padding:var(--spacing-sm);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:max-height .34s cubic-bezier(.2,.9,.2,1),opacity .28s ease,padding .28s ease;max-height:400px;opacity:1;overflow:hidden;border:1px solid var(--color-border);margin-bottom:var(--spacing-lg)}.practice-videos-filters.collapsed[data-v-3e05f4b3]{max-height:0;opacity:0;padding-top:0;padding-bottom:0;pointer-events:none;border:none;box-shadow:none}.filter-group[data-v-3e05f4b3]{display:flex;align-items:center;gap:var(--spacing-xs);background:linear-gradient(180deg,var(--color-white),var(--color-gray-light));border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);min-width:140px;border:1px solid var(--color-border);box-sizing:border-box}.filter-group label[data-v-3e05f4b3]{color:var(--color-text-dark);font-weight:600;font-size:var(--font-size-xs)}.filter-group select[data-v-3e05f4b3]{padding:6px 8px;border-radius:var(--border-radius-sm);border:1px solid var(--color-border);background-color:var(--color-background-input);color:var(--color-text-dark);font-size:var(--font-size-sm);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666' width='18' height='18'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;min-width:120px;min-height:var(--touch-target-min-size)}.uploader-wrapper[data-v-3e05f4b3]{margin-bottom:var(--spacing-xxs);padding:var(--spacing-xxs);background-color:var(--color-background-card);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.videos-grid[data-v-3e05f4b3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.video-grid-item[data-v-3e05f4b3]{border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease;background:var(--color-background-card);border:1px solid var(--color-border);cursor:pointer;position:relative}.video-grid-item[data-v-3e05f4b3]:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.video-grid-item[data-v-3e05f4b3]:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--color-primary-orange),var(--color-primary-red2))}.video-thumbnail[data-v-3e05f4b3]{position:relative;width:100%;padding-top:56.25%;cursor:pointer;background:#000;overflow:hidden}.video-thumbnail img[data-v-3e05f4b3]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.duration-badge[data-v-3e05f4b3]{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);background-color:rgba(0,0,0,.72);color:#fff;padding:4px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xxs)}.visibility-badge[data-v-3e05f4b3]{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);color:#fff;padding:6px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);display:flex;align-items:center;justify-content:center;width:34px;height:34px;box-shadow:var(--shadow-sm)}.visibility-badge.public[data-v-3e05f4b3]{background:linear-gradient(90deg,var(--color-primary-green),var(--color-primary-cyan))}.visibility-badge.organization[data-v-3e05f4b3]{background:linear-gradient(90deg,var(--color-primary-blue2),var(--color-primary-purple))}.visibility-badge.private[data-v-3e05f4b3]{background:linear-gradient(90deg,var(--color-gray-dark),var(--color-text-light))}.video-info[data-v-3e05f4b3]{padding:var(--spacing-sm)}.video-title[data-v-3e05f4b3]{font-weight:700;margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-base);color:var(--color-heading)}.video-meta[data-v-3e05f4b3]{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.video-rating[data-v-3e05f4b3]{color:var(--color-primary-yellow2);font-size:var(--font-size-base)}.empty-state[data-v-3e05f4b3],.loading-indicator[data-v-3e05f4b3]{text-align:center;padding:var(--spacing-lg) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-light)}.loading-indicator .spinner[data-v-3e05f4b3]{width:42px;height:42px;margin:0 auto var(--spacing-sm);border-radius:var(--border-radius-full);border:4px solid rgba(0,0,0,.08);border-top-color:var(--color-primary-blue2);animation:spin-3e05f4b3 1s linear infinite}@keyframes spin-3e05f4b3{to{transform:rotate(1turn)}}.video-modal-fade-enter-active[data-v-3e05f4b3],.video-modal-fade-leave-active[data-v-3e05f4b3]{transition:opacity .28s ease}.video-modal-fade-enter-from[data-v-3e05f4b3],.video-modal-fade-leave-to[data-v-3e05f4b3]{opacity:0}.video-modal-backdrop[data-v-3e05f4b3]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay-backdrop-solid);display:flex;justify-content:center;align-items:center;z-index:3000;padding-top:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + var(--app-footer-height) + env(safe-area-inset-bottom, 0px))}.video-modal-content[data-v-3e05f4b3]{background-color:var(--color-background-card);border-radius:var(--border-radius-md);max-width:560px;width:100%;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);margin-bottom:0}.video-modal-header[data-v-3e05f4b3]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-background-soft);border-bottom:1px solid var(--color-border);position:relative;z-index:300}.video-modal-title[data-v-3e05f4b3]{margin:0;font-size:var(--font-size-sm);font-weight:300;color:var(--color-text-dark);flex-grow:1;padding-right:var(--spacing-lg)}.close-btn[data-v-3e05f4b3]{height:34px;width:66px;background:var(--color-primary-yellow);border:none;font-size:36px;font-weight:300;color:var(--color-primary-blue2);cursor:pointer;padding:12px;border-radius:15%;transition:all .2s ease-in-out;display:flex;justify-content:center;align-items:center;min-width:56px;min-height:26px;position:absolute;top:50%;right:var(--spacing-md);transform:translateY(-50%);z-index:200;box-shadow:var(--shadow-sm)}.close-btn[data-v-3e05f4b3]:hover{background-color:var(--color-primary-yellow2);color:var(--color-black);transform:translateY(-50%) scale(1.1);box-shadow:var(--shadow-md)}.close-btn[data-v-3e05f4b3]:active{transform:translateY(-50%) scale(.95);background-color:rgba(var(--color-primary-yellow-rgb),.7)}.video-modal-body[data-v-3e05f4b3]{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);flex-grow:1;overflow-y:auto}@media (max-width:768px){.practice-videos-container[data-v-3e05f4b3]{padding:var(--spacing-sm);max-width:98%}.practice-videos-header[data-v-3e05f4b3]{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-xs)}.header-left[data-v-3e05f4b3]{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.component-title[data-v-3e05f4b3]{font-size:var(--font-size-md);text-align:center}.video-tabs[data-v-3e05f4b3]{width:100%;justify-content:center}.tab-btn[data-v-3e05f4b3]{flex:1;text-align:center;padding:6px 8px}.header-actions[data-v-3e05f4b3]{flex-direction:row;justify-content:space-between;align-items:center}.btn-toggle-filters[data-v-3e05f4b3]{flex:1 1 auto;justify-content:center}.practice-videos-filters[data-v-3e05f4b3]{flex-wrap:nowrap;justify-content:space-between;gap:var(--spacing-xs);padding:var(--spacing-xs)}.filter-group[data-v-3e05f4b3]{flex:1;min-width:0;flex-direction:column;align-items:flex-start;padding:var(--spacing-xs)}.filter-group label[data-v-3e05f4b3]{font-size:var(--font-size-xxs);color:var(--color-text-light)}.filter-group select[data-v-3e05f4b3]{padding:6px;font-size:var(--font-size-xs);width:100%;background-position:right 8px center;padding-right:26px;min-width:unset}.videos-grid[data-v-3e05f4b3]{grid-template-columns:1fr;gap:var(--spacing-sm)}.video-modal-backdrop[data-v-3e05f4b3]{padding-top:var(--spacing-sm);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);padding-bottom:calc(var(--spacing-sm) + var(--app-footer-height) + env(safe-area-inset-bottom, 0px))}.video-modal-content[data-v-3e05f4b3]{border-radius:0}.video-modal-body[data-v-3e05f4b3]{padding:var(--spacing-sm);gap:var(--spacing-sm);flex-direction:column}}@media (max-width:480px){.header-actions[data-v-3e05f4b3]{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.btn-toggle-filters[data-v-3e05f4b3]{width:100%;margin-bottom:var(--spacing-xs)}.btn-action.upload-btn[data-v-3e05f4b3]{margin-top:0;width:100%}.videos-grid[data-v-3e05f4b3]{grid-template-columns:1fr;gap:var(--spacing-xs)}.video-title[data-v-3e05f4b3]{font-size:var(--font-size-sm)}.video-meta[data-v-3e05f4b3]{font-size:var(--font-size-xs)}.video-modal-backdrop[data-v-3e05f4b3]{padding-top:0;padding-left:0;padding-right:0;padding-bottom:calc(var(--app-footer-height) + env(safe-area-inset-bottom, 0px))}.video-modal-content[data-v-3e05f4b3]{border-radius:0}.close-btn[data-v-3e05f4b3]{font-size:1.25rem}}.review-status-badge[data-v-3e05f4b3]{position:absolute;top:var(--spacing-xs);left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xxs);z-index:5;font-weight:600}.review-status-badge.pending_review[data-v-3e05f4b3]{background-color:var(--color-primary-yellow2);color:var(--color-text-dark)}.review-status-badge.rejected[data-v-3e05f4b3]{background-color:var(--color-primary-red2)}.review-status-badge.draft[data-v-3e05f4b3]{background-color:var(--color-gray-dark)}.review-status-badge.archived[data-v-3e05f4b3]{background-color:var(--color-primary-cyan)}.unread-badge[data-v-3e05f4b3]{position:absolute;bottom:var(--spacing-xs);left:var(--spacing-xs);background-color:var(--color-primary-blue2);color:#fff;padding:4px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xxs);z-index:5;animation:pulse 1.5s infinite;font-weight:600}.processing-overlay[data-v-3e05f4b3]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:var(--font-size-sm);text-align:center;border-radius:var(--border-radius-sm);z-index:10}.latest-status-badge[data-v-3e05f4b3]{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background-color:rgba(0,0,0,.6);color:#fff;padding:4px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xxs);font-weight:600;z-index:6}.latest-status-badge.old-version[data-v-3e05f4b3]{background-color:var(--color-primary-orange);color:var(--color-text-dark)}.storage-class-badge[data-v-3e05f4b3]{position:absolute;bottom:var(--spacing-xs);left:var(--spacing-xs);background-color:rgba(0,0,0,.6);color:#fff;padding:4px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xxs);font-weight:600;z-index:5}.storage-class-badge.archive[data-v-3e05f4b3]{background-color:var(--color-primary-purple)}.video-grid-item.demonstration-video[data-v-3e05f4b3]{border:3px solid #f39c12;box-shadow:0 4px 20px rgba(243,156,18,.3);background:linear-gradient(135deg,#fff,#fff9e6)}.video-grid-item.demonstration-video[data-v-3e05f4b3]:hover{transform:translateY(-8px);box-shadow:0 8px 30px rgba(243,156,18,.4)}.demonstration-badge[data-v-3e05f4b3]{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;padding:6px 10px;border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px rgba(243,156,18,.4);z-index:10}.demonstration-star[data-v-3e05f4b3]{font-size:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.demonstration-text[data-v-3e05f4b3]{font-size:var(--font-size-xxs);letter-spacing:.5px}.video-grid-item.demonstration-video .visibility-badge[data-v-3e05f4b3]{top:calc(var(--spacing-xs) + 35px)}.video-grid-item.demonstration-video .review-status-badge[data-v-3e05f4b3]{top:calc(var(--spacing-xs) + 70px)}@media (max-width:480px){.demonstration-badge[data-v-3e05f4b3]{padding:4px 6px;font-size:var(--font-size-xxs)}.demonstration-star[data-v-3e05f4b3]{font-size:12px}}.skill-progress-panel[data-v-703ab7c5]{background-color:var(--color-background-soft);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding-bottom:var(--spacing-md);overflow:hidden}.panel-header[data-v-703ab7c5]{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--color-white);border-bottom:1px solid var(--color-border-light);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;margin-bottom:var(--spacing-xs)}.panel-header h3[data-v-703ab7c5]{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-dark);margin:0;text-align:center;padding-bottom:var(--spacing-xxs)}.mode-selector[data-v-703ab7c5]{display:flex;flex-wrap:nowrap;gap:var(--spacing-xxs);justify-content:center;width:100%;margin-bottom:var(--spacing-xs)}.mode-btn[data-v-703ab7c5]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:38px;flex-grow:1;flex-shrink:1;flex-basis:0;max-width:180px;border:1px solid var(--color-primary-blue);border-radius:var(--border-radius-sm);box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .3s ease;background-color:var(--color-background-soft);color:var(--color-text);white-space:nowrap;cursor:pointer}.mode-btn.active[data-v-703ab7c5]{background-color:var(--color-primary-blue);color:var(--color-white);border-color:var(--color-primary-blue);box-shadow:0 2px 4px rgba(64,169,255,.3)}.mode-btn[data-v-703ab7c5]:hover:not(.active){background-color:var(--color-primary-blue-light);color:var(--color-white);box-shadow:0 2px 4px rgba(0,0,0,.1)}.trick-type-selector[data-v-703ab7c5]{display:flex;flex-wrap:nowrap;gap:var(--spacing-xxs);justify-content:flex-start;width:100%;margin-top:var(--spacing-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.trick-type-selector[data-v-703ab7c5]::-webkit-scrollbar{display:none}.skill-level-category-selector[data-v-703ab7c5]{display:flex;flex-wrap:nowrap;gap:var(--spacing-xxs);justify-content:flex-start;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.skill-level-category-selector[data-v-703ab7c5]::-webkit-scrollbar{display:none}.trick-type-btn[data-v-703ab7c5]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:38px;flex-grow:1;flex-shrink:1;flex-basis:0;max-width:160px;border:1px solid var(--color-primary-blue);border-radius:var(--border-radius-sm);box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .3s ease;background-color:var(--color-white);color:var(--color-primary-blue);white-space:nowrap;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:0}.trick-type-btn.active[data-v-703ab7c5]{background-color:var(--color-primary-blue);color:var(--color-white);border-color:var(--color-primary-blue);box-shadow:0 2px 4px rgba(64,169,255,.3)}.trick-type-btn[data-v-703ab7c5]:hover:not(.active){background-color:var(--color-primary-blue-light);color:var(--color-white);box-shadow:0 2px 4px rgba(0,0,0,.1)}.trick-type-btn.disabled[data-v-703ab7c5]{background-color:var(--color-border-light);color:var(--color-text-light);border-color:var(--color-border-light);opacity:.8;cursor:not-allowed;box-shadow:none}.category-btn[data-v-703ab7c5]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:38px;flex-grow:1;flex-shrink:1;flex-basis:0;max-width:160px;border:1px solid var(--color-primary-blue);border-radius:var(--border-radius-sm);box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .3s ease;background-color:var(--color-white);color:var(--color-primary-blue);white-space:nowrap;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:0}.category-btn.active[data-v-703ab7c5]{background-color:var(--color-primary-blue);color:var(--color-white);border-color:var(--color-primary-blue);box-shadow:0 2px 4px rgba(64,169,255,.3)}.category-btn[data-v-703ab7c5]:hover:not(.active){background-color:var(--color-primary-blue-light);color:var(--color-white);box-shadow:0 2px 4px rgba(0,0,0,.1)}.category-btn.disabled[data-v-703ab7c5]{background-color:var(--color-border-light);color:var(--color-text-light);border-color:var(--color-border-light);opacity:.8;cursor:not-allowed;box-shadow:none}.skill-level-required[data-v-703ab7c5]{font-size:var(--font-size-xxs);background-color:var(--color-primary-yellow);color:var(--color-text-dark);padding:1px 4px;border-radius:var(--border-radius-xs);margin-left:var(--spacing-xxs);font-weight:700;flex-shrink:0}.topic-filter-selector[data-v-703ab7c5]{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;margin-top:var(--spacing-xs)}.topic-major-category-selector[data-v-703ab7c5]{display:flex;flex-wrap:nowrap;gap:var(--spacing-xxs);justify-content:flex-start;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.topic-major-category-selector[data-v-703ab7c5]::-webkit-scrollbar{display:none}.topic-major-category-btn[data-v-703ab7c5]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:38px;flex-grow:1;flex-shrink:1;flex-basis:0;max-width:160px;border:1px solid var(--color-primary-blue);border-radius:var(--border-radius-sm);box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .3s ease;background-color:var(--color-white);color:var(--color-primary-blue);white-space:nowrap;cursor:pointer;min-width:0}.topic-major-category-btn[data-v-703ab7c5]:hover{background-color:var(--color-primary-blue-light);color:var(--color-white);box-shadow:0 2px 4px rgba(0,0,0,.1)}.topic-major-category-btn.active[data-v-703ab7c5]{background-color:var(--color-primary-blue);color:var(--color-white);border-color:var(--color-primary-blue);box-shadow:0 2px 4px rgba(64,169,255,.3)}.topic-major-category-btn.active[data-v-703ab7c5]:hover{background-color:#1890ff;box-shadow:0 3px 6px rgba(64,169,255,.4)}.topic-major-category-btn.locked[data-v-703ab7c5]{cursor:not-allowed;opacity:.85;background-size:20px 20px}.topic-major-category-btn.locked.active[data-v-703ab7c5],.topic-major-category-btn.locked.active[data-v-703ab7c5]:hover,.topic-major-category-btn.locked[data-v-703ab7c5],.topic-major-category-btn.locked[data-v-703ab7c5]:hover{background-color:var(--color-gray-light);color:var(--color-text-light);border-color:var(--color-border-light);box-shadow:none;background-image:repeating-linear-gradient(45deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2) 10px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 20px)}.topic-major-category-btn.locked .lock-icon[data-v-703ab7c5]{color:var(--color-text-light);margin-left:5px}.topic-filter-selector .filter-select[data-v-703ab7c5]{width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:38px;border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light);background-color:var(--color-background-soft);color:var(--color-text);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2C114.7L159.2%2C242.5c-3.2%2C3.2-8.3%2C3.2-11.5%2C0L5.4%2C114.7c-3.2-3.2-3.2-8.3%2C0-11.5l11.5-11.5c3.2-3.2%2C8.3-3.2%2C11.5%2C0l113.9%2C113.9L264%2C91.7c3.2-3.2%2C8.3-3.2%2C11.5%2C0l11.5%2C11.5C290.2%2C106.4%2C290.2%2C111.5%2C287%2C114.7z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:30px}.loading-spinner-small[data-v-703ab7c5]{margin:var(--spacing-md) auto;border:2px solid var(--color-border-light);border-top:2px solid var(--color-primary-cyan);border-radius:50%;width:20px;height:20px;animation:spin-703ab7c5 1s linear infinite}@keyframes spin-703ab7c5{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state[data-v-703ab7c5]{padding:var(--spacing-md);text-align:center;color:var(--color-text-light);font-size:var(--font-size-md)}.empty-state[data-v-703ab7c5],.section.skills-section[data-v-703ab7c5]{background-color:var(--color-white);border-radius:var(--border-radius-sm);margin:var(--spacing-xs)}.section.skills-section[data-v-703ab7c5]{padding:var(--spacing-sm);box-shadow:0 1px 3px rgba(0,0,0,.1)}.section-header[data-v-703ab7c5]{justify-content:space-between;margin-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-xxs)}.section-header[data-v-703ab7c5],.title-and-search[data-v-703ab7c5]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs)}.title-and-search[data-v-703ab7c5]{flex-grow:1;min-width:200px}.skill-action-buttons[data-v-703ab7c5]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);width:100%;justify-content:flex-start;align-items:center;margin-bottom:var(--spacing-xs)}.skill-action-buttons .btn[data-v-703ab7c5]{flex:1;min-width:140px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);border-radius:var(--border-radius-sm);box-shadow:0 1px 2px rgba(0,0,0,.1);transition:all .2s ease;white-space:nowrap}.skill-action-buttons .btn-danger[data-v-703ab7c5]{background-color:var(--color-primary-red);color:var(--color-white)}.skill-action-buttons .btn-danger[data-v-703ab7c5]:hover{background-color:var(--color-status-warning-dark);color:var(--color-black);box-shadow:0 2px 4px rgba(245,34,45,.3)}.skill-action-buttons .btn-warning[data-v-703ab7c5]{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.skill-action-buttons .btn-warning[data-v-703ab7c5]:hover{background-color:var(--color-primary-yellow-dark);box-shadow:0 2px 4px rgba(250,173,20,.3)}.search-input-container[data-v-703ab7c5]{position:relative;display:flex;align-items:center;width:100%;max-width:320px}.skill-search-input[data-v-703ab7c5]{width:100%;padding-right:2.5em;padding-left:2em;height:36px;font-size:1em;border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light);box-sizing:border-box;line-height:36px;transition:border-color .2s ease,box-shadow .2s ease}.skill-search-input[data-v-703ab7c5]:focus{border-color:var(--color-primary-blue);box-shadow:0 0 0 2px rgba(24,144,255,.2);outline:none}.search-icon[data-v-703ab7c5]{position:absolute;left:.7em;font-size:1.1em;pointer-events:none;color:var(--color-text-light)}.clear-btn[data-v-703ab7c5]{position:absolute;right:.5em;background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:1.15em;padding:0 .1em;z-index:1;transition:color .2s}.clear-btn[data-v-703ab7c5]:hover{color:var(--color-primary-red)}.filter-controls[data-v-703ab7c5]{display:flex;gap:var(--spacing-xs);flex-shrink:0;width:100%;justify-content:flex-end}.filter-select[data-v-703ab7c5]{padding:var(--spacing-xxs) var(--spacing-xs);border:1px solid var(--color-border-light);border-radius:var(--border-radius-xs);font-size:var(--font-size-sm);background-color:var(--color-white);min-height:36px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2C114.7L159.2%2C242.5c-3.2%2C3.2-8.3%2C3.2-11.5%2C0L5.4%2C114.7c-3.2-3.2-3.2-8.3%2C0-11.5l11.5-11.5c3.2-3.2%2C8.3-3.2%2C11.5%2C0l113.9%2C113.9L264%2C91.7c3.2-3.2%2C8.3-3.2%2C11.5%2C0l11.5%2C11.5C290.2%2C106.4%2C290.2%2C111.5%2C287%2C114.7z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:10px;padding-right:25px}.search-results-container[data-v-703ab7c5]{background-color:var(--color-white);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);box-shadow:0 2px 6px rgba(0,0,0,.1);margin-bottom:var(--spacing-md)}.search-results-title[data-v-703ab7c5]{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-dark);margin:0 0 var(--spacing-xs) 0;border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-xxs)}.skills-grid[data-v-703ab7c5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.skill-card[data-v-703ab7c5]{background-color:var(--color-white);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light);overflow:hidden;transition:transform .2s,box-shadow .2s,background-color .3s ease;display:flex;flex-direction:column;cursor:pointer;padding:var(--spacing-sm);min-width:260px;box-shadow:var(--shadow-xs)}.skill-card[data-v-703ab7c5]:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.skill-card.status-not-started[data-v-703ab7c5]{border-left:3px solid var(--color-gray)}.skill-card.status-learning[data-v-703ab7c5]{border-left:3px solid var(--color-primary-blue)}.skill-card.status-practicing[data-v-703ab7c5]{border-left:3px solid var(--color-primary-orange)}.skill-card.status-advancing[data-v-703ab7c5]{border-left:3px solid var(--color-primary-pink)}.skill-card.status-refining[data-v-703ab7c5]{border-left:3px solid var(--color-primary-purple)}.skill-card.status-mastered[data-v-703ab7c5]{border-left:3px solid var(--color-primary-green)}.skill-card.search-highlight[data-v-703ab7c5]{box-shadow:0 0 0 3px var(--color-primary-blue-light),0 2px 8px rgba(24,144,255,.2);transform:translateY(-2px);transition:all .3s ease}.skill-card.search-highlight[data-v-703ab7c5]:hover{box-shadow:0 0 0 3px var(--color-primary-blue),0 4px 12px rgba(24,144,255,.3);transform:translateY(-4px)}.skill-card.search-highlight .skill-name[data-v-703ab7c5]:after{background-color:var(--color-primary-blue)}.skill-header[data-v-703ab7c5]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xxs) var(--spacing-xs);border-bottom:1px solid var(--color-border-light);margin:calc(var(--spacing-sm)*-1);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xxs)}.skill-name[data-v-703ab7c5]{margin:0;font-size:var(--font-size-base);color:var(--color-text-dark);font-weight:600;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exclusive-badge[data-v-703ab7c5]{display:inline-block;padding:2px 6px;background-color:var(--color-accent);color:#fff;border-radius:4px;font-size:.75em;margin-left:8px;vertical-align:middle;font-weight:700;flex-shrink:0}.skill-status[data-v-703ab7c5]{font-size:var(--font-size-xxs);padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--border-radius-xs);background-color:var(--color-border-light);color:var(--color-text-dark);font-weight:600;flex-shrink:0}.status-not-started .skill-status[data-v-703ab7c5]{background-color:var(--color-gray-light);color:var(--color-text-light)}.status-learning .skill-status[data-v-703ab7c5]{background-color:var(--color-primary-blue);color:#fff}.status-practicing .skill-status[data-v-703ab7c5]{background-color:var(--color-primary-orange);color:#fff}.status-advancing .skill-status[data-v-703ab7c5]{background-color:var(--color-primary-pink);color:#fff}.status-refining .skill-status[data-v-703ab7c5]{background-color:var(--color-primary-purple);color:#fff}.status-mastered .skill-status[data-v-703ab7c5]{background-color:var(--color-primary-green);color:#fff}.skill-body[data-v-703ab7c5]{display:flex;flex-direction:column;flex-grow:1;padding-top:var(--spacing-xxs);padding-bottom:var(--spacing-xxs)}.description-and-value-row[data-v-703ab7c5]{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px}.skill-description[data-v-703ab7c5]{line-height:1.4}.skill-description[data-v-703ab7c5],.skill-level-name[data-v-703ab7c5]{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-xs);color:var(--color-text-light);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em}.skill-level-name[data-v-703ab7c5]{line-height:1}.proficiency-value[data-v-703ab7c5]{flex-shrink:0;font-weight:700;font-size:var(--font-size-sm);color:var(--color-primary-red)}.proficiency-bar[data-v-703ab7c5]{height:6px;background-color:var(--color-border-light);border-radius:var(--border-radius-xs);overflow:hidden;margin-bottom:var(--spacing-xxs)}.proficiency-fill[data-v-703ab7c5]{height:100%;background-color:var(--color-primary-cyan);transition:width .3s ease}.skill-footer[data-v-703ab7c5]{display:flex;flex-wrap:nowrap;gap:var(--spacing-xxs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border-light);margin-top:auto;justify-content:space-between;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.skill-footer[data-v-703ab7c5]::-webkit-scrollbar{display:none}.skill-footer .action-btn[data-v-703ab7c5]{flex-grow:1;flex-shrink:1;flex-basis:0;min-width:0;min-height:36px;padding:var(--spacing-xxs) var(--spacing-xs);font-size:var(--font-size-xs);border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font-weight:500;color:var(--color-white)}.skill-footer .action-btn .btn-text[data-v-703ab7c5]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-footer .btn-update-progress[data-v-703ab7c5]{background-color:#4a7bff}.skill-footer .btn-update-progress[data-v-703ab7c5]:hover{background-color:#3667e5;box-shadow:0 2px 6px rgba(74,123,255,.4)}.skill-footer .btn-add-daily-task[data-v-703ab7c5]{background-color:#52c41a}.skill-footer .btn-add-daily-task[data-v-703ab7c5]:hover{background-color:#409a15;box-shadow:0 2px 6px rgba(82,196,26,.4)}.skill-footer .btn-add-daily-task[data-v-703ab7c5]:disabled{background-color:var(--color-gray-light);color:var(--color-text-light);cursor:not-allowed;box-shadow:none;opacity:.7}.skill-footer .btn-practice-video[data-v-703ab7c5]{background-color:#fa8c16}.skill-footer .btn-practice-video[data-v-703ab7c5]:hover{background-color:#d4740c;box-shadow:0 2px 6px rgba(250,140,22,.4)}.skill-footer .btn-related-video[data-v-703ab7c5]{background-color:#722ed1}.skill-footer .btn-related-video[data-v-703ab7c5]:hover{background-color:#5c1bb8;box-shadow:0 2px 6px rgba(114,46,209,.4)}.icon-practice-video[data-v-703ab7c5],.icon-video[data-v-703ab7c5]{filter:brightness(0) invert(1)}.video-badges[data-v-703ab7c5]{display:flex;align-items:center;gap:3px;background-color:rgba(0,0,0,.1);border-radius:4px;padding:2px 4px;margin-left:5px}.video-badge[data-v-703ab7c5]{display:inline-flex;align-items:center;justify-content:center;font-size:.7em;padding:2px 5px;border-radius:4px;color:#fff;min-width:20px;height:20px;box-sizing:border-box;font-weight:700}.video-badge.badge-me[data-v-703ab7c5]{background-color:var(--color-primary-green)}.video-badge.badge-public[data-v-703ab7c5]{background-color:var(--color-primary-blue)}.btn-practice-video.state-none[data-v-703ab7c5]{background-color:var(--color-gray-light);color:var(--color-text-dark)}.btn-practice-video.state-none[data-v-703ab7c5]:hover{background-color:var(--color-gray);color:var(--color-white)}.btn-practice-video.state-mine[data-v-703ab7c5]{background-color:var(--color-primary-green)}.btn-practice-video.state-mine[data-v-703ab7c5]:hover{background-color:var(--color-primary-green-dark)}.btn-practice-video.state-public[data-v-703ab7c5]{background-color:var(--color-primary-blue)}.btn-practice-video.state-public[data-v-703ab7c5]:hover{background-color:var(--color-primary-blue-dark)}.btn-practice-video.state-mixed[data-v-703ab7c5]{background-color:var(--color-primary-purple)}.btn-practice-video.state-mixed[data-v-703ab7c5]:hover{background-color:var(--color-primary-purple-dark)}.level-item[data-v-703ab7c5]{margin-bottom:var(--spacing-xs);background-color:var(--color-background-light);border-radius:var(--border-radius-sm);overflow:hidden;transition:box-shadow .3s ease,transform .3s ease;scroll-margin-top:80px;box-shadow:var(--shadow-xs)}.level-item[data-v-703ab7c5]:has(>.level-header-compact+div.skills-grid){box-shadow:0 0 0 3px var(--color-primary-blue-light),0 4px 12px rgba(24,144,255,.3);transform:translateY(-2px);border-left:3px solid var(--color-primary-blue)}.level-header-compact[data-v-703ab7c5]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);transition:background-color .2s,box-shadow .2s;min-height:48px}.level-header-compact[data-v-703ab7c5]:hover{background-color:var(--color-background-hover);box-shadow:var(--shadow-xs)}.level-title-compact[data-v-703ab7c5]{display:flex;align-items:center;font-weight:600;color:var(--color-text-dark)}.level-badge[data-v-703ab7c5]{padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--border-radius-xs);font-weight:700;color:#fff;margin-right:var(--spacing-xs);min-width:24px;text-align:center;background-color:var(--color-primary-blue)}.level-name[data-v-703ab7c5]{font-weight:600}.level-progress-indicator[data-v-703ab7c5]{display:flex;align-items:center;gap:var(--spacing-xs)}.progress-bar-mini[data-v-703ab7c5]{width:80px;height:8px;background-color:var(--color-border-light);border-radius:var(--border-radius-xs);overflow:hidden}.progress-fill[data-v-703ab7c5]{height:100%;background-color:var(--color-primary-cyan);transition:width .3s ease}.progress-percent[data-v-703ab7c5]{font-size:var(--font-size-xs);font-weight:600;min-width:40px;text-align:right;color:var(--color-text-dark)}.level-locked .level-header-compact[data-v-703ab7c5]{background-color:hsla(0,0%,94%,.7)!important;cursor:not-allowed;opacity:.85;position:relative}.level-lock-icon[data-v-703ab7c5]{margin-left:8px;font-size:14px;color:var(--color-text-light)}.level-locked .level-header-compact[data-v-703ab7c5]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,rgba(0,0,0,.03),rgba(0,0,0,.03) 10px,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 20px);pointer-events:none;border-radius:var(--border-radius-sm)}.next-level-unlock-tip[data-v-703ab7c5]{margin:15px var(--spacing-xs);padding:12px;background-color:rgba(250,173,20,.1);border:1px solid rgba(250,173,20,.3);border-radius:var(--border-radius-sm);display:flex;align-items:center;gap:15px}.tip-icon[data-v-703ab7c5]{font-size:24px;color:var(--color-primary-yellow);flex-shrink:0}.tip-text[data-v-703ab7c5]{flex:1}.tip-text p[data-v-703ab7c5]{margin:0 0 5px 0;color:var(--color-text-dark);font-size:var(--font-size-sm)}.tip-text strong[data-v-703ab7c5]{color:var(--color-primary)}.unlock-progress-bar[data-v-703ab7c5]{height:8px;background-color:rgba(0,0,0,.1);border-radius:4px;margin:8px 0;overflow:hidden}.unlock-progress-fill[data-v-703ab7c5]{height:100%;background-color:var(--color-primary-yellow);transition:width .3s ease}.unlock-percent[data-v-703ab7c5]{font-size:var(--font-size-xxs);color:var(--color-text-light);text-align:right}.topic-specific-notes[data-v-703ab7c5]{margin-top:var(--spacing-xs);padding:var(--spacing-xxs) var(--spacing-xs);background-color:var(--color-background-soft);border-radius:var(--border-radius-xs);font-size:var(--font-size-xxs);color:var(--color-text-light);border-left:3px solid var(--color-primary-blue)}.topic-specific-notes p[data-v-703ab7c5]{margin:0}@media (max-width:768px){.panel-header[data-v-703ab7c5]{padding:var(--spacing-sm);gap:var(--spacing-sm)}.panel-header h3[data-v-703ab7c5]{font-size:var(--font-size-md)}.mode-selector[data-v-703ab7c5]{justify-content:space-between}.mode-btn[data-v-703ab7c5]{flex-basis:calc(50% - var(--spacing-xxs)/2);max-width:unset;font-size:var(--font-size-sm);min-height:40px;padding:var(--spacing-xs)}.topic-major-category-selector[data-v-703ab7c5],.trick-type-selector[data-v-703ab7c5]{justify-content:space-between;gap:var(--spacing-xxs)}.category-btn[data-v-703ab7c5],.topic-major-category-btn[data-v-703ab7c5],.trick-type-btn[data-v-703ab7c5]{flex-basis:auto;min-width:0;max-width:unset;font-size:var(--font-size-sm);min-height:40px;padding:var(--spacing-xs)}.section-header[data-v-703ab7c5]{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding-bottom:var(--spacing-xxs)}.title-and-search[data-v-703ab7c5]{width:100%;flex-direction:column;align-items:flex-start;gap:var(--spacing-xxs)}.skill-action-buttons[data-v-703ab7c5]{flex-wrap:wrap;justify-content:center}.skill-action-buttons .btn[data-v-703ab7c5]{flex-basis:calc(50% - var(--spacing-xs)/2);min-width:unset}.search-input-container[data-v-703ab7c5]{width:100%;max-width:none}.filter-controls[data-v-703ab7c5]{width:100%;justify-content:space-between}.filter-select[data-v-703ab7c5]{flex:1;min-width:unset}.skills-grid[data-v-703ab7c5]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.skill-name[data-v-703ab7c5]{font-size:var(--font-size-base)}.skill-description[data-v-703ab7c5],.skill-level-name[data-v-703ab7c5]{font-size:var(--font-size-xs)}.skill-footer .action-btn[data-v-703ab7c5]{font-size:var(--font-size-xs);padding:var(--spacing-xxs) var(--spacing-xs);min-height:32px}.level-header-compact[data-v-703ab7c5]{padding:var(--spacing-xs);min-height:44px}.level-badge[data-v-703ab7c5]{font-size:var(--font-size-sm)}.progress-percent[data-v-703ab7c5]{font-size:var(--font-size-xs)}}@media (max-width:480px){.skill-progress-panel[data-v-703ab7c5]{border-radius:0;box-shadow:none}.panel-header[data-v-703ab7c5]{padding:var(--spacing-sm) var(--spacing-xs);border-radius:0}.panel-header h3[data-v-703ab7c5]{font-size:var(--font-size-base)}.mode-selector[data-v-703ab7c5]{gap:var(--spacing-xxs);justify-content:space-between}.mode-btn[data-v-703ab7c5]{flex-basis:calc(50% - var(--spacing-xxs)/2);font-size:var(--font-size-sm);min-height:36px;padding:var(--spacing-xxs)}.topic-major-category-selector[data-v-703ab7c5],.trick-type-selector[data-v-703ab7c5]{flex-wrap:nowrap;justify-content:space-between;gap:var(--spacing-xxs);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.topic-major-category-selector[data-v-703ab7c5]::-webkit-scrollbar,.trick-type-selector[data-v-703ab7c5]::-webkit-scrollbar{display:none}.category-btn[data-v-703ab7c5],.topic-major-category-btn[data-v-703ab7c5],.trick-type-btn[data-v-703ab7c5]{flex-grow:1;flex-shrink:1;flex-basis:0;min-width:0;max-width:unset;font-size:var(--font-size-xs);min-height:32px;padding:var(--spacing-xxs) var(--spacing-xs)}.skill-level-required[data-v-703ab7c5]{font-size:.6em;padding:0 3px}.section.skills-section[data-v-703ab7c5]{margin:var(--spacing-xs) 0;padding:var(--spacing-sm) var(--spacing-xs);border-radius:0;box-shadow:none}.skill-action-buttons[data-v-703ab7c5]{flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-xxs)}.skill-action-buttons .btn[data-v-703ab7c5]{flex-basis:calc(50% - var(--spacing-xxs)/2);min-width:unset;font-size:var(--font-size-xxs);padding:var(--spacing-xxs);min-height:32px}.skill-search-input[data-v-703ab7c5]{padding-left:2.2em;padding-right:2.2em;height:32px;line-height:32px}.search-icon[data-v-703ab7c5]{left:.5em;font-size:1em}.clear-btn[data-v-703ab7c5]{right:.3em;font-size:1em}.filter-select[data-v-703ab7c5]{font-size:var(--font-size-xs);min-height:32px}.skills-grid[data-v-703ab7c5]{grid-template-columns:1fr;gap:var(--spacing-xs)}.skill-card[data-v-703ab7c5]{padding:var(--spacing-xs);min-width:unset;box-shadow:var(--shadow-xs)}.skill-header[data-v-703ab7c5]{padding:var(--spacing-xxs) 0;margin:calc(var(--spacing-xs)*-1);margin-bottom:var(--spacing-xs)}.skill-name[data-v-703ab7c5]{font-size:var(--font-size-sm)}.skill-status[data-v-703ab7c5]{font-size:var(--font-size-xxs);padding:1px 4px}.skill-description[data-v-703ab7c5],.skill-level-name[data-v-703ab7c5]{font-size:var(--font-size-xxs)}.proficiency-value[data-v-703ab7c5]{font-size:var(--font-size-xs)}.skill-footer[data-v-703ab7c5]{flex-wrap:nowrap;justify-content:space-between;gap:var(--spacing-xxs);padding-top:var(--spacing-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.skill-footer[data-v-703ab7c5]::-webkit-scrollbar{display:none}.skill-footer .action-btn[data-v-703ab7c5]{flex-grow:1;flex-shrink:1;flex-basis:0;min-width:0;font-size:var(--font-size-xxs);padding:var(--spacing-xxs) 2px;min-height:28px}.video-badges[data-v-703ab7c5]{margin-left:3px;padding:1px 3px}.video-badge[data-v-703ab7c5]{font-size:.6em;padding:1px 3px;min-width:16px;height:16px}.level-item[data-v-703ab7c5]{margin:0 0 var(--spacing-xs) 0;box-shadow:none}.level-header-compact[data-v-703ab7c5]{padding:var(--spacing-xs);min-height:40px;border-radius:0;box-shadow:none}.level-item[data-v-703ab7c5]:has(>.level-header-compact+div.skills-grid){box-shadow:0 0 0 2px var(--color-primary-blue-light)}.level-badge[data-v-703ab7c5]{font-size:var(--font-size-xs);padding:1px 6px}.progress-bar-mini[data-v-703ab7c5]{width:60px;height:6px}.progress-percent[data-v-703ab7c5]{font-size:var(--font-size-xxs)}.next-level-unlock-tip[data-v-703ab7c5]{margin:10px 0;padding:8px;border-radius:0}.tip-icon[data-v-703ab7c5]{font-size:20px}.tip-text p[data-v-703ab7c5]{font-size:var(--font-size-xxs)}.unlock-progress-bar[data-v-703ab7c5]{height:6px}.unlock-percent[data-v-703ab7c5]{font-size:10px}}.student-detail-view[data-v-125b6eec]{display:flex;flex-direction:column;flex-grow:1;background-color:var(--color-background-card);color:var(--color-text-dark)}.detail-header[data-v-125b6eec]{display:flex;justify-content:flex-start;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-white);box-shadow:var(--shadow-sm);flex-shrink:0}.btn[data-v-125b6eec]{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:background-color .2s ease;min-width:var(--touch-target-min-size);min-height:var(--touch-target-min-size);box-sizing:border-box}.btn-primary[data-v-125b6eec]{background-color:var(--color-primary-cyan);color:var(--color-white)}.btn-warning[data-v-125b6eec]{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.error-state[data-v-125b6eec],.loading-state[data-v-125b6eec]{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;padding:var(--spacing-lg)}.spinner[data-v-125b6eec]{border:4px solid rgba(0,0,0,.1);border-top:4px solid var(--color-primary-cyan);border-radius:50%;width:40px;height:40px;animation:spin-125b6eec 1s linear infinite}@keyframes spin-125b6eec{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.student-profile[data-v-125b6eec]{background-color:var(--color-white);padding:var(--spacing-md);margin:var(--spacing-xs);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);flex-shrink:0}.profile-header[data-v-125b6eec]{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.profile-avatar[data-v-125b6eec]{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-lg);color:var(--color-white);flex-shrink:0}.profile-avatar-img img[data-v-125b6eec]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-details-wrapper[data-v-125b6eec]{display:flex;flex-direction:column;flex-grow:1;gap:var(--spacing-xxs)}.student-name[data-v-125b6eec]{font-size:var(--font-size-lg);font-weight:700;margin:0}.profile-status[data-v-125b6eec]{display:flex;gap:var(--spacing-xs);align-items:center}.skill-level-badge[data-v-125b6eec]{padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-white)}.detail-tabs[data-v-125b6eec]{display:flex;justify-content:center;margin:var(--spacing-md) var(--spacing-xs) 0;border-bottom:1px solid var(--color-border-light);flex-shrink:0}.tab[data-v-125b6eec]{padding:var(--spacing-sm) var(--spacing-xs);cursor:pointer;align-items:center;font-size:var(--font-size-base);font-weight:600;background-color:var(--color-background-light);transition:background-color .2s ease;flex:1;text-align:center;min-height:var(--touch-target-min-size)}.tab.active[data-v-125b6eec]{background-color:var(--color-primary-red);color:var(--color-white)}.tab-content[data-v-125b6eec]{padding:var(--spacing-xs);flex-grow:1;overflow-y:auto;padding-bottom:var(--app-footer-height)}.tab-pane[data-v-125b6eec]{display:flex;flex-direction:column;gap:var(--spacing-xs)}@media (max-width:767px){.profile-avatar[data-v-125b6eec]{width:40px;height:40px}.student-name[data-v-125b6eec]{font-size:var(--font-size-base)}.detail-tabs[data-v-125b6eec]{justify-content:space-between}.tab[data-v-125b6eec]{font-size:var(--font-size-base)}}@media (min-width:768px){.btn[data-v-125b6eec],.tab[data-v-125b6eec]{min-width:var(--touch-target-min-size);min-height:var(--touch-target-min-size)}}[data-v-6db5817c]:root{--color-primary-red:#ff6b6b;--color-primary-cyan:#4ecdc4;--color-primary-yellow:#ffd166;--color-white:#fff;--color-text-dark:#333;--color-background-card:#f8f8f8;--color-border-light:#eee;--color-border-medium:#ccc;--color-background-light:#f0f0f0;--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--font-size-xxs:9px;--font-size-xs:10px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--line-height-body:1.35;--line-height-heading:1.4;--border-radius-sm:4px;--border-radius-full:50%;--shadow-sm:0 1px 2px rgba(0,0,0,.1);--color-status-success:var(--color-primary-cyan);--color-status-warning:var(--color-primary-yellow);--color-status-danger:var(--color-primary-red);--color-status-primary:var(--color-primary-cyan);--touch-target-min-size:46px}.modal-overlay[data-v-6db5817c]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-6db5817c]{background-color:var(--color-white);border-radius:var(--border-radius-sm);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 16px rgba(0,0,0,.2);display:flex;flex-direction:column}.session-detail-modal[data-v-6db5817c]{max-width:550px}.modal-header[data-v-6db5817c]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.modal-header h3[data-v-6db5817c]{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--color-text-dark);line-height:var(--line-height-heading)}.close-btn[data-v-6db5817c]{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--color-primary-red);line-height:1;padding:var(--spacing-xs);min-width:var(--touch-target-min-size);min-height:var(--touch-target-min-size)}.modal-body[data-v-6db5817c]{padding:var(--spacing-sm);flex-grow:1;overflow-y:auto}.session-detail-content[data-v-6db5817c]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-section[data-v-6db5817c]{background-color:var(--color-background-card);border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.detail-section h4[data-v-6db5817c]{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:600;color:var(--color-primary-cyan);line-height:var(--line-height-body);padding-bottom:var(--spacing-xxs);border-bottom:1px solid var(--color-border-light)}.detail-row[data-v-6db5817c]{display:flex;margin-bottom:var(--spacing-xxs);font-size:var(--font-size-sm);line-height:var(--line-height-body)}.detail-row[data-v-6db5817c]:last-child{margin-bottom:0}.detail-label[data-v-6db5817c]{width:70px;color:var(--color-text-dark);font-weight:500;flex-shrink:0;margin-right:var(--spacing-xs)}.detail-value[data-v-6db5817c]{flex:1;color:var(--color-text-dark);word-break:break-word}.detail-section-tricks[data-v-6db5817c]{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.detail-section-tricks h4[data-v-6db5817c]{color:var(--color-text-dark);border-bottom-color:rgba(0,0,0,.1)}.detail-tricks[data-v-6db5817c]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.detail-trick[data-v-6db5817c]{background-color:rgba(0,0,0,.1);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-dark)}.trick-name[data-v-6db5817c]{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xxs);line-height:var(--line-height-body)}.trick-level[data-v-6db5817c]{font-size:var(--font-size-sm);opacity:.8}.empty-detail[data-v-6db5817c],.trick-level[data-v-6db5817c]{color:var(--color-text-dark);line-height:var(--line-height-body)}.empty-detail[data-v-6db5817c]{text-align:center;padding:var(--spacing-sm);opacity:.7;font-size:var(--font-size-base)}.feedback-content[data-v-6db5817c],.notes-content[data-v-6db5817c]{background-color:var(--color-background-light);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);font-size:var(--font-size-sm);line-height:var(--line-height-body);white-space:pre-line}.detail-actions[data-v-6db5817c]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.btn[data-v-6db5817c]{min-width:var(--touch-target-min-size);min-height:var(--touch-target-min-size);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-base);border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;transition:background-color .2s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1;border:1px solid transparent}.btn[data-v-6db5817c]:hover{opacity:.9;transform:translateY(-1px)}.btn[data-v-6db5817c]:active{transform:translateY(0)}.btn-success[data-v-6db5817c]{background-color:var(--color-primary-cyan);color:var(--color-white);border-color:var(--color-primary-cyan)}.btn-success[data-v-6db5817c]:hover{background-color:#3bb1a9}.btn-primary[data-v-6db5817c]{background-color:var(--color-primary-yellow);color:var(--color-text-dark);border-color:var(--color-primary-yellow)}.btn-primary[data-v-6db5817c]:hover{background-color:#e6b800}.btn-danger[data-v-6db5817c]{background-color:var(--color-primary-red);color:var(--color-white);border-color:var(--color-primary-red)}.btn-danger[data-v-6db5817c]:hover{background-color:#e65a5a}.status-badge[data-v-6db5817c]{padding:2px 6px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;color:var(--color-white)}.status-badge.status-success[data-v-6db5817c]{background-color:var(--color-primary-cyan)}.status-badge.status-warning[data-v-6db5817c]{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.status-badge.status-danger[data-v-6db5817c]{background-color:var(--color-primary-red)}.status-badge.status-primary[data-v-6db5817c]{background-color:var(--color-primary-cyan)}.status-badge.status-default[data-v-6db5817c]{background-color:#b0b0b0;color:var(--color-white)}@media (max-width:767px){.modal-header h3[data-v-6db5817c]{font-size:var(--font-size-base)}.close-btn[data-v-6db5817c]{font-size:var(--font-size-md)}.detail-section h4[data-v-6db5817c]{font-size:var(--font-size-sm)}.detail-row[data-v-6db5817c]{flex-direction:column;align-items:flex-start;margin-bottom:var(--spacing-xs)}.detail-label[data-v-6db5817c]{width:auto;margin-bottom:var(--spacing-xxs)}.detail-value[data-v-6db5817c]{text-align:left}.btn[data-v-6db5817c],.empty-detail p[data-v-6db5817c],.feedback-content[data-v-6db5817c],.notes-content[data-v-6db5817c],.trick-level[data-v-6db5817c],.trick-name[data-v-6db5817c]{font-size:var(--font-size-sm)}.btn[data-v-6db5817c]{padding:var(--spacing-xs) var(--spacing-sm)}}.student-training-history[data-v-b577631e]{width:100%;padding:var(--spacing-xs);background-color:var(--color-background-light);font-family:var(--font-sans);color:var(--color-text-dark);line-height:var(--line-height-body)}.section[data-v-b577631e]{background-color:var(--color-white);border-radius:8px;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);box-shadow:0 1px 2px rgba(0,0,0,.08)}.section[data-v-b577631e]:last-child{margin-bottom:0}.section-title[data-v-b577631e]{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-title);font-size:var(--font-size-md);font-weight:700;color:var(--color-text-dark);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-heading);padding-bottom:var(--spacing-xxs);border-bottom:1px solid var(--color-border-light)}.section-filters[data-v-b577631e]{display:flex;align-items:center;gap:var(--spacing-xs)}.compact-select[data-v-b577631e]{padding:var(--spacing-xxs) var(--spacing-xs);border-radius:4px;border:1px solid var(--color-border-light);font-size:var(--font-size-sm);background-color:var(--color-white);color:var(--color-text-dark);line-height:var(--line-height-body)}.loading-state[data-v-b577631e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-sm);text-align:center}.spinner[data-v-b577631e]{width:30px;height:30px;border:3px solid rgba(0,0,0,.1);border-radius:var(--border-radius-full);border-top-color:var(--color-primary-cyan);animation:spin-b577631e 1s linear infinite}@keyframes spin-b577631e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text[data-v-b577631e]{font-size:var(--font-size-base);color:var(--color-text-dark);opacity:.7;line-height:var(--line-height-body);margin-top:var(--spacing-sm)}.stats-grid[data-v-b577631e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(50% - var(--spacing-xxs)),1fr));gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}@media (min-width:768px){.stats-grid[data-v-b577631e]{grid-template-columns:repeat(auto-fit,minmax(calc(33.33% - var(--spacing-xs)),1fr))}}@media (min-width:1024px){.stats-grid[data-v-b577631e]{grid-template-columns:repeat(auto-fit,minmax(calc(25% - var(--spacing-xs)),1fr))}}.stat-card[data-v-b577631e]{border-radius:6px;padding:var(--spacing-sm);text-align:center;color:var(--color-white);box-shadow:0 1px 2px rgba(0,0,0,.08)}.stat-card-red[data-v-b577631e]{background-color:var(--color-primary-red)}.stat-card-cyan[data-v-b577631e]{background-color:var(--color-primary-cyan)}.stat-card-yellow[data-v-b577631e]{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.stat-value[data-v-b577631e]{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-xs);line-height:var(--line-height-body)}.stat-label[data-v-b577631e]{font-size:var(--font-size-sm);opacity:.9;line-height:var(--line-height-body)}.training-frequency[data-v-b577631e]{background-color:var(--color-background-light);border-radius:6px;padding:var(--spacing-sm);box-shadow:inset 0 0 3px rgba(0,0,0,.05)}.frequency-header[data-v-b577631e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.frequency-header h3[data-v-b577631e]{font-family:var(--font-title);font-size:var(--font-size-base);font-weight:600;color:var(--color-text-dark);margin:0;line-height:var(--line-height-body)}.frequency-period-selector[data-v-b577631e]{display:flex;border:1px solid var(--color-border-light);border-radius:4px;overflow:hidden}.period-btn[data-v-b577631e]{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-white);border:none;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-dark);line-height:var(--line-height-body);min-width:unset;min-height:unset;height:28px}.period-btn.active[data-v-b577631e]{background-color:var(--color-primary-cyan);color:var(--color-white)}.period-btn[data-v-b577631e]:hover:not(.active){background-color:var(--color-background-light)}.chart-container[data-v-b577631e]{height:100px;display:flex;flex-direction:column}.chart-labels[data-v-b577631e]{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.chart-label[data-v-b577631e]{flex:1;text-align:center;font-size:var(--font-size-xxs);color:var(--color-text-dark);opacity:.7;line-height:var(--line-height-body)}.chart-bars[data-v-b577631e]{display:flex;height:100%;align-items:flex-end;flex:1;gap:var(--spacing-xxs)}.chart-bar-container[data-v-b577631e]{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar[data-v-b577631e]{width:80%;max-width:20px;background-color:var(--color-primary-cyan);border-radius:2px 2px 0 0;margin-bottom:var(--spacing-xxs)}.chart-bar.current-period[data-v-b577631e]{background-color:var(--color-primary-red)}.chart-value[data-v-b577631e]{font-size:var(--font-size-xxs);color:var(--color-text-dark);opacity:.7;line-height:var(--line-height-body)}.empty-state[data-v-b577631e]{text-align:center;padding:var(--spacing-md);color:var(--color-text-dark);opacity:.7}.empty-state p[data-v-b577631e]{margin-bottom:var(--spacing-sm);line-height:var(--line-height-body)}.training-cards-grid[data-v-b577631e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-xs);padding:var(--spacing-xs)}.training-card[data-v-b577631e]{border-radius:var(--border-radius-sm);padding:var(--spacing-xs);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;font-size:var(--font-size-sm)}.training-card.color-0[data-v-b577631e]{background-color:var(--color-primary-red);color:var(--color-white)}.training-card.color-1[data-v-b577631e]{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.training-card.color-2[data-v-b577631e]{background-color:var(--color-primary-cyan);color:var(--color-white)}.training-card.color-1 .detail-label[data-v-b577631e],.training-card.color-1 .detail-value[data-v-b577631e]{color:var(--color-text-dark)}.training-card.color-1 .card-footer-compact[data-v-b577631e]{border-top-color:rgba(0,0,0,.1)}.training-card.color-1 .btn-view-details-compact[data-v-b577631e]{background-color:var(--color-text-dark);color:var(--color-white)}.training-card.color-1 .btn-view-details-compact[data-v-b577631e]:hover{background-color:#555}.training-card.color-0 .detail-label[data-v-b577631e],.training-card.color-0 .detail-value[data-v-b577631e],.training-card.color-2 .detail-label[data-v-b577631e],.training-card.color-2 .detail-value[data-v-b577631e]{color:var(--color-white)}.training-card.color-0 .card-footer-compact[data-v-b577631e],.training-card.color-2 .card-footer-compact[data-v-b577631e]{border-top-color:hsla(0,0%,100%,.2)}.training-card.color-0 .btn-view-details-compact[data-v-b577631e],.training-card.color-2 .btn-view-details-compact[data-v-b577631e]{background-color:var(--color-white);color:var(--color-text-dark)}.training-card.color-0 .btn-view-details-compact[data-v-b577631e]:hover,.training-card.color-2 .btn-view-details-compact[data-v-b577631e]:hover{background-color:var(--color-border-light)}.training-card[data-v-b577631e]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.training-card .card-header-compact[data-v-b577631e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xxs);font-weight:600;font-size:var(--font-size-base)}.training-card .session-type-compact[data-v-b577631e]{font-size:var(--font-size-sm);opacity:.9}.training-card .card-body-compact[data-v-b577631e]{flex-grow:1;margin-bottom:var(--spacing-xxs);display:flex;flex-direction:column;gap:var(--spacing-xxs)}.training-card .detail-row[data-v-b577631e]{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--font-size-sm);line-height:var(--line-height-body)}.training-card .detail-label[data-v-b577631e]{font-weight:500;flex-shrink:0;margin-right:var(--spacing-xxs)}.training-card .detail-value[data-v-b577631e]{text-align:right;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.training-card .card-duration-compact[data-v-b577631e]{font-size:var(--font-size-xs);opacity:.8;margin-top:var(--spacing-xxs)}.training-card .card-footer-compact[data-v-b577631e]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xxs)}.training-card .session-status-compact[data-v-b577631e]{font-size:var(--font-size-xs);font-weight:600}.training-card .btn-view-details-compact[data-v-b577631e]{padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);border:none;cursor:pointer;transition:background-color .2s ease;min-width:unset;min-height:unset;height:24px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.training-card .btn-view-details-compact[data-v-b577631e]:hover{background-color:var(--color-border-light)}.status-success[data-v-b577631e]{color:var(--color-status-success)}.status-warning[data-v-b577631e]{color:var(--color-status-warning)}.status-danger[data-v-b577631e]{color:var(--color-status-danger)}.status-primary[data-v-b577631e]{color:var(--color-primary-cyan)}.status-default[data-v-b577631e]{color:#666}.pagination .btn-primary[data-v-b577631e]{background-color:var(--color-primary-cyan);color:var(--color-white);border-color:var(--color-primary-cyan)}.pagination .btn-primary[data-v-b577631e]:hover:not(:disabled){background-color:#3bb1a9;border-color:#3bb1a9}@media (max-width:767px){.section-title[data-v-b577631e]{font-size:var(--font-size-base);flex-wrap:wrap}.section-filters[data-v-b577631e]{width:100%;justify-content:center;margin-top:var(--spacing-xs)}.compact-select[data-v-b577631e]{font-size:var(--font-size-xs);padding:var(--spacing-xxs) var(--spacing-xs)}.stats-grid[data-v-b577631e]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat-value[data-v-b577631e]{font-size:var(--font-size-md)}.stat-label[data-v-b577631e]{font-size:var(--font-size-xxs)}.frequency-header h3[data-v-b577631e]{font-size:var(--font-size-sm)}.period-btn[data-v-b577631e]{font-size:var(--font-size-xxs);padding:var(--spacing-xxs) var(--spacing-xs)}.training-cards-grid[data-v-b577631e]{grid-template-columns:1fr}.training-card[data-v-b577631e]{min-height:120px}.training-card .detail-row[data-v-b577631e]{font-size:var(--font-size-xs)}.training-card .detail-label[data-v-b577631e],.training-card .detail-value[data-v-b577631e]{line-height:1.2}}@media (min-width:768px){.btn[data-v-b577631e],.period-btn[data-v-b577631e]{min-width:46px;min-height:46px}.btn-small[data-v-b577631e],.btn-view-details-compact[data-v-b577631e],.period-btn[data-v-b577631e]{min-width:unset;min-height:unset;height:28px;padding:1px var(--spacing-xs)}}.student-my-videos-dashboard[data-v-0bcc50f4]{padding:20px;max-width:1200px;margin:0 auto}.dashboard-header[data-v-0bcc50f4]{margin-bottom:20px;text-align:center}.summary-text[data-v-0bcc50f4]{color:#666}.search-filter-sort-wrapper[data-v-ec3a4636]{display:flex;flex-direction:column;gap:var(--spacing-xxs);padding-bottom:var(--spacing-xxs);border-bottom:1px solid var(--color-border-light)}.filter-sort-container[data-v-ec3a4636]{display:flex;flex-wrap:wrap;gap:var(--spacing-xxs);align-items:center}.filter-group[data-v-ec3a4636]{display:flex;align-items:center;gap:var(--spacing-xxxs)}.filter-label[data-v-ec3a4636]{font-size:var(--font-size-sm);color:var(--color-text-medium);white-space:nowrap;margin-right:var(--spacing-xxxs)}.compact-select[data-v-ec3a4636]{padding:var(--spacing-xxxs) var(--spacing-xxs);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);line-height:var(--line-height-body);box-sizing:border-box;height:var(--touch-target-min-size-small);min-width:80px;background-color:var(--color-white);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.5em}.compact-select[data-v-ec3a4636]:focus{border-color:var(--color-primary-cyan);outline:none;box-shadow:0 0 0 2px rgba(78,205,196,.2)}.btn-icon[data-v-ec3a4636]{width:var(--touch-target-min-size-small);height:var(--touch-target-min-size-small);padding:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);line-height:1;background-color:var(--color-primary-cyan);color:var(--color-white);border:none;border-radius:var(--border-radius-sm)}.btn-icon[data-v-ec3a4636]:hover{background-color:var(--color-primary-blue)}[data-v-ec3a4636]:root{--touch-target-min-size:44px;--touch-target-min-size-small:32px}.load-more-container[data-v-ec3a4636]{grid-column:1/-1;padding-top:var(--spacing-xs)}.btn-full-width[data-v-ec3a4636]{width:100%}[data-v-ec3a4636]{box-sizing:border-box;margin:0;padding:0}body[data-v-ec3a4636]{font-family:Comic Neue,Nunito,Avenir,Helvetica Neue,Arial,sans-serif;line-height:var(--line-height-body);color:var(--color-text-dark)}.students-panel[data-v-ec3a4636]{background-color:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);flex-shrink:0;flex-grow:1;overflow:hidden}.panel-header[data-v-ec3a4636]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xxs)}.panel-title[data-v-ec3a4636]{font-size:var(--font-size-base);color:var(--color-primary-blue);margin:0;line-height:var(--line-height-title)}.panel-actions[data-v-ec3a4636]{display:flex;gap:var(--spacing-xxs)}.btn[data-v-ec3a4636]{padding:var(--spacing-xxs) var(--spacing-xs);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);cursor:pointer;font-weight:700;transition:all .2s ease-in-out;min-height:var(--touch-target-min-size);min-width:var(--touch-target-min-size);display:flex;align-items:center;justify-content:center}.btn-small[data-v-ec3a4636]{padding:var(--spacing-xxxs) var(--spacing-xxs);font-size:var(--font-size-xs);min-height:32px;min-width:40px}.btn-primary[data-v-ec3a4636]{background-color:var(--color-primary-cyan);color:var(--color-white)}.btn-primary[data-v-ec3a4636]:hover{background-color:var(--color-primary-blue)}.btn-danger[data-v-ec3a4636]{background-color:var(--color-primary-red);color:var(--color-white)}.btn-danger[data-v-ec3a4636]:hover{background-color:#e04e4e}.btn-warning[data-v-ec3a4636]{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.btn-warning[data-v-ec3a4636]:hover{background-color:#fdd85d}.search-container[data-v-ec3a4636]{padding-bottom:var(--spacing-xxs)}.compact-input[data-v-ec3a4636]{width:100%;padding:var(--spacing-xs);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);line-height:var(--line-height-body);box-sizing:border-box;height:var(--touch-target-min-size)}.compact-input[data-v-ec3a4636]:focus{border-color:var(--color-primary-cyan);outline:none;box-shadow:0 0 0 2px rgba(78,205,196,.2)}.students-avatars-grid[data-v-ec3a4636]{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--spacing-xxs);padding-top:var(--spacing-xxs);flex-grow:1;overflow-y:auto;padding-bottom:var(--app-footer-height)}.students-avatars-grid.expanded[data-v-ec3a4636]{grid-template-columns:1fr}.avatar-list-wrapper[data-v-ec3a4636]{display:contents}.student-item-clickable[data-v-ec3a4636]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxs);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .1s ease;min-width:60px;min-height:70px;position:relative}.student-item-clickable[data-v-ec3a4636]:hover{background-color:rgba(0,0,0,.03);border-color:var(--color-primary-cyan);transform:translateY(-1px)}.student-item-clickable.active[data-v-ec3a4636]{background-color:rgba(78,205,196,.1);border-color:var(--color-primary-cyan)}.avatar-wrapper[data-v-ec3a4636]{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.avatar-wrapper.initials-avatar[data-v-ec3a4636]{font-weight:700;font-size:1.2rem}.student-avatar[data-v-ec3a4636]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.student-initials[data-v-ec3a4636]{line-height:1}.student-status-indicator[data-v-ec3a4636]{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--color-white);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.student-status-indicator.status-active[data-v-ec3a4636]{background-color:var(--color-status-success)}.student-status-indicator.status-new[data-v-ec3a4636]{background-color:var(--color-primary-yellow)}.student-status-indicator.status-inactive[data-v-ec3a4636]{background-color:var(--color-primary-red)}.student-name-text[data-v-ec3a4636]{font-size:var(--font-size-sm);line-height:var(--line-height-body);margin-top:var(--spacing-xxs);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--color-text-dark)}.students-avatars-grid.expanded .student-item-clickable[data-v-ec3a4636]{flex-direction:row;justify-content:flex-start;gap:var(--spacing-xxs);min-width:unset;min-height:unset;height:50px;padding:var(--spacing-xxs) var(--spacing-sm)}.students-avatars-grid.expanded .avatar-wrapper[data-v-ec3a4636]{width:40px;height:40px}.students-avatars-grid.expanded .student-avatar[data-v-ec3a4636]{width:38px;height:38px}.students-avatars-grid.expanded .student-name-text[data-v-ec3a4636]{text-align:left;margin-top:0;margin-left:var(--spacing-xs);flex-grow:1;font-size:var(--font-size-sm)}.student-info-detail[data-v-ec3a4636]{font-size:var(--font-size-xs);color:var(--color-text-medium);margin-left:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;display:flex;gap:var(--spacing-xxs);align-items:center}.student-info-detail .task-count[data-v-ec3a4636],.student-info-detail .training-date[data-v-ec3a4636]{background-color:var(--color-border-light);padding:2px 4px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xxs);line-height:1}.student-item-clickable.package-color-junior-45min[data-v-ec3a4636]{background-color:var(--color-package-type-junior-45min)}.student-item-clickable.package-color-junior-90min[data-v-ec3a4636]{background-color:var(--color-package-type-junior-90min)}.student-item-clickable.package-color-advanced-10sessions[data-v-ec3a4636]{background-color:var(--color-package-type-advanced-10sessions)}.student-item-clickable.package-color-advanced-large-pack[data-v-ec3a4636]{background-color:var(--color-package-type-advanced-large-pack)}.student-item-clickable.package-color-no-package[data-v-ec3a4636]{background-color:var(--color-package-type-no-package)}.student-item-clickable.is-low-sessions[data-v-ec3a4636]{border-color:var(--color-primary-yellow);background-color:rgba(255,206,86,.1)}.student-item-clickable.is-no-sessions[data-v-ec3a4636]{border-color:var(--color-primary-red);background-color:rgba(255,99,132,.1)}@media (min-width:768px){.students-panel[data-v-ec3a4636]{max-width:200px;height:100%}.student-info-detail[data-v-ec3a4636]{display:none}.students-avatars-grid.expanded .student-info-detail[data-v-ec3a4636]{display:flex}}@media (max-width:767px){.students-panel[data-v-ec3a4636]{padding:var(--spacing-sm);gap:var(--spacing-xs);border-radius:0;box-shadow:none;flex-grow:0;height:auto}.panel-header[data-v-ec3a4636]{margin-bottom:var(--spacing-xs)}.students-avatars-grid[data-v-ec3a4636]{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-xs);max-height:120px;align-items:center;gap:var(--spacing-xs);padding-top:0;flex-grow:0}.students-avatars-grid .student-item-clickable[data-v-ec3a4636]{flex-shrink:0;width:70px;height:90px;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-xxs)}.students-avatars-grid .avatar-wrapper[data-v-ec3a4636]{width:48px;height:48px}.students-avatars-grid .student-avatar[data-v-ec3a4636]{width:46px;height:46px}.students-avatars-grid .student-name-text[data-v-ec3a4636]{font-size:var(--font-size-xs);line-height:1.1;margin-top:var(--spacing-xxxs)}.student-info-detail[data-v-ec3a4636]{display:none}.students-avatars-grid.expanded[data-v-ec3a4636]{display:grid;grid-template-columns:1fr;overflow-x:hidden;overflow-y:auto;max-height:250px;padding-bottom:var(--app-footer-height);flex-grow:1}.students-avatars-grid.expanded .student-item-clickable[data-v-ec3a4636]{flex-direction:row;justify-content:flex-start;height:50px;width:auto;min-width:unset;min-height:unset;padding:var(--spacing-xxs) var(--spacing-sm)}.students-avatars-grid.expanded .avatar-wrapper[data-v-ec3a4636]{width:40px;height:40px}.students-avatars-grid.expanded .student-avatar[data-v-ec3a4636]{width:38px;height:38px}.students-avatars-grid.expanded .student-name-text[data-v-ec3a4636]{font-size:var(--font-size-sm);margin-left:var(--spacing-xs)}.students-avatars-grid.expanded .student-info-detail[data-v-ec3a4636]{display:flex}}.student-overview-panel[data-v-3a1e354c]{grid-area:summary}.student-overview-panel .panel-header[data-v-3a1e354c]{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-xxs);border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:var(--spacing-xs)}.student-overview-panel .panel-title[data-v-3a1e354c]{font-size:var(--font-size-md);margin:0;flex-grow:1}.student-header-status .status-chip[data-v-3a1e354c]{font-size:var(--font-size-sm);padding:2px 8px}.student-summary-content[data-v-3a1e354c]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.summary-stats-grid[data-v-3a1e354c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-xxs);flex-wrap:wrap}.stat-item[data-v-3a1e354c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxs);border-radius:var(--border-radius-sm);border:1px solid;text-align:center;min-height:40px}.stat-value[data-v-3a1e354c]{font-size:calc(var(--font-size-base)*1.2);font-weight:700;line-height:1.2}.stat-label[data-v-3a1e354c]{font-size:11px;color:#555;line-height:1.2}.stat-item-pending[data-v-3a1e354c]{background-color:rgba(255,209,102,.1);border-color:var(--color-primary-yellow)}.stat-item-active[data-v-3a1e354c]{background-color:rgba(78,205,196,.1);border-color:var(--color-primary-cyan)}.stat-item-completed[data-v-3a1e354c]{background-color:hsla(0,100%,71%,.1);border-color:var(--color-primary-red)}.stat-item-mastered[data-v-3a1e354c]{background-color:rgba(115,209,61,.1);border-color:#73d13d}.stat-item-training[data-v-3a1e354c]{background-color:rgba(18,194,194,.1);border-color:#12c2c2}.modal-overlay[data-v-5ae7b910]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(2px)}.modal-container[data-v-5ae7b910]{background-color:var(--color-white);border-radius:var(--border-radius-sm);width:520px;max-width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.12);border-top:4px solid var(--color-primary-cyan)}.modal-header[data-v-5ae7b910]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-light);background-color:var(--color-background-light)}.modal-header h2[data-v-5ae7b910]{font-size:var(--font-size-md);margin:0;color:var(--color-text-dark);font-weight:600;line-height:var(--line-height-heading)}.close-btn[data-v-5ae7b910]{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--color-border-dark);height:24px;width:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);transition:all .2s ease;padding:0;line-height:1}.close-btn[data-v-5ae7b910]:hover{background-color:var(--color-border-light);color:var(--color-text-dark)}.modal-body[data-v-5ae7b910]{padding:var(--spacing-sm) var(--spacing-md)}.student-info[data-v-5ae7b910]{display:flex;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px dashed var(--color-border-light)}.student-avatar[data-v-5ae7b910]{width:36px;height:36px;border-radius:var(--border-radius-full);-o-object-fit:cover;object-fit:cover;margin-right:var(--spacing-sm);border:2px solid var(--color-primary-cyan)}.student-name[data-v-5ae7b910]{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-dark)}.form-group[data-v-5ae7b910]{margin-bottom:var(--spacing-sm)}.form-row[data-v-5ae7b910]{display:flex;gap:var(--spacing-sm)}.form-row .form-group[data-v-5ae7b910]{flex:1}label[data-v-5ae7b910]{display:block;margin-bottom:var(--spacing-xxs);font-weight:500;font-size:var(--font-size-xs);color:var(--color-text-dark)}.required-star[data-v-5ae7b910]{color:var(--color-status-danger);margin-left:4px}input[data-v-5ae7b910],select[data-v-5ae7b910],textarea[data-v-5ae7b910]{width:100%;padding:var(--spacing-xs);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);font-family:inherit;font-size:var(--font-size-xs);color:var(--color-text-dark);background-color:var(--color-white);transition:border-color .2s ease}input[data-v-5ae7b910]:focus,select[data-v-5ae7b910]:focus,textarea[data-v-5ae7b910]:focus{outline:none;border-color:var(--color-primary-cyan);box-shadow:0 0 0 2px rgba(78,205,196,.1)}textarea[data-v-5ae7b910]{resize:vertical;min-height:90px}.form-actions[data-v-5ae7b910]{display:flex;justify-content:flex-end;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.btn[data-v-5ae7b910]{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);font-weight:500;cursor:pointer;border:none;outline:none;font-size:var(--font-size-xs);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:80px;min-height:var(--touch-target-min-size)}.btn.primary[data-v-5ae7b910]{background-color:var(--color-primary-cyan);color:var(--color-white)}.btn.primary[data-v-5ae7b910]:hover{background-color:#3db8af}.btn.primary[data-v-5ae7b910]:disabled{background-color:var(--color-border-light);color:var(--color-border-medium);cursor:not-allowed}.btn.secondary[data-v-5ae7b910]{background-color:var(--color-white);color:var(--color-text-dark);border:1px solid var(--color-border-light)}.btn.secondary[data-v-5ae7b910]:hover{background-color:var(--color-background-light)}.priority-options[data-v-5ae7b910]{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xxs)}.priority-option[data-v-5ae7b910]{flex:1;text-align:center;padding:var(--spacing-xs);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-xs);font-weight:500;background-color:var(--color-white);color:var(--color-text-dark);transition:all .2s ease}.priority-option.high[data-v-5ae7b910]{border-left:3px solid var(--color-primary-red)}.priority-option.medium[data-v-5ae7b910]{border-left:3px solid var(--color-primary-yellow)}.priority-option.low[data-v-5ae7b910]{border-left:3px solid var(--color-primary-cyan)}.priority-option.selected.high[data-v-5ae7b910]{background-color:hsla(0,100%,71%,.05);border-color:var(--color-primary-red);color:var(--color-primary-red)}.priority-option.selected.medium[data-v-5ae7b910]{background-color:rgba(255,209,102,.05);border-color:var(--color-primary-yellow);color:var(--color-text-dark)}.priority-option.selected.low[data-v-5ae7b910]{background-color:rgba(78,205,196,.05);border-color:var(--color-primary-cyan);color:var(--color-primary-cyan)}input[type=date][data-v-5ae7b910]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--spacing-lg);background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23999%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><rect x=%273%27 y=%274%27 width=%2718%27 height=%2718%27 rx=%272%27 ry=%272%27></rect><line x1=%2716%27 y1=%272%27 x2=%2716%27 y2=%276%27></line><line x1=%278%27 y1=%272%27 x2=%278%27 y2=%276%27></line><line x1=%273%27 y1=%2710%27 x2=%2721%27 y2=%2710%27></line></svg>");background-repeat:no-repeat;background-position:calc(100% - var(--spacing-xs));background-size:16px}@media (max-width:640px){.modal-container[data-v-5ae7b910]{width:100%;max-width:100%;max-height:100vh;border-radius:0;display:flex;flex-direction:column}.modal-body[data-v-5ae7b910]{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.form-row[data-v-5ae7b910]{flex-direction:column;gap:var(--spacing-xs)}.form-actions[data-v-5ae7b910]{padding:var(--spacing-xs);background-color:var(--color-background-light);position:sticky;bottom:0;margin-bottom:0}.btn[data-v-5ae7b910]{flex:1}}.modal-overlay[data-v-791fb292]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-791fb292]{background-color:var(--color-white);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-xs)}.panel-header[data-v-791fb292]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xxs);border-bottom:1px solid var(--color-border-light)}.panel-title[data-v-791fb292]{font-size:calc(var(--font-size-base)*1.1);margin-bottom:0;text-align:left;font-weight:600;color:var(--color-text-dark)}.btn-close[data-v-791fb292]{background:none;border:none;font-size:var(--font-size-md);cursor:pointer;color:var(--color-text-light);padding:0;line-height:1}.btn-close[data-v-791fb292]:hover{color:var(--color-primary-red)}.panel-content[data-v-791fb292]{padding:0;overflow-y:auto;flex-grow:1}.card-footer[data-v-791fb292]{margin-top:var(--spacing-xs);padding-top:var(--spacing-xxs);border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end;gap:var(--spacing-xs)}.btn[data-v-791fb292]{font-family:var(--font-sans);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm);min-height:36px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.action-btn[data-v-791fb292]{border:1px solid var(--color-border-light);background-color:var(--color-white);color:var(--color-text-dark);box-shadow:var(--shadow-sm)}.action-btn[data-v-791fb292]:hover{background-color:var(--color-background-hover)}.confirm-btn[data-v-791fb292]{background-color:var(--color-primary-yellow);color:var(--color-white);border:none;box-shadow:0 1px 2px rgba(0,0,0,.1)}.confirm-btn[data-v-791fb292]:hover{background-color:#00bcd4;box-shadow:0 2px 4px rgba(0,0,0,.2)}.confirm-btn[data-v-791fb292]:disabled{background-color:var(--color-border-light);color:var(--color-text-light);cursor:not-allowed;opacity:.8;box-shadow:none}.trick-type-selector[data-v-791fb292]{display:flex;gap:var(--spacing-xs);justify-content:center;flex-wrap:nowrap;margin-bottom:var(--spacing-sm)}.trick-type-btn[data-v-791fb292]{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-primary-blue);border-radius:var(--border-radius-sm);background-color:var(--color-white);color:var(--color-primary-blue);cursor:pointer;font-size:var(--font-size-base);font-weight:400;transition:all .3s ease;box-shadow:0 1px 2px rgba(0,0,0,.05);white-space:nowrap;min-width:80px;max-width:120px;min-height:46px}.trick-type-btn[data-v-791fb292]:hover{background-color:#69c0ff;color:var(--color-white);box-shadow:0 2px 4px rgba(0,0,0,.1)}.trick-type-btn.active[data-v-791fb292]{background-color:var(--color-primary-blue);color:var(--color-white);border-color:var(--color-primary-blue);box-shadow:0 2px 4px rgba(64,169,255,.3)}.trick-type-btn.active[data-v-791fb292]:hover{background-color:#1890ff;box-shadow:0 3px 6px rgba(64,169,255,.4)}.trick-type-btn.disabled[data-v-791fb292]{background-color:var(--color-border-light);color:var(--color-text-light);border-color:var(--color-border-light);opacity:.8;cursor:not-allowed;box-shadow:none}.skill-level-required[data-v-791fb292]{font-size:var(--font-size-xxs);background-color:var(--color-primary-yellow);color:var(--color-text-dark);padding:1px 4px;border-radius:var(--border-radius-xs);margin-left:var(--spacing-xxs)}.lock-icon[data-v-791fb292]{display:none}.section[data-v-791fb292]{background-color:var(--color-white);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs);box-shadow:var(--shadow-sm)}.section-header[data-v-791fb292]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xxs);border-bottom:1px solid var(--color-border-light)}.section-title[data-v-791fb292]{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-dark)}.search-filter-section[data-v-791fb292]{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs)}.search-input-wrapper[data-v-791fb292]{position:relative;flex-grow:1}.trick-search-input[data-v-791fb292]{width:100%;padding:var(--spacing-xxs) var(--spacing-sm) var(--spacing-xxs) 36px;border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);box-sizing:border-box}.search-icon[data-v-791fb292]{left:12px}.clear-search[data-v-791fb292],.search-icon[data-v-791fb292]{position:absolute;top:50%;transform:translateY(-50%);color:var(--color-text-light)}.clear-search[data-v-791fb292]{right:12px;background:none;border:none;font-size:var(--font-size-md);cursor:pointer;padding:0;line-height:1}.btn-toggle-filters[data-v-791fb292]{background:none;border:none;color:var(--color-primary-blue);cursor:pointer;padding:var(--spacing-xxs) var(--spacing-sm);font-size:var(--font-size-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xxs);width:-moz-fit-content;width:fit-content;align-self:center;text-decoration:none}.btn-toggle-filters[data-v-791fb292]:hover{text-decoration:underline}.toggle-arrow[data-v-791fb292]{transition:transform .2s ease}.toggle-arrow.is-expanded[data-v-791fb292]{transform:rotate(180deg)}.filters-container[data-v-791fb292]{margin-bottom:var(--spacing-sm);padding:var(--spacing-xs);background-color:var(--color-white);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-sm)}.filters-grid[data-v-791fb292]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm)}.filter-select[data-v-791fb292]{width:100%;padding:var(--spacing-xxs) var(--spacing-xs);border:1px solid var(--color-border-light);border-radius:var(--border-radius-xs);background-color:var(--color-white);font-size:var(--font-size-xs)}.selected-tricks-summary[data-v-791fb292]{margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-dark);line-height:1.5;padding:var(--spacing-xs);background-color:var(--color-white);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm)}.summary-header[data-v-791fb292]{display:flex;align-items:center;gap:var(--spacing-xxs);margin-bottom:var(--spacing-xxs)}.no-selection[data-v-791fb292]{color:var(--color-text-light);font-style:italic}.selected-tags-container[data-v-791fb292]{display:flex;flex-wrap:wrap;gap:var(--spacing-xxs)}.selected-trick-tag[data-v-791fb292]{background-color:var(--color-primary-cyan);color:var(--color-white);padding:4px 8px;border-radius:var(--border-radius-xs);display:inline-flex;align-items:center;font-size:var(--font-size-xs);white-space:nowrap}.tag-close-btn[data-v-791fb292]{background:none;border:none;color:var(--color-white);margin-left:4px;font-size:var(--font-size-sm);cursor:pointer;line-height:1}.progress-section[data-v-791fb292]{background-color:var(--color-white);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs);box-shadow:var(--shadow-sm)}.stats-grid[data-v-791fb292]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.stat-box[data-v-791fb292]{text-align:center;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:transform .2s}.stat-box[data-v-791fb292]:hover{transform:translateY(-2px)}.stat-mastered[data-v-791fb292]{background-color:#52c41a;color:var(--color-white)}.stat-refining[data-v-791fb292]{background-color:#722ed1;color:var(--color-white)}.stat-advancing[data-v-791fb292]{background-color:#eb2f96;color:var(--color-white)}.stat-beginner-practice[data-v-791fb292]{background-color:#1890ff;color:var(--color-white)}.stat-value[data-v-791fb292]{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-xxs)}.stat-label[data-v-791fb292]{font-size:var(--font-size-sm)}.progress-bar-container[data-v-791fb292]{background-color:var(--color-background-light);padding:var(--spacing-xs);border-radius:var(--border-radius-sm)}.progress-header[data-v-791fb292]{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xxs)}.progress-bar[data-v-791fb292]{height:12px;background-color:var(--color-border-light);border-radius:var(--border-radius-sm);display:flex;margin-bottom:var(--spacing-xs)}.progress-segment.mastered[data-v-791fb292]{background-color:#52c41a}.progress-segment.refining[data-v-791fb292]{background-color:#722ed1}.progress-segment.advancing[data-v-791fb292]{background-color:#eb2f96}.progress-segment.beginner-practice[data-v-791fb292]{background-color:#1890ff}.legend-container[data-v-791fb292]{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-xxs);font-size:var(--font-size-xxs)}.legend-item[data-v-791fb292]{display:flex;align-items:center}.legend-color[data-v-791fb292]{width:10px;height:10px;border-radius:var(--border-radius-xs);margin-right:var(--spacing-xxs)}.legend-color.mastered[data-v-791fb292]{background-color:#52c41a}.legend-color.refining[data-v-791fb292]{background-color:#722ed1}.legend-color.advancing[data-v-791fb292]{background-color:#eb2f96}.legend-color.beginner-practice[data-v-791fb292]{background-color:#1890ff}.legend-color.not-started[data-v-791fb292]{background-color:#d9d9d9}.empty-state[data-v-791fb292]{padding:var(--spacing-md);text-align:center;color:var(--color-text-light)}.loading-spinner-small[data-v-791fb292]{margin:var(--spacing-md) auto;border:2px solid var(--color-border-light);border-top:2px solid var(--color-primary-cyan);border-radius:50%;width:20px;height:20px;animation:spin-791fb292 1s linear infinite}@keyframes spin-791fb292{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-icon[data-v-791fb292],.warning-icon[data-v-791fb292]{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.error-message[data-v-791fb292],.warning-text[data-v-791fb292]{font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.level-progress-compact[data-v-791fb292]{margin-top:var(--spacing-sm)}.level-progress-compact .level-count[data-v-791fb292]{font-size:var(--font-size-sm);color:var(--color-text-light)}.level-item[data-v-791fb292]{margin-bottom:var(--spacing-xs);background-color:var(--color-background-light);border-radius:var(--border-radius-sm);overflow:hidden;border:none}.level-item.is-locked[data-v-791fb292]{opacity:.7;pointer-events:none}.level-header-compact[data-v-791fb292]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);cursor:pointer;background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);transition:background-color .2s;min-height:48px}.level-header-compact[data-v-791fb292]:hover:not(.is-disabled){background-color:var(--color-background-hover)}.level-header-compact.is-disabled[data-v-791fb292]{cursor:not-allowed}.level-title-compact[data-v-791fb292]{display:flex;align-items:center}.level-badge[data-v-791fb292]{padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--border-radius-xs);font-weight:700;color:#fff;margin-right:var(--spacing-xs);min-width:24px}.level-name[data-v-791fb292]{font-weight:600}.level-progress-indicator[data-v-791fb292]{display:flex;align-items:center;gap:var(--spacing-xs)}.progress-bar-mini[data-v-791fb292]{width:80px;height:6px;background-color:var(--color-border-light);border-radius:var(--border-radius-xs);overflow:hidden}.progress-fill[data-v-791fb292]{height:100%;background-color:var(--color-primary-cyan);transition:width .3s ease}.progress-percent[data-v-791fb292]{font-size:var(--font-size-xs);font-weight:600;min-width:40px;text-align:right}.collapse-arrow[data-v-791fb292]{margin-left:var(--spacing-md);transition:transform .2s ease;font-size:var(--font-size-sm)}.collapse-arrow.is-active[data-v-791fb292]{transform:rotate(180deg)}.skills-grid[data-v-791fb292]{padding:var(--spacing-md);background-color:var(--color-white);display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-xs);border-top:1px solid var(--color-border-light)}.skill-card[data-v-791fb292]{display:flex;flex-direction:column;background-color:var(--color-white);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light);overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer;position:relative;min-height:100px}.skill-card[data-v-791fb292]:hover:not(.is-disabled){transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.skill-card.status-not-started[data-v-791fb292]{border-left:3px solid #d9d9d9}.skill-card.status-learning[data-v-791fb292]{border-left:3px solid #1890ff}.skill-card.status-practicing[data-v-791fb292]{border-left:3px solid #fa8c16}.skill-card.status-advancing[data-v-791fb292]{border-left:3px solid #eb2f96}.skill-card.status-refining[data-v-791fb292]{border-left:3px solid #722ed1}.skill-card.status-mastered[data-v-791fb292]{border-left:3px solid #52c41a}.skill-card.is-checked[data-v-791fb292]{border-color:var(--color-primary-blue);box-shadow:0 0 0 2px var(--color-primary-blue)}.skill-card.is-disabled[data-v-791fb292]{cursor:not-allowed;opacity:.8;background-color:var(--color-background-light)}.hidden-checkbox[data-v-791fb292]{position:absolute;opacity:0;width:0;height:0}.skill-header[data-v-791fb292]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xxs) var(--spacing-xs);border-bottom:1px solid var(--color-border-light)}.skill-name[data-v-791fb292]{margin:0;font-size:var(--font-size-xs);font-weight:600}.skill-status[data-v-791fb292]{font-size:var(--font-size-xxs);padding:var(--spacing-xxs);border-radius:var(--border-radius-xs);background-color:var(--color-border-light);color:var(--color-text-dark);font-weight:600}.status-not-started .skill-status[data-v-791fb292]{background-color:#f0f0f0;color:#666}.status-learning .skill-status[data-v-791fb292]{background-color:#1890ff;color:#fff}.status-practicing .skill-status[data-v-791fb292]{background-color:#fa8c16;color:#fff}.status-advancing .skill-status[data-v-791fb292]{background-color:#eb2f96;color:#fff}.status-refining .skill-status[data-v-791fb292]{background-color:#722ed1;color:#fff}.status-mastered .skill-status[data-v-791fb292]{background-color:#52c41a;color:#fff}.skill-body[data-v-791fb292]{padding:var(--spacing-xs);flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end}.proficiency-bar[data-v-791fb292]{height:4px;background-color:var(--color-border-light);border-radius:var(--border-radius-xs);overflow:hidden;margin-bottom:var(--spacing-xxs)}.proficiency-fill[data-v-791fb292]{height:4px;background-color:var(--color-primary-cyan);transition:width .3s ease}.proficiency-value[data-v-791fb292]{font-size:var(--font-size-xxs);text-align:right}.detail-overlay[data-v-791fb292]{position:absolute;top:var(--spacing-xxs);right:var(--spacing-xxs);font-size:var(--font-size-sm);cursor:pointer;color:var(--color-text-light);background-color:hsla(0,0%,100%,.7);border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease}.detail-overlay[data-v-791fb292]:hover{background-color:rgba(0,0,0,.1)}.no-tricks-in-level[data-v-791fb292]{grid-column:1/-1;text-align:center;padding:var(--spacing-md);color:var(--color-text-light);font-style:italic}@media (max-width:768px){.modal-container[data-v-791fb292]{width:95%;max-width:none}.panel-content[data-v-791fb292]{padding:0}.search-filter-section[data-v-791fb292],.trick-type-selector[data-v-791fb292]{flex-direction:column}.filters-grid[data-v-791fb292]{grid-template-columns:1fr}.stats-grid[data-v-791fb292]{grid-template-columns:repeat(2,1fr)}.skills-grid[data-v-791fb292]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.trick-type-btn[data-v-791fb292]{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-sm);flex:1;max-width:160px}}@media (max-width:480px){.card-footer[data-v-791fb292],.panel-header[data-v-791fb292]{padding:var(--spacing-sm)}.panel-title[data-v-791fb292]{font-size:var(--font-size-md)}.btn.action-btn.confirm-btn[data-v-791fb292],.btn.action-btn[data-v-791fb292]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.trick-search-input[data-v-791fb292]{padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) 32px}.search-icon[data-v-791fb292]{left:8px}.section-header[data-v-791fb292]{flex-direction:column;align-items:flex-start}.filter-controls[data-v-791fb292]{margin-top:var(--spacing-xs);width:100%}.skills-grid[data-v-791fb292]{grid-template-columns:1fr}.trick-type-btn[data-v-791fb292]{width:50%;max-width:150px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.card-footer .action-btn.confirm-btn[data-v-791fb292]{width:80%;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}}.modal-overlay[data-v-2e09b138]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(2px)}.modal-container[data-v-2e09b138]{background-color:var(--color-white);border-radius:var(--border-radius-sm);width:520px;max-width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.12);border-top:4px solid var(--color-primary-cyan)}.modal-header[data-v-2e09b138]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-light);background-color:var(--color-background-light)}.modal-header h2[data-v-2e09b138]{font-size:var(--font-size-md);margin:0;color:var(--color-text-dark);font-weight:600;line-height:var(--line-height-heading)}.close-btn[data-v-2e09b138]{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--color-border-dark);height:24px;width:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);transition:all .2s ease;padding:0;line-height:1}.close-btn[data-v-2e09b138]:hover{background-color:var(--color-border-light);color:var(--color-text-dark)}.modal-body[data-v-2e09b138]{padding:var(--spacing-sm) var(--spacing-md)}.student-info[data-v-2e09b138]{display:flex;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px dashed var(--color-border-light)}.student-avatar[data-v-2e09b138]{width:36px;height:36px;border-radius:var(--border-radius-full);-o-object-fit:cover;object-fit:cover;margin-right:var(--spacing-sm);border:2px solid var(--color-primary-cyan)}.student-name[data-v-2e09b138]{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-dark)}.form-group[data-v-2e09b138]{margin-bottom:var(--spacing-sm)}.form-row[data-v-2e09b138]{display:flex;gap:var(--spacing-sm)}.form-row .form-group[data-v-2e09b138]{flex:1}label[data-v-2e09b138]{display:block;margin-bottom:var(--spacing-xxs);font-weight:500;font-size:var(--font-size-xs);color:var(--color-text-dark)}.required-star[data-v-2e09b138]{color:var(--color-status-danger);margin-left:4px}input[data-v-2e09b138],select[data-v-2e09b138],textarea[data-v-2e09b138]{width:100%;padding:var(--spacing-xs);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);font-family:inherit;font-size:var(--font-size-xs);color:var(--color-text-dark);background-color:var(--color-white);transition:border-color .2s ease}input[data-v-2e09b138]:focus,select[data-v-2e09b138]:focus,textarea[data-v-2e09b138]:focus{outline:none;border-color:var(--color-primary-cyan);box-shadow:0 0 0 2px rgba(78,205,196,.1)}textarea[data-v-2e09b138]{resize:vertical;min-height:90px}.form-actions[data-v-2e09b138]{display:flex;justify-content:flex-end;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.btn[data-v-2e09b138]{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);font-weight:500;cursor:pointer;border:none;outline:none;font-size:var(--font-size-xs);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:80px;min-height:var(--touch-target-min-size)}.btn.primary[data-v-2e09b138]{background-color:var(--color-primary-cyan);color:var(--color-white)}.btn.primary[data-v-2e09b138]:hover{background-color:#3db8af}.btn.primary[data-v-2e09b138]:disabled{background-color:var(--color-border-light);color:var(--color-border-medium);cursor:not-allowed}.btn.secondary[data-v-2e09b138]{background-color:var(--color-white);color:var(--color-text-dark);border:1px solid var(--color-border-light)}.btn.secondary[data-v-2e09b138]:hover{background-color:var(--color-background-light)}.trick-selector-wrapper[data-v-2e09b138]{display:flex;gap:var(--spacing-xxs)}.trick-display-input[data-v-2e09b138]{flex-grow:1;cursor:pointer;background-color:var(--color-background-light)}.btn-select-trick[data-v-2e09b138]{background-color:var(--color-primary-blue);color:var(--color-white);border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;font-size:var(--font-size-xs);transition:background-color .2s ease}.btn-select-trick[data-v-2e09b138]:hover{background-color:#40a9ff}.trick-progress-summary[data-v-2e09b138]{font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--spacing-xxs);padding-left:var(--spacing-xs)}.selected-tricks-tags[data-v-2e09b138]{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--spacing-xxs);padding:4px 0}.trick-tag[data-v-2e09b138]{background-color:var(--color-primary-cyan);color:var(--color-white);padding:4px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);display:flex;align-items:center;gap:4px}.remove-trick-tag[data-v-2e09b138]{cursor:pointer;font-weight:700;font-size:var(--font-size-xs);line-height:1;padding:0 2px;border-radius:2px;transition:background-color .2s ease}.remove-trick-tag[data-v-2e09b138]:hover{background-color:hsla(0,0%,100%,.2)}.btn-toggle-optional[data-v-2e09b138]{width:100%;background:none;border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-dark);cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:var(--spacing-sm)}.btn-toggle-optional[data-v-2e09b138]:hover{background-color:var(--color-background-light);border-color:var(--color-primary-cyan)}.toggle-arrow[data-v-2e09b138]{transition:transform .2s ease}.toggle-arrow.is-expanded[data-v-2e09b138]{transform:rotate(180deg)}.optional-fields-container[data-v-2e09b138]{transition:all .3s ease-out;overflow:hidden}.fade-enter-active[data-v-2e09b138],.fade-leave-active[data-v-2e09b138]{transition:all .3s ease;max-height:200px;opacity:1}.fade-enter-from[data-v-2e09b138],.fade-leave-to[data-v-2e09b138]{max-height:0;opacity:0;transform:translateY(-10px)}input[type=date][data-v-2e09b138]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--spacing-lg);background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23999%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><rect x=%273%27 y=%274%27 width=%2718%27 height=%2718%27 rx=%272%27 ry=%272%27></rect><line x1=%2716%27 y1=%272%27 x2=%2716%27 y2=%276%27></line><line x1=%278%27 y1=%272%27 x2=%278%27 y2=%276%27></line><line x1=%273%27 y1=%2710%27 x2=%2721%27 y2=%2710%27></line></svg>");background-repeat:no-repeat;background-position:calc(100% - var(--spacing-xs));background-size:16px}@media (max-width:640px){.modal-container[data-v-2e09b138]{width:100%;max-width:100%;max-height:100vh;border-radius:0;display:flex;flex-direction:column}.modal-body[data-v-2e09b138]{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.form-row[data-v-2e09b138]{flex-direction:column;gap:var(--spacing-xs)}.form-actions[data-v-2e09b138]{padding:var(--spacing-xs);background-color:var(--color-background-light);position:sticky;bottom:0;margin-bottom:0}.btn[data-v-2e09b138]{flex:1}}.modal-overlay[data-v-e48ccc5e]{position:fixed;inset:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-e48ccc5e]{background-color:var(--color-white);border-radius:var(--border-radius-sm);width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-e48ccc5e]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);background-color:var(--color-primary-cyan);color:var(--color-white)}.modal-header h2[data-v-e48ccc5e]{font-size:var(--font-size-md);font-weight:600;margin:0;line-height:var(--line-height-heading)}.close-btn[data-v-e48ccc5e]{background:none;border:none;font-size:var(--font-size-md);font-weight:700;color:var(--color-white);cursor:pointer;padding:0;min-height:var(--touch-target-xmin-size);min-width:var(--touch-target-xmin-size);display:flex;align-items:center;justify-content:center}.modal-body[data-v-e48ccc5e]{padding:var(--spacing-xs);overflow-y:auto;flex:1}.loading-spinner[data-v-e48ccc5e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md)}.spinner[data-v-e48ccc5e]{width:30px;height:30px;border:3px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-primary-cyan);animation:spin-e48ccc5e 1s linear infinite}@keyframes spin-e48ccc5e{to{transform:rotate(1turn)}}.task-status-bar[data-v-e48ccc5e]{margin-bottom:var(--spacing-xs)}.status-progress[data-v-e48ccc5e]{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-background-light);border-radius:var(--border-radius-sm);padding:var(--spacing-xs)}.progress-step[data-v-e48ccc5e]{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--color-border-dark);flex:1}.progress-step.active[data-v-e48ccc5e]{color:var(--color-text-dark)}.step-icon[data-v-e48ccc5e]{font-size:var(--font-size-md);margin-bottom:var(--spacing-xxs);background-color:var(--color-white);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border-light)}.progress-step.active .step-icon[data-v-e48ccc5e]{background-color:var(--color-primary-yellow);border-color:var(--color-primary-yellow)}.progress-step:first-child.active .step-icon[data-v-e48ccc5e]{background-color:var(--color-primary-cyan);border-color:var(--color-primary-cyan)}.progress-step:nth-child(5).active .step-icon[data-v-e48ccc5e]{background-color:var(--color-primary-red);border-color:var(--color-primary-red)}.step-label[data-v-e48ccc5e]{font-size:var(--font-size-xxs);font-weight:500}.progress-divider[data-v-e48ccc5e]{flex-grow:1;height:2px;background-color:var(--color-border-light)}.progress-divider.active[data-v-e48ccc5e]{background-color:var(--color-primary-yellow)}.task-info-card[data-v-e48ccc5e]{background-color:var(--color-white);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light);overflow:hidden;margin-bottom:var(--spacing-xs)}.card-header[data-v-e48ccc5e]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);background-color:var(--color-background-light);border-bottom:1px solid var(--color-border-light)}.header-content[data-v-e48ccc5e]{flex:1}.trick-name[data-v-e48ccc5e]{font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--spacing-xxs) 0;line-height:var(--line-height-heading)}.task-badges[data-v-e48ccc5e]{display:flex;gap:var(--spacing-xxs)}.badge[data-v-e48ccc5e]{display:inline-block;padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--border-radius-xs);font-size:var(--font-size-xxs);font-weight:500}.priority-high[data-v-e48ccc5e]{background-color:var(--color-primary-red);color:var(--color-white)}.priority-medium[data-v-e48ccc5e]{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.priority-low[data-v-e48ccc5e]{background-color:var(--color-primary-cyan);color:var(--color-white)}.status-task_pending[data-v-e48ccc5e]{background-color:var(--color-primary-blue);color:var(--color-white)}.status-task_in_progress[data-v-e48ccc5e]{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.status-task_completed[data-v-e48ccc5e]{background-color:var(--color-primary-cyan);color:var(--color-white)}.status-task_overdue[data-v-e48ccc5e]{background-color:var(--color-primary-red);color:var(--color-white)}.trick-level[data-v-e48ccc5e]{padding:var(--spacing-xxs) var(--spacing-xs);background-color:var(--color-primary-blue);color:var(--color-white);border-radius:var(--border-radius-xs);font-size:var(--font-size-xxs);font-weight:500}.task-details[data-v-e48ccc5e]{padding:var(--spacing-xs)}.detail-row[data-v-e48ccc5e]{display:flex;margin-bottom:var(--spacing-xs)}.student[data-v-e48ccc5e]{display:flex;align-items:center}.student-avatar[data-v-e48ccc5e]{width:36px;height:36px;border-radius:50%;background-color:var(--color-primary-red);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);margin-right:var(--spacing-xs)}.student-info[data-v-e48ccc5e]{display:flex;flex-direction:column}.student-info .name[data-v-e48ccc5e]{font-weight:500;font-size:var(--font-size-xs)}.student-info .role[data-v-e48ccc5e]{font-size:var(--font-size-xxs);color:var(--color-border-dark)}.dates[data-v-e48ccc5e]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.date-item[data-v-e48ccc5e]{background-color:var(--color-background-light);padding:var(--spacing-xs);border-radius:var(--border-radius-xs);flex:1}.date-label[data-v-e48ccc5e]{font-size:var(--font-size-xxs);color:var(--color-border-dark);margin-bottom:var(--spacing-xxs)}.date-value[data-v-e48ccc5e]{font-size:var(--font-size-xs);font-weight:500}.date-item.assigned[data-v-e48ccc5e]{border-left:3px solid var(--color-primary-cyan)}.date-item.due[data-v-e48ccc5e]{border-left:3px solid var(--color-primary-yellow)}.date-item.due.overdue[data-v-e48ccc5e]{border-left:3px solid var(--color-primary-red)}.date-item.due.overdue .date-value[data-v-e48ccc5e]{color:var(--color-primary-red)}.task-feedback[data-v-e48ccc5e],.task-notes[data-v-e48ccc5e]{padding:var(--spacing-xs);border-top:1px solid var(--color-border-light)}.feedback-label[data-v-e48ccc5e],.notes-label[data-v-e48ccc5e]{font-size:var(--font-size-xs);font-weight:500;margin-bottom:var(--spacing-xxs)}.feedback-content[data-v-e48ccc5e],.notes-content[data-v-e48ccc5e]{font-size:var(--font-size-xs);line-height:var(--line-height-body);padding:var(--spacing-xs);background-color:var(--color-background-light);border-radius:var(--border-radius-xs)}.feedback-content[data-v-e48ccc5e]{border-left:3px solid var(--color-primary-cyan)}.action-buttons[data-v-e48ccc5e]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.btn[data-v-e48ccc5e]{min-height:var(--touch-target-min-size);padding:var(--spacing-xxs) var(--spacing-sm);font-size:var(--font-size-xs)}.edit-btn[data-v-e48ccc5e]{background-color:var(--color-primary-blue);color:var(--color-white)}.complete-btn[data-v-e48ccc5e]{background-color:var(--color-primary-cyan);color:var(--color-white)}.feedback-btn[data-v-e48ccc5e]{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.nested-modal[data-v-e48ccc5e]{position:fixed;inset:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1100}.modal-panel[data-v-e48ccc5e]{background-color:var(--color-white);border-radius:var(--border-radius-sm);width:90%;max-width:400px;overflow:hidden;display:flex;flex-direction:column}.panel-header[data-v-e48ccc5e]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);background-color:var(--color-background-light);border-bottom:1px solid var(--color-border-light)}.panel-header h3[data-v-e48ccc5e]{margin:0;font-size:var(--font-size-sm);font-weight:600;line-height:var(--line-height-heading)}.panel-body[data-v-e48ccc5e]{padding:var(--spacing-xs)}.panel-footer[data-v-e48ccc5e]{display:flex;justify-content:flex-end;gap:var(--spacing-xs);padding:var(--spacing-xs);border-top:1px solid var(--color-border-light);background-color:var(--color-background-light)}.edit-panel[data-v-e48ccc5e]{border-top:3px solid var(--color-primary-blue)}.form-group[data-v-e48ccc5e]{margin-bottom:var(--spacing-xs)}.form-group label[data-v-e48ccc5e]{display:block;margin-bottom:var(--spacing-xxs);font-size:var(--font-size-xs);font-weight:500}.form-input[data-v-e48ccc5e]{width:100%;padding:var(--spacing-xs);border:1px solid var(--color-border-light);border-radius:var(--border-radius-xs);font-size:var(--font-size-xs);box-sizing:border-box}textarea.form-input[data-v-e48ccc5e]{resize:vertical;min-height:60px}.complete-panel[data-v-e48ccc5e]{border-top:3px solid var(--color-primary-cyan)}.complete-message[data-v-e48ccc5e]{text-align:center;margin-bottom:var(--spacing-xs);font-weight:500;font-size:var(--font-size-sm)}.feedback-panel[data-v-e48ccc5e]{border-top:3px solid var(--color-primary-yellow)}.cancel-btn[data-v-e48ccc5e]{background-color:var(--color-border-light);color:var(--color-text-dark)}.save-btn[data-v-e48ccc5e]{background-color:var(--color-primary-blue);color:var(--color-white)}.confirm-btn[data-v-e48ccc5e]{background-color:var(--color-primary-cyan);color:var(--color-white)}.not-found[data-v-e48ccc5e]{text-align:center;padding:var(--spacing-md);color:var(--color-border-dark)}@media (max-width:480px){.action-buttons[data-v-e48ccc5e]{flex-direction:column}.action-buttons .btn[data-v-e48ccc5e]{width:100%}.dates[data-v-e48ccc5e]{flex-direction:column;gap:var(--spacing-xxs)}}.modal-overlay[data-v-83406a68]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(2px)}.modal-container[data-v-83406a68]{background-color:var(--color-white);border-radius:var(--border-radius-sm);width:420px;max-width:95%;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.12);border-top:4px solid var(--color-primary-yellow)}.modal-header[data-v-83406a68]{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-light);background-color:#fff8e6;color:var(--color-text-dark)}.modal-header h3[data-v-83406a68]{margin:0;font-size:var(--font-size-md);font-weight:600;line-height:var(--line-height-heading);display:flex;align-items:center}.modal-header h3[data-v-83406a68]:before{content:"⚠️";margin-right:var(--spacing-xs);font-size:var(--font-size-md)}.modal-body[data-v-83406a68]{padding:var(--spacing-md);color:var(--color-text-dark)}.modal-body p[data-v-83406a68]{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xs);line-height:var(--line-height-body)}.modal-body p[data-v-83406a68]:first-child{font-weight:500}.existing-task-info[data-v-83406a68]{background:#fffbe6;border:1px solid #ffe58f;border-left:4px solid var(--color-primary-yellow);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);margin:var(--spacing-sm) 0;font-size:var(--font-size-xs)}.existing-task-info p[data-v-83406a68]{margin:var(--spacing-xxs) 0;display:flex;align-items:baseline}.existing-task-info strong[data-v-83406a68]{width:72px;font-weight:600;color:var(--color-text-dark);display:inline-block;flex-shrink:0}.info-row[data-v-83406a68]{display:flex;align-items:center;margin-bottom:var(--spacing-xs)}.info-row[data-v-83406a68]:last-child{margin-bottom:0}.info-icon[data-v-83406a68]{width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-xs);border-radius:var(--border-radius-full);font-size:var(--font-size-xxs);flex-shrink:0}.task-status[data-v-83406a68]{padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--border-radius-xs);font-size:var(--font-size-xxs);font-weight:600;margin-left:var(--spacing-xxs);background-color:var(--color-primary-yellow);color:var(--color-text-dark);display:inline-block}.warning-text[data-v-83406a68]{color:#d46b08;font-weight:600;font-size:var(--font-size-sm);margin:var(--spacing-sm) 0 0 0;text-align:center;border-top:1px dashed #ffe58f;padding-top:var(--spacing-sm)}.modal-footer[data-v-83406a68]{display:flex;justify-content:flex-end;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-background-light);border-top:1px solid var(--color-border-light)}.btn[data-v-83406a68]{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);font-weight:500;cursor:pointer;border:none;outline:none;font-size:var(--font-size-xs);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:80px;min-height:var(--touch-target-min-size)}.btn.primary[data-v-83406a68]{background-color:var(--color-primary-yellow);color:var(--color-text-dark);border:1px solid #d48806}.btn.primary[data-v-83406a68]:hover{background-color:#ffd666}.btn.secondary[data-v-83406a68]{background-color:var(--color-white);color:var(--color-text-dark);border:1px solid var(--color-border-light)}.btn.secondary[data-v-83406a68]:hover{background-color:var(--color-background-light)}@media (max-width:640px){.modal-container[data-v-83406a68]{width:100%;max-width:95%;border-radius:var(--border-radius-sm);margin:var(--spacing-md)}.modal-body[data-v-83406a68],.modal-footer[data-v-83406a68]{padding:var(--spacing-sm)}.btn[data-v-83406a68]{flex:1}}.modal-overlay[data-v-12752f6c]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-12752f6c]{background-color:#fff;padding:20px;border-radius:8px;min-width:300px;max-width:500px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.modal-buttons[data-v-12752f6c]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.confirm-btn[data-v-12752f6c]{background-color:#4caf50}.cancel-btn[data-v-12752f6c],.confirm-btn[data-v-12752f6c]{color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.cancel-btn[data-v-12752f6c]{background-color:#f44336}button[data-v-12752f6c]:hover{opacity:.9}.modal-overlay[data-v-e4b3c854]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-e4b3c854]{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,.15)}.modal-header[data-v-e4b3c854]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee}.title-text[data-v-e4b3c854]{margin:0;font-size:1.25rem;font-weight:600}.btn-close[data-v-e4b3c854]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999}.modal-body[data-v-e4b3c854]{padding:1.5rem;overflow-y:auto;flex:1}.error-container[data-v-e4b3c854],.loading-state[data-v-e4b3c854]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.loading-spinner[data-v-e4b3c854]{display:inline-block;width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--color-primary);animation:spin-e4b3c854 1s linear infinite;margin-bottom:1rem}@keyframes spin-e4b3c854{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-icon[data-v-e4b3c854]{font-size:2rem;margin-bottom:.5rem;color:var(--color-status-danger)}.error-message[data-v-e4b3c854]{margin-bottom:1rem;color:var(--color-status-danger)}.btn-retry[data-v-e4b3c854]{padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer}.trick-detail-content[data-v-e4b3c854]{display:flex;flex-direction:column;gap:1.5rem}.section-title[data-v-e4b3c854]{margin-top:0;margin-bottom:.75rem;font-size:1.1rem;color:#333;border-bottom:1px solid #eee;padding-bottom:.5rem}.trick-basic-info[data-v-e4b3c854]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.info-row[data-v-e4b3c854]{display:flex;flex-direction:column}.info-label[data-v-e4b3c854]{font-size:.85rem;color:#666;margin-bottom:.25rem}.info-value[data-v-e4b3c854]{font-weight:500}.trick-progress-info[data-v-e4b3c854]{background:#f9f9f9;border-radius:6px;padding:1rem}.progress-status[data-v-e4b3c854]{margin-bottom:.75rem}.status-badge[data-v-e4b3c854]{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:500;color:#fff}.status-not-started[data-v-e4b3c854]{background-color:#d9d9d9}.status-learning[data-v-e4b3c854]{background-color:#69c0ff}.status-practicing[data-v-e4b3c854]{background-color:#40a9ff}.status-advancing[data-v-e4b3c854]{background-color:#ffc53d}.status-refining[data-v-e4b3c854]{background-color:#ff7a45}.status-mastered[data-v-e4b3c854]{background-color:#52c41a}.progress-bar-container[data-v-e4b3c854]{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.progress-bar-wrapper[data-v-e4b3c854]{flex:1;height:8px;background:#eee;border-radius:4px;overflow:hidden}.progress-bar-fill[data-v-e4b3c854]{height:100%;transition:width .3s}.progress-percent[data-v-e4b3c854]{font-size:.9rem;font-weight:500;min-width:40px;text-align:right}.progress-dates[data-v-e4b3c854]{font-size:.9rem;color:#666;margin-bottom:1rem}.date-item[data-v-e4b3c854]{margin-bottom:.25rem}.progress-feedback[data-v-e4b3c854],.progress-issues[data-v-e4b3c854],.progress-notes[data-v-e4b3c854]{margin-top:1rem}.progress-feedback h5[data-v-e4b3c854],.progress-issues h5[data-v-e4b3c854],.progress-notes h5[data-v-e4b3c854]{margin:0 0 .5rem 0;font-size:.9rem;color:#555}.progress-feedback p[data-v-e4b3c854],.progress-issues p[data-v-e4b3c854],.progress-notes p[data-v-e4b3c854]{margin:0;font-size:.9rem;line-height:1.5;white-space:pre-line}.description-content[data-v-e4b3c854],.key-points-content[data-v-e4b3c854],.mistakes-content[data-v-e4b3c854]{font-size:.95rem;line-height:1.6;white-space:pre-line}.video-container[data-v-e4b3c854]{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-top:.5rem}.video-container iframe[data-v-e4b3c854]{position:absolute;top:0;left:0;width:100%;height:100%}.params-grid[data-v-e4b3c854]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.param-item[data-v-e4b3c854]{display:flex;flex-direction:column}.param-label[data-v-e4b3c854]{font-size:.85rem;color:#666;margin-bottom:.25rem}.param-value[data-v-e4b3c854]{font-weight:500}.modal-footer[data-v-e4b3c854]{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem;border-top:1px solid #eee}.btn-primary[data-v-e4b3c854],.btn-secondary[data-v-e4b3c854]{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-secondary[data-v-e4b3c854]{background:#f0f0f0;color:#333}.btn-primary[data-v-e4b3c854]{background:var(--color-primary);color:#fff}.dashboard-container[data-v-71922bf7]{display:flex;flex-direction:column;background-color:var(--color-background-card);font-family:var(--font-sans);color:var(--color-text-dark);overflow:hidden}.dashboard-header[data-v-71922bf7]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary-cyan);color:var(--color-white);box-shadow:var(--shadow-sm);z-index:5}.dashboard-header .title[data-v-71922bf7]{color:var(--color-white);margin-bottom:0;font-size:var(--font-size-lg);line-height:var(--line-height-heading)}.user-info[data-v-71922bf7]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base)}.user-info .avatar[data-v-71922bf7]{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-white)}.dashboard-main-grid[data-v-71922bf7]{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"students main-right";gap:var(--spacing-xs);flex-grow:1;padding:var(--spacing-xs);overflow:hidden;box-sizing:border-box}students-list[data-v-71922bf7]{grid-area:students;background-color:var(--color-white);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);box-shadow:var(--shadow-sm)}.main-right-grid[data-v-71922bf7]{grid-area:main-right;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:max-content max-content;grid-template-areas:"summary summary" "skills skills";gap:var(--spacing-xs);overflow-y:auto;padding:var(--spacing-xs);padding-bottom:var(--app-footer-height)}student-overview[data-v-71922bf7]{grid-area:summary}skill-progress[data-v-71922bf7]{grid-area:skills}.panel[data-v-71922bf7]{background-color:var(--color-white);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-71922bf7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xxs);padding-bottom:var(--spacing-xxs);border-bottom:1px solid var(--color-border-light)}.panel-title[data-v-71922bf7]{font-size:var(--font-size-md);margin-bottom:0;text-align:left;font-weight:600;line-height:var(--line-height-heading)}.compact-input[data-v-71922bf7],.compact-select[data-v-71922bf7],.compact-textarea[data-v-71922bf7]{width:calc(100% - var(--spacing-xs)*2);padding:var(--spacing-xs);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);line-height:var(--line-height-body);box-sizing:border-box;margin-bottom:var(--spacing-xs);font-family:var(--font-sans)}.compact-input[data-v-71922bf7]:focus,.compact-select[data-v-71922bf7]:focus,.compact-textarea[data-v-71922bf7]:focus{outline:none;border-color:var(--color-primary-cyan);box-shadow:0 0 0 2px rgba(78,205,196,.2)}.compact-textarea[data-v-71922bf7]{resize:vertical;min-height:60px}.card[data-v-71922bf7]{padding:var(--spacing-xs);margin-bottom:var(--spacing-xs);background-color:var(--color-white);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm)}.card-header[data-v-71922bf7]{margin-bottom:var(--spacing-xxs);padding-bottom:var(--spacing-xxs);border-bottom:1px solid var(--color-border-light)}.card-body[data-v-71922bf7]{padding:var(--spacing-xxs) 0}.card-footer[data-v-71922bf7]{margin-top:var(--spacing-xxs);padding-top:var(--spacing-xxs);gap:var(--spacing-xxs);display:flex;justify-content:flex-end}.empty-state[data-v-71922bf7],.loading-spinner-small[data-v-71922bf7]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#666;font-size:var(--font-size-base);text-align:center;padding:var(--spacing-md)}.loading-spinner-small[data-v-71922bf7]:after{content:"";width:20px;height:20px;border:2px solid var(--color-primary-cyan);border-top-color:transparent;border-radius:50%;animation:spin-71922bf7 1s linear infinite;margin-top:var(--spacing-xs)}@keyframes spin-71922bf7{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.dashboard-main-grid[data-v-71922bf7]{grid-template-columns:1fr;grid-template-areas:"students" "main-right";gap:var(--spacing-sm)}.main-right-grid[data-v-71922bf7]{grid-template-columns:1fr;grid-template-rows:max-content max-content;grid-template-areas:"summary" "skills";gap:var(--spacing-sm);padding:var(--spacing-xs);padding-bottom:12px}.dashboard-header[data-v-71922bf7]{padding:var(--spacing-xs)}.btn[data-v-71922bf7]{min-height:56px;padding:var(--spacing-xs) var(--spacing-md)}.btn-icon[data-v-71922bf7]{min-width:56px;min-height:56px}}@media (max-width:480px){.dashboard-header .title[data-v-71922bf7]{font-size:var(--font-size-md)}.user-info[data-v-71922bf7]{font-size:var(--font-size-sm)}.user-info .avatar[data-v-71922bf7]{width:28px;height:28px}}.el-overlay[data-v-01bfe014]{background-color:var(--color-overlay-backdrop-solid)!important}.student-course-overview-container[data-v-01bfe014]{font-family:var(--font-sans);background-color:var(--color-background-main);padding:var(--spacing-md) var(--spacing-sm);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin:var(--spacing-md) auto;max-width:100%;width:100%;padding-bottom:var(--app-footer-height)}@media (min-width:768px){.student-course-overview-container[data-v-01bfe014]{max-width:1000px;padding:var(--spacing-lg)}}.header-filters-wrapper[data-v-01bfe014]{background-color:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.main-title[data-v-01bfe014]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-blue2);margin-bottom:var(--spacing-sm);text-align:center}.controls[data-v-01bfe014]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center;width:100%}.filter-select[data-v-01bfe014],.form-input-compact[data-v-01bfe014]{flex-grow:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);background-color:var(--color-background-input);color:var(--color-text-dark);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease;min-height:var(--touch-target-min-size)}.filter-select[data-v-01bfe014]:focus,.form-input-compact[data-v-01bfe014]:focus{border-color:var(--color-primary-blue2);box-shadow:0 0 0 2px rgba(var(--color-primary-blue2-rgb),.2)}.date-range-picker[data-v-01bfe014]{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.date-range-picker input[data-v-01bfe014]{width:100%}.date-separator[data-v-01bfe014]{color:var(--color-text-light);text-align:center}.btn[data-v-01bfe014]{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:background-color var(--transition-fast) ease,opacity var(--transition-fast) ease,transform var(--transition-fast) ease;white-space:nowrap;min-height:var(--touch-target-min-size);font-weight:var(--font-weight-medium)}.refresh-button[data-v-01bfe014]{background-color:var(--color-primary-blue2);color:var(--color-white);border:none;flex-shrink:0}.refresh-button[data-v-01bfe014]:hover:not(:disabled){background-color:var(--color-primary-blue);transform:translateY(-1px)}.refresh-button[data-v-01bfe014]:disabled{background-color:var(--color-gray-dark);cursor:not-allowed;opacity:.6}@media (min-width:768px){.header-filters-wrapper[data-v-01bfe014]{flex-direction:row;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg)}.main-title[data-v-01bfe014]{margin-bottom:0;text-align:left}.controls[data-v-01bfe014]{flex-wrap:nowrap;width:auto}.date-range-picker[data-v-01bfe014]{flex-direction:row;width:auto}.date-range-picker input[data-v-01bfe014]{width:auto}.filter-select[data-v-01bfe014],.form-input-compact[data-v-01bfe014]{flex-grow:0;max-width:180px}}.state-card[data-v-01bfe014]{text-align:center;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);background-color:var(--color-white);border:1px solid var(--color-border-light);margin-top:var(--spacing-lg);box-shadow:var(--shadow-sm)}.loading-state-card .simple-skeleton[data-v-01bfe014]{width:80px;height:80px;background-color:var(--color-gray-light);border-radius:var(--border-radius-full);margin:0 auto var(--spacing-md);animation:pulse-01bfe014 1.5s ease-in-out infinite}@keyframes pulse-01bfe014{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:.7}}.state-text[data-v-01bfe014]{font-size:var(--font-size-base);color:var(--color-text-light)}.empty-state-card[data-v-01bfe014]{background-color:var(--color-background-soft);border-color:var(--color-border-medium)}.empty-state-card .state-title[data-v-01bfe014]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-cyan);margin-bottom:var(--spacing-xs)}.empty-state-card .state-text[data-v-01bfe014]{color:var(--color-text-medium)}.error-state-card[data-v-01bfe014]{background-color:rgba(var(--color-primary-red-rgb),.1);border-color:var(--color-primary-red);color:var(--color-primary-red)}.error-state-card .state-text[data-v-01bfe014]{color:var(--color-primary-red)}.retry-button[data-v-01bfe014]{background-color:var(--color-primary-red);color:var(--color-white);border:none;margin-top:var(--spacing-md)}.retry-button[data-v-01bfe014]:hover{background-color:var(--color-primary-red2)}.sessions-list-grid[data-v-01bfe014]{display:grid;gap:var(--spacing-md);padding-bottom:var(--app-footer-height)}.session-card[data-v-01bfe014]{background-color:var(--color-background-card);border:1px solid var(--color-border-dark);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.session-card[data-v-01bfe014]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header[data-v-01bfe014]{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-md);background-color:var(--color-background-soft);border-bottom:1px solid var(--color-border-light);gap:var(--spacing-xs)}.session-title[data-v-01bfe014]{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);width:100%}.icon-calendar[data-v-01bfe014],.session-title[data-v-01bfe014]{color:var(--color-primary-blue2)}.session-time[data-v-01bfe014]{font-size:var(--font-size-sm);color:var(--color-text-light);margin-left:var(--spacing-xs)}.status-tag[data-v-01bfe014]{padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-self:flex-end;margin-top:calc(var(--spacing-md)*-1);margin-right:var(--spacing-sm);box-shadow:var(--shadow-xs)}.status-tag-success[data-v-01bfe014]{background-color:var(--color-status-success-bg);color:var(--color-status-success)}.status-tag-info[data-v-01bfe014]{background-color:rgba(var(--color-primary-blue2-rgb),.1);color:var(--color-primary-blue2)}.status-tag-danger[data-v-01bfe014]{background-color:var(--color-status-danger-bg);color:var(--color-status-danger)}.card-body[data-v-01bfe014]{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.info-item[data-v-01bfe014]{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.info-label[data-v-01bfe014]{color:var(--color-text-medium);font-weight:var(--font-weight-medium);min-width:4em;flex-shrink:0}.info-value[data-v-01bfe014]{color:var(--color-text-dark);flex-grow:1}.btn-link[data-v-01bfe014]{color:var(--color-primary-blue2);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast) ease;margin-left:auto}.btn-link[data-v-01bfe014]:hover{color:var(--color-primary-blue);text-decoration:underline}.feedback-section[data-v-01bfe014],.notes-section[data-v-01bfe014],.skills-section[data-v-01bfe014]{border-top:1px dashed var(--color-border-light);padding-top:var(--spacing-md)}.section-sub-title[data-v-01bfe014]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-heading);margin-bottom:var(--spacing-sm)}.feedback-content[data-v-01bfe014],.notes-content[data-v-01bfe014]{background-color:var(--color-background-mute);border-left:4px solid var(--color-primary-blue2);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);line-height:var(--line-height-body);color:var(--color-text-dark);white-space:pre-wrap;word-break:break-word}.feedback-section .feedback-content[data-v-01bfe014]{border-left-color:var(--color-secondary-brand)}.no-data-text[data-v-01bfe014]{font-size:var(--font-size-sm);color:var(--color-text-light);text-align:center;padding:var(--spacing-sm);background-color:var(--color-background-mute);border-radius:var(--border-radius-sm)}.skill-list[data-v-01bfe014]{display:grid;gap:var(--spacing-sm)}.skill-item[data-v-01bfe014]{border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);padding:var(--spacing-sm);box-shadow:var(--shadow-xs);transition:all var(--transition-fast) ease}.skill-item[data-v-01bfe014]:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.skill-header[data-v-01bfe014]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.skill-name[data-v-01bfe014]{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-heading)}.skill-progress-rating[data-v-01bfe014]{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent-vibrant);min-width:3em;text-align:right}.skill-progress-bar[data-v-01bfe014]{width:100%;height:6px;background-color:var(--color-gray-light);border-radius:var(--border-radius-full);overflow:hidden;margin-bottom:var(--spacing-xs)}.progress-fill[data-v-01bfe014]{height:100%;border-radius:var(--border-radius-full);transition:width var(--transition-normal) ease}.skill-feedback[data-v-01bfe014]{font-size:var(--font-size-xs);color:var(--color-text-medium);margin-bottom:var(--spacing-xs);line-height:var(--line-height-body);background-color:var(--color-background-soft);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);border-left:2px solid var(--color-accent-feedback)}.skill-feedback .feedback-label[data-v-01bfe014]{font-weight:var(--font-weight-semibold);color:var(--color-text-dark)}.skill-global-status[data-v-01bfe014]{font-size:var(--font-size-xxs);color:var(--color-text-light);margin-top:var(--spacing-xs);text-align:right}.skill-global-status .global-label[data-v-01bfe014]{font-weight:var(--font-weight-medium);color:var(--color-text-medium)}.base-pagination-wrapper[data-v-01bfe014]{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light);display:flex;justify-content:center;background-color:var(--color-white);padding:var(--spacing-md);border-radius:var(--border-radius-md);box-shadow:var(--shadow-xs)}@media (max-width:767px){.header-filters-wrapper[data-v-01bfe014],.student-course-overview-container[data-v-01bfe014]{padding:var(--spacing-sm)}.main-title[data-v-01bfe014]{font-size:var(--font-size-lg)}.controls[data-v-01bfe014]{flex-direction:column;align-items:stretch}.btn[data-v-01bfe014],.filter-select[data-v-01bfe014],.form-input-compact[data-v-01bfe014]{width:100%}.date-range-picker[data-v-01bfe014]{flex-direction:column;width:100%}.date-separator[data-v-01bfe014]{margin:var(--spacing-xs) 0}.session-card[data-v-01bfe014]{margin-left:0;margin-right:0}.card-header[data-v-01bfe014]{flex-direction:column;align-items:flex-start;padding:var(--spacing-sm)}.session-title[data-v-01bfe014]{font-size:var(--font-size-base);flex-direction:column;align-items:flex-start;gap:var(--spacing-xxs)}.session-time[data-v-01bfe014]{margin-left:0}.status-tag[data-v-01bfe014]{align-self:flex-start;margin-top:var(--spacing-xs);margin-right:0}.card-body[data-v-01bfe014]{padding:var(--spacing-sm)}.info-item[data-v-01bfe014]{flex-direction:column;align-items:flex-start;gap:var(--spacing-xxs)}.btn-link[data-v-01bfe014]{margin-left:0;align-self:flex-end}.feedback-section[data-v-01bfe014],.notes-section[data-v-01bfe014],.skills-section[data-v-01bfe014]{padding-top:var(--spacing-sm)}.skill-item[data-v-01bfe014]{padding:var(--spacing-sm)}.skill-header[data-v-01bfe014]{flex-direction:column;align-items:flex-start}.skill-progress-rating[data-v-01bfe014]{align-self:flex-end}.skill-feedback[data-v-01bfe014]{font-size:var(--font-size-xxs)}}.student-course-review-dashboard-container[data-v-d9c7118c]{display:flex;flex-direction:column;height:100vh;background-color:var(--color-background-card);font-family:var(--font-sans);color:var(--color-text-dark);overflow:hidden}.dashboard-header[data-v-d9c7118c]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary-cyan);color:var(--color-white);box-shadow:var(--shadow-sm);z-index:5}.dashboard-header .title[data-v-d9c7118c]{color:var(--color-white);margin-bottom:0;font-size:var(--font-size-lg);line-height:var(--line-height-heading)}.dashboard-main-grid[data-v-d9c7118c]{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xs);flex-grow:1;padding:var(--spacing-xs);overflow:hidden;box-sizing:border-box}.students-panel[data-v-d9c7118c]{max-width:200px;height:100%;overflow-y:auto}.main-right-content[data-v-d9c7118c]{display:flex;flex-direction:column;background-color:var(--color-white);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);padding:var(--spacing-xs);overflow-y:auto;width:100%}.empty-state-card[data-v-d9c7118c]{display:flex;justify-content:center;align-items:center;height:100%;color:var(--color-text-medium);font-size:var(--font-size-base);text-align:center;padding:var(--spacing-md)}@media (max-width:768px){.dashboard-main-grid[data-v-d9c7118c]{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:var(--spacing-sm)}.students-panel[data-v-d9c7118c]{max-width:unset;height:auto}.main-right-content[data-v-d9c7118c]{padding-bottom:var(--app-footer-height)}.dashboard-header .title[data-v-d9c7118c]{font-size:var(--font-size-md)}}@media (max-width:480px){.dashboard-header[data-v-d9c7118c]{padding:var(--spacing-xxs) var(--spacing-xs)}}.error-state[data-v-dd7d1394],.loading-state[data-v-dd7d1394]{text-align:center;padding:var(--spacing-lg);font-size:var(--font-size-md);color:var(--color-text-medium)}.loading-spinner[data-v-dd7d1394]{border:4px solid rgba(0,0,0,.1);border-top:4px solid var(--color-primary-blue);border-radius:50%;width:30px;height:30px;animation:spin-dd7d1394 1s linear infinite;margin:var(--spacing-md) auto}@keyframes spin-dd7d1394{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state p[data-v-dd7d1394]{color:var(--color-primary-red);font-weight:700}.error-state button[data-v-dd7d1394]{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary-red);color:var(--color-white);border:none;border-radius:var(--border-radius-sm);cursor:pointer;margin-top:var(--spacing-sm)}.error-state button[data-v-dd7d1394]:hover{opacity:.9}.weekly-session-viewer[data-v-dd7d1394]{padding:var(--spacing-md);background-color:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md)}.session-header[data-v-dd7d1394]{flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-sm)}.header-controls[data-v-dd7d1394]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.title[data-v-dd7d1394]{font-size:var(--font-size-lg);color:var(--color-heading);margin:0;flex-shrink:0}.coach-select[data-v-dd7d1394],.current-coach-info[data-v-dd7d1394],.current-student-info[data-v-dd7d1394]{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-primary-blue);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);background-color:var(--color-primary-blue-light);min-width:150px;max-width:100%}.student-filter-input[data-v-dd7d1394]{min-width:150px;max-width:100%;border-color:var(--color-primary-green);background-color:var(--color-primary-green-light)}.week-navigation[data-v-dd7d1394]{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;justify-content:space-between}.nav-btn[data-v-dd7d1394],.refresh-btn[data-v-dd7d1394]{padding:var(--spacing-xs) var(--spacing-sm);border:none;background-color:var(--color-background-mute);border-radius:var(--border-radius-sm);cursor:pointer;color:var(--color-text-dark);min-height:var(--touch-target-min-size)}.refresh-btn[data-v-dd7d1394]{background-color:var(--color-primary-blue2);color:var(--color-white);font-weight:700}.week-range[data-v-dd7d1394]{font-size:var(--font-size-base);font-weight:700;color:var(--color-text-dark);text-align:center;flex-grow:1}.calendar-grid[data-v-dd7d1394]{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs)}.weekday-header[data-v-dd7d1394]{text-align:center;font-weight:700;padding:var(--spacing-xs);background-color:var(--color-background-light);border-radius:var(--border-radius-sm)}.day-card[data-v-dd7d1394]{border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);min-height:200px;background-color:var(--color-white);display:flex;flex-direction:column;overflow:hidden}.day-card-today[data-v-dd7d1394]{background-color:var(--color-background-soft);border:2px solid var(--color-primary-blue)}.date-title[data-v-dd7d1394]{text-align:center;font-weight:600;color:var(--color-text-dark);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xxs);border-bottom:1px dashed var(--color-border-light);cursor:default}.session-list[data-v-dd7d1394]{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-grow:1;transition:max-height .3s ease-out,opacity .3s ease-out,padding .3s ease-out}.session-card-display[data-v-dd7d1394]{padding:var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;border:1px solid var(--color-border-medium);font-size:var(--font-size-sm);background-color:var(--color-background-soft);display:flex;flex-direction:column;gap:var(--spacing-xxs)}.session-card-display[data-v-dd7d1394]:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px);border-color:var(--color-primary-blue)}.session-header[data-v-dd7d1394]{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--color-heading)}.session-time[data-v-dd7d1394]{font-size:var(--font-size-sm);color:var(--color-primary-purple)}.coach-name-label[data-v-dd7d1394]{font-size:var(--font-size-xs);background-color:var(--color-primary-blue-light);color:var(--color-primary-blue);padding:2px 6px;border-radius:var(--border-radius-xs)}.session-body[data-v-dd7d1394]{font-size:var(--font-size-xs);color:var(--color-text-medium)}.students-list[data-v-dd7d1394]{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.student-tag[data-v-dd7d1394]{background-color:var(--color-primary-cyan-light);color:var(--color-primary-cyan);padding:2px 6px;border-radius:var(--border-radius-xs);font-size:var(--font-size-xxs);font-weight:500}.session-notes[data-v-dd7d1394]{margin-top:var(--spacing-xxs);font-style:italic;color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-footer[data-v-dd7d1394]{display:flex;justify-content:flex-end;margin-top:var(--spacing-xxs)}.status-tag[data-v-dd7d1394]{padding:2px 8px;border-radius:var(--border-radius-xs);font-size:var(--font-size-xxs);font-weight:700;color:var(--color-white)}.status-tag-planned[data-v-dd7d1394]{background-color:var(--color-primary-blue2)}.status-tag-completed[data-v-dd7d1394]{background-color:var(--color-primary-green)}.status-tag-cancelled[data-v-dd7d1394]{background-color:var(--color-primary-red)}.no-sessions[data-v-dd7d1394]{padding:var(--spacing-sm);text-align:center;color:var(--color-text-light);font-size:var(--font-size-sm);background-color:var(--color-background-mute);border-radius:var(--border-radius-sm)}@media (max-width:767px){.weekly-session-viewer[data-v-dd7d1394]{padding:var(--spacing-sm);border-radius:0;box-shadow:none}.header-controls[data-v-dd7d1394]{flex-direction:column;align-items:flex-start}.coach-select[data-v-dd7d1394],.student-filter-input[data-v-dd7d1394]{margin-top:var(--spacing-sm);width:100%}.calendar-grid[data-v-dd7d1394]{grid-template-columns:1fr;gap:var(--spacing-md)}.weekday-header.desktop-only[data-v-dd7d1394]{display:none}.day-card[data-v-dd7d1394]{min-height:auto;padding:var(--spacing-sm);box-shadow:var(--shadow-sm)}.date-title[data-v-dd7d1394]{text-align:left;font-size:var(--font-size-md);border-bottom:1px dashed var(--color-border-light);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.session-list.collapsed[data-v-dd7d1394]{max-height:0;opacity:0;overflow:hidden;gap:0;padding-top:0}.session-list[data-v-dd7d1394]{max-height:500px}.collapse-indicator[data-v-dd7d1394]{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary-blue);transition:transform .3s}.mobile-only[data-v-dd7d1394]{display:inline;font-weight:400;color:var(--color-primary-blue)}}@media (min-width:768px){.mobile-only[data-v-dd7d1394]{display:none}}.legend-container[data-v-dd7d1394]{padding:var(--spacing-md);margin-top:var(--spacing-lg);background-color:var(--color-background-soft);border-top:1px solid var(--color-border-medium)}.legend-items[data-v-dd7d1394]{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:flex-start}.legend-item[data-v-dd7d1394]{display:flex;align-items:center;font-size:var(--font-size-sm)}.legend-color[data-v-dd7d1394]{display:inline-block;width:14px;height:14px;border-radius:var(--border-radius-sm);margin-right:var(--spacing-xs);border:1px solid rgba(0,0,0,.1)}.legend-color.status-tag-planned[data-v-dd7d1394]{background-color:var(--color-primary-blue2)}.legend-color.status-tag-completed[data-v-dd7d1394]{background-color:var(--color-primary-green)}.legend-color.status-tag-cancelled[data-v-dd7d1394]{background-color:var(--color-primary-red)}.student-management-container[data-v-cc07efda]{display:flex;flex-direction:column;flex-grow:1;background-color:var(--color-background-light);font-family:var(--font-sans);color:var(--color-text-dark);box-sizing:border-box;position:relative}.fixed-tabs-wrapper[data-v-cc07efda]{position:sticky;top:0;left:0;right:0;z-index:10;background-color:var(--color-background-card);box-shadow:none;padding:0 var(--spacing-xs);box-sizing:border-box;flex-shrink:0;--student-header-height:calc(var(--touch-target-min-size) + var(--spacing-sm)*2);height:var(--student-header-height)}.custom-tabs-nav[data-v-cc07efda]{display:flex;justify-content:center;background-color:transparent;border-radius:0;border:none;padding:0;border-bottom:1px solid var(--color-border-light);height:100%}.tab-button[data-v-cc07efda]{height:auto;line-height:1;padding:var(--spacing-sm) var(--spacing-xs);min-height:var(--touch-target-min-size);font-size:var(--font-size-base);font-weight:600;color:var(--color-text-dark);background-color:var(--color-background-light);border-radius:0;border:none;transition:background-color .2s ease;flex:1;text-align:center;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;cursor:pointer;outline:none;transform:none;box-shadow:none}.tab-button.is-active[data-v-cc07efda]{color:var(--color-white);background-color:var(--color-primary-red);border-color:transparent;font-weight:600;transform:none;box-shadow:none}.tab-button[data-v-cc07efda]:hover:not(.is-active){background-color:var(--color-background-hover);color:var(--color-text-dark);border-color:transparent;transform:none}.tabs-content-wrapper[data-v-cc07efda]{flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-xs);box-sizing:border-box}.tab-content-pane[data-v-cc07efda]{display:flex;flex-direction:column}@media (max-width:767px){.fixed-tabs-wrapper[data-v-cc07efda]{padding:0 var(--spacing-xs);--student-header-height:calc(var(--touch-target-min-size) + var(--spacing-xs)*2);height:var(--student-header-height)}.custom-tabs-nav[data-v-cc07efda]{justify-content:space-between}.tab-button[data-v-cc07efda]{font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-xxs);min-height:var(--touch-target-min-size)}}@media (min-width:768px){.tab-button[data-v-cc07efda]{min-height:var(--touch-target-min-size)}}.student-detail-view-page[data-v-70e29f28]{padding:var(--spacing-lg);max-width:1200px;margin:0 auto;box-sizing:border-box;padding-bottom:calc(20px + var(--app-footer-height))}.page-header[data-v-70e29f28]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-md)}.page-title[data-v-70e29f28]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-heading);margin:0;flex-grow:1;text-align:center}.btn-back[data-v-70e29f28]{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);transition:background-color .2s ease}.btn-back[data-v-70e29f28]:hover{background-color:var(--color-primary-extra-light)}.header-placeholder[data-v-70e29f28]{width:80px}.state-card[data-v-70e29f28]{text-align:center;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);background-color:var(--color-background);border:1px solid var(--color-border);margin-top:var(--spacing-lg);box-shadow:var(--shadow-sm)}.loading-state-card .simple-skeleton[data-v-70e29f28]{width:80px;height:80px;background-color:var(--color-gray-200);border-radius:50%;margin:0 auto var(--spacing-md);animation:pulse-70e29f28 1.5s ease-in-out infinite}@keyframes pulse-70e29f28{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:.7}}.state-text[data-v-70e29f28]{font-size:var(--font-size-md);color:var(--color-text-light)}.empty-state-card .state-title[data-v-70e29f28]{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-heading);margin-bottom:var(--spacing-xs)}.error-state-card[data-v-70e29f28]{color:var(--color-danger);border-color:var(--color-danger-light);background-color:var(--color-danger-light)}.retry-button[data-v-70e29f28]{background-color:var(--color-danger);color:var(--color-white);border:none;margin-top:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;transition:background-color .2s ease}.retry-button[data-v-70e29f28]:hover{background-color:var(--color-danger-dark)}.student-content-sections[data-v-70e29f28]{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width:768px){.student-content-sections[data-v-70e29f28]{grid-template-columns:1fr 2fr}}.card[data-v-70e29f28]{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.card-header[data-v-70e29f28]{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-gray-100);border-bottom:1px solid var(--color-border-light)}.card-title[data-v-70e29f28]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-heading);margin:0}.card-body[data-v-70e29f28]{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-row[data-v-70e29f28]{display:flex;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px dashed var(--color-gray-200)}.info-row[data-v-70e29f28]:last-child{border-bottom:none}.info-label[data-v-70e29f28]{font-weight:var(--font-weight-medium);color:var(--color-text-light);min-width:80px;flex-shrink:0}.info-value[data-v-70e29f28]{color:var(--color-text);flex-grow:1}:root{--color-primary-red:#ff6b6b;--color-primary-cyan:#4ecdc4;--color-primary-yellow:#ffd166;--color-primary-blue:#5387be;--color-primary-blue-light:#95bfd8;--color-primary-blue2:#2196f3;--color-primary-green:#4caf50;--color-primary-yellow2:#ffc107;--color-primary-red2:#f44336;--color-primary-purple:#9c27b0;--color-primary-orange:#ff9800;--color-primary-pink:#e91e63;--color-primary-cyan-rgb:78,205,196;--color-primary-blue2-rgb:33,150,243;--color-primary-yellow-rgb:255,209,102;--color-primary-red-rgb:255,107,107;--color-primary-green-rgb:76,175,80;--color-gray-500:#9e9e9e;--color-success:#4caf50;--color-warning:#ff9800;--color-danger:#f44336;--color-info:#2196f3;--color-white:#fff;--color-black:#000;--color-text-dark:#333;--color-heading:#333;--color-text-light:#666;--color-gray-light:#f5f5f5;--color-gray-dark:#b0b0b0;--color-text-medium:#555;--color-background-light:#f0f8f8;--color-background-card:var(--color-white);--color-background-input:var(--color-gray-light);--color-background-hover:rgba(var(--color-primary-cyan-rgb),0.05);--color-background-mute:#f8f8f8;--color-background-soft:#f3f9ff;--color-background-main:#fdfdfd;--color-border:#e0e0e0;--color-border-light:#e0e0e0;--color-border-medium:#ccc;--color-border-dark:#aaa;--color-status-success:var(--color-primary-cyan);--color-status-warning:var(--color-primary-yellow);--color-status-danger:var(--color-primary-red);--color-status-info:var(--color-primary-blue2);--color-status-info-dark:var(--color-primary-blue);--color-status-success-bg:rgba(var(--color-primary-cyan-rgb),0.1);--color-status-warning-bg:rgba(var(--color-primary-yellow-rgb),0.1);--color-status-danger-bg:rgba(var(--color-primary-red-rgb),0.1);--color-status-warning-dark:rgba(var(--color-status-warning),0.2);--color-primary-brand:var(--color-primary-blue2);--color-primary-light:#64b5f6;--color-secondary-brand:var(--color-primary-green);--color-secondary-light:#81c784;--color-accent-vibrant:var(--color-primary-yellow2);--color-accent-feedback:#ff6f00;--color-overlay-backdrop-solid:rgba(5,8,20,.7);--font-sans:"Comic Neue","Noto Sans SC","Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;--font-title:"Comic Neue","Noto Sans SC","Roboto",sans-serif;--color-package-type-junior-45min:#bbdefb;--color-package-type-junior-90min:#c8e6c9;--color-package-type-advanced-10sessions:#ffecb3;--color-package-type-advanced-large-pack:#f8bbd0;--color-package-type-no-package:#e0e0e0;--tab-all-active-color:#3b82f6;--tab-self-active-color:#ff6b6b;--tab-others-active-color:#4ecdc4;--font-size-xxs:10px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-md:18px;--font-size-lg:20px;--font-size-xl:24px;--line-height-body:1.15;--line-height-heading:1.2;--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-full:50%;--touch-target-min-width:26px;--touch-target-min-height:56px;--touch-target-xmin-size:16px;--touch-target-min-size:36px;--shadow-xs:0 0.5px 1px rgba(0,0,0,.03);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 2px 4px rgba(0,0,0,.1);--shadow-lg:0 4px 8px rgba(0,0,0,.15);--transition-fast:0.15s;--transition-normal:0.3s;--transition-slow:0.5s;--app-footer-height:50px;--video-header-height:50px}body,html{height:100%;margin:0;padding:0;font-family:var(--font-sans);font-size:var(--font-size-base);background-color:var(--color-background-light);color:var(--color-text-dark);overflow:hidden;scroll-behavior:smooth;box-sizing:border-box}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700;line-height:var(--line-height-heading);margin-top:0;color:var(--color-text-dark)}h1{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}h2{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm)}h5{font-size:var(--font-size-base)}h5,h7{font-weight:300}h7{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xxs)}h3,h4,h6{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}div,p,span{font-family:var(--font-sans);line-height:var(--line-height-body)}p{margin-top:0;margin-bottom:var(--spacing-sm)}a{color:var(--color-primary-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}ol,ul{padding-left:var(--spacing-lg);margin-top:0;margin-bottom:var(--spacing-sm)}li{margin-bottom:var(--spacing-xxs)}img{max-width:100%;height:auto}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-md)}td,th{padding:var(--spacing-xs);border:1px solid var(--color-border-light);text-align:left}th{background-color:rgba(0,0,0,.03);font-weight:600}.english-text{font-family:"Roboto",var(--font-sans)}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.select-students-modal-dialog{background-color:#fff;border-radius:8px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,.15)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.title-text{margin:0;font-size:18px;font-weight:600;color:#333}.btn-close{background:none;border:none;font-size:20px;color:#666;cursor:pointer}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{padding:16px 20px;border-top:1px solid #eee;gap:12px}.student-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:16px}.student-card{border:1px solid #ddd;border-radius:6px;padding:12px;cursor:pointer;position:relative;transition:all .2s ease}.student-card:hover{background-color:#f5f9ff;border-color:#b8d0ff}.student-card.is-checked{background-color:#e6f0ff;border-color:#4a7bff}.student-card.is-disabled{opacity:.6;cursor:not-allowed}.selected-students-summary{margin:12px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.selected-student-tag{background-color:#e6f0ff;border:1px solid #4a7bff;border-radius:4px;padding:4px 8px;font-size:14px;display:inline-flex;align-items:center}.remove-tag,.tag-close-btn{background:none;border:none;color:#5384e7;margin-left:6px;cursor:pointer;font-size:16px;line-height:1}.title{font-family:var(--font-title);text-align:center;color:var(--color-text-dark);font-size:var(--font-size-md);font-weight:700;margin-bottom:var(--spacing-md);line-height:var(--line-height-heading)}.subtitle{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-sm)}.panel-title{font-size:calc(var(--font-size-base)*1.1);margin-bottom:var(--spacing-xs);text-align:left;font-weight:600}.btn{font-family:var(--font-sans);padding:var(--spacing-xxs) var(--spacing-sm);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-normal),transform var(--transition-fast);min-height:var(--touch-target-min-size);min-width:var(--touch-target-min-size);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;text-decoration:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:hover{opacity:.9}.btn:active{transform:translateY(1px)}.close-btn{height:34px;width:66px;background:var(--color-primary-yellow);border:none;font-size:36px;font-weight:300;color:var(--color-text-light);cursor:pointer;padding:12px;border-radius:8%;display:flex;justify-content:center;align-items:center;min-width:56px;min-height:26px;right:var(--spacing-md);z-index:10;box-shadow:var(--shadow-sm)}.close-btn:hover{background-color:var(--color-primary-yellow2);color:var(--color-black);transform:translateY(-2%) scale(1.1);box-shadow:var(--shadow-md)}.close-btn:active{background-color:rgba(var(--color-primary-yellow-rgb),.7)}.btn-primary{background-color:var(--color-primary-cyan);color:var(--color-white)}.btn-success{background-color:var(--color-status-success);color:var(--color-white)}.btn-warning{background-color:var(--color-status-warning);color:var(--color-text-dark)}.btn-danger{background-color:var(--color-status-danger)}.btn-danger,.btn-info{color:var(--color-white)}.btn-info{background-color:var(--color-primary-blue2)}.view{background-color:var(--color-primary-cyan);color:var(--color-white)}.notes{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.complete{background-color:var(--color-primary-red);color:var(--color-white)}.btn-text-only{background:none;border:none;color:var(--color-primary-cyan);padding:0;min-height:unset;min-width:unset;height:auto;line-height:normal;text-decoration:none;cursor:pointer;transition:color var(--transition-fast),-webkit-text-decoration var(--transition-fast);transition:color var(--transition-fast),text-decoration var(--transition-fast);transition:color var(--transition-fast),text-decoration var(--transition-fast),-webkit-text-decoration var(--transition-fast)}.btn-text-only:hover{text-decoration:underline;background:none}.btn-small{padding:4px 8px;font-size:var(--font-size-xs);height:28px}.btn-icon,.btn-small{min-width:unset;min-height:unset;line-height:1}.btn-icon{background-color:transparent;color:var(--color-text-dark);border:1px solid var(--color-text-dark);padding:var(--spacing-xxs) var(--spacing-xs);height:20px}.btn-icon:hover{background-color:rgba(0,0,0,.05)}.btn.disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.compact-input,.compact-select,.compact-textarea{width:calc(100% - var(--spacing-xs)*2);padding:var(--spacing-xs);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);line-height:var(--line-height-body);box-sizing:border-box;margin-bottom:var(--spacing-xs);font-family:var(--font-sans)}.compact-input:focus,.compact-select:focus,.compact-textarea:focus{outline:none;border-color:var(--color-primary-cyan);box-shadow:0 0 0 2px rgba(78,205,196,.2)}.compact-textarea{resize:vertical;min-height:60px}.form-group{margin-bottom:var(--spacing-sm)}.form-label{display:block;margin-bottom:var(--spacing-xxs);font-size:var(--font-size-sm);font-weight:600}.card{background-color:var(--color-background-card);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-sm)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xxs);border-bottom:1px solid var(--color-border-light)}.card-body{padding:var(--spacing-xxs) 0}.card-footer{margin-top:var(--spacing-xs);padding-top:var(--spacing-xxs);border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end;gap:var(--spacing-xs)}.panel{background-color:var(--color-white);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xxs);border-bottom:1px solid rgba(0,0,0,.05)}.panel-content{flex-grow:1;overflow-y:auto;padding-right:var(--spacing-xxs)}.panel-actions{display:flex;gap:var(--spacing-xxs)}.loading-spinner-small{border:2px solid #f3f3f3;border-top:2px solid var(--color-primary-cyan);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;margin:var(--spacing-md) auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state,.empty-state-small{text-align:center;color:#999;padding:var(--spacing-md);font-size:var(--font-size-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}.empty-state .empty-icon{font-size:3em;margin-bottom:var(--spacing-xs)}.empty-state-small{padding:var(--spacing-xs);font-size:10px}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:var(--border-radius-full);margin-right:var(--spacing-xs)}.status-active{background-color:var(--color-primary-cyan)}.status-attention{background-color:var(--color-primary-yellow)}.status-inactive{background-color:var(--color-primary-red)}.status-badge,.status-chip{display:inline-block;padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xxs);font-weight:600}.status-badge.active,.status-chip.active{background-color:var(--color-primary-cyan);color:var(--color-white)}.status-badge.attention,.status-chip.attention{background-color:var(--color-primary-yellow);color:var(--color-text-dark)}.status-badge.inactive,.status-chip.inactive{background-color:var(--color-primary-red);color:var(--color-white)}.progress-bar,.progress-bar-mini{background-color:#eee;border-radius:var(--border-radius-sm);overflow:hidden}.progress-bar{height:12px}.progress-bar-mini{height:8px;width:60px}.progress-fill,.trick-progress-fill{height:100%;background-color:var(--color-primary-cyan);border-radius:var(--border-radius-sm);transition:width var(--transition-normal)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--color-white);padding:var(--spacing-md);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);width:90%;max-width:500px;display:flex;flex-direction:column;gap:var(--spacing-xs)}.modal-title{font-size:var(--font-size-md);color:var(--color-text-dark);text-align:center;margin-bottom:var(--spacing-xs);line-height:var(--line-height-heading)}.modal-body{flex-direction:column}.modal-body,.modal-footer{display:flex;gap:var(--spacing-xs)}.modal-footer{justify-content:flex-end;margin-top:var(--spacing-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary-cyan)}.text-warning{color:var(--color-primary-yellow)}.text-danger{color:var(--color-primary-red)}.text-muted{color:var(--color-border-dark)}.bg-white{background-color:var(--color-white)}.bg-light{background-color:var(--color-background-light)}.bg-primary{background-color:var(--color-primary-cyan);color:var(--color-white)}.bg-warning{background-color:var(--color-primary-yellow)}.bg-danger{background-color:var(--color-primary-red);color:var(--color-white)}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.flex-grow-1{flex-grow:1}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.gap-xxs{gap:var(--spacing-xxs)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.m-0{margin:0}.mb-0{margin-bottom:0}.mb-xxs{margin-bottom:var(--spacing-xxs)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-0{margin-top:0}.mt-xxs{margin-top:var(--spacing-xxs)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.ml-0{margin-left:0}.ml-xxs{margin-left:var(--spacing-xxs)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.mr-0{margin-right:0}.mr-xxs{margin-right:var(--spacing-xxs)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.p-0{padding:0}.p-xxs{padding:var(--spacing-xxs)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.font-xxs{font-size:var(--font-size-xxs)}.font-xs{font-size:var(--font-size-xs)}.font-sm{font-size:var(--font-size-sm)}.font-base{font-size:var(--font-size-base)}.font-md{font-size:var(--font-size-md)}.font-lg{font-size:var(--font-size-lg)}.font-bold{font-weight:700}.font-normal{font-weight:400}.rounded-xs{border-radius:var(--border-radius-xs)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-full{border-radius:var(--border-radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.d-none{display:none!important}.d-block{display:block!important}.invisible{visibility:hidden!important}.visible{visibility:visible!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break{word-wrap:break-word!important;word-break:break-word!important}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.w-100{width:100%}.h-100{height:100%}.min-w-0{min-width:0}.min-h-0{min-height:0}.dashboard-main-grid{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"students main-right";gap:var(--spacing-xs);padding:var(--spacing-xs);flex-grow:1;overflow:hidden;box-sizing:border-box}.main-right-grid{grid-area:main-right;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto;grid-template-areas:"summary summary" "records tasks" "skills skills";gap:var(--spacing-sm);overflow-y:auto;padding:var(--spacing-sm)}.grid-area-students{grid-area:students}.grid-area-summary{grid-area:summary}.grid-area-records{grid-area:records}.grid-area-tasks{grid-area:tasks}.grid-area-skills{grid-area:skills}@media (max-width:767px){.hide-mobile{display:none!important}.dashboard-main-grid{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"students" "main-right";padding:var(--spacing-xs)}.main-right-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"summary" "records" "tasks" "skills"}.students-panel{max-width:unset}.students-avatars-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.student-item-clickable{min-width:50px;min-height:60px}.student-avatar{width:36px;height:36px}.student-name-text{font-size:10px}}@media (min-width:768px) and (max-width:1023px){.hide-tablet{display:none!important}.dashboard-main-grid{grid-template-columns:200px 1fr}.students-panel{max-width:200px}.students-avatars-grid{grid-template-columns:1fr}.student-item-clickable{flex-direction:row;justify-content:flex-start;gap:var(--spacing-xxs);min-width:unset;min-height:unset;height:60px}.avatar-wrapper{width:50px;height:50px}.student-avatar{width:48px;height:48px}.student-name-text{text-align:left;margin-left:var(--spacing-xs);flex-grow:1}}@media (min-width:1024px){.hide-desktop{display:none!important}.dashboard-main-grid{grid-template-columns:250px 1fr}.students-panel{max-width:250px}}@media print{.no-print{display:none!important}body{background-color:var(--color-white)}.dashboard-main-grid,.main-right-grid{display:block}.panel{box-shadow:none;border:1px solid var(--color-border-light);margin-bottom:var(--spacing-md);page-break-inside:avoid}}.el-button .el-icon,.el-calendar .el-icon,.el-cascader .el-icon,.el-collapse-item__header .el-icon,.el-date-editor .el-icon,.el-date-picker__header-label .el-icon,.el-dialog__headerbtn .el-icon,.el-drawer__header .el-icon,.el-dropdown__icon,.el-form-item__label .el-icon,.el-icon,.el-icon svg,.el-input__icon,.el-input__prefix .el-icon,.el-input__suffix .el-icon,.el-menu-item .el-icon,.el-menu-item-group__title .el-icon,.el-message .el-icon,.el-message-box .el-icon,.el-notification .el-icon,.el-pagination .el-icon,.el-picker-panel .el-icon,.el-select__icon,.el-submenu__title .el-icon,.el-tabs__item .el-icon,.el-tag .el-icon,.el-time-panel .el-icon,.el-transfer-panel .el-icon,.el-tree-node__content .el-icon,.el-upload .el-icon{width:1em!important;height:1em!important;font-size:inherit!important;vertical-align:-.125em!important}.el-icon{display:inline-flex!important;justify-content:center!important;align-items:center!important;font-size:16px!important;line-height:1!important}.el-date-editor .el-input__icon,.el-date-picker .el-icon,.el-date-picker__header-button .el-icon,.el-date-table .el-icon{font-size:14px!important;width:1em!important;height:1em!important}.vc-material-icon,.vc-material-icons,.vc-nav-item .vc-svg-icon,.vc-svg-icon{width:1em!important;height:1em!important;font-size:16px!important;line-height:1!important}svg:not(:root){overflow:hidden;width:100%;height:100%}.icon:not(.el-icon),.nav-bar .icon{font-size:1.2em;line-height:1}.icon:not(.el-icon){display:inline-block}.el-input-group__append .el-icon,.el-input-group__prepend .el-icon{font-size:14px!important}.date-card .el-icon,.lesson-type-card .el-icon,.time-slot-card .el-icon{font-size:1.2em!important;width:1em!important;height:1em!important}.slot-check .el-icon{font-size:12px!important}.el-date-editor--daterange,.el-date-editor--datetimerange,.el-date-picker,.el-date-range-picker,.el-date-table,.el-month-table,.el-picker-panel,.el-year-table,.vc-container,.vc-pane,.vc-popover-content,.vc-popover-content-wrapper{background-color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)!important;border:1px solid #e4e7ed!important}.el-date-table td,.el-month-table td .cell,.el-year-table td .cell,.vc-day,.vc-day-content,.vc-weeks{background-color:#fff!important}.el-dialog__wrapper,.el-drawer__wrapper,.el-message-box__wrapper,.el-notification,.el-overlay,.el-popper{background-color:rgba(0,0,0,.5)!important}.el-cascader__dropdown,.el-dialog,.el-drawer,.el-dropdown-menu,.el-message-box,.el-popover,.el-popper,.el-select-dropdown{background-color:#fff!important;border:1px solid #e4e7ed!important;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)!important}.el-overlay{z-index:2000!important}.el-dialog,.el-message-box{z-index:2001!important}.el-dropdown-menu,.el-picker-panel,.el-popover,.el-select-dropdown{z-index:2002!important}.el-message,.el-notification{z-index:2003!important}.el-dialog__wrapper,.el-message-box__wrapper{display:flex!important;align-items:center!important;justify-content:center!important;overflow:auto!important;top:0!important;right:0!important;bottom:0!important;left:0!important;padding:30px 0!important}.v-calendar .vc-container,.v-calendar .vc-pane,.v-calendar-popover,.v-calendar-popover__content{background-color:#fff!important;color:#333!important;border:1px solid #e4e7ed!important;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)!important}.v-calendar .vc-day,.v-calendar .vc-day-content{background-color:#fff!important;color:#333!important}.el-date-table td.current:not(.disabled) .el-date-table-cell__text,.v-calendar .vc-day.is-selected .vc-day-content{background-color:var(--color-primary-cyan)!important;color:#fff!important}.v-calendar .vc-popover-content-wrapper:before,.v-calendar .vc-popover-content:before{display:none!important}