.announcement-card[data-v-5423f4fa]{background-color:#fff;border-radius:8px;padding:10px;margin-bottom:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:box-shadow .3s}.announcement-card[data-v-5423f4fa]:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.announcement-card.unread[data-v-5423f4fa]{border-left:3px solid #4a90e2}.announcement-card.important[data-v-5423f4fa]{border-left:3px solid #ff4500}.card-header[data-v-5423f4fa]{display:flex;align-items:center;cursor:pointer}.announcement-type[data-v-5423f4fa]{font-size:1.2rem;margin-right:10px}.announcement-title[data-v-5423f4fa]{font-size:1rem;color:#333;margin:0;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date[data-v-5423f4fa]{font-size:.8rem;color:#999;margin-right:10px}.expand-icon[data-v-5423f4fa]{font-size:.8rem;color:#999;transition:transform .3s}.expand-icon.expanded[data-v-5423f4fa]{transform:rotate(180deg)}.announcement-content[data-v-5423f4fa]{margin-top:10px;font-size:.9rem;color:#666}.read-button[data-v-5423f4fa]{background-color:#4a90e2;color:#fff;border:none;width:30px;height:30px;border-radius:50%;font-size:.9rem;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;justify-content:center;float:right;margin-top:5px}.read-button[data-v-5423f4fa]:hover{background-color:#357abd}.normal[data-v-5423f4fa]{color:#4a90e2}.important[data-v-5423f4fa]{color:#e74c3c}.system[data-v-5423f4fa]{color:#f39c12}.announcement-root[data-v-f87baff8]{position:relative;width:0;height:0;min-height:0;overflow:visible;pointer-events:none}.open-mini-btn[data-v-f87baff8]{position:fixed;right:16px;bottom:calc(var(--app-footer-height) + 20px);z-index:9200;box-shadow:var(--shadow-md)}.announcement-modal-overlay[data-v-f87baff8]{position:fixed;inset:0;background:rgba(0,0,0,.28);z-index:1190;display:flex;justify-content:flex-end;align-items:flex-start;padding:12px;pointer-events:auto}.announcement-board[data-v-f87baff8]{width:min(430px,calc(100vw - 24px));max-height:min(78vh,720px);overflow:auto;padding:var(--spacing-md);background:linear-gradient(145deg,rgba(var(--color-primary-brand-rgb),.1),rgba(var(--color-primary-cyan-rgb),.08));border-radius:var(--border-radius-lg);border:1px solid rgba(var(--color-primary-brand-rgb),.2);box-shadow:var(--shadow-lg)}.board-header[data-v-f87baff8]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.title[data-v-f87baff8]{font-size:clamp(1rem,2.4vw,1.2rem);color:var(--color-heading);margin:0}.controls[data-v-f87baff8]{margin:var(--spacing-sm) 0}.announcement-container[data-v-f87baff8]{display:grid;gap:var(--spacing-sm);grid-template-columns:1fr}.error[data-v-f87baff8],.loading[data-v-f87baff8],.no-announcements[data-v-f87baff8]{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-medium);margin-top:var(--spacing-sm)}.skateboard-loader[data-v-f87baff8]{width:44px;height:14px;background:var(--color-primary-brand);margin:0 auto var(--spacing-sm);border-radius:10px;position:relative;animation:skate-f87baff8 1s ease-in-out infinite}.skateboard-loader[data-v-f87baff8]:after,.skateboard-loader[data-v-f87baff8]:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--color-primary-brand);top:8px}.skateboard-loader[data-v-f87baff8]:before{left:-7px}.skateboard-loader[data-v-f87baff8]:after{right:-7px}@keyframes skate-f87baff8{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.retry-button[data-v-f87baff8],.toggle-button[data-v-f87baff8]{min-height:34px;font-size:var(--font-size-sm)}.list-enter-active[data-v-f87baff8],.list-leave-active[data-v-f87baff8]{transition:all .5s ease}.list-enter-from[data-v-f87baff8],.list-leave-to[data-v-f87baff8]{opacity:0;transform:translateY(14px)}@media (max-width:767px){.announcement-modal-overlay[data-v-f87baff8]{justify-content:center;align-items:flex-end;padding:8px}.announcement-board[data-v-f87baff8]{width:min(520px,calc(100vw - 12px));max-height:72vh;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.open-mini-btn[data-v-f87baff8]{right:10px;bottom:calc(var(--app-footer-height) + 10px)}}@media (min-width:768px){.announcement-modal-overlay[data-v-f87baff8]{padding-top:18px;padding-right:18px}.announcement-board[data-v-f87baff8]{width:min(440px,42vw)}}.dark-mode .announcement-modal-overlay[data-v-f87baff8]{background:rgba(0,0,0,.46)}[data-v-f87baff8] .announcement-card{background-color:var(--color-background-card);border:1px solid var(--color-border-light);box-shadow:var(--shadow-xs)}[data-v-f87baff8] .announcement-title{color:var(--color-heading)}[data-v-f87baff8] .announcement-content,[data-v-f87baff8] .date,[data-v-f87baff8] .expand-icon{color:var(--color-text-light)}.app-top-nav[data-v-247c0a63]{position:sticky;top:var(--app-global-org-switcher-height,0);z-index:120;width:100%;height:56px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 var(--page-inline-padding);background:var(--color-background-card);border-bottom:1px solid var(--color-border-light);transition:box-shadow .2s ease,background-color .2s ease,border-color .2s ease;overflow:hidden;isolation:isolate;flex-shrink:0}.app-top-nav.is-scrolled[data-v-247c0a63]{box-shadow:0 2px 10px rgba(0,0,0,.08)}.top-nav-left[data-v-247c0a63]{min-width:0}.brand-link[data-v-247c0a63]{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.brand-logo[data-v-247c0a63]{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary-brand);color:#fff;font-size:12px;font-weight:700}.brand-title[data-v-247c0a63]{font-size:15px;font-weight:600;color:var(--color-text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.top-nav-main[data-v-247c0a63]{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.top-nav-item[data-v-247c0a63]{text-decoration:none;color:var(--color-text-medium);font-size:14px;line-height:1;padding:8px 12px;border-radius:8px;transition:color .2s ease,background-color .2s ease;white-space:nowrap}.top-nav-item[data-v-247c0a63]:hover{color:var(--color-primary-brand);background:rgba(var(--color-primary-brand-rgb),.08)}.top-nav-item.is-active[data-v-247c0a63]{color:var(--color-primary-brand);background:rgba(var(--color-primary-brand-rgb),.12)}.top-nav-actions[data-v-247c0a63]{display:inline-flex;align-items:center;gap:8px}.action-btn[data-v-247c0a63]{position:relative;width:34px;height:34px;border-radius:8px;border:1px solid var(--color-border-light);background:var(--color-background-card);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.action-btn[data-v-247c0a63]:hover{border-color:var(--color-primary-brand);background:rgba(var(--color-primary-brand-rgb),.08)}.action-icon[data-v-247c0a63]{font-size:16px;line-height:1}.action-badge[data-v-247c0a63]{position:absolute;right:6px;top:6px;width:8px;height:8px;border-radius:50%;background:#ff3b30}.is-mobile[data-v-247c0a63]{grid-template-columns:1fr auto}.is-mobile .top-nav-main[data-v-247c0a63]{display:none}.btn-dark-mode-toggle[data-v-247c0a63],.btn-fullscreen-toggle[data-v-247c0a63]{background-color:var(--color-background-card);color:var(--color-text-dark);border:1px solid var(--color-border-medium)}.btn-base[data-v-247c0a63],.btn-dark-mode-toggle[aria-pressed=true][data-v-247c0a63]{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:all var(--transition-fast) ease;min-height:var(--touch-target-min-size);display:inline-flex;align-items:center;justify-content:center;border:none}.btn-base[data-v-247c0a63]:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-base[data-v-247c0a63]:disabled{opacity:.6;cursor:not-allowed}.is-mobile .brand-title[data-v-247c0a63]{max-width:180px}@media (min-width:1025px){.app-top-nav[data-v-247c0a63]{height:58px}.brand-title[data-v-247c0a63]{max-width:280px}}.dark-mode{.modal-overlay{background-color:rgba(0,0,0,.7)}.slider{background-color:var(--color-gray-dark)}.role-info-card{background-color:var(--color-background-mute);border-color:var(--color-border-medium)}}.app-footer[data-v-7c5c50ae]{flex-shrink:0;width:100%;border-top:1px solid var(--color-border-light);background:var(--color-background-card)}.extended-menu[data-v-7c5c50ae]{background:var(--color-background-card);border-bottom:1px solid var(--color-border-light);box-shadow:0 4px 12px rgba(0,0,0,.1)}.extended-menu-container[data-v-7c5c50ae]{max-width:1600px;margin:0 auto;padding:8px 6px}.extended-nav-bar[data-v-7c5c50ae]{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.extended-nav-item[data-v-7c5c50ae]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--color-text-light);transition:all var(--transition-fast);padding:8px 4px;border-radius:var(--border-radius-sm);background:transparent;cursor:pointer}.extended-nav-item[data-v-7c5c50ae]:hover{background:var(--color-background-hover);color:var(--color-primary-brand)}.extended-nav-item.is-active[data-v-7c5c50ae]{color:var(--color-primary-brand);background:rgba(var(--color-primary-brand-rgb),.12)}.extended-nav-item .icon[data-v-7c5c50ae]{font-size:clamp(18px,2.2vw,22px);line-height:1}.extended-nav-item .label[data-v-7c5c50ae]{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-bar[data-v-7c5c50ae]{display:flex;justify-content:space-between;gap:2px;max-width:1600px;margin:0 auto;background-color:var(--color-background-card);box-shadow:0 -2px 10px rgba(var(--color-black-rgb),.08);padding:4px 8px;padding-bottom:max(4px,var(--safe-area-inset-bottom));min-height:calc(var(--app-footer-height) + var(--safe-area-inset-bottom));height:auto}.nav-item[data-v-7c5c50ae]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--color-text-light);transition:all var(--transition-fast);flex:1;min-width:0;padding:6px 5px;border-radius:var(--border-radius-sm);background:none;border:none;cursor:pointer}.nav-item[data-v-7c5c50ae]:hover{background:var(--color-background-hover);color:var(--color-primary-brand)}.nav-item.is-active[data-v-7c5c50ae],.nav-item.router-link-active[data-v-7c5c50ae]{color:var(--color-primary-brand);background:rgba(var(--color-primary-brand-rgb),.12)}.nav-item.more-button[data-v-7c5c50ae]{background:rgba(var(--color-text-light-rgb),.05)}.nav-item.more-button.is-active[data-v-7c5c50ae]{color:var(--color-primary-brand);background:rgba(var(--color-primary-brand-rgb),.15)}.nav-item .icon[data-v-7c5c50ae]{display:block;line-height:1;font-size:clamp(17px,2vw,20px);color:inherit}.icon[data-v-7c5c50ae]{margin-bottom:1px}.label[data-v-7c5c50ae]{font-size:11px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.badge-dot[data-v-7c5c50ae]{position:absolute;right:14px;top:8px;width:8px;height:8px;border-radius:50%;background:#ff3b30}input[data-v-7c5c50ae],select[data-v-7c5c50ae],textarea[data-v-7c5c50ae]{font-size:16px}@media (min-width:768px){.nav-bar[data-v-7c5c50ae]{gap:4px;padding:5px 12px;padding-bottom:5px}.nav-item[data-v-7c5c50ae]{min-width:70px;padding:6px 8px}.label[data-v-7c5c50ae]{font-size:12px}.extended-nav-bar[data-v-7c5c50ae]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}}@media (max-width:480px){.icon[data-v-7c5c50ae]{font-size:1.2em}.label[data-v-7c5c50ae]{font-size:10px}.extended-nav-bar[data-v-7c5c50ae]{grid-template-columns:repeat(auto-fill,minmax(65px,1fr))}}.slide-down-enter-active[data-v-7c5c50ae],.slide-down-leave-active[data-v-7c5c50ae]{transition:all .3s ease}.slide-down-enter-from[data-v-7c5c50ae],.slide-down-leave-to[data-v-7c5c50ae]{opacity:0;transform:translateY(-10px)}.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}.update-notification[data-v-96718eaa]{position:fixed;top:0;left:0;right:0;z-index:9999;padding:10px 16px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:2px solid #f7c948;box-shadow:0 4px 20px rgba(0,0,0,.4)}.update-inner[data-v-96718eaa]{display:flex;align-items:center;justify-content:space-between;max-width:640px;margin:0 auto;gap:12px}.update-info[data-v-96718eaa]{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.update-emoji[data-v-96718eaa]{font-size:22px;flex-shrink:0}.update-text[data-v-96718eaa]{min-width:0}.update-title[data-v-96718eaa]{font-size:14px;font-weight:700;color:#f7c948;margin:0;line-height:1.3}.update-desc[data-v-96718eaa]{font-size:12px;color:hsla(0,0%,100%,.7);margin:2px 0 0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-actions[data-v-96718eaa]{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-update[data-v-96718eaa]{padding:7px 16px;background:#f7c948;color:#1a1a2e;border:none;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .1s;min-width:80px}.btn-update[data-v-96718eaa]:active{transform:scale(.96)}.btn-update.loading[data-v-96718eaa]{opacity:.7;cursor:not-allowed}.btn-dismiss[data-v-96718eaa]{padding:7px 12px;background:transparent;color:hsla(0,0%,100%,.6);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;font-size:12px;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}.btn-dismiss[data-v-96718eaa]:active{color:#fff;border-color:#fff}.loading-dots[data-v-96718eaa]:after{content:"";animation:dots-96718eaa 1.2s steps(3) infinite}@keyframes dots-96718eaa{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.update-slide-enter-active[data-v-96718eaa],.update-slide-leave-active[data-v-96718eaa]{transition:transform .35s ease,opacity .35s ease}.update-slide-enter-from[data-v-96718eaa],.update-slide-leave-to[data-v-96718eaa]{transform:translateY(-100%);opacity:0}.modal-overlay[data-v-26997696]{position:fixed;inset:0;background-color:var(--color-overlay-backdrop-solid);display:flex;justify-content:center;align-items:flex-start;z-index:2300;backdrop-filter:blur(2px);padding-top:calc(env(safe-area-inset-top, 0px) + var(--app-top-offset, 0px) + var(--spacing-sm));padding-bottom:calc(env(safe-area-inset-bottom, 0px) + var(--app-footer-height, 56px) + var(--spacing-sm));padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);overflow-y:auto}.modal-content[data-v-26997696]{background-color:var(--color-background-card);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);min-width:320px;max-width:90%;margin:auto;box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);transform:translateY(0);max-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - var(--app-top-offset, 0px) - var(--app-footer-height, 56px) - var(--spacing-sm)*2);overflow-y:auto}.modal-message[data-v-26997696]{font-size:var(--font-size-base);color:var(--color-text-dark);line-height:var(--line-height-body);text-align:center;margin:var(--spacing-md) 0}.modal-footer[data-v-26997696]{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.fade-enter-active[data-v-26997696],.fade-leave-active[data-v-26997696]{transition:opacity var(--transition-normal) ease}.fade-enter-from[data-v-26997696],.fade-leave-to[data-v-26997696]{opacity:0}.org-coach-selector[data-v-76429fdb]{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.org-coach-selector.is-inline[data-v-76429fdb]{display:inline-flex}.selector-group[data-v-76429fdb]{display:flex;align-items:center;gap:var(--spacing-xs)}.selector-label[data-v-76429fdb]{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-medium);white-space:nowrap}.select-wrapper[data-v-76429fdb]{position:relative;display:flex;align-items:center}.custom-select[data-v-76429fdb]{padding:var(--spacing-xs) var(--spacing-md);padding-right:var(--spacing-xl);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-background-input);outline:none;transition:all var(--transition-fast) ease;min-width:140px;height:var(--touch-target-min-size);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.2em}.custom-select[data-v-76429fdb]:focus{border-color:var(--color-primary-brand);box-shadow:0 0 0 2px rgba(var(--color-primary-blue2-rgb),.1)}.custom-select[data-v-76429fdb]:disabled{background-color:var(--color-background-mute);cursor:not-allowed;opacity:.7}.locked-value[data-v-76429fdb]{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-dark);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-background-soft);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light)}.select-loading-spinner[data-v-76429fdb]{position:absolute;right:-24px;width:16px;height:16px;border:2px solid var(--color-border-medium);border-top-color:var(--color-primary-brand);border-radius:50%;animation:spin-76429fdb 1s linear infinite}@keyframes spin-76429fdb{to{transform:rotate(1turn)}}@media (max-width:767px){.org-coach-selector[data-v-76429fdb]{width:100%;gap:var(--spacing-sm)}.selector-group[data-v-76429fdb]{width:100%;justify-content:space-between}.select-wrapper[data-v-76429fdb]{flex-grow:1}.custom-select[data-v-76429fdb]{width:100%;min-width:unset}}.app-shell-main{background:var(--color-background-light);width:100%}.main-content{padding:0;overscroll-behavior-y:contain}@media (max-width:767px){.app-shell-main{padding-bottom:0}.main-content{padding-bottom:max(0px,var(--safe-area-inset-bottom))}}@media (min-width:768px) and (max-width:1024px){.app-shell-main{padding:0}}@media (min-width:1025px){.app-shell-main{padding:0}}*{box-sizing:border-box;margin:0;padding:0}body,html{line-height:1.5}#app{--app-top-nav-height:56px;--app-global-org-switcher-height:0px;--app-top-offset:calc(var(--app-top-nav-height) + var(--app-global-org-switcher-height));display:flex;flex-direction:column;height:100%;height:100dvh;overflow:hidden;background-color:var(--color-background-light);isolation:isolate}#app.has-global-org-switcher{--app-global-org-switcher-height:35px}.main-content{overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:var(--color-background-light);width:100%}.app-shell-main,.main-content{flex:1 1 auto;min-height:0;position:relative}.app-shell-main{display:flex}.global-org-switcher-bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-background-card);border-bottom:1px solid var(--color-border-light);position:relative;z-index:65}.global-org-switcher-label{font-size:var(--font-size-sm);color:var(--color-text-medium);white-space:nowrap}#app.disable-ui-interactions{-webkit-user-select:none;-moz-user-select:none;user-select:none}.touch-debug-hint{position:fixed;right:8px;top:calc(56px + var(--safe-area-inset-top));z-index:999998;font-size:10px;line-height:1;color:#fff;background:rgba(220,38,38,.9);border-radius:999px;padding:6px 8px;pointer-events:none}.modal-overlay[data-v-fc1e2fc4]{position:fixed;inset:0;background-color:var(--color-overlay-backdrop-solid);display:flex;justify-content:center;align-items:flex-start;z-index:2300;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding-top:calc(env(safe-area-inset-top, 0px) + var(--app-top-offset, 0px) + var(--spacing-sm));padding-bottom:calc(env(safe-area-inset-bottom, 0px) + var(--app-footer-height, 56px) + var(--spacing-sm));padding-left:var(--spacing-md);padding-right:var(--spacing-md);box-sizing:border-box;overflow-y:auto}.modal-container[data-v-fc1e2fc4]{background-color:var(--color-background-card);border-radius:0;width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - var(--app-top-offset, 0px) - var(--app-footer-height, 56px) - var(--spacing-sm)*2);overflow-y:auto;padding:var(--spacing-md);box-shadow:none;display:flex;flex-direction:column;position:relative;animation:modal-fade-in-fc1e2fc4 .3s ease-out forwards;margin:auto}@media (min-width:768px){.modal-container[data-v-fc1e2fc4]{border-radius:var(--border-radius-lg);width:90%;max-width:600px;max-height:100%;padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}}.modal-header[data-v-fc1e2fc4]{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-fc1e2fc4]{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-fc1e2fc4]{margin:0;font-size:var(--font-size-lg);font-weight:600;color:inherit}.modal-body[data-v-fc1e2fc4]{flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:var(--spacing-xs);padding-bottom:var(--spacing-lg)}.student-form[data-v-fc1e2fc4]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-section[data-v-fc1e2fc4]{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-fc1e2fc4]{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-fc1e2fc4]{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width:600px){.form-grid[data-v-fc1e2fc4]{grid-template-columns:repeat(2,1fr)}}.form-group[data-v-fc1e2fc4]{margin-bottom:0}.form-group label[data-v-fc1e2fc4]{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-fc1e2fc4],.form-group select[data-v-fc1e2fc4]{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-fc1e2fc4]:focus,.form-group select[data-v-fc1e2fc4]:focus{outline:none;border-color:var(--color-primary-brand);box-shadow:0 0 0 3px rgba(var(--color-primary-brand-rgb),.2)}.form-group input.is-invalid[data-v-fc1e2fc4],.form-group select.is-invalid[data-v-fc1e2fc4]{border-color:var(--color-status-danger)}.error-message[data-v-fc1e2fc4]{font-size:var(--font-size-xs);margin-top:var(--spacing-xs);line-height:1.3}.error-message[data-v-fc1e2fc4],.required[data-v-fc1e2fc4]{color:var(--color-status-danger)}.form-details[data-v-fc1e2fc4]{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-fc1e2fc4]{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-fc1e2fc4]:hover{background-color:var(--color-background-hover)}.form-details[open] .details-summary[data-v-fc1e2fc4]{border-bottom-color:var(--color-border-light)}.form-actions[data-v-fc1e2fc4]{padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light);margin-top:var(--spacing-lg)}.submit-btn[data-v-fc1e2fc4]{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-fc1e2fc4]:hover:not(:disabled){background-color:var(--color-primary-red2);box-shadow:var(--shadow-sm)}.submit-btn[data-v-fc1e2fc4]:disabled{background-color:var(--color-gray-dark);cursor:not-allowed;opacity:.7}.general-error[data-v-fc1e2fc4]{text-align:center;margin-top:var(--spacing-md);font-size:var(--font-size-sm);font-weight:500}.coach-selection[data-v-fc1e2fc4]{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-fc1e2fc4]{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border-medium);background-color:var(--color-background-card);border-radius:var(--border-radius-full);transition:background-color var(--transition-fast) ease,border-color var(--transition-fast) ease}.coach-option input[type=checkbox][data-v-fc1e2fc4]{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-fc1e2fc4]{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-fc1e2fc4]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid var(--color-border-medium);background-color:var(--color-background-card);border-radius:var(--border-radius-xs);transition:all var(--transition-fast) ease}.coach-option input[type=checkbox]:checked+label[data-v-fc1e2fc4]:before{background-color:var(--color-primary-cyan);border-color:var(--color-primary-cyan)}.coach-option input[type=checkbox]:checked+label[data-v-fc1e2fc4]: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-fc1e2fc4]:has(input[type=checkbox]:checked){background-color:var(--color-status-success-bg);border-color:var(--color-primary-cyan)}.no-coaches[data-v-fc1e2fc4]{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-fc1e2fc4{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fade-enter-active[data-v-fc1e2fc4],.fade-leave-active[data-v-fc1e2fc4]{transition:opacity var(--transition-fast) ease}.fade-enter-from[data-v-fc1e2fc4],.fade-leave-to[data-v-fc1e2fc4]{opacity:0}.modal-overlay[data-v-40284cd0]{position:fixed;left:0;right:0;top:calc(var(--video-header-height, 0px) + var(--safe-area-inset-top, 0px));bottom:calc(var(--app-footer-height, 0px) + var(--safe-area-inset-bottom, 0px));background-color:var(--color-overlay-backdrop-solid);display:flex;align-items:stretch;justify-content:center;z-index:1000;backdrop-filter:blur(4px);padding:var(--spacing-sm);box-sizing:border-box;padding-bottom:var(--app-footer-height);padding-top:var(--video-header-height)}.modal-container[data-v-40284cd0]{background-color:var(--color-background-card);border-radius:var(--border-radius-lg);width:95%;max-width:700px;max-height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden;animation:modalFadeIn-40284cd0 .3s ease-out;margin:auto;min-height:0}@keyframes modalFadeIn-40284cd0{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-40284cd0]{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-background-mute);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.header-title[data-v-40284cd0]{display:flex;align-items:center;gap:var(--spacing-sm)}.icon-box[data-v-40284cd0]{font-size:24px;background:var(--color-white);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.modal-header h3[data-v-40284cd0]{margin:0;font-size:var(--font-size-md);color:var(--color-heading)}.subtitle-text[data-v-40284cd0]{margin:0;font-size:var(--font-size-xs);color:var(--color-text-light)}.modal-body[data-v-40284cd0]{padding:var(--spacing-lg);overflow-y:auto;flex:1;min-height:0}.form-section[data-v-40284cd0]{background:var(--color-background-main);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);transition:all .3s ease}.section-header[data-v-40284cd0]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.section-header h4[data-v-40284cd0]{margin:0;font-size:var(--font-size-base);color:var(--color-text-dark)}.section-dot[data-v-40284cd0]{width:4px;height:16px;border-radius:2px}.section-dot.primary[data-v-40284cd0]{background:var(--color-primary-blue2)}.section-dot.cyan[data-v-40284cd0]{background:var(--color-primary-cyan)}.section-dot.yellow[data-v-40284cd0]{background:var(--color-primary-yellow2)}.section-dot.purple[data-v-40284cd0]{background:var(--color-primary-purple)}.grid-row[data-v-40284cd0]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media (max-width:600px){.grid-row[data-v-40284cd0]{grid-template-columns:1fr}}.form-group[data-v-40284cd0]{margin-bottom:var(--spacing-sm)}.form-group label[data-v-40284cd0]{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-medium);margin-bottom:4px}input[data-v-40284cd0],select[data-v-40284cd0]{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-background-input);color:var(--color-text-dark);font-size:var(--font-size-sm);transition:border-color .2s}input[data-v-40284cd0]:focus,select[data-v-40284cd0]:focus{border-color:var(--color-primary-brand);outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-brand-rgb),.1)}.disabled-input[data-v-40284cd0]{background:var(--color-gray-light);cursor:not-allowed;opacity:.7}.skill-level-badge[data-v-40284cd0]{padding:4px;border-radius:var(--border-radius-sm);transition:background .3s}.skill-level-badge select[data-v-40284cd0]{background:transparent;border:none;font-weight:700}.level-10[data-v-40284cd0]{background:var(--skill-level-10-bg);color:var(--skill-level-10-text)}.level-20[data-v-40284cd0]{background:var(--skill-level-20-bg);color:var(--skill-level-20-text)}.level-30[data-v-40284cd0]{background:var(--skill-level-30-bg);color:var(--skill-level-30-text)}.level-40[data-v-40284cd0]{background:var(--skill-level-40-bg);color:var(--skill-level-40-text)}.level-50[data-v-40284cd0]{background:var(--skill-level-50-bg);color:var(--skill-level-50-text)}.tier-info-card[data-v-40284cd0]{margin-top:var(--spacing-sm);background:var(--color-status-info-bg);border:1px solid var(--color-status-info);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-xs);align-items:flex-start}.tier-info-card p[data-v-40284cd0]{margin:0;font-size:var(--font-size-xs);color:var(--color-info-dark)}.clickable[data-v-40284cd0]{cursor:pointer}.header-left[data-v-40284cd0]{display:flex;align-items:center;gap:var(--spacing-sm)}.chevron[data-v-40284cd0]{font-size:10px;color:var(--color-text-light)}.toggle-list[data-v-40284cd0]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.toggle-item[data-v-40284cd0]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.toggle-info[data-v-40284cd0]{display:flex;flex-direction:column}.toggle-title[data-v-40284cd0]{font-size:var(--font-size-sm);font-weight:600}.toggle-desc[data-v-40284cd0]{font-size:var(--font-size-xs);color:var(--color-text-light)}.switch[data-v-40284cd0]{position:relative;display:inline-block;width:44px;height:22px}.switch input[data-v-40284cd0]{opacity:0;width:0;height:0}.slider[data-v-40284cd0]{position:absolute;cursor:pointer;inset:0;background-color:var(--color-gray-dark);transition:.4s;border-radius:22px}.slider[data-v-40284cd0]:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider[data-v-40284cd0]{background-color:var(--color-primary-cyan)}input:checked+.slider[data-v-40284cd0]:before{transform:translateX(22px)}.coach-grid[data-v-40284cd0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.coach-chip[data-v-40284cd0]{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s}.coach-chip[data-v-40284cd0]:has(input:checked){background:var(--color-status-success-bg);border-color:var(--color-status-success)}.chip-name[data-v-40284cd0]{font-size:var(--font-size-xs)}.form-actions[data-v-40284cd0]{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light)}.cancel-btn[data-v-40284cd0]{padding:10px 24px;background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-medium);cursor:pointer}.submit-btn[data-v-40284cd0]{padding:10px 32px;background:var(--color-primary-blue2);color:#fff;border:none;border-radius:var(--border-radius-md);font-weight:700;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);transition:opacity .2s}.submit-btn[data-v-40284cd0]:disabled{opacity:.6;cursor:not-allowed}.loading-state[data-v-40284cd0]{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);color:var(--color-text-light)}.spinner[data-v-40284cd0]{width:30px;height:30px;border:3px solid var(--color-border);border-top-color:var(--color-primary-blue2);border-radius:50%;animation:spin-40284cd0 1s linear infinite;margin-bottom:var(--spacing-sm)}@keyframes spin-40284cd0{to{transform:rotate(1turn)}}.select-students-modal-overlay[data-v-08e4572d]{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:10000;backdrop-filter:blur(2px)}.select-students-modal-dialog[data-v-08e4572d]{background-color:var(--color-background-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);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-08e4572d],.modal-fade-leave-active[data-v-08e4572d]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-08e4572d],.modal-fade-leave-to[data-v-08e4572d]{opacity:0}.modal-fade-enter-active .select-students-modal-dialog[data-v-08e4572d],.modal-fade-leave-active .select-students-modal-dialog[data-v-08e4572d]{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.modal-fade-enter-from .select-students-modal-dialog[data-v-08e4572d],.modal-fade-leave-to .select-students-modal-dialog[data-v-08e4572d]{transform:scale(.95) translateY(-10px)}.tier-filter-panel[data-v-08e4572d]{margin-top:.75rem;margin-bottom:.75rem}.tier-toggle-btn[data-v-08e4572d]{width:100%}.tier-filter-content[data-v-08e4572d]{margin-top:.5rem;display:grid;gap:.5rem}.sticky-filter-panel[data-v-08e4572d]{position:sticky;top:calc(var(--spacing-xs)*-1);z-index:12;background:var(--color-background-card);padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xxs)}.organization-filter[data-v-08e4572d]{display:flex;align-items:center;gap:var(--spacing-xxs);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs);background-color:var(--color-background-mute);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-medium)}.organization-filter label[data-v-08e4572d]{font-size:var(--font-size-sm);color:var(--color-text-dark);font-weight:700}.organization-filter .custom-select[data-v-08e4572d]{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-background-input);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}.video-count-info[data-v-08e4572d]{font-size:var(--font-size-xxs);color:var(--color-text-light);line-height:1.2}.package-tabs[data-v-08e4572d]{display:flex;flex-wrap:wrap;gap:var(--spacing-xxs);margin-bottom:var(--spacing-xs);padding:var(--spacing-xxs);background-color:var(--color-background-mute);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-08e4572d]{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;background-color:var(--color-background-card);border-color:var(--color-border-medium);color:var(--color-text-dark);border:1px solid var(--color-border-medium);transition:all var(--transition-normal)}.package-tab-button.active[data-v-08e4572d]{background-color:var(--color-primary-cyan);border-color:var(--color-primary-cyan);color:var(--color-white)}.package-tab-button[data-v-08e4572d]:not(.active):hover{background-color:var(--color-background-hover)}.modal-header[data-v-08e4572d]{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-background-mute);z-index:50}.modal-header .title-text[data-v-08e4572d]{font-family:var(--font-title);color:var(--color-heading);font-size:var(--font-size-md);font-weight:700;margin:0;line-height:var(--line-height-heading)}.modal-header .btn-close[data-v-08e4572d]{background:none;border:none;font-size:var(--font-size-md);color:var(--color-text-light);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 var(--transition-normal)}.modal-header .btn-close[data-v-08e4572d]:hover{color:var(--color-danger)}.modal-body[data-v-08e4572d]{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-08e4572d]{position:relative;display:flex;align-items:center;background-color:var(--color-background-input);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);padding:var(--spacing-xxs) var(--spacing-sm)}.custom-search-input[data-v-08e4572d]{flex-grow:1;border:none;outline:none;font-size:var(--font-size-sm);padding:0;background-color:transparent;color:var(--color-text-dark)}.custom-search-input[data-v-08e4572d]::-moz-placeholder{color:var(--color-text-light)}.custom-search-input[data-v-08e4572d]::placeholder{color:var(--color-text-light)}.custom-search-clear-btn[data-v-08e4572d]{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-08e4572d]{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-mute);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-medium)}.selected-summary-compact[data-v-08e4572d]{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.selected-summary-toggle[data-v-08e4572d]{border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);background:var(--color-background-mute);color:var(--color-text-dark);font-size:var(--font-size-sm);padding:var(--spacing-xxs) var(--spacing-xs);text-align:left;cursor:pointer}.selected-student-tag[data-v-08e4572d]{display:inline-flex;align-items:center;background-color:var(--color-primary-cyan);color:var(--color-white);border-radius:var(--border-radius-xs);padding:2px var(--spacing-xxs);font-size:var(--font-size-xs);line-height:1;gap:var(--spacing-xxs)}.selected-student-tag .tag-close-btn[data-v-08e4572d]{color:var(--color-white)}.empty-state[data-v-08e4572d],.loading-state[data-v-08e4572d]{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-mute);border-radius:var(--border-radius-sm);border:1px dashed var(--color-border-medium)}.loading-skeleton-grid[data-v-08e4572d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:var(--spacing-xxs);align-items:stretch}.skeleton-card[data-v-08e4572d]{min-height:80px;border-radius:var(--border-radius-sm);background:linear-gradient(90deg,var(--color-background-mute) 25%,var(--color-background-hover) 37%,var(--color-background-mute) 63%);background-size:400% 100%;animation:skeleton-shimmer-08e4572d 1.2s ease infinite}.student-checkbox-grid[data-v-08e4572d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:var(--spacing-xxs);padding:0}.virtual-student-list[data-v-08e4572d]{position:relative;width:100%}.virtual-spacer[data-v-08e4572d]{width:100%}.virtual-layer[data-v-08e4572d]{position:absolute;top:0;left:0;right:0;will-change:transform}.student-card[data-v-08e4572d]{border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);padding:var(--spacing-xxs);background-color:var(--color-background-card);transition:all var(--transition-normal);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-08e4572d]:hover:not(.is-no-sessions){border-color:var(--color-primary-yellow);box-shadow:var(--shadow-sm)}.student-card.is-checked[data-v-08e4572d]{background-color:var(--color-primary-cyan);border:2px solid var(--color-primary-yellow);color:var(--color-white)}.student-card.is-checked .student-initials[data-v-08e4572d],.student-card.is-checked .student-name[data-v-08e4572d],.student-card.is-checked .subscription-info[data-v-08e4572d]{color:var(--color-white)}.student-card-content[data-v-08e4572d]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:4px}.risk-badge[data-v-08e4572d]{position:absolute;right:4px;top:4px;border-radius:10px;padding:1px 6px;font-size:10px;line-height:1.2;color:var(--color-black-rgb);background:var(--color-primary-yellow);z-index:100}.risk-badge-danger[data-v-08e4572d]{color:var(--color-white);background:var(--color-danger)}.avatar-wrapper[data-v-08e4572d]{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:3px solid transparent;transition:all var(--transition-normal)}.avatar-wrapper.skill-level-10[data-v-08e4572d]{background-color:var(--skill-level-10-bg);color:var(--skill-level-10-text)}.avatar-wrapper.skill-level-20[data-v-08e4572d]{background-color:var(--skill-level-20-bg);color:var(--skill-level-20-text)}.avatar-wrapper.skill-level-30[data-v-08e4572d]{background-color:var(--skill-level-30-bg);color:var(--skill-level-30-text)}.avatar-wrapper.skill-level-40[data-v-08e4572d]{background-color:var(--skill-level-40-bg);color:var(--skill-level-40-text)}.avatar-wrapper.skill-level-50[data-v-08e4572d]{background-color:var(--skill-level-50-bg);color:var(--skill-level-50-text)}.avatar-wrapper.skill-level-default[data-v-08e4572d]{background-color:var(--skill-level-default-bg);color:var(--skill-level-default-text)}.student-avatar[data-v-08e4572d]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.student-initials[data-v-08e4572d]{font-weight:700;font-size:var(--font-size-md);line-height:1}.student-name[data-v-08e4572d]{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-08e4572d]{flex-direction:column;color:var(--color-text-dark)}.student-meta-row[data-v-08e4572d],.subscription-info[data-v-08e4572d]{display:flex;align-items:center;font-size:var(--font-size-xxs);line-height:1.2}.student-meta-row[data-v-08e4572d]{justify-content:center;color:var(--color-text-light);gap:3px}.meta-dot[data-v-08e4572d]{opacity:.7}.student-card.is-low-sessions .sessions-remaining[data-v-08e4572d]{color:var(--color-primary-red);font-weight:700}.sessions-remaining[data-v-08e4572d]{color:var(--color-text-dark)}.modal-footer[data-v-08e4572d]{justify-content:flex-end}.modal-footer[data-v-08e4572d],.pagination-controls[data-v-08e4572d]{padding:var(--spacing-xs);border-top:1px solid var(--color-border-medium);display:flex;gap:var(--spacing-xs);background-color:var(--color-background-mute);z-index:10}.pagination-controls[data-v-08e4572d]{justify-content:center;align-items:center}.page-info[data-v-08e4572d]{font-size:var(--font-size-sm);color:var(--color-text-dark)}.custom-button[data-v-08e4572d]{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 var(--transition-normal)}.custom-button.button-primary[data-v-08e4572d]{background-color:var(--color-primary-brand);border-color:var(--color-primary-brand);color:var(--color-white)}.custom-button.button-primary[data-v-08e4572d]:hover{background-color:var(--color-primary-blue-hover);border-color:var(--color-primary-blue-hover)}.custom-button.button-info[data-v-08e4572d]{background-color:var(--color-info-neutral-bg);border-color:var(--color-info-neutral-bg);color:var(--color-info-neutral-color)}.custom-button.button-info[data-v-08e4572d]:hover{background-color:var(--color-info-neutral-hover);border-color:var(--color-info-neutral-hover)}.custom-button-t.button-info[data-v-08e4572d]{background-color:var(--color-background-card);border-color:var(--color-border-medium);color:var(--color-text-dark)}.custom-button-t.button-info[data-v-08e4572d]:hover{background-color:var(--color-background-hover);border-color:var(--color-primary-brand);color:var(--color-text-dark)}@media (min-width:768px){.loading-skeleton-grid[data-v-08e4572d],.student-checkbox-grid[data-v-08e4572d]{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.student-card[data-v-08e4572d]{min-height:90px}.avatar-wrapper[data-v-08e4572d]{width:48px;height:48px}.student-initials[data-v-08e4572d]{font-size:var(--font-size-lg)}.student-name[data-v-08e4572d]{font-size:var(--font-size-sm)}.subscription-info[data-v-08e4572d]{font-size:var(--font-size-xs)}}@media (min-width:1200px){.loading-skeleton-grid[data-v-08e4572d],.student-checkbox-grid[data-v-08e4572d]{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (max-width:375px){.loading-skeleton-grid[data-v-08e4572d],.student-checkbox-grid[data-v-08e4572d]{grid-template-columns:repeat(auto-fill,minmax(65px,1fr))}.student-card[data-v-08e4572d]{min-height:75px}.avatar-wrapper[data-v-08e4572d]{width:36px;height:36px}.student-initials[data-v-08e4572d]{font-size:var(--font-size-md)}.student-name[data-v-08e4572d]{font-size:9px}.subscription-info[data-v-08e4572d]{font-size:7px}}@keyframes skeleton-shimmer-08e4572d{0%{background-position:100% 0}to{background-position:-100% 0}}.modal-overlay[data-v-6bf9b3f0]{position:fixed;left:0;right:0;top:calc(var(--video-header-height, 0px) + var(--safe-area-inset-top, 0px));bottom:calc(var(--app-footer-height, 0px) + var(--safe-area-inset-bottom, 0px));background-color:var(--color-overlay-backdrop-solid);display:flex;align-items:stretch;justify-content:center;z-index:1000;padding:var(--spacing-sm);box-sizing:border-box;padding-bottom:var(--app-footer-height);padding-top:var(--video-header-height)}.modal-container[data-v-6bf9b3f0]{background-color:var(--color-background-card);border-radius:var(--border-radius-md);padding:0;width:90%;max-width:900px;max-height:100%;overflow:hidden;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;margin:auto;min-height:0}.modal-header[data-v-6bf9b3f0]{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-mute);flex-shrink:0}.modal-header h3.modal-title[data-v-6bf9b3f0]{margin:0;font-size:var(--font-size-lg);color:var(--color-heading)}.close-btn[data-v-6bf9b3f0]{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--color-text-light);padding:0;line-height:1;transition:color var(--transition-fast)}.close-btn[data-v-6bf9b3f0]:hover{color:var(--color-danger)}.modal-body[data-v-6bf9b3f0]{flex:1;padding:var(--spacing-md);overflow-y:auto;min-height:0;display:flex;flex-direction:column}.quick-selection-actions[data-v-6bf9b3f0]{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-mute)}.quick-select-btn[data-v-6bf9b3f0]{padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--border-radius-sm);background-color:var(--color-primary-brand);color:var(--color-white);border:none;cursor:pointer;font-weight:500;transition:background-color var(--transition-fast);min-width:180px;font-size:var(--font-size-base)}.quick-select-btn[data-v-6bf9b3f0]:hover{background-color:var(--color-primary-blue)}.coach-purchase-package-container[data-v-6bf9b3f0]{flex:1;display:flex;flex-direction:column;font-family:var(--font-sans);color:var(--color-text-dark);box-sizing:border-box;min-height:0}.page-title[data-v-6bf9b3f0]{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-6bf9b3f0]{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-6bf9b3f0]{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-mute);color:var(--color-text-light);position:relative;font-size:var(--font-size-sm);font-weight:700;line-height:var(--line-height-body);transition:all var(--transition-fast);border:1px solid var(--color-border-medium)}.step-number[data-v-6bf9b3f0]{font-size:var(--font-size-base);margin-bottom:var(--spacing-xxs);color:var(--color-primary-yellow)}.step-item.active[data-v-6bf9b3f0]{background-color:var(--color-primary-cyan);color:var(--color-white);border-color:var(--color-primary-cyan)}.step-item.active .step-number[data-v-6bf9b3f0]{color:var(--color-white)}.step-item.completed[data-v-6bf9b3f0]{background-color:var(--color-status-success);color:var(--color-white);border-color:var(--color-status-success)}.step-item.completed .step-number[data-v-6bf9b3f0]{color:var(--color-white)}.step-content[data-v-6bf9b3f0]{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-6bf9b3f0]{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-6bf9b3f0],.student-list-grid[data-v-6bf9b3f0]{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-mute)}.package-card[data-v-6bf9b3f0],.student-card[data-v-6bf9b3f0]{padding:var(--spacing-xs);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast) ease;background-color:var(--color-background-card);min-height:var(--touch-target-min-size);display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;color:var(--color-text-dark)}.package-card[data-v-6bf9b3f0]:hover,.student-card[data-v-6bf9b3f0]:hover{border-color:var(--color-primary-yellow);box-shadow:var(--shadow-sm)}.package-card.selected[data-v-6bf9b3f0],.student-card.selected[data-v-6bf9b3f0]{border-color:var(--color-primary-cyan);background-color:var(--color-background-hover);box-shadow:0 0 0 1px var(--color-primary-cyan)}.package-details[data-v-6bf9b3f0],.student-info[data-v-6bf9b3f0]{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.package-name[data-v-6bf9b3f0],.student-name[data-v-6bf9b3f0]{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-6bf9b3f0],.student-details[data-v-6bf9b3f0]{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:var(--line-height-body)}.package-description[data-v-6bf9b3f0]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.detail-item[data-v-6bf9b3f0]{display:flex;justify-content:space-between;align-items:center}.detail-item .detail-value[data-v-6bf9b3f0]{font-weight:700;color:var(--color-text-dark)}.debt-warning[data-v-6bf9b3f0],.student-debt[data-v-6bf9b3f0]{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-6bf9b3f0]{background-color:var(--color-background-mute);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-6bf9b3f0]{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-6bf9b3f0]{font-weight:700;color:var(--color-primary-red)}.summary-value[data-v-6bf9b3f0]{color:var(--color-primary-cyan)}.package-info[data-v-6bf9b3f0]{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-6bf9b3f0]{font-weight:700}.info-value[data-v-6bf9b3f0]{color:var(--color-text-dark)}.price[data-v-6bf9b3f0]{color:var(--color-primary-red);font-weight:700;font-size:var(--font-size-base)}.confirmation-details-grid[data-v-6bf9b3f0]{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-6bf9b3f0]{grid-template-columns:1fr 1fr}}.confirmation-section[data-v-6bf9b3f0]{background-color:var(--color-background-mute);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light)}.section-subtitle[data-v-6bf9b3f0]{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-6bf9b3f0]{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-6bf9b3f0]:last-child{margin-bottom:0}.debt-settlement-note[data-v-6bf9b3f0]{font-size:var(--font-size-xs);font-style:italic;color:var(--color-status-success);margin-left:var(--spacing-xxs)}.debt-warning-box[data-v-6bf9b3f0]{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#fff7ed;border:1px solid #f97316;border-radius:var(--border-radius-md);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md)}.warning-icon[data-v-6bf9b3f0]{font-size:1.5rem;flex-shrink:0}.warning-content[data-v-6bf9b3f0]{flex:1}.warning-title[data-v-6bf9b3f0]{margin:0 0 var(--spacing-xs) 0;font-size:.95rem;font-weight:600;color:#c2410c}.warning-text[data-v-6bf9b3f0]{margin:0 0 var(--spacing-xs) 0;font-size:.9rem;color:#7c2d12}.debt-amount[data-v-6bf9b3f0]{color:#dc2626;font-size:1.1rem}.warning-hint[data-v-6bf9b3f0]{margin:0;font-size:.85rem;color:#9a3412}.partial-settlement-hint[data-v-6bf9b3f0]{color:#ea580c}.payment-options-grid[data-v-6bf9b3f0]{display:grid;grid-template-columns:1fr;gap:var(--spacing-xs)}@media (min-width:600px){.payment-options-grid[data-v-6bf9b3f0]{grid-template-columns:1fr 1fr}.payment-options-grid .full-width[data-v-6bf9b3f0]{grid-column:span 2}}.form-group[data-v-6bf9b3f0]{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.form-label[data-v-6bf9b3f0]{font-size:var(--font-size-sm);font-weight:700;color:var(--color-primary-red);line-height:var(--line-height-body)}.form-input[data-v-6bf9b3f0],.form-select[data-v-6bf9b3f0],.form-textarea[data-v-6bf9b3f0]{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-background-input);box-sizing:border-box;line-height:var(--line-height-body);min-height:var(--touch-target-min-size)}.form-textarea[data-v-6bf9b3f0]{min-height:80px}.form-input[data-v-6bf9b3f0]:focus,.form-select[data-v-6bf9b3f0]:focus,.form-textarea[data-v-6bf9b3f0]:focus{outline:none;border-color:var(--color-primary-cyan);box-shadow:0 0 0 1px var(--color-primary-cyan)}.original-price[data-v-6bf9b3f0]{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-6bf9b3f0]{flex-direction:row;align-items:center}.checkbox-label[data-v-6bf9b3f0]{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-6bf9b3f0]{min-width:var(--touch-target-min-size);min-height:var(--touch-target-min-size);margin:0}.date-input-with-shortcuts[data-v-6bf9b3f0]{display:flex;flex-direction:column;width:100%;gap:var(--spacing-xs)}.date-shortcuts[data-v-6bf9b3f0]{display:flex;flex-wrap:wrap;gap:var(--spacing-xxs)}.date-shortcut-btn[data-v-6bf9b3f0]{background-color:var(--color-primary-cyan);color:var(--color-white);border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-xxs) var(--spacing-xs);font-size:var(--font-size-xs);cursor:pointer;flex:1;min-height:36px;transition:all var(--transition-fast) ease;font-weight:500;white-space:nowrap}.date-shortcut-btn[data-v-6bf9b3f0]:hover{background-color:var(--color-primary-blue);transform:translateY(-1px)}.date-shortcut-btn[data-v-6bf9b3f0]:active{transform:translateY(0)}.purchase-complete[data-v-6bf9b3f0]{text-align:center;flex-grow:1;overflow-y:auto}.error-message[data-v-6bf9b3f0],.success-message[data-v-6bf9b3f0]{background-color:var(--color-background-mute);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-6bf9b3f0]:first-child{font-size:var(--font-size-lg);color:var(--color-status-success)}.error-message span[data-v-6bf9b3f0]:first-child{font-size:var(--font-size-lg);color:var(--color-status-danger)}.purchase-result[data-v-6bf9b3f0]{text-align:left;max-width:400px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xxs)}.result-row[data-v-6bf9b3f0]{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-6bf9b3f0]:last-child{border-bottom:none}.result-label[data-v-6bf9b3f0]{font-weight:700;white-space:nowrap;margin-right:var(--spacing-xxs)}.result-value[data-v-6bf9b3f0]{text-align:right;flex-grow:1}.debt-settlement-result[data-v-6bf9b3f0]{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-6bf9b3f0]{display:flex;justify-content:center;margin-top:var(--spacing-sm);gap:var(--spacing-xs);flex-shrink:0}.btn-primary[data-v-6bf9b3f0],.btn-retry[data-v-6bf9b3f0],.btn-secondary[data-v-6bf9b3f0]{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 var(--transition-fast) 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-6bf9b3f0]{background-color:var(--color-primary-cyan);color:var(--color-white);border-color:var(--color-primary-cyan)}.btn-primary[data-v-6bf9b3f0]:hover:not(:disabled){background-color:var(--color-primary-blue);border-color:var(--color-primary-blue);transform:translateY(-1px)}.btn-primary[data-v-6bf9b3f0]:active:not(:disabled){transform:translateY(0)}.btn-secondary[data-v-6bf9b3f0]{background-color:var(--color-gray-dark);color:var(--color-white);border-color:var(--color-gray-dark)}.btn-secondary[data-v-6bf9b3f0]:hover:not(:disabled){background-color:var(--color-text-dark);border-color:var(--color-text-dark);color:var(--color-white);transform:translateY(-1px)}.btn-secondary[data-v-6bf9b3f0]:active:not(:disabled){transform:translateY(0)}.btn-yellow[data-v-6bf9b3f0]{background-color:var(--color-primary-yellow);color:var(--color-black-rgb);border-color:var(--color-primary-yellow)}.btn-yellow[data-v-6bf9b3f0]:hover:not(:disabled){background-color:var(--color-primary-yellow2);border-color:var(--color-primary-yellow2);transform:translateY(-1px)}.btn-yellow[data-v-6bf9b3f0]:active:not(:disabled){transform:translateY(0)}.btn-retry[data-v-6bf9b3f0]{background-color:var(--color-primary-yellow);color:var(--color-black-rgb);border-color:var(--color-primary-yellow)}.btn-retry[data-v-6bf9b3f0]:hover:not(:disabled){background-color:var(--color-primary-yellow2);border-color:var(--color-primary-yellow2);transform:translateY(-1px)}.btn-retry[data-v-6bf9b3f0]:active:not(:disabled){transform:translateY(0)}button[data-v-6bf9b3f0]:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.empty-state[data-v-6bf9b3f0],.error-state[data-v-6bf9b3f0],.loading-state[data-v-6bf9b3f0]{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-mute);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-6bf9b3f0]{font-size:var(--font-size-lg);color:var(--color-primary-yellow);animation:rotate-6bf9b3f0 1s linear infinite}@keyframes rotate-6bf9b3f0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state[data-v-6bf9b3f0]{border-color:var(--color-primary-red)}.error-state span[data-v-6bf9b3f0]:first-child,.error-state[data-v-6bf9b3f0]{color:var(--color-primary-red)}.empty-state p[data-v-6bf9b3f0]{color:var(--color-text-light);line-height:var(--line-height-body)}@media (max-width:768px){.duration-row[data-v-6bf9b3f0],.package-description[data-v-6bf9b3f0],.validity-row[data-v-6bf9b3f0]{display:none}.coach-purchase-package-container[data-v-6bf9b3f0]{padding:var(--spacing-xxs)}.page-title[data-v-6bf9b3f0]{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.purchase-steps[data-v-6bf9b3f0]{flex-wrap:wrap;gap:var(--spacing-xxs);padding-bottom:var(--spacing-xxs)}.step-item[data-v-6bf9b3f0]{flex:1 1 48%;font-size:var(--font-size-xs);padding:var(--spacing-xxs)}.step-number[data-v-6bf9b3f0]{font-size:var(--font-size-sm)}.step-content[data-v-6bf9b3f0]{padding:var(--spacing-xs)}.packages-grid[data-v-6bf9b3f0],.student-list-grid[data-v-6bf9b3f0]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-xs)}.package-card[data-v-6bf9b3f0],.student-card[data-v-6bf9b3f0]{padding:var(--spacing-xs);min-height:56px}.package-name[data-v-6bf9b3f0],.student-name[data-v-6bf9b3f0]{font-size:var(--font-size-sm)}.info-row[data-v-6bf9b3f0],.package-description[data-v-6bf9b3f0],.package-info[data-v-6bf9b3f0],.student-details[data-v-6bf9b3f0],.summary-text[data-v-6bf9b3f0]{font-size:var(--font-size-xs)}.price[data-v-6bf9b3f0]{font-size:var(--font-size-sm)}.debt-warning[data-v-6bf9b3f0]{font-size:var(--font-size-xs)}.confirmation-details-grid[data-v-6bf9b3f0],.payment-options-grid[data-v-6bf9b3f0]{grid-template-columns:1fr}.form-input[data-v-6bf9b3f0],.form-select[data-v-6bf9b3f0],.form-textarea[data-v-6bf9b3f0]{min-height:48px;font-size:var(--font-size-sm)}.checkbox-label[data-v-6bf9b3f0],.debt-settlement-note[data-v-6bf9b3f0],.original-price[data-v-6bf9b3f0]{font-size:var(--font-size-xs)}.purchase-result[data-v-6bf9b3f0]{max-width:100%}.result-row[data-v-6bf9b3f0]{font-size:var(--font-size-xs)}.step-actions[data-v-6bf9b3f0]{gap:var(--spacing-xs);flex-wrap:wrap}.btn-primary[data-v-6bf9b3f0],.btn-retry[data-v-6bf9b3f0],.btn-secondary[data-v-6bf9b3f0],.btn-yellow[data-v-6bf9b3f0]{flex:1 1 auto;min-width:unset;min-height:48px;font-size:var(--font-size-sm)}.date-shortcuts[data-v-6bf9b3f0]{margin-top:var(--spacing-xxs)}.date-shortcut-btn[data-v-6bf9b3f0]{font-size:var(--font-size-xs);min-height:44px;padding:var(--spacing-xxs) var(--spacing-xs);flex-basis:calc(33.33% - var(--spacing-xxs))}.package-description[data-v-6bf9b3f0]{-webkit-line-clamp:2}.package-info[data-v-6bf9b3f0]{flex-direction:column;align-items:flex-start;gap:var(--spacing-xxs)}}@media (max-width:375px){.step-item[data-v-6bf9b3f0]{font-size:9px}.step-number[data-v-6bf9b3f0]{font-size:var(--font-size-xs)}.packages-grid[data-v-6bf9b3f0],.student-list-grid[data-v-6bf9b3f0]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.package-name[data-v-6bf9b3f0],.student-name[data-v-6bf9b3f0]{font-size:var(--font-size-xs)}.info-row[data-v-6bf9b3f0],.package-description[data-v-6bf9b3f0],.package-info[data-v-6bf9b3f0],.student-details[data-v-6bf9b3f0],.summary-text[data-v-6bf9b3f0]{font-size:9px}.price[data-v-6bf9b3f0]{font-size:var(--font-size-xs)}.debt-warning[data-v-6bf9b3f0]{font-size:9px}.form-input[data-v-6bf9b3f0],.form-select[data-v-6bf9b3f0],.form-textarea[data-v-6bf9b3f0]{font-size:var(--font-size-xs)}.checkbox-label[data-v-6bf9b3f0],.debt-settlement-note[data-v-6bf9b3f0],.original-price[data-v-6bf9b3f0]{font-size:8px}.result-row[data-v-6bf9b3f0]{font-size:9px}.btn-primary[data-v-6bf9b3f0],.btn-retry[data-v-6bf9b3f0],.btn-secondary[data-v-6bf9b3f0],.btn-yellow[data-v-6bf9b3f0]{font-size:var(--font-size-xs);min-height:40px}.date-shortcuts[data-v-6bf9b3f0]{flex-direction:column;width:100%}.date-shortcut-btn[data-v-6bf9b3f0]{width:100%;margin-bottom:var(--spacing-xxs);padding:var(--spacing-xs);text-align:center;min-height:40px}.package-description[data-v-6bf9b3f0]{display:none}}@media (pointer:coarse){.btn-primary[data-v-6bf9b3f0],.btn-retry[data-v-6bf9b3f0],.btn-secondary[data-v-6bf9b3f0],.btn-yellow[data-v-6bf9b3f0],.date-shortcut-btn[data-v-6bf9b3f0],.form-checkbox[data-v-6bf9b3f0],.form-input[data-v-6bf9b3f0],.form-select[data-v-6bf9b3f0]{min-height:44px}.date-shortcuts[data-v-6bf9b3f0]{margin:var(--spacing-xs) 0}}.student-selector-input-wrapper[data-v-7184807f]{display:flex;align-items:center;border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);padding:var(--spacing-xxs) var(--spacing-xs);cursor:pointer;background-color:var(--color-background-input);color:var(--color-text-dark);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.student-selector-input-wrapper[data-v-7184807f]:hover{border-color:var(--color-primary-brand)}.student-selector-input-wrapper[data-v-7184807f]:focus-within{border-color:var(--color-primary-brand);box-shadow:0 0 0 2px rgba(var(--color-primary-brand-rgb),.2)}.selector-display-area[data-v-7184807f]{flex-grow:1;min-height:var(--touch-target-min-size);display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xxs)}.placeholder[data-v-7184807f]{color:var(--color-text-light);font-size:var(--font-size-base)}.selected-tags[data-v-7184807f]{display:flex;flex-wrap:wrap;gap:var(--spacing-xxs)}.tag[data-v-7184807f]{display:inline-flex;align-items:center;background-color:var(--color-primary-cyan);color:var(--color-white);border-radius:var(--border-radius-xs);padding:2px var(--spacing-xxs);font-size:var(--font-size-xs);line-height:1}.tag-more[data-v-7184807f]{background-color:var(--color-background-mute);color:var(--color-text-dark);border:1px solid var(--color-border-medium)}.tag-remove[data-v-7184807f]{background:none;border:none;color:var(--color-white);margin-left:var(--spacing-xxs);cursor:pointer;font-size:var(--font-size-sm);line-height:1;padding:0}.selected-single[data-v-7184807f]{color:var(--color-text-dark);font-size:var(--font-size-base)}.clear-button[data-v-7184807f]{background:none;border:none;color:var(--color-text-light);margin-left:var(--spacing-xxs);cursor:pointer;font-size:var(--font-size-md);padding:0 var(--spacing-xxs);line-height:1;min-width:var(--touch-target-min-size);min-height:var(--touch-target-min-size);display:flex;align-items:center;justify-content:center}.clear-button[data-v-7184807f]:hover{color:var(--color-danger)}.open-modal-button[data-v-7184807f]{background-color:var(--color-background-mute);color:var(--color-text-dark);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);padding:var(--spacing-xxs) var(--spacing-xs);margin-left:var(--spacing-xs);cursor:pointer;font-size:var(--font-size-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.open-modal-button[data-v-7184807f]:hover{background-color:var(--color-background-hover);border-color:var(--color-primary-brand)}.pagination-container[data-v-546b5482]{display:flex;justify-content:space-between;align-items:center;margin:1px 0;color:var(--color-text-dark)}.pagination-controls[data-v-546b5482]{display:flex;align-items:center;gap:8px}.pagination-btn[data-v-546b5482]{padding:3px 6px;border:1px solid var(--color-border);background-color:var(--color-background-card);color:var(--color-text-dark);cursor:pointer;border-radius:4px;transition:background-color var(--transition-fast) ease,border-color var(--transition-fast) ease,color var(--transition-fast) ease}.pagination-btn[data-v-546b5482]:hover:not(:disabled){background-color:var(--color-background-hover);border-color:var(--color-primary-brand);color:var(--color-primary-brand)}.pagination-btn[data-v-546b5482]:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-background-mute);border-color:var(--color-border-light);color:var(--color-gray-dark)}.page-numbers[data-v-546b5482]{display:flex;gap:2px}.page-num-btn[data-v-546b5482]{width:28px;height:28px;border:1px solid var(--color-border);background-color:var(--color-background-card);color:var(--color-text-dark);cursor:pointer;border-radius:4px;transition:background-color var(--transition-fast) ease,border-color var(--transition-fast) ease,color var(--transition-fast) ease}.page-num-btn[data-v-546b5482]:hover:not(.active){background-color:var(--color-background-hover);border-color:var(--color-primary-brand);color:var(--color-primary-brand)}.page-num-btn.active[data-v-546b5482]{background-color:var(--color-primary-brand);color:var(--color-white);border-color:var(--color-primary-brand)}.page-size-selector[data-v-546b5482]{display:flex;align-items:center;gap:4px}.page-size-selector h5[data-v-546b5482]{margin:0;color:var(--color-text-dark)}.page-size-selector select[data-v-546b5482]{padding:6px;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background-input);color:var(--color-text-dark);transition:border-color var(--transition-fast) ease}.page-size-selector select[data-v-546b5482]:focus{outline:none;border-color:var(--color-primary-brand)}.students-management-page[data-v-797d262c]{padding:15px;max-width:1400px;margin:0 auto;background-color:var(--color-background-main)}.dashboard-toolbar[data-v-797d262c]{background:var(--color-background-card);border-radius:12px;padding:15px 20px;margin-bottom:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:15px}.toolbar-header[data-v-797d262c]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;border-bottom:1px solid var(--color-border-light);padding-bottom:15px}.title-section[data-v-797d262c]{display:flex;align-items:center;gap:10px}.title-section h1[data-v-797d262c]{margin:0;font-size:1.5rem;color:var(--color-heading);font-weight:700}.student-count-badge[data-v-797d262c]{background-color:var(--color-primary-light);color:var(--color-primary-brand);padding:2px 8px;border-radius:12px;font-size:.85rem;font-weight:600}.primary-actions[data-v-797d262c]{display:flex;gap:12px;flex-wrap:wrap}.action-group[data-v-797d262c]{display:flex;gap:8px}.toolbar-controls[data-v-797d262c]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.search-sort-container[data-v-797d262c]{display:flex;align-items:center;gap:10px;flex:1;min-width:280px;max-width:600px}.control-item[data-v-797d262c]{position:relative;display:flex;align-items:center}.search-box[data-v-797d262c]{flex:2}.sort-box[data-v-797d262c]{flex:1;min-width:120px}.modern-input[data-v-797d262c],.modern-select[data-v-797d262c]{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:.95rem;transition:all .2s;background-color:var(--color-background-input);color:var(--color-text-dark);height:42px;box-sizing:border-box}.search-box .modern-input[data-v-797d262c]{padding-left:35px}.search-icon[data-v-797d262c]{position:absolute;left:12px;color:var(--color-gray-dark);pointer-events:none}.clear-btn[data-v-797d262c]{position:absolute;right:10px;background:none;border:none;font-size:1.2rem;color:var(--color-gray-dark);cursor:pointer}.modern-input[data-v-797d262c]:focus,.modern-select[data-v-797d262c]:focus{border-color:var(--color-primary-brand);background-color:var(--color-background-card);box-shadow:0 0 0 3px rgba(var(--color-primary-brand-rgb),.1);outline:none}.filter-toggles[data-v-797d262c]{display:flex;gap:10px;align-items:center}.button-outline[data-v-797d262c]{background:var(--color-background-card);border:1px solid var(--color-border);color:var(--color-text-dark);height:42px;display:flex;align-items:center;gap:6px}.button-outline.active[data-v-797d262c]{background-color:rgba(var(--color-primary-brand-rgb),.1);border-color:var(--color-primary-brand);color:var(--color-primary-brand)}.button-text[data-v-797d262c]{background:none;color:var(--color-text-light);padding:0 5px;height:42px;display:flex;align-items:center}.button-text[data-v-797d262c]:hover{color:var(--color-primary-brand);text-decoration:underline}.advanced-filters-panel[data-v-797d262c]{background-color:var(--color-background-mute);border-radius:8px;padding:15px;margin-top:5px;border:1px solid var(--color-border-light)}.filter-grid[data-v-797d262c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;align-items:end}.filter-item label[data-v-797d262c]{display:block;font-size:.85rem;color:var(--color-text-light);margin-bottom:5px;font-weight:500}.full-width[data-v-797d262c]{width:100%}.checkbox-item[data-v-797d262c]{display:flex;align-items:center;gap:10px;padding-bottom:10px}.checkbox-item label[data-v-797d262c]{margin-bottom:0;display:flex;align-items:center;gap:5px}.checkbox-item input[type=checkbox][data-v-797d262c]{width:16px;height:16px}.modern-select.mini[data-v-797d262c]{padding:4px 8px;height:30px;font-size:.85rem}.custom-button[data-v-797d262c]{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:background-color var(--transition-normal),color var(--transition-normal),transform .1s,box-shadow .2s;height:40px}.custom-button[data-v-797d262c]:active{transform:translateY(1px)}.icon-only[data-v-797d262c]{padding:0;width:40px}.button-primary[data-v-797d262c]{background-color:var(--color-primary-brand);color:var(--color-white)}.button-primary[data-v-797d262c]:hover{background-color:var(--color-primary-blue-hover)}.button-primary2[data-v-797d262c]{background-color:var(--color-secondary-brand);color:var(--color-white)}.button-primary2[data-v-797d262c]:hover{background-color:var(--color-secondary-green-hover)}.button-info[data-v-797d262c]{background-color:var(--color-info-neutral-bg);color:var(--color-info-neutral-color)}.button-info[data-v-797d262c]:hover{background-color:var(--color-info-neutral-hover)}.button-warning[data-v-797d262c]{background-color:var(--color-warning);color:var(--color-white)}.button-warning[data-v-797d262c]:hover{background-color:var(--color-warning-hover)}.button-success[data-v-797d262c]{background-color:var(--color-success);color:var(--color-white)}.button-success[data-v-797d262c]:hover{background-color:var(--color-success-hover)}.custom-button[data-v-797d262c]:disabled{background-color:var(--color-border);color:var(--color-gray-500);cursor:not-allowed}.notification-dot[data-v-797d262c]{display:inline-block;width:8px;height:8px;background-color:red;border-radius:50%;position:absolute;top:5px;right:5px;border:1px solid var(--color-white);box-shadow:0 0 2px rgba(var(--color-black-rgb),.3)}.students-container[data-v-797d262c]{background-color:var(--color-background-card);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;flex-grow:1;display:flex;flex-direction:column}.desktop-table-wrapper[data-v-797d262c]{display:block}.students-table[data-v-797d262c]{width:100%;border-collapse:collapse}.students-table td[data-v-797d262c],.students-table th[data-v-797d262c]{padding:12px 15px;text-align:left;border-bottom:1px solid var(--color-border-light)}.students-table th[data-v-797d262c]{background-color:var(--color-background-mute);font-weight:600;color:var(--color-text-dark)}.students-table th.sortable[data-v-797d262c]{cursor:pointer;position:relative}.sort-arrow[data-v-797d262c]{display:inline-block;width:0;height:0;margin-left:5px;vertical-align:middle}.sort-arrow.asc[data-v-797d262c]{border-bottom:5px solid var(--color-text-dark)}.sort-arrow.asc[data-v-797d262c],.sort-arrow.desc[data-v-797d262c]{border-left:5px solid transparent;border-right:5px solid transparent}.sort-arrow.desc[data-v-797d262c]{border-top:5px solid var(--color-text-dark)}.inactive-row[data-v-797d262c]{background-color:var(--color-background-mute);color:var(--color-gray-dark)}.student-name-cell[data-v-797d262c]{display:flex;align-items:center;gap:10px}.avatar[data-v-797d262c]{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-797d262c]{display:flex;flex-direction:column}.subscription-info[data-v-797d262c]{display:flex;flex-wrap:wrap;gap:5px;font-size:.8rem;margin-top:3px}.package-label[data-v-797d262c]{padding:2px 6px;border-radius:4px;background-color:var(--color-background-mute);color:var(--color-text-dark)}.package-color-junior-45min[data-v-797d262c]{background-color:var(--color-package-type-junior-45min)!important;color:var(--color-package-type-junior-45min-text)}.package-color-junior-90min[data-v-797d262c]{background-color:var(--color-package-type-junior-90min)!important;color:var(--color-package-type-junior-90min-text)}.package-color-advanced-10sessions[data-v-797d262c]{background-color:var(--color-package-type-advanced-10sessions)!important;color:var(--color-package-type-advanced-10sessions-text)}.package-color-advanced-large-pack[data-v-797d262c]{background-color:var(--color-package-type-advanced-large-pack)!important;color:var(--color-package-type-advanced-large-pack-text)}.package-color-no-package[data-v-797d262c]{background-color:var(--color-package-type-no-package)!important;color:var(--color-package-type-no-package-text)}.package-label.package-color-junior-45min[data-v-797d262c]{background-color:var(--color-package-type-junior-45min);color:var(--color-package-type-junior-45min-text)}.package-label.package-color-junior-90min[data-v-797d262c]{background-color:var(--color-package-type-junior-90min);color:var(--color-package-type-junior-90min-text)}.package-label.package-color-advanced-10sessions[data-v-797d262c]{background-color:var(--color-package-type-advanced-10sessions);color:var(--color-package-type-advanced-10sessions-text)}.package-label.package-color-advanced-large-pack[data-v-797d262c]{background-color:var(--color-package-type-advanced-large-pack);color:var(--color-package-type-advanced-large-pack-text)}.package-label.package-color-no-package[data-v-797d262c]{background-color:var(--color-package-type-no-package);color:var(--color-package-type-no-package-text)}.sessions-badge[data-v-797d262c]{padding:2px 6px;border-radius:4px;background-color:var(--color-background-mute);color:var(--color-text-dark)}.sessions-badge.low-sessions[data-v-797d262c]{background-color:var(--color-status-warning-bg);color:var(--color-status-warning)}.sessions-badge.no-sessions[data-v-797d262c]{background-color:var(--color-status-danger-bg);color:var(--color-status-danger)}.expiring-soon-text[data-v-797d262c]{color:var(--color-primary-red);font-weight:700;margin-left:5px;font-size:.75rem}.sessions-badge.expiring-soon[data-v-797d262c]{background-color:var(--color-primary-yellow);color:var(--color-black-rgb)}.skill-level-badge[data-v-797d262c]{padding:4px 8px;border-radius:4px;font-size:.85rem;display:inline-block;background-color:var(--skill-level-default-bg);color:var(--skill-level-default-text)}.skill-level-10[data-v-797d262c]{background-color:var(--skill-level-10-bg);color:var(--skill-level-10-text)}.skill-level-20[data-v-797d262c]{background-color:var(--skill-level-20-bg);color:var(--skill-level-20-text)}.skill-level-30[data-v-797d262c]{background-color:var(--skill-level-30-bg);color:var(--skill-level-30-text)}.skill-level-40[data-v-797d262c]{background-color:var(--skill-level-40-bg);color:var(--skill-level-40-text)}.skill-level-50[data-v-797d262c]{background-color:var(--skill-level-50-bg);color:var(--skill-level-50-text)}.status-badge[data-v-797d262c]{padding:4px 8px;border-radius:4px;font-size:.85rem;display:inline-block}.status-badge.active[data-v-797d262c]{background-color:var(--color-status-success-bg);color:var(--color-status-success)}.status-badge.inactive[data-v-797d262c]{background-color:var(--color-status-danger-bg);color:var(--color-status-danger)}.coach-badges[data-v-797d262c]{display:flex;flex-wrap:wrap;gap:5px}.coach-list[data-v-797d262c]{font-size:.9rem}.no-coach[data-v-797d262c]{color:var(--color-gray-dark);font-style:italic;font-size:.9rem}.actions-cell[data-v-797d262c]{white-space:nowrap}.actions-cell .custom-button[data-v-797d262c]{margin-right:5px;padding:6px 10px;font-size:.85rem}.pagination-controls[data-v-797d262c]{padding:15px}.empty-state[data-v-797d262c],.loading-state[data-v-797d262c]{padding:40px;text-align:center}.empty-state p[data-v-797d262c],.loading-state p[data-v-797d262c]{color:var(--color-text-light)}.empty-state h3[data-v-797d262c]{margin-bottom:10px;color:var(--color-text-light)}.sessions-count-badge[data-v-797d262c]{display:inline-block;padding:4px 8px;border-radius:12px;font-weight:700;text-align:center;min-width:30px}.count-zero[data-v-797d262c]{background-color:var(--progress-color-0-1);color:var(--color-gray-dark)}.count-low[data-v-797d262c]{background-color:var(--progress-color-1-20);color:var(--color-text-dark)}.count-medium[data-v-797d262c]{background-color:var(--progress-color-50-60);color:var(--color-text-dark)}.count-high[data-v-797d262c]{background-color:var(--progress-color-90-100);color:var(--color-white)}.refresh-button[data-v-797d262c]{background:none;border:none;cursor:pointer;padding:0 5px;font-size:14px;color:var(--color-text-light)}.refresh-button[data-v-797d262c]:hover:not(:disabled){color:var(--color-text-dark)}.refresh-button[data-v-797d262c]:disabled{opacity:.5;cursor:not-allowed}.session-period-select[data-v-797d262c]{margin-left:8px;width:auto;min-width:90px}.fa-spin[data-v-797d262c],.spinner[data-v-797d262c]{animation:spin-797d262c 1s linear infinite}.spinner[data-v-797d262c]{border:4px solid var(--color-border);border-left-color:var(--color-primary-brand);border-radius:50%;width:40px;height:40px;margin:0 auto 20px}@keyframes spin-797d262c{to{transform:rotate(1turn)}}.empty-state p[data-v-797d262c]{color:var(--color-gray-dark);margin-bottom:20px}.modal-overlay[data-v-797d262c]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay-backdrop-solid);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-797d262c]{background-color:var(--color-background-card);border-radius:8px;padding:0;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.status-change-confirm-modal[data-v-797d262c]{max-width:450px}.modal-header[data-v-797d262c]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--color-border-light)}.modal-header h3[data-v-797d262c]{margin:0;font-size:1.2rem;color:var(--color-heading)}.close-btn[data-v-797d262c]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-light)}.warning-text[data-v-797d262c]{color:var(--color-danger);font-style:italic}.modal-footer[data-v-797d262c]{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid var(--color-border-light)}.mobile-cards-wrapper[data-v-797d262c]{display:none;flex-direction:column;gap:15px;padding:15px}.student-card[data-v-797d262c]{background-color:var(--color-background-card);border:1px solid var(--color-border-light);border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease}.student-card[data-v-797d262c]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.student-card[data-v-797d262c]:active{transform:translateY(0)}.card-header[data-v-797d262c]{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid var(--color-border-light);background-color:var(--color-background-mute)}.student-info-main[data-v-797d262c]{display:flex;align-items:center;gap:10px}.student-name-status[data-v-797d262c]{display:flex;flex-direction:column}.student-name[data-v-797d262c]{font-weight:600;font-size:1.1rem;color:var(--color-text-dark)}.card-actions[data-v-797d262c]{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.card-actions .custom-button[data-v-797d262c]{padding:6px 10px;font-size:.8rem;min-width:unset;height:auto}.card-body[data-v-797d262c]{padding:10px 15px;display:flex;flex-direction:column;gap:8px}.card-detail-row[data-v-797d262c]{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--color-text-dark)}.detail-label[data-v-797d262c]{font-weight:500;color:var(--color-text-dark);min-width:50px}.desktop-hidden[data-v-797d262c]{display:none}.loading-more-students[data-v-797d262c],.no-more-students[data-v-797d262c]{text-align:center;padding:20px;color:var(--color-text-light)}.loading-more-students .spinner[data-v-797d262c]{margin:10px auto;width:30px;height:30px;border-width:3px}@media (max-width:768px){.dashboard-toolbar[data-v-797d262c]{padding:12px;gap:12px}.toolbar-header[data-v-797d262c]{padding-bottom:10px;flex-direction:column;align-items:flex-start}.title-section[data-v-797d262c]{width:100%;justify-content:center}.primary-actions[data-v-797d262c]{width:100%;justify-content:space-between}.action-group[data-v-797d262c]{flex:1}.action-group .custom-button[data-v-797d262c]{flex:1;font-size:.9rem;padding:8px 10px;height:38px}.toolbar-controls[data-v-797d262c]{flex-direction:column;align-items:stretch}.search-sort-container[data-v-797d262c]{width:100%;max-width:none;order:1}.filter-toggles[data-v-797d262c]{width:100%;justify-content:space-between;order:2}.filter-trigger[data-v-797d262c]{flex:1;justify-content:center;height:38px}.search-box[data-v-797d262c]{flex:1.5}.sort-box[data-v-797d262c]{flex:1;min-width:100px}.modern-input[data-v-797d262c],.modern-select[data-v-797d262c]{height:38px;font-size:.9rem}.search-box .modern-input[data-v-797d262c]{padding-left:30px}.search-icon[data-v-797d262c]{left:10px;font-size:.9rem}.clear-btn[data-v-797d262c]{font-size:1rem;right:8px}.advanced-filters-panel[data-v-797d262c]{padding:10px}.filter-grid[data-v-797d262c]{grid-template-columns:1fr}.desktop-table-wrapper[data-v-797d262c]{display:none}.mobile-cards-wrapper[data-v-797d262c]{display:flex}.mobile-cards-wrapper .btn-view[data-v-797d262c],.pagination-controls[data-v-797d262c]{display:none}}@media (max-width:480px){.student-name[data-v-797d262c]{font-size:1rem}.card-actions .custom-button[data-v-797d262c]{padding:4px 8px;font-size:.85rem}.detail-label[data-v-797d262c]{min-width:40px}.card-detail-row[data-v-797d262c]{font-size:.85rem}.card-actions[data-v-797d262c]{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}}.subscription-manager-content[data-v-5a50bb7a]{padding:var(--spacing-xs);background-color:var(--color-background-light);border-radius:var(--border-radius-sm);font-family:var(--font-sans);color:var(--color-text-dark);box-sizing:border-box;overflow-y:auto;height:100%}.error-state[data-v-5a50bb7a],.loading-state[data-v-5a50bb7a]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xxs);font-size:var(--font-size-sm);color:var(--color-border-medium);padding:var(--spacing-md);background-color:var(--color-background-soft);border-radius:var(--border-radius-sm);border:1px dashed var(--color-border-medium);text-align:center}.loading-state .loading-spinner[data-v-5a50bb7a]{font-size:var(--font-size-lg);color:var(--color-primary-yellow);animation:rotate-5a50bb7a 1s linear infinite}.error-state[data-v-5a50bb7a]{background-color:var(--color-status-danger-bg);color:var(--color-status-danger);border-color:var(--color-status-danger)}.error-state span[data-v-5a50bb7a]:first-child{font-size:var(--font-size-lg);color:var(--color-status-danger)}.error-state .btn-retry[data-v-5a50bb7a]{margin-top:var(--spacing-xs);background-color:var(--color-primary-yellow);color:var(--color-black-rgb);border:none;padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:background-color .2s ease}.error-state .btn-retry[data-v-5a50bb7a]:hover{opacity:.9}.manager-content[data-v-5a50bb7a]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.manager-title[data-v-5a50bb7a]{font-size:var(--font-size-md);font-weight:700;color:var(--color-primary-red);text-align:center;margin-bottom:var(--spacing-xs)}.subscription-info[data-v-5a50bb7a]{background-color:var(--color-background-card);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-xxs)}.info-row[data-v-5a50bb7a]{display:flex;justify-content:space-between;font-size:var(--font-size-sm);line-height:var(--line-height-body)}.info-label[data-v-5a50bb7a]{font-weight:700;color:var(--color-text-dark)}.info-value[data-v-5a50bb7a]{color:var(--color-text-dark);text-align:right}.low-sessions[data-v-5a50bb7a]{color:var(--color-primary-red);font-weight:700}.expiring-soon[data-v-5a50bb7a]{color:var(--color-primary-yellow);font-weight:700}.expiry-warning[data-v-5a50bb7a]{font-size:var(--font-size-xs);margin-left:var(--spacing-xxs);color:var(--color-primary-red)}.status-badge[data-v-5a50bb7a]{padding:2px var(--spacing-xxs);border-radius:var(--border-radius-xxs);font-size:var(--font-size-xs);font-weight:700;color:var(--color-white);display:inline-flex;align-items:center;gap:var(--spacing-xxs);transition:background-color var(--transition-normal)}.status-badge.completed[data-v-5a50bb7a]{background-color:var(--color-status-success)}.status-badge.pending[data-v-5a50bb7a]{background-color:var(--color-status-warning)}.status-badge.failed[data-v-5a50bb7a]{background-color:var(--color-status-danger)}.status-badge.refunded[data-v-5a50bb7a]{background-color:var(--color-border-medium)}.status-badge.paid[data-v-5a50bb7a]{background-color:var(--color-status-success)}.inactive-badge[data-v-5a50bb7a]{background-color:var(--color-text-light);color:var(--color-white);padding:1px 4px;border-radius:var(--border-radius-xxs);font-size:8px;margin-left:var(--spacing-xxs);transition:background-color var(--transition-normal)}.action-section[data-v-5a50bb7a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-sm)}.action-card[data-v-5a50bb7a]{background-color:var(--color-background-card);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-xs);transition:box-shadow .2s ease}.action-card[data-v-5a50bb7a]:hover{box-shadow:var(--shadow-sm)}.action-title[data-v-5a50bb7a]{font-size:var(--font-size-base);color:var(--color-text-dark);margin-bottom:var(--spacing-xxs);border-bottom:1px dashed var(--color-border-light);padding-bottom:var(--spacing-xxs);font-weight:700}.action-content[data-v-5a50bb7a]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-group label[data-v-5a50bb7a]{transition:color var(--transition-normal)}.action-input[data-v-5a50bb7a]::-moz-placeholder,.action-textarea[data-v-5a50bb7a]::-moz-placeholder{color:var(--color-text-medium);opacity:1}.action-input[data-v-5a50bb7a]::placeholder,.action-textarea[data-v-5a50bb7a]::placeholder{color:var(--color-text-medium);opacity:1}.input-group[data-v-5a50bb7a]{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.input-group label[data-v-5a50bb7a]{font-size:var(--font-size-sm);color:var(--color-text-light);font-weight:700}.action-input[data-v-5a50bb7a],.action-textarea[data-v-5a50bb7a]{padding:var(--spacing-xxs) var(--spacing-xs);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);transition:border-color .3s;font-size:var(--font-size-sm);color:var(--color-text-dark);background-color:var(--color-background-input);min-height:var(--touch-target-min-size)}.action-input[data-v-5a50bb7a]:focus,.action-textarea[data-v-5a50bb7a]:focus{border-color:var(--color-primary-cyan);outline:none;box-shadow:0 0 0 1px var(--color-primary-cyan)}.action-textarea[data-v-5a50bb7a]{min-height:80px;resize:vertical}.action-result[data-v-5a50bb7a]{background-color:var(--color-background-light);padding:var(--spacing-xxs);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);margin-top:var(--spacing-xxs);color:var(--color-text-dark)}.btn-action[data-v-5a50bb7a]{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:700;transition:background-color .3s;min-height:46px;font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--color-white)}.btn-action[data-v-5a50bb7a]:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-border-medium)!important;color:var(--color-text-light)!important}.btn-activate[data-v-5a50bb7a],.btn-add[data-v-5a50bb7a],.btn-extend[data-v-5a50bb7a]{background-color:var(--color-primary-cyan)}.btn-activate[data-v-5a50bb7a]:hover:not(:disabled),.btn-add[data-v-5a50bb7a]:hover:not(:disabled),.btn-extend[data-v-5a50bb7a]:hover:not(:disabled){opacity:.9}.btn-reduce[data-v-5a50bb7a]{background-color:var(--color-primary-red)}.btn-reduce[data-v-5a50bb7a]:hover:not(:disabled){opacity:.9}.btn-settle[data-v-5a50bb7a]{background-color:var(--color-status-warning);color:var(--color-text-dark)}.btn-settle[data-v-5a50bb7a]:hover:not(:disabled){opacity:.9}.btn-primary[data-v-5a50bb7a]{background-color:var(--color-primary-brand)}.btn-primary[data-v-5a50bb7a]:hover:not(:disabled){opacity:.9}.btn-debt[data-v-5a50bb7a]{background-color:var(--color-info)}.btn-debt[data-v-5a50bb7a]:hover:not(:disabled){opacity:.9}.btn-activate[data-v-5a50bb7a]{background-color:var(--color-status-success)}.btn-activate[data-v-5a50bb7a]:hover:not(:disabled){opacity:.9}.action-buttons-group[data-v-5a50bb7a]{display:flex;gap:var(--spacing-xs)}.debt-summary[data-v-5a50bb7a]{background-color:var(--color-background-light);padding:var(--spacing-xxs);border-radius:var(--border-radius-sm);margin-top:var(--spacing-xxs);font-size:var(--font-size-sm);color:var(--color-text-dark);transition:background-color var(--transition-normal),color var(--transition-normal)}.input-with-buttons[data-v-5a50bb7a]{display:flex;align-items:center;gap:var(--spacing-xxs)}.input-with-buttons .action-input[data-v-5a50bb7a]{flex-grow:1;text-align:center;min-width:80px}.btn-step[data-v-5a50bb7a]{width:36px;height:36px;border-radius:var(--border-radius-sm);background-color:var(--color-primary-cyan);color:var(--color-white);border:none;cursor:pointer;font-weight:700;font-size:var(--font-size-base);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.btn-step[data-v-5a50bb7a]:hover:not(:disabled){opacity:.9}.btn-step[data-v-5a50bb7a]:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-border-medium);color:var(--color-text-light)}@keyframes rotate-5a50bb7a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.subscription-manager-content[data-v-5a50bb7a]{padding:var(--spacing-xxs)}.manager-title[data-v-5a50bb7a]{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.subscription-info[data-v-5a50bb7a]{padding:var(--spacing-xxs)}.info-row[data-v-5a50bb7a]{font-size:var(--font-size-xs)}.action-section[data-v-5a50bb7a]{grid-template-columns:1fr;gap:var(--spacing-xs)}.action-card[data-v-5a50bb7a]{padding:var(--spacing-xxs);gap:var(--spacing-xxs)}.action-title[data-v-5a50bb7a]{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xxs);padding-bottom:var(--spacing-xxs)}.action-content[data-v-5a50bb7a]{gap:var(--spacing-xxs)}.input-group label[data-v-5a50bb7a]{font-size:var(--font-size-xs)}.action-input[data-v-5a50bb7a],.action-textarea[data-v-5a50bb7a]{font-size:var(--font-size-xs);min-height:40px}.action-textarea[data-v-5a50bb7a]{min-height:60px}.action-result[data-v-5a50bb7a],.debt-summary[data-v-5a50bb7a]{font-size:var(--font-size-xs);padding:var(--spacing-xxs)}.btn-action[data-v-5a50bb7a]{font-size:var(--font-size-xs);min-height:40px;padding:var(--spacing-xxs) var(--spacing-xs)}.input-with-buttons .btn-step[data-v-5a50bb7a]{width:32px;height:32px;font-size:var(--font-size-sm)}.action-buttons-group[data-v-5a50bb7a]{flex-direction:column}}@media (max-width:375px){.info-row[data-v-5a50bb7a]{font-size:9px}.expiry-warning[data-v-5a50bb7a],.status-badge[data-v-5a50bb7a]{font-size:7px}.inactive-badge[data-v-5a50bb7a]{font-size:6px}.action-input[data-v-5a50bb7a],.action-result[data-v-5a50bb7a],.action-textarea[data-v-5a50bb7a],.debt-summary[data-v-5a50bb7a]{font-size:9px}.btn-action[data-v-5a50bb7a]{font-size:9px;min-height:36px}.input-with-buttons .btn-step[data-v-5a50bb7a]{width:28px;height:28px;font-size:var(--font-size-xs)}}.student-financials[data-v-55b34724]{width:100%;font-family:var(--font-sans);padding-bottom:calc(var(--app-footer-height) + var(--spacing-md))}.empty-state[data-v-55b34724],.error-state[data-v-55b34724],.loading-state[data-v-55b34724]{text-align:center;padding:var(--spacing-xs);color:var(--color-text-dark)}.section[data-v-55b34724]{background-color:var(--color-background-card);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-55b34724]{border-top:3px solid var(--color-primary-cyan)}.active-section[data-v-55b34724]{border-top:3px solid var(--color-accent-vibrant)}.history-section[data-v-55b34724]{border-top:3px solid var(--color-status-danger)}.usage-section[data-v-55b34724]{border-top:3px solid var(--color-primary-brand)}.section-title[data-v-55b34724]{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);color:var(--color-heading)}.stats-grid[data-v-55b34724]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-xxs)}@media (max-width:768px){.stats-grid[data-v-55b34724]{grid-template-columns:repeat(2,1fr)}}.stat-box[data-v-55b34724]{text-align:center;padding:var(--spacing-xs);border-radius:var(--border-radius-sm)}.active-box[data-v-55b34724]{background-color:var(--color-primary-cyan);color:var(--color-white)}.remaining-box[data-v-55b34724]{background-color:var(--color-accent-vibrant);color:var(--color-black-rgb)}.expiry-box[data-v-55b34724]{background-color:var(--color-primary-brand);color:var(--color-white)}.spent-box[data-v-55b34724]{background-color:var(--color-status-danger);color:var(--color-white)}.stat-value[data-v-55b34724]{font-size:var(--font-size-md);font-weight:700;margin-bottom:var(--spacing-xxs);line-height:var(--line-height-heading)}.stat-label[data-v-55b34724]{font-size:var(--font-size-xs);line-height:var(--line-height-body)}.debt-alert[data-v-55b34724]{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-status-warning);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);margin-top:var(--spacing-xs)}.alert-content[data-v-55b34724]{flex:1}.alert-content h4[data-v-55b34724]{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-black-rgb)}.alert-content p[data-v-55b34724]{margin:var(--spacing-xxs) 0 0 0;font-size:var(--font-size-xs);color:var(--color-black-rgb)}.alert-actions[data-v-55b34724]{display:flex;gap:var(--spacing-xxs)}.subscription-cards[data-v-55b34724]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-xs)}.subscription-card[data-v-55b34724]{background-color:var(--color-background-card);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light);overflow:hidden;transition:transform .2s ease}.subscription-card[data-v-55b34724]:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.subscription-header[data-v-55b34724]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-xs);background-color:var(--color-background-mute);border-bottom:1px solid var(--color-border-light)}.subscription-header h3[data-v-55b34724]{margin:0;font-size:var(--font-size-sm);font-weight:600;line-height:var(--line-height-heading);color:var(--color-heading)}.subscription-status[data-v-55b34724]{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-55b34724]{background-color:var(--color-accent-vibrant);color:var(--color-text-dark)}.subscription-status.status-danger[data-v-55b34724]{background-color:var(--color-status-danger);color:var(--color-white)}.subscription-body[data-v-55b34724]{padding:var(--spacing-xs)}.info-grid[data-v-55b34724]{display:grid;grid-template-columns:1fr;gap:var(--spacing-xxs)}.info-item[data-v-55b34724]{line-height:var(--line-height-body)}.info-label[data-v-55b34724]{font-size:var(--font-size-xxs);color:var(--color-text-dark);opacity:.7;margin-bottom:var(--spacing-xxs)}.info-value[data-v-55b34724]{font-size:var(--font-size-xs);font-weight:500}.payment-value[data-v-55b34724]{color:var(--color-status-danger);font-weight:700}.expiring-soon[data-v-55b34724]{color:var(--color-accent-vibrant)}.expiry-warning[data-v-55b34724]{font-size:var(--font-size-xxs);color:var(--color-status-danger);font-weight:700}.sessions-bar[data-v-55b34724]{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-55b34724]{height:100%;background-color:var(--color-accent-vibrant)}.sessions-used.almost-full[data-v-55b34724]{background-color:var(--color-status-danger)}.sessions-text[data-v-55b34724]{font-size:var(--font-size-xxs)}.card-actions[data-v-55b34724]{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-55b34724]{overflow-x:auto;margin-bottom:var(--spacing-xs)}.data-table[data-v-55b34724]{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}.data-table td[data-v-55b34724],.data-table th[data-v-55b34724]{padding:var(--spacing-xxs) var(--spacing-xs);text-align:left;border-bottom:1px solid var(--color-border-light);color:var(--color-text-dark)}.data-table th[data-v-55b34724]{font-weight:600;background-color:var(--color-background-mute)}.debt-table th[data-v-55b34724]{background-color:var(--color-status-warning);color:var(--color-text-dark)}.usage-table th[data-v-55b34724]{background-color:var(--color-primary-brand);color:var(--color-white)}.debt-amount[data-v-55b34724],.payment-cell[data-v-55b34724]{color:var(--color-status-danger);font-weight:700}.sessions-cell[data-v-55b34724]{color:var(--color-primary-brand);font-weight:700}.package-tag[data-v-55b34724]{display:inline-block;padding:var(--spacing-xxs) var(--spacing-xxs);background-color:rgba(var(--color-primary-cyan-rgb),.15);color:var(--color-primary-cyan);border-radius:var(--border-radius-xs);font-size:var(--font-size-xxs)}.row-success[data-v-55b34724]{background-color:rgba(var(--color-primary-cyan-rgb),.1)}.row-warning[data-v-55b34724]{background-color:rgba(var(--color-primary-yellow-rgb),.1)}.row-danger[data-v-55b34724]{background-color:rgba(var(--color-status-danger-rgb),.1)}.history-row[data-v-55b34724]:hover{background-color:var(--color-background-hover)}.debt-row[data-v-55b34724]{background-color:rgba(var(--color-status-danger-rgb),.05)}.attendance-badge[data-v-55b34724],.status-badge[data-v-55b34724]{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-55b34724],.status-badge.status-success[data-v-55b34724]{background-color:var(--color-primary-cyan);color:var(--color-white)}.attendance-badge.status-warning[data-v-55b34724],.status-badge.status-warning[data-v-55b34724]{background-color:var(--color-accent-vibrant);color:var(--color-black-rgb)}.attendance-badge.status-danger[data-v-55b34724],.status-badge.status-danger[data-v-55b34724]{background-color:var(--color-status-danger);color:var(--color-white)}.attendance-badge.status-primary[data-v-55b34724],.status-badge.status-primary[data-v-55b34724]{background-color:var(--color-primary-brand);color:var(--color-white)}.pagination[data-v-55b34724]{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.page-info[data-v-55b34724]{font-size:var(--font-size-xs);color:var(--color-primary-brand);font-weight:700}.btn[data-v-55b34724]{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-background-mute);color:var(--color-black-rgb)}.btn-primary[data-v-55b34724]{background-color:var(--color-primary-cyan);color:var(--color-white)}.btn-warning[data-v-55b34724]{background-color:var(--color-accent-vibrant);color:var(--color-black-rgb)}.btn-danger[data-v-55b34724]{background-color:var(--color-status-danger);color:var(--color-white)}.btn-view[data-v-55b34724]{background-color:var(--color-primary-brand);color:var(--color-white)}.btn-cancel[data-v-55b34724]{background-color:var(--color-background-mute)}.btn-page[data-v-55b34724]{background-color:var(--color-primary-brand);color:var(--color-white)}.btn-sm[data-v-55b34724]{font-size:var(--font-size-xs);padding:var(--spacing-xxs) var(--spacing-xs)}.btn-xs[data-v-55b34724]{font-size:var(--font-size-xxs);padding:var(--spacing-xxs) var(--spacing-xxs)}.btn[data-v-55b34724]:disabled{opacity:.6;cursor:not-allowed}.btn[data-v-55b34724]:hover:not(:disabled){opacity:.9}.modal-overlay[data-v-55b34724]{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}.modal-container[data-v-55b34724]{background-color:var(--color-background-card);border-radius:var(--border-radius-sm);width:90%;max-width:400px;max-height:90vh;overflow-y:auto}.debt-modal[data-v-55b34724]{border-top:4px solid var(--color-status-danger)}.subscription-manager-modal[data-v-55b34724]{border-top:4px solid var(--color-primary-cyan);max-width:800px;width:95%}.subscription-manager-modal .modal-body[data-v-55b34724]{padding:0;overflow:hidden}.modal-header[data-v-55b34724]{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-mute)}.modal-header h3[data-v-55b34724]{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-primary-brand)}.btn-close[data-v-55b34724]{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-status-danger)}.modal-body[data-v-55b34724]{padding:var(--spacing-xs)}.form-group[data-v-55b34724]{margin-bottom:var(--spacing-xs)}.form-group label[data-v-55b34724]{display:block;margin-bottom:var(--spacing-xxs);font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary-brand)}.required[data-v-55b34724]{color:var(--color-status-danger)}.form-control[data-v-55b34724]{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;background-color:var(--color-background-input);color:var(--color-text-dark)}.form-control[data-v-55b34724]:focus{border-color:var(--color-primary-cyan);outline:none}.payment-input[data-v-55b34724]{color:var(--color-status-danger);font-weight:700}textarea.form-control[data-v-55b34724]{resize:vertical;min-height:60px}.form-actions[data-v-55b34724]{display:flex;justify-content:flex-end;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.debt-summary[data-v-55b34724]{margin-bottom:var(--spacing-xs);padding:var(--spacing-xs);background-color:rgba(var(--color-status-danger-rgb),.1);border-radius:var(--border-radius-sm)}.debt-total[data-v-55b34724]{font-size:var(--font-size-sm);color:var(--color-status-danger);margin:0}.debt-records h4[data-v-55b34724]{font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs) 0;color:var(--color-status-danger)}.modal-overlay[data-v-113b1af5]{position:fixed;inset:0;background-color:var(--color-overlay-backdrop-solid);display:flex;justify-content:center;align-items:flex-start;z-index:2300;animation:fadeIn-113b1af5 .3s ease-out;padding-top:calc(env(safe-area-inset-top, 0px) + var(--app-top-offset, 0px) + var(--spacing-sm));padding-bottom:calc(env(safe-area-inset-bottom, 0px) + var(--app-footer-height, 56px) + var(--spacing-sm));padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);overflow-y:auto}.modal-content[data-v-113b1af5]{background-color:var(--color-background-card);border-radius:var(--border-radius-lg);width:90%;max-width:500px;max-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - var(--app-top-offset, 0px) - var(--app-footer-height, 56px) - var(--spacing-sm)*2);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;animation:slideInFromBottom-113b1af5 .3s ease-out forwards;margin:auto}.modal-header[data-v-113b1af5]{position:sticky;top:0;background-color:var(--color-background-card);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-113b1af5]{margin-top:0;margin-bottom:5px;color:var(--color-heading);font-size:var(--font-size-lg);font-weight:600}.close-btn[data-v-113b1af5]{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-113b1af5]:hover{background-color:var(--color-background-hover)}.icon-x[data-v-113b1af5]{width:20px;height:20px;color:var(--color-text-light)}.trick-name-display[data-v-113b1af5]{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-light)}.trick-name-display .font-medium[data-v-113b1af5]{font-weight:500;color:var(--color-primary-blue2)}.form-sections[data-v-113b1af5]{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group-section[data-v-113b1af5]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-section-label[data-v-113b1af5]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-medium)}.icon-wrapper[data-v-113b1af5]{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-113b1af5]{background-color:var(--color-background-input);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-md);color:var(--color-gray-dark);cursor:not-allowed;font-size:var(--font-size-sm)}.priority-options-grid[data-v-113b1af5]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm)}.priority-option-btn[data-v-113b1af5]{position:relative;padding:var(--spacing-sm);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-113b1af5]:hover{border-color:var(--color-border-dark)}.priority-option-btn.is-selected[data-v-113b1af5]{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-113b1af5]{font-size:var(--font-size-md);font-weight:700}.priority-label[data-v-113b1af5]{font-size:var(--font-size-xs);margin-top:4px}.selected-indicator[data-v-113b1af5]{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-113b1af5]{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-113b1af5]{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-113b1af5]:hover{background-color:var(--color-background-hover);border-color:var(--color-border-dark)}.interval-preset-btn.is-selected[data-v-113b1af5]{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-113b1af5]:active{transform:scale(.95)}.custom-interval-adjuster[data-v-113b1af5]{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-113b1af5]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.custom-interval-text[data-v-113b1af5]{font-size:var(--font-size-sm);color:var(--color-text-medium)}.current-interval-display[data-v-113b1af5]{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-113b1af5]{font-size:var(--font-size-md);font-weight:700;color:var(--color-primary-blue2)}.current-interval-unit[data-v-113b1af5]{font-size:var(--font-size-sm);color:var(--color-text-medium);margin-left:4px}.interval-control-row[data-v-113b1af5]{display:flex;align-items:center;gap:var(--spacing-lg)}.interval-stepper-btn[data-v-113b1af5]{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-113b1af5]:disabled{opacity:.5;cursor:not-allowed}.interval-stepper-btn[data-v-113b1af5]:not(:disabled):hover{background-color:var(--color-background-hover)}.slider-wrapper[data-v-113b1af5]{flex:1;position:relative}.practice-interval-slider[data-v-113b1af5]{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-113b1af5]::-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-113b1af5]::-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-113b1af5]::-moz-range-thumb:active,.practice-interval-slider[data-v-113b1af5]::-webkit-slider-thumb:active{cursor:grabbing}.slider-min-max-labels[data-v-113b1af5]{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-113b1af5],.form-select[data-v-113b1af5],.form-textarea[data-v-113b1af5]{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;background-color:var(--color-background-input);color:var(--color-text-dark)}.form-input[data-v-113b1af5]:focus,.form-select[data-v-113b1af5]:focus,.form-textarea[data-v-113b1af5]: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-113b1af5]{resize:vertical;min-height:90px}.disabled-input[data-v-113b1af5]{background-color:var(--color-background-input);color:var(--color-gray-dark);cursor:not-allowed}.date-inputs-grid[data-v-113b1af5]{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width:640px){.date-inputs-grid[data-v-113b1af5]{grid-template-columns:1fr 1fr}}.modal-footer[data-v-113b1af5]{position:sticky;bottom:0;background-color:var(--color-background-card);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-113b1af5]{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-113b1af5]{background-color:var(--color-background-card);border:1px solid var(--color-border);color:var(--color-text-medium)}.cancel-action-btn[data-v-113b1af5]:hover{background-color:var(--color-background-hover)}.submit-action-btn[data-v-113b1af5]{background-color:var(--color-primary-blue2);color:var(--color-white);border:1px solid var(--color-primary-blue2)}.submit-action-btn[data-v-113b1af5]:hover{background-color:var(--color-primary-blue);border-color:var(--color-primary-blue)}@keyframes fadeIn-113b1af5{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom-113b1af5{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay[data-v-a628c218]{position:fixed;inset:0;background-color:var(--color-overlay-backdrop-solid);display:flex;justify-content:center;align-items:flex-start;z-index:2300;backdrop-filter:blur(2px);padding-top:calc(env(safe-area-inset-top, 0px) + var(--app-top-offset, 0px) + var(--spacing-sm));padding-bottom:calc(env(safe-area-inset-bottom, 0px) + var(--app-footer-height, 56px) + var(--spacing-sm));padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);overflow-y:auto}.modal-container[data-v-a628c218]{background-color:var(--color-background-card);border-radius:var(--border-radius-sm);width:480px;max-width:95%;max-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - var(--app-top-offset, 0px) - var(--app-footer-height, 56px) - var(--spacing-sm)*2);overflow-y:auto;box-shadow:var(--shadow-lg);border-top:4px solid var(--color-primary-brand);margin:auto}.modal-header[data-v-a628c218]{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-mute)}.modal-header h2[data-v-a628c218]{font-size:var(--font-size-md);margin:0;color:var(--color-heading);font-weight:600;line-height:var(--line-height-heading);max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-body[data-v-a628c218]{padding:var(--spacing-sm) var(--spacing-md)}.modal-body.loading[data-v-a628c218]{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner[data-v-a628c218]{width:32px;height:32px;border:2px solid rgba(var(--color-primary-brand-rgb),.3);border-radius:50%;border-top-color:var(--color-primary-brand);animation:spin-a628c218 .8s linear infinite;margin-bottom:var(--spacing-sm)}@keyframes spin-a628c218{to{transform:rotate(1turn)}}.skill-status-card[data-v-a628c218]{border-radius:var(--border-radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);position:relative;transition:all var(--transition-normal) ease;box-shadow:var(--shadow-xs);display:flex;align-items:center;justify-content:center;min-height:60px;background-color:var(--color-background-card);border:1px solid var(--color-border-light)}.status-badge[data-v-a628c218]{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:var(--shadow-xs);min-width:90px}.update-form[data-v-a628c218]{background-color:var(--color-background-mute);padding:var(--spacing-sm);border-radius:var(--border-radius-sm)}.form-group[data-v-a628c218]{margin-bottom:var(--spacing-sm)}.form-group label[data-v-a628c218]{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-a628c218]{position:relative;padding-bottom:var(--spacing-md)}.proficiency-header[data-v-a628c218]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.proficiency-value[data-v-a628c218]{font-size:var(--font-size-sm);font-weight:600;transition:color var(--transition-normal);color:var(--color-primary-brand)}.proficiency-slider-container[data-v-a628c218]{position:relative;margin-bottom:var(--spacing-xs)}.proficiency-slider[data-v-a628c218]{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-a628c218]::-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-brand);cursor:pointer;box-shadow:var(--shadow-xs)}.proficiency-slider[data-v-a628c218]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-white);border:2px solid var(--color-primary-brand);cursor:pointer;box-shadow:var(--shadow-xs)}.proficiency-gradient[data-v-a628c218]{position:absolute;top:4px;left:0;right:0;height:6px;border-radius:var(--border-radius-xs);z-index:1;background:linear-gradient(to right,var(--progress-color-0-1) 0,var(--progress-color-1-20) 20%,var(--progress-color-30-40) 40%,var(--progress-color-40-50) 50%,var(--progress-color-60-70) 70%,var(--progress-color-70-80) 80%,var(--progress-color-90-100) 100%)}.progress-markers[data-v-a628c218]{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-text-light)}.progress-marker[data-v-a628c218]{position:relative;text-align:center;flex:1}.progress-marker[data-v-a628c218]: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-a628c218]:first-child{text-align:left}.progress-marker[data-v-a628c218]:first-child:before{left:0;transform:none}.progress-marker[data-v-a628c218]:last-child{text-align:right}.progress-marker[data-v-a628c218]:last-child:before{left:auto;right:0;transform:none}textarea[data-v-a628c218]{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-background-input);transition:border-color var(--transition-fast) ease;resize:vertical;min-height:70px}textarea[data-v-a628c218]:focus{outline:none;border-color:var(--color-primary-brand);box-shadow:0 0 0 2px rgba(var(--color-primary-brand-rgb),.1)}.form-actions[data-v-a628c218]{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-a628c218]{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 var(--transition-fast) ease;display:flex;align-items:center;justify-content:center;min-width:80px;min-height:var(--touch-target-min-size)}.btn.primary[data-v-a628c218]{background-color:var(--color-primary-brand);color:var(--color-white)}.btn.primary[data-v-a628c218]:hover{background-color:var(--color-primary-blue)}.btn.primary[data-v-a628c218]:disabled{background-color:var(--color-gray-dark);color:var(--color-text-medium);cursor:not-allowed}.btn.secondary[data-v-a628c218]{background-color:var(--color-background-card);color:var(--color-text-dark);border:1px solid var(--color-border-light)}.btn.secondary[data-v-a628c218]:hover{background-color:var(--color-background-hover)}.status-not-started[data-v-a628c218]{background-color:var(--color-background-mute);border-left:4px solid var(--progress-color-0-1)}.status-not-started .status-badge[data-v-a628c218]{background-color:var(--progress-color-0-1);color:var(--color-text-dark)}.status-learning[data-v-a628c218]{background-color:rgba(var(--progress-color-1-20-rgb),.1);border-left:4px solid var(--progress-color-1-20)}.status-learning .status-badge[data-v-a628c218]{background-color:var(--progress-color-1-20);color:var(--color-white)}.status-practicing[data-v-a628c218]{background-color:rgba(var(--progress-color-40-50-rgb),.1);border-left:4px solid var(--progress-color-40-50)}.status-practicing .status-badge[data-v-a628c218]{background-color:var(--progress-color-40-50);color:var(--color-white)}.status-advancing[data-v-a628c218]{background-color:rgba(var(--color-primary-pink-rgb,233,30,99),.1);border-left:4px solid var(--color-primary-pink)}.status-advancing .status-badge[data-v-a628c218]{background-color:var(--color-primary-pink);color:var(--color-white)}.status-refining[data-v-a628c218]{background-color:rgba(var(--color-primary-purple-rgb,156,39,176),.1);border-left:4px solid var(--color-primary-purple)}.status-refining .status-badge[data-v-a628c218]{background-color:var(--color-primary-purple);color:var(--color-white)}.status-mastered[data-v-a628c218]{background-color:rgba(var(--progress-color-90-100-rgb),.1);border-left:4px solid var(--progress-color-90-100)}.status-mastered .status-badge[data-v-a628c218]{background-color:var(--progress-color-90-100);color:var(--color-white)}@media (max-width:640px){.modal-container[data-v-a628c218]{width:100%;max-width:100%;max-height:100vh;border-radius:0;display:flex;flex-direction:column}.modal-body[data-v-a628c218]{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.modal-header h2[data-v-a628c218]{font-size:var(--font-size-sm)}.form-actions[data-v-a628c218]{padding:var(--spacing-xs);background-color:var(--color-background-mute);position:sticky;bottom:0;margin-bottom:0;border-top:1px solid var(--color-border-light)}.btn[data-v-a628c218]{flex:1}}.base-modal-backdrop[data-v-36e96262]{position:fixed;inset:0;background-color:var(--color-overlay-backdrop-solid);display:flex;justify-content:center;align-items:flex-start;z-index:2200;padding-top:calc(env(safe-area-inset-top, 0px) + var(--app-top-offset, 0px) + var(--spacing-sm));padding-bottom:calc(env(safe-area-inset-bottom, 0px) + var(--app-footer-height, 56px) + var(--spacing-sm));padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);overflow-y:auto}.base-modal-content[data-v-36e96262]{background:var(--color-background-card);padding:5px;border-radius:4px;box-shadow:var(--shadow-lg);width:90%;margin:auto;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - var(--app-top-offset, 0px) - var(--app-footer-height, 56px) - var(--spacing-sm)*2)}.base-modal-header[data-v-36e96262]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--color-border-light)}.base-modal-title[data-v-36e96262]{margin:0;font-size:1.25rem;color:var(--color-heading)}.base-modal-body[data-v-36e96262]{flex-grow:1;overflow-y:auto;padding-right:5px}.base-modal-body[data-v-36e96262]::-webkit-scrollbar{width:8px}.base-modal-body[data-v-36e96262]::-webkit-scrollbar-track{background:var(--color-background-mute);border-radius:4px}.base-modal-body[data-v-36e96262]::-webkit-scrollbar-thumb{background:var(--color-gray-dark);border-radius:4px}.base-modal-body[data-v-36e96262]::-webkit-scrollbar-thumb:hover{background:var(--color-text-medium)}.modal-fade-enter-active[data-v-36e96262],.modal-fade-leave-active[data-v-36e96262]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-36e96262],.modal-fade-leave-to[data-v-36e96262]{opacity:0}.certificate-container[data-v-7e6ba870]{display:flex;flex-direction:column;align-items:center;padding:20px;background:#f9f9f9}.certificate-inner[data-v-7e6ba870]{position:relative;width:800px;height:560px;background:#fff;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden;color:#333;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}.cert-border-outer[data-v-7e6ba870]{position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:4px solid #c5a059}.cert-border-inner[data-v-7e6ba870]{position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:1px solid #c5a059}.cert-content[data-v-7e6ba870]{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.cert-header[data-v-7e6ba870]{margin-bottom:20px}.cert-logo[data-v-7e6ba870]{font-size:24px;font-weight:900;color:#c5a059;letter-spacing:2px;margin-bottom:10px}.cert-title[data-v-7e6ba870]{font-size:36px;color:#2c3e50;margin:0;letter-spacing:8px}.cert-subtitle[data-v-7e6ba870]{font-size:14px;color:#95a5a6;letter-spacing:4px;margin-top:5px}.cert-body[data-v-7e6ba870]{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.cert-text-intro[data-v-7e6ba870]{font-size:18px;margin-bottom:10px}.cert-student-name[data-v-7e6ba870]{font-size:42px;color:#c5a059;margin:10px 0;text-decoration:underline;text-underline-offset:10px}.cert-text-desc[data-v-7e6ba870]{font-size:18px;margin:15px 0}.cert-topic-name[data-v-7e6ba870]{font-size:28px;color:#2c3e50;margin:5px 0}.cert-text-category[data-v-7e6ba870]{font-size:14px;color:#7f8c8d;margin-bottom:20px}.cert-text-congrats[data-v-7e6ba870]{font-size:16px;line-height:1.6;padding:0 60px}.cert-footer[data-v-7e6ba870]{display:flex;justify-content:space-around;align-items:flex-end;margin-top:30px}.cert-sign-block[data-v-7e6ba870]{width:150px}.cert-sign-line[data-v-7e6ba870]{height:1px;background:#c5a059;margin-bottom:10px}.cert-label[data-v-7e6ba870]{font-size:12px;color:#95a5a6;margin:0}.cert-value[data-v-7e6ba870]{font-size:16px;font-weight:700;margin:5px 0 0 0}.cert-seal[data-v-7e6ba870]{position:relative;width:100px;height:100px}.seal-inner[data-v-7e6ba870]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);width:90px;height:90px;border:3px solid rgba(231,76,60,.6);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(231,76,60,.6);font-weight:700;pointer-events:none}.seal-text[data-v-7e6ba870]{font-size:10px}.seal-date[data-v-7e6ba870]{font-size:8px;margin:2px 0}.seal-star[data-v-7e6ba870]{font-size:16px}.cert-verify[data-v-7e6ba870]{margin-top:20px;text-align:left;padding-left:20px}.cert-verify-id[data-v-7e6ba870]{font-size:10px;color:#bdc3c7;margin:0}.cert-verify-tip[data-v-7e6ba870]{font-size:9px;color:#ecf0f1;margin:2px 0 0 0}.cert-actions[data-v-7e6ba870]{margin-top:20px}.btn-print[data-v-7e6ba870]{background:#c5a059;color:#fff;border:none;padding:10px 25px;border-radius:5px;font-size:16px;cursor:pointer;transition:all .3s}.btn-print[data-v-7e6ba870]:hover{background:#b38f4d;transform:translateY(-2px);box-shadow:0 5px 15px rgba(197,160,89,.3)}@media print{.no-print[data-v-7e6ba870]{display:none!important}body[data-v-7e6ba870]{margin:0;padding:0}.certificate-container[data-v-7e6ba870]{padding:0;background:#fff}.certificate-inner[data-v-7e6ba870]{box-shadow:none;width:100%;height:100vh}}.topic-progress-modal-content[data-v-69145dcc]{padding:20px;max-height:70vh;overflow-y:auto}.progress-list[data-v-69145dcc]{display:grid;gap:15px}.progress-item[data-v-69145dcc]{background-color:var(--color-background-soft);border-radius:8px;padding:15px;box-shadow:var(--shadow-sm)}.item-header[data-v-69145dcc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.item-title[data-v-69145dcc]{margin:0;color:var(--color-heading)}.item-progress[data-v-69145dcc]{font-weight:700;color:var(--color-primary)}.progress-bar[data-v-69145dcc]{background-color:var(--color-border);height:8px;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill[data-v-69145dcc]{height:100%;background-color:var(--color-success);transition:width .3s ease}.item-details p[data-v-69145dcc]{margin:5px 0;font-size:.9em;color:var(--color-text-light)}.item-actions[data-v-69145dcc]{margin-top:10px;display:flex;gap:10px}.empty-state[data-v-69145dcc]{text-align:center;padding:20px;color:var(--color-text-light)}.form-group[data-v-69145dcc]{margin-bottom:15px}.form-group label[data-v-69145dcc]{display:block;margin-bottom:5px;font-weight:700}.form-group textarea[data-v-69145dcc]{width:100%;padding:8px;border:1px solid var(--color-border);border-radius:4px;box-sizing:border-box}.modal-overlay[data-v-3dbfd1b1]{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(2px)}.modal-content[data-v-3dbfd1b1]{background-color:var(--color-background-card);border-radius:var(--border-radius-lg);width:90%;max-width:520px;box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--color-border-light)}@media (max-width:600px){.modal-content[data-v-3dbfd1b1]{width:100%;height:100%;max-width:none;border-radius:0}.modal-body[data-v-3dbfd1b1]{padding:var(--spacing-lg);overflow-y:auto}}.modal-header[data-v-3dbfd1b1]{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-primary-brand);color:var(--color-white);display:flex;justify-content:space-between;align-items:center}.modal-title[data-v-3dbfd1b1]{margin:0;font-size:var(--font-size-md);font-weight:700;color:var(--color-white)}.close-btn[data-v-3dbfd1b1]{background:transparent;border:none;color:var(--color-white);font-size:28px;cursor:pointer;line-height:1;padding:0;transition:transform var(--transition-fast)}.close-btn[data-v-3dbfd1b1]:hover{transform:scale(1.2)}.modal-body[data-v-3dbfd1b1]{padding:var(--spacing-lg);background-color:var(--color-background-card)}.form-group[data-v-3dbfd1b1]{margin-bottom:var(--spacing-md)}.form-label[data-v-3dbfd1b1]{display:block;font-size:var(--font-size-sm);color:var(--color-heading);margin-bottom:var(--spacing-xs);font-weight:600}.compact-input[data-v-3dbfd1b1],.compact-select[data-v-3dbfd1b1]{width:100%;padding: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-base);box-sizing:border-box;transition:border-color var(--transition-fast)}.compact-input[data-v-3dbfd1b1]:focus,.compact-select[data-v-3dbfd1b1]:focus{outline:none;border-color:var(--color-primary-brand);box-shadow:0 0 0 2px rgba(var(--color-primary-brand-rgb),.2)}.required[data-v-3dbfd1b1]{color:var(--color-status-danger);margin-left:var(--spacing-xxs)}.trick-type-selector[data-v-3dbfd1b1]{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap}.type-button[data-v-3dbfd1b1]{flex:1 1 calc(33.33% - var(--spacing-xs));padding:var(--spacing-sm);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);background-color:var(--color-background-mute);color:var(--color-text-medium);cursor:pointer;font-weight:500;text-align:center;transition:all var(--transition-normal);font-size:var(--font-size-xs)}.type-button[data-v-3dbfd1b1]:hover:not(.active){background-color:var(--color-background-soft);border-color:var(--color-primary-brand)}.type-button.active[data-v-3dbfd1b1]{border-color:var(--color-primary-cyan);background-color:var(--color-status-success-bg);color:var(--color-primary-cyan);font-weight:700}.modal-footer[data-v-3dbfd1b1]{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border-light);background-color:var(--color-background-mute)}.btn[data-v-3dbfd1b1]{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);cursor:pointer;border:none;font-weight:700;font-size:var(--font-size-sm);transition:opacity var(--transition-fast),transform var(--transition-fast)}.btn[data-v-3dbfd1b1]:active{transform:translateY(1px)}.btn-secondary[data-v-3dbfd1b1]{background-color:var(--color-gray-dark);color:var(--color-white)}.btn-primary[data-v-3dbfd1b1]{background-color:var(--color-primary-cyan);color:var(--color-white)}.btn[data-v-3dbfd1b1]:disabled{opacity:.5;cursor:not-allowed}.btn-danger[data-v-3dbfd1b1]{background-color:var(--color-status-danger);color:var(--color-white)}.btn-danger[data-v-3dbfd1b1]:hover:not(:disabled){background-color:var(--color-primary-red2)}.footer-actions[data-v-3dbfd1b1]{display:flex;gap:var(--spacing-md)}.info-text[data-v-3dbfd1b1]{font-size:var(--font-size-xxs);color:var(--color-text-light);margin-top:var(--spacing-xs);line-height:1.4}.info-text.warning[data-v-3dbfd1b1]{color:var(--color-status-warning);font-weight:600}.video-uploader-container[data-v-33f0acd1]{width:100%;max-width:800px;margin:0 auto;padding:0;border-radius:var(--border-radius-md);background-color:var(--color-background-card);box-shadow:var(--shadow-sm)}.upload-section[data-v-33f0acd1]{margin-bottom:1px}.upload-area[data-v-33f0acd1]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;border:2px dashed var(--color-border);border-radius:var(--border-radius-sm);padding:3px;text-align:center;cursor:pointer;transition:all var(--transition-normal) ease}.upload-area[data-v-33f0acd1]:hover{border-color:var(--color-border-dark);background-color:var(--color-background-mute)}.upload-area.dragging[data-v-33f0acd1]{border-color:var(--color-status-success);background-color:rgba(var(--color-status-success-rgb),.1)}.upload-area.error[data-v-33f0acd1]{border-color:var(--color-status-danger);background-color:rgba(var(--color-danger-rgb),.1)}.error-message[data-v-33f0acd1]{color:var(--color-status-danger);margin-top:var(--spacing-xs);font-size:var(--font-size-sm)}.file-select-area[data-v-33f0acd1]{margin-top:var(--spacing-lg)}.upload-icon[data-v-33f0acd1]{font-size:3em;color:var(--color-primary-brand);margin-bottom:var(--spacing-md)}.file-select-area p[data-v-33f0acd1]{margin:var(--spacing-xxs) 0;color:var(--color-text-light)}.hint[data-v-33f0acd1]{font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--spacing-xxs)}.processing-method-selection[data-v-33f0acd1]{margin-bottom:var(--spacing-lg)}.method-options[data-v-33f0acd1]{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg);width:100%}.method-option[data-v-33f0acd1]{display:flex;align-items:flex-start;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal) ease;background-color:var(--color-background-card)}.method-option[data-v-33f0acd1]:hover{border-color:var(--color-primary-brand);background-color:var(--color-background-soft)}.method-option input[type=radio][data-v-33f0acd1]{margin-right:var(--spacing-xs);margin-top:2px;flex-shrink:0;accent-color:var(--color-primary-brand)}.method-option input[type=radio]:checked+.option-content[data-v-33f0acd1]{color:var(--color-primary-brand)}.option-content[data-v-33f0acd1]{display:flex;flex-direction:column;text-align:left}.option-content strong[data-v-33f0acd1]{font-size:var(--font-size-base);margin-bottom:var(--spacing-xxs);color:var(--color-text-dark)}.option-content small[data-v-33f0acd1]{color:var(--color-text-light);font-size:var(--font-size-sm)}.video-trimmer[data-v-33f0acd1]{width:100%}.video-trimmer video[data-v-33f0acd1]{width:100%;max-height:400px;margin-bottom:var(--spacing-md);border-radius:var(--border-radius-xs);background-color:var(--color-black)}.frame-capture-controls[data-v-33f0acd1]{text-align:center;margin-bottom:var(--spacing-lg)}.captured-frames-container[data-v-33f0acd1]{margin-top:var(--spacing-lg);border-top:1px dashed var(--color-border-light);padding-top:var(--spacing-lg)}.captured-frames-container h4[data-v-33f0acd1]{margin-bottom:var(--spacing-md);color:var(--color-text-medium);font-size:var(--font-size-base)}.captured-frames-gallery[data-v-33f0acd1]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.captured-frame[data-v-33f0acd1]{width:120px;height:90px;border:2px solid transparent;border-radius:var(--border-radius-xs);overflow:hidden;cursor:pointer;position:relative;transition:all var(--transition-fast) ease}.captured-frame img[data-v-33f0acd1]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.captured-frame .frame-time[data-v-33f0acd1]{position:absolute;bottom:3px;right:3px;background-color:rgba(var(--color-black-rgb),.7);color:var(--color-white);font-size:var(--font-size-xxs);padding:2px 5px;border-radius:3px}.captured-frame.selected[data-v-33f0acd1]{border-color:var(--color-primary-brand);box-shadow:0 0 0 3px rgba(var(--color-primary-brand-rgb),.3)}.captured-frame .selected-indicator[data-v-33f0acd1]{position:absolute;top:0;left:0;background-color:var(--color-primary-brand);color:var(--color-white);font-size:var(--font-size-xs);padding:2px 6px;border-bottom-right-radius:6px}.timeline-container[data-v-33f0acd1]{margin-top:30px;padding:0 10px}.timeline-track[data-v-33f0acd1]{position:relative;height:10px;background-color:var(--color-border);border-radius:var(--border-radius-xs);margin-bottom:var(--spacing-xs);cursor:ew-resize}.playhead-indicator[data-v-33f0acd1]{position:absolute;top:-5px;width:2px;height:20px;background-color:var(--color-status-danger);z-index:2;border-radius:1px}.trim-selection[data-v-33f0acd1]{position:absolute;top:0;height:100%;background-color:rgba(var(--color-primary-brand-rgb),.3);border-radius:var(--border-radius-xs);z-index:1}.trim-handle[data-v-33f0acd1]{position:absolute;top:-5px;width:12px;height:20px;background-color:var(--color-primary-brand);border-radius:3px;cursor:ew-resize;z-index:3}.trim-handle.start-handle[data-v-33f0acd1]{left:-6px}.trim-handle.end-handle[data-v-33f0acd1]{right:-6px}.timeline-markers[data-v-33f0acd1]{display:flex;position:relative;height:20px}.timeline-markers span[data-v-33f0acd1]{position:absolute;transform:translateX(-50%);font-size:var(--font-size-xs);color:var(--color-text-light);white-space:nowrap}.trim-time-display[data-v-33f0acd1]{display:flex;justify-content:space-around;margin-top:var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-text-medium)}.trim-time-display span[data-v-33f0acd1]{font-weight:700;margin-right:var(--spacing-xxs)}.trim-time-display .error-text[data-v-33f0acd1]{color:var(--color-status-danger);font-weight:400}.trim-preview-controls[data-v-33f0acd1]{text-align:center;margin-top:var(--spacing-lg)}.trim-actions[data-v-33f0acd1]{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:30px}.advanced-upload-options[data-v-33f0acd1]{margin-top:var(--spacing-lg);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-background-card)}.checkbox-container[data-v-33f0acd1]{display:block;position:relative;padding-left:25px;margin-bottom:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--color-text-dark)}.checkbox-container input[data-v-33f0acd1]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-33f0acd1]{position:absolute;top:0;left:0;height:20px;width:20px;background-color:var(--color-background-mute);border-radius:var(--border-radius-xs);border:1px solid var(--color-border)}.checkbox-container:hover input~.checkmark[data-v-33f0acd1]{background-color:var(--color-border)}.checkbox-container input:checked~.checkmark[data-v-33f0acd1]{background-color:var(--color-primary-brand);border-color:var(--color-primary-brand)}.checkmark[data-v-33f0acd1]:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark[data-v-33f0acd1]:after{display:block}.checkbox-container .checkmark[data-v-33f0acd1]:after{left:7px;top:3px;width:5px;height:10px;border:solid var(--color-white);border-width:0 3px 3px 0;transform:rotate(45deg)}.checkbox-container input:disabled~.checkmark[data-v-33f0acd1]{background-color:var(--color-gray-dark);cursor:not-allowed;border-color:var(--color-gray-dark)}.checkbox-container input:disabled~.checkmark[data-v-33f0acd1]:after{border-color:var(--color-text-light)}.warning-text[data-v-33f0acd1]{color:var(--color-status-warning);font-size:var(--font-size-xs);margin-top:var(--spacing-xxs)}.processing-method-hint[data-v-33f0acd1]{margin:var(--spacing-md) 0;padding:var(--spacing-xs);background-color:var(--color-status-info-bg);border-radius:var(--border-radius-xs);font-size:var(--font-size-sm);color:var(--color-status-info);border:1px solid rgba(var(--color-status-info-rgb),.2)}.upload-progress[data-v-33f0acd1]{width:100%;text-align:center;padding:var(--spacing-lg)}.spinner[data-v-33f0acd1]{border:4px solid var(--color-border);border-left-color:var(--color-primary-brand);border-radius:50%;width:40px;height:40px;animation:spin-33f0acd1 1s linear infinite;margin:0 auto var(--spacing-lg)}@keyframes spin-33f0acd1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-container[data-v-33f0acd1]{width:80%;height:10px;background-color:var(--color-border);border-radius:var(--border-radius-xs);overflow:hidden;margin:0 auto var(--spacing-xs)}.progress-bar[data-v-33f0acd1]{height:100%;background-color:var(--color-primary-brand);width:0;border-radius:var(--border-radius-xs);transition:width var(--transition-normal) ease}.progress-text[data-v-33f0acd1]{font-weight:700;color:var(--color-text-dark)}.video-preview-container[data-v-33f0acd1]{padding:var(--spacing-lg)}.video-header[data-v-33f0acd1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.video-player video[data-v-33f0acd1]{width:100%;max-height:400px;background-color:var(--color-black);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-lg)}.form-group[data-v-33f0acd1]{margin-bottom:var(--spacing-md)}.form-group label[data-v-33f0acd1]{display:block;margin-bottom:var(--spacing-xxs);font-weight:700;color:var(--color-text-dark)}.form-control[data-v-33f0acd1]{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-xs);font-size:var(--font-size-base);resize:vertical;background-color:var(--color-background-input);color:var(--color-text-dark)}.form-control[data-v-33f0acd1]:focus{border-color:var(--color-primary-brand);box-shadow:0 0 0 2px rgba(var(--color-primary-brand-rgb),.2);outline:none}.form-text[data-v-33f0acd1]{font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--spacing-xxs)}.action-buttons[data-v-33f0acd1]{display:flex;justify-content:flex-end;gap:var(--spacing-xs);margin-top:var(--spacing-lg)}.btn[data-v-33f0acd1]{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-xs);cursor:pointer;font-size:var(--font-size-base);font-weight:700;transition:background-color var(--transition-fast),border-color var(--transition-fast);border:1px solid transparent}.btn-primary[data-v-33f0acd1]{background-color:var(--color-primary-brand);color:var(--color-white);border-color:var(--color-primary-brand)}.btn-primary[data-v-33f0acd1]:hover:not(:disabled){background-color:var(--color-primary-blue);border-color:var(--color-primary-blue)}.btn-secondary[data-v-33f0acd1]{background-color:var(--color-gray-500);color:var(--color-white);border-color:var(--color-gray-500)}.btn-secondary[data-v-33f0acd1]:hover:not(:disabled){background-color:var(--color-gray-dark);border-color:var(--color-gray-dark)}.btn-danger[data-v-33f0acd1]{background-color:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.btn-danger[data-v-33f0acd1]:hover:not(:disabled){background-color:var(--color-primary-red2);border-color:var(--color-primary-red2)}.btn-outline-primary[data-v-33f0acd1]{background-color:transparent;color:var(--color-primary-brand);border-color:var(--color-primary-brand)}.btn-outline-primary[data-v-33f0acd1]:hover:not(:disabled){background-color:var(--color-primary-brand);color:var(--color-white)}.btn-sm[data-v-33f0acd1]{padding:5px 10px;font-size:var(--font-size-xs)}.btn[data-v-33f0acd1]:disabled{opacity:.65;cursor:not-allowed}.backend-success-container[data-v-33f0acd1]{text-align:center;padding:30px}.success-message[data-v-33f0acd1]{background-color:var(--color-status-success-bg);border-radius:var(--border-radius-md);padding:30px;box-shadow:var(--shadow-sm)}.success-message i[data-v-33f0acd1]{font-size:48px;color:var(--color-status-success);margin-bottom:var(--spacing-lg)}.success-message h3[data-v-33f0acd1]{margin-bottom:var(--spacing-md);color:var(--color-status-success)}.success-message p[data-v-33f0acd1]{margin-bottom:var(--spacing-lg);color:var(--color-status-success)}.success-message button[data-v-33f0acd1]{margin-top:var(--spacing-md)}@media (max-width:768px){.video-uploader-container[data-v-33f0acd1]{padding:10px}.upload-area[data-v-33f0acd1]{min-height:200px}.video-trimmer[data-v-33f0acd1]{padding:10px}.trim-time-display[data-v-33f0acd1]{flex-direction:column;align-items:center;gap:5px}.action-buttons[data-v-33f0acd1]{flex-direction:column;gap:10px}.btn[data-v-33f0acd1]{width:100%}.method-options[data-v-33f0acd1]{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}.modern-player[data-v-55799db7]{position:relative;width:100%;height:100%;background:#000;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.video-el[data-v-55799db7]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modern-player[data-orientation=portrait] .video-el[data-v-55799db7]{-o-object-fit:contain;object-fit:contain}.modern-player[data-orientation=landscape] .video-el[data-v-55799db7]{-o-object-fit:cover;object-fit:cover}.loader-overlay[data-v-55799db7]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);z-index:10}.spinner[data-v-55799db7]{border:4px solid hsla(0,0%,100%,.3);border-top:4px solid #fff;border-radius:50%;width:30px;height:30px;animation:spin-55799db7 1s linear infinite}@keyframes spin-55799db7{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.top-bar[data-v-55799db7]{position:absolute;top:0;left:0;right:0;padding:10px 20px;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:14px;z-index:20}.video-title-mini[data-v-55799db7]{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px}.top-right-badges[data-v-55799db7]{display:flex;gap:8px;align-items:center}.org-badge[data-v-55799db7]{background:#ff9800;font-weight:700}.cache-badge[data-v-55799db7],.org-badge[data-v-55799db7]{color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;white-space:nowrap}.cache-badge[data-v-55799db7]{background:rgba(0,128,0,.7);display:flex;align-items:center}.cache-badge .icon-check[data-v-55799db7]{margin-right:4px;font-size:12px}.controls-wrapper[data-v-55799db7]{position:absolute;bottom:0;left:0;right:0;padding:10px 20px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);z-index:20}.progress-area[data-v-55799db7]{height:20px;display:flex;align-items:center;cursor:pointer;position:relative;margin-bottom:10px}.progress-bg[data-v-55799db7]{height:4px;width:100%;background:hsla(0,0%,100%,.2);border-radius:2px;position:relative}.progress-fill[data-v-55799db7]{height:100%;background:linear-gradient(90deg,var(--color-primary-brand,#007bff),#00d2ff);border-radius:2px}.progress-knob[data-v-55799db7]{width:12px;height:12px;background:#fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px rgba(0,0,0,.5)}.hover-time[data-v-55799db7]{position:absolute;bottom:15px;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:21}.actions-row[data-v-55799db7]{display:flex;justify-content:space-between;align-items:center}.left-btns[data-v-55799db7],.right-btns[data-v-55799db7]{display:flex;align-items:center;gap:15px;color:#fff}.time-text[data-v-55799db7]{font-size:14px;white-space:nowrap}.icon-btn[data-v-55799db7]{background:none;border:none;color:#fff;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:color .2s}.icon-btn[data-v-55799db7]:hover{color:var(--color-primary-brand,#007bff)}.icon-btn svg[data-v-55799db7]{width:1em;height:1em}.rate-selector[data-v-55799db7]{position:relative;font-size:14px;font-weight:700}.rate-btn[data-v-55799db7]{background:hsla(0,0%,100%,.2);border:none;color:#fff;padding:5px 8px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.rate-btn[data-v-55799db7]:hover{background:hsla(0,0%,100%,.3)}.rate-menu[data-v-55799db7]{position:absolute;bottom:calc(100% + 10px);right:0;background:rgba(28,28,30,.95);border-radius:8px;padding:8px 0;min-width:60px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:30}.rate-item[data-v-55799db7]{padding:8px 12px;color:#fff;font-size:12px;text-align:center;cursor:pointer;transition:background .2s,color .2s}.rate-item[data-v-55799db7]:hover{background:var(--color-primary-brand,#007bff)}.rate-item.active[data-v-55799db7]{color:var(--color-primary-brand,#007bff);font-weight:700;background-color:hsla(0,0%,100%,.1)}.slide-up-enter-active[data-v-55799db7],.slide-up-leave-active[data-v-55799db7]{transition:transform .3s ease-out,opacity .3s ease-out}.slide-up-enter-from[data-v-55799db7],.slide-up-leave-to[data-v-55799db7]{transform:translateY(100%);opacity:0}.slide-down-enter-active[data-v-55799db7],.slide-down-leave-active[data-v-55799db7]{transition:transform .3s ease-out,opacity .3s ease-out}.slide-down-enter-from[data-v-55799db7],.slide-down-leave-to[data-v-55799db7]{transform:translateY(-100%);opacity:0}.fade-enter-active[data-v-55799db7],.fade-leave-active[data-v-55799db7]{transition:opacity .2s ease-out}.fade-enter-from[data-v-55799db7],.fade-leave-to[data-v-55799db7]{opacity:0}@media (max-width:768px){.controls-wrapper[data-v-55799db7],.top-bar[data-v-55799db7]{padding:8px 16px}.progress-area[data-v-55799db7]{height:24px}.icon-btn[data-v-55799db7]{padding:8px;font-size:18px}}.trick-practice-video-review-panel[data-v-8a77b980]{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow-y:auto;background-color:var(--color-background-main);border-radius:0;gap:0;overflow-x:hidden;padding-bottom:max(24px,env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.video-player-section[data-v-8a77b980]{flex:0 0 auto;position:relative;width:100%;background-color:#000;overflow:hidden;margin:0 auto}@media (min-width:769px){.video-player-section.is-portrait[data-v-8a77b980]{max-width:min(80%,50.625vh);margin-top:var(--spacing-xxs);margin-bottom:var(--spacing-xxs)}.video-player-section[data-v-8a77b980]:not(.is-portrait){max-height:55vh}}@media (max-width:768px){.video-player-section.is-portrait[data-v-8a77b980]{max-width:100%;border-radius:0;margin-top:0;margin-bottom:0}}.video-player-section .video-player[data-v-8a77b980],.video-player-section[data-v-8a77b980] .video-player{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:1}.processing-message-overlay[data-v-8a77b980]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);color:var(--color-accent-vibrant);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:var(--font-size-sm);text-align:center;z-index:100;font-weight:300}.spinner[data-v-8a77b980]{border:3px solid hsla(0,0%,100%,.25);border-top:3px solid var(--color-accent-vibrant);border-radius:50%;width:24px;height:24px;animation:spin-8a77b980 1s linear infinite;margin-top:5px}@keyframes spin-8a77b980{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.review-details-section[data-v-8a77b980]{flex:0 0 auto;min-height:auto;overflow-y:visible;display:grid;grid-template-columns:1fr;gap:4px;padding:4px 5px;padding-bottom:max(20px,env(safe-area-inset-bottom,0px));background-color:var(--color-background-main)}.info-card[data-v-8a77b980]{background-color:var(--color-background-card);border-radius:var(--border-radius-sm);padding:4px 6px;border:1px solid var(--color-border);transition:all var(--transition-fast) ease}.info-card h4[data-v-8a77b980],.info-card h5[data-v-8a77b980]{margin-top:0;margin-bottom:2px;color:var(--color-text-dark);display:flex;align-items:center;gap:var(--spacing-xxs);font-size:var(--font-size-xs);font-weight:400}.info-card p[data-v-8a77b980]{margin-bottom:2px;font-size:var(--font-size-xs);line-height:1.45;color:var(--color-text-medium)}.collapsible-header[data-v-8a77b980]{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:2px 0;margin-bottom:0;border-bottom:1px solid transparent;transition:border-bottom var(--transition-fast),background-color var(--transition-fast)}.collapsible-header[data-v-8a77b980]:hover{border-bottom:1px solid var(--color-primary-brand);background-color:var(--color-background-soft);border-radius:var(--border-radius-xs)}.collapsible-header i.card-icon[data-v-8a77b980]{margin-right:var(--spacing-xxs);color:var(--color-primary-brand);font-size:var(--font-size-xs)}.arrow-icon[data-v-8a77b980]{font-size:.8em;transition:transform var(--transition-fast);color:var(--color-text-light)}.collapsible-content[data-v-8a77b980]{overflow:hidden;opacity:1;padding-top:3px}.rating-selector[data-v-8a77b980]{display:flex;gap:3px;font-size:1.4em;cursor:pointer}.rating-star[data-v-8a77b980]{color:var(--color-text-light);transition:color var(--transition-fast),transform var(--transition-fast)}.rating-star.active[data-v-8a77b980],.rating-star[data-v-8a77b980]:hover{color:var(--color-accent-vibrant);transform:scale(1.12)}.form-group[data-v-8a77b980]{margin-bottom:4px}.form-group label[data-v-8a77b980]{display:block;margin-bottom:1px;font-weight:300;font-size:var(--font-size-xs);color:var(--color-text-dark)}.form-control[data-v-8a77b980]{width:100%;padding:3px 7px;border:1px solid var(--color-border);border-radius:var(--border-radius-xs);background-color:var(--color-background-mute);color:var(--color-text-dark);font-size:var(--font-size-xs);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:28px;box-sizing:border-box}.form-control[data-v-8a77b980]:focus{border-color:var(--color-primary-brand);box-shadow:0 0 0 2px rgba(var(--color-primary-brand-rgb),.16);outline:none}.form-sub-header[data-v-8a77b980]{font-size:var(--font-size-xs);font-weight:600;margin:0 0 2px;color:var(--color-text-dark)}.btn-primary[data-v-8a77b980]{background:var(--color-primary-yellow);color:#333;border:none;padding:5px 14px;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast) ease;box-shadow:0 2px 6px rgba(var(--color-primary-yellow-rgb),.25);font-weight:400;min-height:32px;width:100%;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-sm)}.btn-primary[data-v-8a77b980]:hover:not(:disabled){background:var(--color-primary-yellow2);box-shadow:0 3px 10px rgba(var(--color-primary-yellow-rgb),.35);transform:translateY(-1px)}.btn-primary[data-v-8a77b980]:disabled{background:var(--color-gray-dark);box-shadow:none;cursor:not-allowed;opacity:.65}.btn-secondary[data-v-8a77b980]{background:var(--color-primary-green);color:var(--color-white);border:none;padding:5px 14px;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast) ease;box-shadow:0 2px 6px rgba(var(--color-primary-green-rgb),.25);font-weight:400;min-height:32px;width:100%;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-sm)}.btn-secondary[data-v-8a77b980]:hover:not(:disabled){background:var(--color-secondary-brand);box-shadow:0 3px 10px rgba(var(--color-primary-green-rgb),.35);transform:translateY(-1px)}.btn-secondary[data-v-8a77b980]:disabled{background:var(--color-gray-dark);box-shadow:none;cursor:not-allowed;opacity:.65}.demonstration-video-setting[data-v-8a77b980]{padding:4px 5px;background-color:var(--color-background-mute);border-radius:var(--border-radius-xs);margin-bottom:3px;border:1px dashed var(--color-border)}.demonstration-video-setting .form-sub-header[data-v-8a77b980]{color:var(--color-accent-feedback);margin-bottom:2px}.demonstration-video-setting .form-sub-header[data-v-8a77b980]:before{content:"⭐"}.checkbox-container[data-v-8a77b980]{display:flex;flex-direction:column;gap:2px}.checkbox-label[data-v-8a77b980]{display:flex;align-items:center;gap:var(--spacing-xxs);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-input[data-v-8a77b980]{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:var(--color-primary-orange)}.checkbox-text[data-v-8a77b980]{font-size:var(--font-size-xs);color:var(--color-text-dark);margin-left:6px}.help-text[data-v-8a77b980]{font-size:var(--font-size-xxs);color:var(--color-text-light);margin:0;padding-left:calc(16px + var(--spacing-xxs));line-height:1.4}.progress-markers[data-v-8a77b980]{display:flex;justify-content:space-between;position:absolute;bottom:0;left:0;right:0;font-size:var(--font-size-xxs);color:var(--color-border-dark);padding:0 var(--spacing-xxs)}.progress-marker[data-v-8a77b980]{position:relative;text-align:center;flex:1}.progress-marker[data-v-8a77b980]:before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:1px;height:3px;background-color:var(--color-border-medium)}.progress-marker[data-v-8a77b980]:first-child{text-align:left}.progress-marker[data-v-8a77b980]:first-child:before{left:0;transform:none}.progress-marker[data-v-8a77b980]:last-child{text-align:right}.progress-marker[data-v-8a77b980]:last-child:before{left:auto;right:0;transform:none}.skill-status-card[data-v-8a77b980]{border-radius:var(--border-radius-xs);padding:2px 5px;margin-bottom:2px;position:relative;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;min-height:30px}.status-badge[data-v-8a77b980]{padding:2px var(--spacing-xxs);border-radius:var(--border-radius-xs);font-size:var(--font-size-xxs);font-weight:300;text-align:center;display:inline-block;color:var(--color-white)}.status-not-started[data-v-8a77b980]{background-color:var(--color-background-soft);border-left:3px solid var(--color-border)}.status-not-started .status-badge[data-v-8a77b980]{background-color:var(--color-background-mute);color:var(--color-text-light)}.status-learning[data-v-8a77b980]{background-color:var(--color-status-info-bg);border-left:3px solid var(--color-status-info)}.status-learning .status-badge[data-v-8a77b980]{background-color:var(--color-status-info);color:var(--color-white)}.status-practicing[data-v-8a77b980]{background-color:var(--color-status-warning-bg);border-left:3px solid var(--color-status-warning)}.status-practicing .status-badge[data-v-8a77b980]{background-color:var(--color-status-warning);color:var(--color-white)}.status-advancing[data-v-8a77b980]{background-color:rgba(233,30,99,.08);border-left:3px solid var(--color-primary-pink)}.status-advancing .status-badge[data-v-8a77b980]{background-color:var(--color-primary-pink);color:var(--color-white)}.status-refining[data-v-8a77b980]{background-color:rgba(156,39,176,.08);border-left:3px solid var(--color-primary-purple)}.status-refining .status-badge[data-v-8a77b980]{background-color:var(--color-primary-purple);color:var(--color-white)}.status-mastered[data-v-8a77b980]{background-color:var(--color-status-success-bg);border-left:3px solid var(--color-status-success)}.status-mastered .status-badge[data-v-8a77b980]{background-color:var(--color-status-success);color:var(--color-white)}.section-divider[data-v-8a77b980]{border:none;height:1px;background:linear-gradient(to right,transparent,var(--color-border),transparent);margin:3px 0;position:relative}.section-divider[data-v-8a77b980]:before{content:"•";position:absolute;left:50%;transform:translateX(-50%);top:-6px;background-color:var(--color-background-card);padding:0 3px;color:var(--color-border);font-size:.9em}.proficiency-group[data-v-8a77b980]{position:relative;padding-bottom:4px}.proficiency-header[data-v-8a77b980]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.proficiency-value[data-v-8a77b980]{font-size:var(--font-size-xs);font-weight:600;transition:color var(--transition-fast)}.proficiency-slider-container[data-v-8a77b980]{position:relative;margin-bottom:2px}.proficiency-slider[data-v-8a77b980]{width:100%;height:7px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;position:relative;z-index:2;outline:none}.proficiency-slider[data-v-8a77b980]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;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-8a77b980]::-moz-range-thumb{width:15px;height:15px;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-8a77b980]{position:absolute;top:2px;left:0;right:0;height:5px;border-radius:var(--border-radius-xs);z-index:1;background:linear-gradient(to right,var(--progress-color-0-1) 0,var(--progress-color-1-20) 20%,var(--progress-color-20-30) 30%,var(--progress-color-30-40) 40%,var(--progress-color-40-50) 50%,var(--progress-color-50-60) 60%,var(--progress-color-60-70) 70%,var(--progress-color-70-80) 80%,var(--progress-color-80-90) 90%,var(--progress-color-90-100) 100%)}.combined-actions[data-v-8a77b980]{margin-top:4px;text-align:center}.combined-actions[data-v-8a77b980]:last-child,.mark-read-section[data-v-8a77b980]:last-child,.review-details-section>.info-card[data-v-8a77b980]:last-child{margin-bottom:max(20px,env(safe-area-inset-bottom,0px))}.related-videos-list[data-v-8a77b980]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-xs)}.related-video-item[data-v-8a77b980]{display:flex;flex-direction:column;gap:2px;cursor:pointer;background-color:var(--color-background-mute);border-radius:var(--border-radius-xs);padding:var(--spacing-xxs);transition:all var(--transition-fast);border:1px solid var(--color-border)}.related-video-item[data-v-8a77b980]:hover{background-color:var(--color-background-soft);transform:translateY(-2px)}.related-video-thumbnail[data-v-8a77b980]{position:relative;width:100%;padding-top:56.25%;border-radius:var(--border-radius-xs);overflow:hidden}.related-video-thumbnail img[data-v-8a77b980]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.duration-badge[data-v-8a77b980]{position:absolute;bottom:2px;right:2px;background-color:rgba(0,0,0,.7);color:#fff;padding:1px 4px;border-radius:2px;font-size:var(--font-size-xxs)}.related-video-title[data-v-8a77b980]{font-size:var(--font-size-xxs);font-weight:300;color:var(--color-text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-video-meta[data-v-8a77b980]{font-size:var(--font-size-xxs);color:var(--color-text-light)}.info-card.video-basic-info-card[data-v-8a77b980]{border:1px solid rgba(76,175,80,.35);box-shadow:0 2px 8px rgba(0,0,0,.06)}.video-basic-info-card .collapsible-header[data-v-8a77b980]{background:linear-gradient(90deg,var(--color-primary-green),var(--color-secondary-brand));color:var(--color-white);padding:4px 6px;margin:-4px -6px 4px;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;font-size:var(--font-size-xs);font-weight:400;letter-spacing:.3px}.video-basic-info-card .collapsible-header[data-v-8a77b980]:hover{filter:brightness(1.08);transform:translateY(-1px);border-bottom:none;background-color:unset}.video-basic-info-card .arrow-icon[data-v-8a77b980],.video-basic-info-card .card-icon[data-v-8a77b980]{color:var(--color-white)}.info-card.description-notes-card[data-v-8a77b980]{border:1px solid rgba(255,209,102,.35);box-shadow:0 2px 8px rgba(0,0,0,.06)}.description-notes-card .collapsible-header[data-v-8a77b980]{background:linear-gradient(90deg,var(--color-accent-vibrant),var(--color-accent-feedback));color:var(--color-text-dark);padding:4px 6px;margin:-4px -6px 4px;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;font-size:var(--font-size-xs);font-weight:400}.description-notes-card .collapsible-header[data-v-8a77b980]:hover{filter:brightness(1.05);transform:translateY(-1px);border-bottom:none;background-color:unset}.description-notes-card .arrow-icon[data-v-8a77b980],.description-notes-card .card-icon[data-v-8a77b980]{color:var(--color-text-dark)}.description-notes-card .collapsible-content div[data-v-8a77b980]{background-color:var(--color-background-mute);padding:3px 5px;border-radius:var(--border-radius-xs);margin-bottom:3px;border-left:3px solid var(--color-accent-vibrant)}.description-notes-card .collapsible-content div+div[data-v-8a77b980]{border-left-color:var(--color-accent-feedback)}.description-notes-card .collapsible-content h5[data-v-8a77b980]{font-size:var(--font-size-xs);margin-bottom:1px;font-weight:300}.combined-review-card[data-v-8a77b980]{border:1px solid rgba(33,150,243,.3);box-shadow:0 3px 10px rgba(0,0,0,.08)}.combined-review-card .collapsible-header[data-v-8a77b980]{background:linear-gradient(90deg,var(--color-primary-blue2),var(--color-primary-brand));color:var(--color-white);padding:4px 6px;margin:-4px -6px 4px;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;font-size:var(--font-size-xs);font-weight:400}.combined-review-card .collapsible-header[data-v-8a77b980]:hover{filter:brightness(1.08);transform:translateY(-1px);border-bottom:none;background-color:unset}.combined-review-card .arrow-icon[data-v-8a77b980],.combined-review-card .card-icon[data-v-8a77b980]{color:var(--color-white)}.combined-review-card .demonstration-video-setting[data-v-8a77b980],.combined-review-card .video-evaluation-form[data-v-8a77b980],.combined-review-card .video-evaluation[data-v-8a77b980],.combined-review-card .video-status-management[data-v-8a77b980]{padding:4px 5px;background-color:var(--color-background-mute);border-radius:var(--border-radius-xs);margin-bottom:3px;border:1px dashed var(--color-border)}.combined-review-card .video-evaluation[data-v-8a77b980]{border:none;border-left:4px solid var(--color-primary-blue2)}.combined-review-card .video-evaluation .form-sub-header[data-v-8a77b980]{color:var(--color-primary-blue2)}.combined-review-card .video-evaluation .form-sub-header[data-v-8a77b980]:before{content:"💡"}.combined-review-card .video-evaluation-form .form-sub-header[data-v-8a77b980]{color:var(--color-accent-feedback)}.combined-review-card .video-evaluation-form .form-sub-header[data-v-8a77b980]:before{content:"📝"}.combined-review-card .video-status-management .form-sub-header[data-v-8a77b980]{color:var(--color-primary-green)}.combined-review-card .video-status-management .form-sub-header[data-v-8a77b980]:before{content:"✅"}.info-card.mark-read-section[data-v-8a77b980]{border:1px solid rgba(255,209,102,.4);box-shadow:0 2px 8px rgba(0,0,0,.06)}.mark-read-section .collapsible-header[data-v-8a77b980]{background:linear-gradient(90deg,var(--color-primary-yellow),var(--color-primary-green));color:var(--color-text-dark);padding:4px 6px;margin:-4px -6px 4px;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;font-size:var(--font-size-xs);font-weight:600}.mark-read-section .collapsible-header[data-v-8a77b980]:hover{filter:brightness(1.05);transform:translateY(-1px);border-bottom:none;background-color:unset}.mark-read-section .arrow-icon[data-v-8a77b980],.mark-read-section .card-icon[data-v-8a77b980]{color:var(--color-text-dark)}.mark-read-section .collapsible-content p[data-v-8a77b980]{font-size:var(--font-size-xs);text-align:center;margin-bottom:4px}.info-card.student-feedback-card[data-v-8a77b980]{border:1px solid rgba(104,211,145,.35);box-shadow:0 3px 10px rgba(0,0,0,.08);transition:all var(--transition-normal)}.info-card.student-feedback-card[data-v-8a77b980]:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,.12)}.student-feedback-card .collapsible-header[data-v-8a77b980]{background:linear-gradient(90deg,var(--color-secondary-brand),var(--color-primary-brand));color:var(--color-white);padding:4px 6px;margin:-4px -6px 4px;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;font-size:var(--font-size-xs);font-weight:400;display:flex;justify-content:space-between;align-items:center;border-bottom:none;cursor:pointer}.student-feedback-card .collapsible-header[data-v-8a77b980]:hover{filter:brightness(1.08);transform:translateY(-1px);border-bottom:none;background-color:unset}.student-feedback-card .card-icon[data-v-8a77b980]{color:var(--color-white);margin-right:var(--spacing-xxs)}.student-feedback-card .arrow-icon[data-v-8a77b980]{color:var(--color-white)}.student-feedback-card .collapsible-content[data-v-8a77b980]{padding-top:3px}.student-feedback-card .video-evaluation[data-v-8a77b980]{background-color:var(--color-background-soft);padding:4px 5px;border-radius:var(--border-radius-xs);margin-bottom:3px;border-left:4px solid var(--color-primary-brand)}.student-feedback-card .form-sub-header[data-v-8a77b980]{font-size:var(--font-size-xs);color:var(--color-primary-brand);margin-bottom:2px;font-weight:600;display:flex;align-items:center;gap:var(--spacing-xxs)}.student-feedback-card .form-sub-header[data-v-8a77b980]:before{content:"✨";font-size:1em}.student-feedback-card .evaluation-rating[data-v-8a77b980]{display:flex;align-items:center;margin-bottom:2px;font-size:var(--font-size-xs);color:var(--color-text-dark)}.student-feedback-card .evaluation-rating span[data-v-8a77b980]:first-child{font-weight:600;margin-right:var(--spacing-xxs)}.student-feedback-card .rating-stars[data-v-8a77b980]{font-size:1.4em;color:var(--color-accent-vibrant);letter-spacing:1px}.student-feedback-card .evaluation-feedback[data-v-8a77b980]{margin-top:2px;padding:2px 4px;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-8a77b980]{color:var(--color-secondary-brand);font-size:var(--font-size-xs);margin:0 0 1px}.student-feedback-card .evaluation-feedback p[data-v-8a77b980]{color:var(--color-text-medium);font-size:var(--font-size-xs);line-height:1.4}.student-feedback-card .evaluation-gmp-status[data-v-8a77b980]{margin-top:2px;padding:2px 4px;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-8a77b980]{color:var(--color-accent-vibrant);font-size:var(--font-size-xs);margin:0 0 1px}.student-feedback-card .evaluation-gmp-status p[data-v-8a77b980]{color:var(--color-text-medium);font-size:var(--font-size-xs)}.student-feedback-card .evaluation-date[data-v-8a77b980]{font-size:var(--font-size-xxs);color:var(--color-text-light);text-align:right;margin-top:2px}.student-feedback-card .no-evaluation[data-v-8a77b980]{padding:var(--spacing-xs);text-align:center;color:var(--color-text-light);font-style:italic;font-size:var(--font-size-xs);background-color:var(--color-background-soft);border-radius:var(--border-radius-xs);border:1px dashed var(--color-border);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xxs)}.student-feedback-card .no-evaluation[data-v-8a77b980]:before{content:"🤔";font-size:1.4em}.student-feedback-card .no-evaluation p[data-v-8a77b980]{margin:0;color:var(--color-text-medium)}@media (max-width:768px){.trick-practice-video-review-panel[data-v-8a77b980]{height:100%;overflow-y:auto;overflow-x:hidden;padding-bottom:max(32px,env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}.review-details-section[data-v-8a77b980]{flex:0 0 auto;overflow-y:visible;min-height:auto;padding:3px 4px;gap:3px;padding-bottom:max(28px,env(safe-area-inset-bottom,0px))}.info-card[data-v-8a77b980]{padding:4px 5px}.info-card h4[data-v-8a77b980],.info-card h5[data-v-8a77b980]{font-size:var(--font-size-xs)}.combined-review-card .collapsible-header[data-v-8a77b980],.description-notes-card .collapsible-header[data-v-8a77b980],.mark-read-section .collapsible-header[data-v-8a77b980],.student-feedback-card .collapsible-header[data-v-8a77b980],.video-basic-info-card .collapsible-header[data-v-8a77b980]{padding:4px 5px;margin:-4px -5px 4px;background:var(--color-background-soft);color:var(--color-text-dark);font-size:var(--font-size-xs)}.info-card.combined-review-card[data-v-8a77b980],.info-card.description-notes-card[data-v-8a77b980],.info-card.mark-read-section[data-v-8a77b980],.info-card.student-feedback-card[data-v-8a77b980],.info-card.video-basic-info-card[data-v-8a77b980]{border:1px solid var(--color-border);box-shadow:0 1px 4px rgba(0,0,0,.06)}.combined-review-card .card-icon[data-v-8a77b980],.description-notes-card .card-icon[data-v-8a77b980],.mark-read-section .card-icon[data-v-8a77b980],.student-feedback-card .card-icon[data-v-8a77b980],.video-basic-info-card .card-icon[data-v-8a77b980]{color:var(--color-primary-brand)}.combined-review-card .arrow-icon[data-v-8a77b980],.description-notes-card .arrow-icon[data-v-8a77b980],.mark-read-section .arrow-icon[data-v-8a77b980],.student-feedback-card .arrow-icon[data-v-8a77b980],.video-basic-info-card .arrow-icon[data-v-8a77b980]{color:var(--color-text-light)}.form-control[data-v-8a77b980]{min-height:26px;font-size:var(--font-size-xs)}.btn-primary[data-v-8a77b980],.btn-secondary[data-v-8a77b980]{min-height:30px;font-size:var(--font-size-xs);padding:4px 10px}.section-divider[data-v-8a77b980]{margin:2px 0}.demonstration-video-setting[data-v-8a77b980]{padding:3px 4px}.combined-actions[data-v-8a77b980]{margin-top:6px;padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}}@media (max-width:480px){.trick-practice-video-review-panel[data-v-8a77b980]{padding-bottom:max(40px,env(safe-area-inset-bottom,0px))}.review-details-section[data-v-8a77b980]{padding-bottom:max(36px,env(safe-area-inset-bottom,0px))}.video-player-section[data-v-8a77b980]{flex:0 0 auto}.combined-actions[data-v-8a77b980]{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}}.practice-videos-container[data-v-e2ac50a2]{width:100%;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:auto;overflow:hidden;padding:var(--spacing-xxs);box-sizing:border-box;background:var(--color-background-card);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.practice-videos-header[data-v-e2ac50a2]{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;flex-wrap:wrap;gap:3px;padding:2px 4px;background:linear-gradient(90deg,rgba(59,130,246,.05),rgba(99,102,241,.02));border-radius:var(--border-radius-sm)}.header-left[data-v-e2ac50a2]{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.video-tabs[data-v-e2ac50a2]{display:flex;gap:3px;align-items:center;background-color:var(--color-background-light);border-radius:var(--border-radius-md);padding:2px 3px;box-shadow:inset 0 1px 3px rgba(0,0,0,.08);overflow:hidden}.tab-btn[data-v-e2ac50a2]{padding:2px 8px;border-radius:var(--border-radius-sm);border:1px solid transparent;background:transparent;color:var(--color-text-light);cursor:pointer;font-size:var(--font-size-xs);font-weight:500;transition:all .2s ease;white-space:nowrap;min-height:24px}.tab-btn[data-v-e2ac50a2]:not(.active):hover{color:var(--color-primary-blue2);background-color:rgba(var(--color-primary-blue2-rgb),.05)}.tab-btn.active[data-v-e2ac50a2]{color:var(--color-white);border-color:transparent;box-shadow:var(--shadow-sm)}.tab-btn.active.tab-self[data-v-e2ac50a2]{background:var(--tab-self-active-color)}.tab-btn.active.tab-others[data-v-e2ac50a2]{background:var(--tab-others-active-color)}.header-actions[data-v-e2ac50a2]{display:flex;gap:var(--spacing-xxs);align-items:center;flex-wrap:nowrap}.btn-toggle-filters[data-v-e2ac50a2]{padding:2px var(--spacing-xs);background:var(--color-primary-blue2);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:3px;font-size:var(--font-size-xs);transition:transform .12s ease,box-shadow .15s ease;min-height:24px;position:relative}.btn-toggle-filters[data-v-e2ac50a2]:active{transform:translateY(1px)}.btn-toggle-filters .icon-filter[data-v-e2ac50a2]{transition:transform .28s ease}.btn-toggle-filters .icon-filter.rotated[data-v-e2ac50a2]{transform:rotate(180deg)}.btn-toggle-filters .filter-count-badge[data-v-e2ac50a2]{position:absolute;top:-5px;right:-5px;background-color:var(--color-primary-red);color:#fff;border-radius:var(--border-radius-full);padding:1px 4px;font-size:var(--font-size-xxs);font-weight:700;line-height:1}.btn-action.upload-btn[data-v-e2ac50a2]{padding:2px var(--spacing-xs);background:var(--color-primary-yellow);color:var(--color-black);border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-xxs);font-size:var(--font-size-xs);white-space:nowrap;min-height:24px}.featured-videos-section[data-v-e2ac50a2]{flex-shrink:0;margin-bottom:4px;background:linear-gradient(135deg,var(--color-background-light),var(--color-background-card));border-radius:var(--border-radius-sm);padding:var(--spacing-xxs) var(--spacing-xs);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.featured-header[data-v-e2ac50a2]{display:flex;align-items:center;margin-bottom:3px}.featured-title[data-v-e2ac50a2]{font-size:var(--font-size-sm);color:var(--color-heading);font-weight:700;display:flex;align-items:center;gap:var(--spacing-xxs);margin:0}.featured-icon[data-v-e2ac50a2]{font-size:var(--font-size-base)}.featured-subtitle[data-v-e2ac50a2]{font-size:var(--font-size-xxs);color:var(--color-text-light);font-weight:400;margin-left:var(--spacing-xxs)}.featured-videos-carousel[data-v-e2ac50a2]{display:flex;gap:var(--spacing-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:4px}.featured-video-card[data-v-e2ac50a2]{scroll-snap-align:start;flex:0 0 auto;width:200px;border-radius:var(--border-radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;background:var(--color-background-card);border:1px solid var(--color-border);cursor:pointer}.featured-video-card[data-v-e2ac50a2]:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.featured-video-card.demonstration[data-v-e2ac50a2]{border:2px solid var(--color-primary-orange)}.featured-thumbnail[data-v-e2ac50a2]{position:relative;width:100%;padding-top:56.25%;background-color:#000;overflow:hidden}.thumbnail-image[data-v-e2ac50a2]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.featured-overlay[data-v-e2ac50a2]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .2s ease}.featured-video-card:hover .featured-overlay[data-v-e2ac50a2]{opacity:1}.play-button[data-v-e2ac50a2]{width:32px;height:32px;background-color:rgba(59,130,246,.85);border-radius:var(--border-radius-full);display:flex;justify-content:center;align-items:center}.play-button .play-icon[data-v-e2ac50a2]{width:14px;height:14px;color:#fff;margin-left:2px}.featured-badges[data-v-e2ac50a2]{display:flex;gap:3px;position:absolute;top:var(--spacing-xxs);left:var(--spacing-xxs)}.badge[data-v-e2ac50a2]{background-color:rgba(0,0,0,.7);color:#fff;padding:1px 4px;border-radius:var(--border-radius-xs);font-size:var(--font-size-xxs);display:flex;align-items:center;gap:2px;font-weight:600}.badge-demo[data-v-e2ac50a2]{background-color:var(--color-primary-orange)}.badge-perfect[data-v-e2ac50a2]{background-color:var(--color-primary-yellow2);color:var(--color-text-dark)}.badge-excellent[data-v-e2ac50a2]{background-color:var(--color-primary-green)}.featured-info[data-v-e2ac50a2]{padding:3px 5px}.featured-video-title[data-v-e2ac50a2]{font-size:var(--font-size-xs);font-weight:600;color:var(--color-heading);margin:0 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-meta[data-v-e2ac50a2]{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xxs);color:var(--color-text-light);margin-bottom:1px}.uploader-name[data-v-e2ac50a2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.rating-display[data-v-e2ac50a2]{color:var(--color-primary-yellow2);font-size:var(--font-size-xs)}.featured-feedback[data-v-e2ac50a2]{font-size:var(--font-size-xxs);color:var(--color-text-light);font-style:italic;margin-top:1px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.preset-filters[data-v-e2ac50a2]{flex-shrink:0;margin-bottom:3px;padding:2px 4px;background:var(--color-background-light);border-radius:var(--border-radius-sm);border:1px solid var(--color-border)}.preset-group[data-v-e2ac50a2]{display:flex;flex-wrap:wrap;gap:3px}.preset-btn[data-v-e2ac50a2]{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;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-xxs);cursor:pointer;transition:all .2s ease;white-space:nowrap}.preset-btn[data-v-e2ac50a2]:hover:not(.active){background-color:var(--color-gray-light);border-color:var(--color-primary-blue);color:var(--color-primary-blue)}.preset-btn.active[data-v-e2ac50a2]{background:linear-gradient(45deg,var(--color-primary-blue),var(--color-primary-purple));color:#fff;border-color:var(--color-primary-blue);box-shadow:var(--shadow-sm)}.preset-icon[data-v-e2ac50a2]{font-size:var(--font-size-sm);line-height:1}.preset-text[data-v-e2ac50a2]{font-weight:500}.preset-count[data-v-e2ac50a2]{background-color:hsla(0,0%,100%,.2);color:#fff;padding:1px 4px;border-radius:var(--border-radius-full);font-size:var(--font-size-xxs);font-weight:700;margin-left:2px}.advanced-filters-panel[data-v-e2ac50a2]{flex-shrink:0;background:var(--color-background-card);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:max-height .34s cubic-bezier(.2,.9,.2,1),opacity .28s ease,padding .28s ease,margin .28s ease;max-height:700px;opacity:1;overflow:hidden;padding:4px 6px;display:flex;flex-direction:column;gap:4px;margin-bottom:3px}.advanced-filters-panel.collapsed[data-v-e2ac50a2]{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;pointer-events:none;border:none;box-shadow:none}.quick-filters-section[data-v-e2ac50a2]{padding-bottom:3px;border-bottom:1px solid var(--color-border-light)}.quick-filters-title[data-v-e2ac50a2]{font-size:var(--font-size-xxs);font-weight:600;color:var(--color-heading);margin-bottom:2px}.quick-filter-tags[data-v-e2ac50a2]{display:flex;flex-wrap:wrap;gap:3px}.quick-filter-tag[data-v-e2ac50a2]{display:inline-flex;align-items:center;gap:2px;padding:2px 5px;border-radius:var(--border-radius-full);border:1px solid var(--color-border);background-color:var(--color-background-input);color:var(--color-text-dark);font-size:var(--font-size-xxs);cursor:pointer;transition:all .2s ease;white-space:nowrap}.quick-filter-tag[data-v-e2ac50a2]:hover:not(.active){background-color:var(--color-gray-light);border-color:var(--color-primary-blue);color:var(--color-primary-blue)}.quick-filter-tag.active[data-v-e2ac50a2]{background:var(--color-primary-blue);color:#fff;border-color:var(--color-primary-blue);box-shadow:var(--shadow-sm)}.filter-emoji[data-v-e2ac50a2]{font-size:var(--font-size-xs);line-height:1}.filter-count[data-v-e2ac50a2]{background-color:hsla(0,0%,100%,.2);color:#fff;padding:1px 3px;border-radius:var(--border-radius-full);font-size:var(--font-size-xxs);font-weight:700}.advanced-filters-section[data-v-e2ac50a2]{flex-grow:1}.filters-grid[data-v-e2ac50a2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px}.filter-group[data-v-e2ac50a2]{display:flex;flex-direction:column;gap:2px;padding:3px 5px;background-color:var(--color-background-light);border-radius:var(--border-radius-xs);border:1px solid var(--color-border-light);flex-shrink:0}.filter-group label[data-v-e2ac50a2],.filter-label[data-v-e2ac50a2]{font-size:var(--font-size-xxs);font-weight:600;color:var(--color-heading)}.filter-group select[data-v-e2ac50a2]{padding:2px 6px;border-radius:var(--border-radius-xs);border:1px solid var(--color-border);background-color:var(--color-background-input);color:var(--color-text-dark);font-size:var(--font-size-xxs);-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='14' height='14'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;padding-right:22px;min-height:24px}.rating-range-slider[data-v-e2ac50a2]{position:relative;width:100%;padding:0 var(--spacing-xxs)}.rating-range-slider input[type=range][data-v-e2ac50a2]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--color-gray-light);border-radius:3px;outline:none;margin:2px 0;cursor:pointer}.rating-range-slider input[type=range][data-v-e2ac50a2]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--color-primary-blue);cursor:pointer;box-shadow:var(--shadow-sm)}.rating-range-slider .range-labels[data-v-e2ac50a2]{display:flex;justify-content:space-between;font-size:var(--font-size-xxs);color:var(--color-text-light);margin-top:1px}.rating-range-slider .current-range[data-v-e2ac50a2]{font-size:var(--font-size-xxs);font-weight:500;color:var(--color-heading);text-align:center}.time-range-buttons[data-v-e2ac50a2]{display:flex;flex-wrap:wrap;gap:2px}.time-btn[data-v-e2ac50a2]{padding:1px 5px;border-radius:var(--border-radius-xs);border:1px solid var(--color-border);background-color:var(--color-background-input);color:var(--color-text-dark);font-size:var(--font-size-xxs);cursor:pointer;transition:all .2s ease;white-space:nowrap}.time-btn[data-v-e2ac50a2]:hover:not(.active){border-color:var(--color-primary-blue);color:var(--color-primary-blue)}.time-btn.active[data-v-e2ac50a2]{background:var(--color-primary-green);color:#fff;border-color:var(--color-primary-green)}.filters-actions[data-v-e2ac50a2]{display:flex;flex-wrap:wrap;gap:var(--spacing-xxs);justify-content:flex-end;padding-top:3px;border-top:1px solid var(--color-border-light)}.filters-actions button[data-v-e2ac50a2]{padding:2px 8px;border-radius:var(--border-radius-xs);border:none;cursor:pointer;font-size:var(--font-size-xxs);display:inline-flex;align-items:center;gap:3px;transition:all .2s ease}.btn-reset[data-v-e2ac50a2]{background-color:var(--color-gray-dark);color:#fff}.btn-reset[data-v-e2ac50a2]:hover{background-color:var(--color-primary-red2)}.btn-save[data-v-e2ac50a2]{background-color:var(--color-primary-blue);color:#fff}.btn-save[data-v-e2ac50a2]:hover{background-color:var(--color-primary-blue2)}.filters-actions .btn-icon[data-v-e2ac50a2]{width:12px;height:12px}.active-filters-count[data-v-e2ac50a2]{background-color:var(--color-primary-orange);color:#fff;padding:1px 6px;border-radius:var(--border-radius-xs);font-size:var(--font-size-xxs);font-weight:600;display:flex;align-items:center;justify-content:center}.uploader-wrapper[data-v-e2ac50a2]{flex-shrink:0;margin-bottom:3px;padding:2px;background-color:var(--color-background-card);border-radius:var(--border-radius-sm)}.videos-main-region[data-v-e2ac50a2]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.empty-state[data-v-e2ac50a2],.loading-indicator[data-v-e2ac50a2]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--spacing-sm) var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-light)}.loading-indicator .spinner[data-v-e2ac50a2]{width:26px;height:26px;margin:0 auto 4px;border-radius:var(--border-radius-full);border:3px solid rgba(0,0,0,.08);border-top-color:var(--color-primary-blue2);animation:spin-e2ac50a2 1s linear infinite}@keyframes spin-e2ac50a2{to{transform:rotate(1turn)}}.videos-masonry-container[data-v-e2ac50a2]{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius-sm);border:1px solid var(--color-border);background-color:var(--color-background-light);padding:6px;margin-bottom:4px}.practice-masonry-wall[data-v-e2ac50a2]{width:100%}.enhanced-video-card[data-v-e2ac50a2]{width:100%;margin-bottom:8px;border-radius:var(--border-radius-sm);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;display:flex;flex-direction:column;box-sizing:border-box;-moz-column-break-inside:avoid;break-inside:avoid}.enhanced-video-card[data-v-e2ac50a2]:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.enhanced-video-card.demonstration-video[data-v-e2ac50a2]{border:2px solid #f39c12;box-shadow:0 2px 10px rgba(243,156,18,.22);background:linear-gradient(135deg,#fff,#fff9e6)}.enhanced-video-card.demonstration-video[data-v-e2ac50a2]:hover{transform:translateY(-5px);box-shadow:0 6px 18px rgba(243,156,18,.32)}.enhanced-video-card.high-rating[data-v-e2ac50a2]{border-color:var(--color-primary-yellow2)}.enhanced-video-card.needs-attention[data-v-e2ac50a2]{border-color:var(--color-primary-red)}.enhanced-thumbnail-container[data-v-e2ac50a2]{position:relative;width:100%;padding-top:56.25%;background:#000;overflow:hidden;flex-shrink:0}.thumbnail-wrapper[data-v-e2ac50a2]{position:absolute;top:0;left:0;width:100%;height:100%}.enhanced-thumbnail[data-v-e2ac50a2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:filter .3s ease}.play-overlay[data-v-e2ac50a2]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.38);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s ease}.enhanced-video-card:hover .play-overlay[data-v-e2ac50a2]{opacity:1}.play-button-large[data-v-e2ac50a2]{width:36px;height:36px;background-color:rgba(59,130,246,.82);border-radius:var(--border-radius-full);display:flex;justify-content:center;align-items:center}.play-button-large .play-icon[data-v-e2ac50a2]{width:18px;height:18px;color:#fff;margin-left:3px}.status-badges-container[data-v-e2ac50a2]{position:absolute;top:var(--spacing-xxs);left:var(--spacing-xxs);right:var(--spacing-xxs);display:flex;flex-wrap:wrap;gap:2px;z-index:5}.status-badge[data-v-e2ac50a2]{background-color:rgba(0,0,0,.68);color:#fff;padding:1px 4px;border-radius:var(--border-radius-xs);font-size:var(--font-size-xxs);font-weight:600;display:flex;align-items:center;gap:2px}.status-badge .badge-icon[data-v-e2ac50a2]{font-size:var(--font-size-xs);line-height:1}.demo-badge[data-v-e2ac50a2]{background-color:var(--color-primary-orange)}.rating-badge[data-v-e2ac50a2]{background-color:var(--color-primary-yellow2);color:var(--color-text-dark)}.visibility-badge[data-v-e2ac50a2]{background-color:var(--color-primary-blue)}.visibility-badge.public[data-v-e2ac50a2]{background-color:var(--color-primary-green)}.visibility-badge.organization[data-v-e2ac50a2]{background-color:var(--color-primary-blue2)}.visibility-badge.private[data-v-e2ac50a2]{background-color:var(--color-gray-dark)}.status-badge-processing.pending_review[data-v-e2ac50a2]{background-color:var(--color-primary-yellow2);color:var(--color-text-dark)}.status-badge-processing.rejected[data-v-e2ac50a2]{background-color:var(--color-primary-red2)}.status-badge-processing.draft[data-v-e2ac50a2]{background-color:var(--color-gray-dark)}.status-badge-processing.archived[data-v-e2ac50a2]{background-color:var(--color-primary-cyan)}.feedback-badge[data-v-e2ac50a2]{background-color:var(--color-primary-blue2);animation:pulse-e2ac50a2 1.5s infinite}.archive-badge[data-v-e2ac50a2]{background-color:var(--color-primary-purple)}.duration-badge-enhanced[data-v-e2ac50a2]{position:absolute;bottom:var(--spacing-xxs);right:var(--spacing-xxs);background-color:rgba(0,0,0,.7);color:#fff;padding:1px 4px;border-radius:var(--border-radius-xs);font-size:var(--font-size-xxs);z-index:5}.enhanced-video-info[data-v-e2ac50a2]{padding:3px 6px;display:flex;flex-direction:column;flex-grow:1}.video-header-info[data-v-e2ac50a2]{margin-bottom:2px}.enhanced-video-title[data-v-e2ac50a2]{font-weight:700;margin:0 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-xs);color:var(--color-heading)}.video-metadata-row[data-v-e2ac50a2]{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xxs);color:var(--color-text-light)}.uploader-info[data-v-e2ac50a2]{display:flex;align-items:center;gap:2px}.uploader-avatar[data-v-e2ac50a2]{width:14px;height:14px;border-radius:var(--border-radius-full);background-color:var(--color-primary-blue);color:#fff;display:flex;justify-content:center;align-items:center;font-size:var(--font-size-xxs);font-weight:600;flex-shrink:0}.upload-time[data-v-e2ac50a2]{font-size:var(--font-size-xxs);color:var(--color-text-light);white-space:nowrap}.video-stats-section[data-v-e2ac50a2]{margin-top:auto;padding-top:2px;border-top:1px solid var(--color-border-light)}.stats-row[data-v-e2ac50a2]{display:flex;gap:var(--spacing-xs);font-size:var(--font-size-xxs);color:var(--color-text-light)}.stat-item[data-v-e2ac50a2]{display:flex;align-items:center;gap:2px}.stat-icon[data-v-e2ac50a2]{width:10px;height:10px;color:var(--color-primary-blue2)}.feedback-section[data-v-e2ac50a2]{margin-top:2px;padding:2px 4px;background-color:var(--color-background-light);border-radius:var(--border-radius-xs);border:1px solid var(--color-border-light)}.feedback-header[data-v-e2ac50a2]{display:flex;align-items:center;gap:2px;margin-bottom:1px;color:var(--color-heading);font-weight:600;font-size:var(--font-size-xxs)}.feedback-icon[data-v-e2ac50a2]{width:10px;height:10px;color:var(--color-primary-green)}.feedback-text[data-v-e2ac50a2]{font-size:var(--font-size-xxs);color:var(--color-text-dark);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-actions[data-v-e2ac50a2]{display:flex;gap:2px;margin-top:2px;padding-top:2px;border-top:1px solid var(--color-border-light)}.action-btn[data-v-e2ac50a2]{padding:2px 5px;border-radius:var(--border-radius-xs);border:none;cursor:pointer;font-size:var(--font-size-xxs);display:inline-flex;align-items:center;gap:2px;transition:all .2s ease;flex-grow:1;justify-content:center}.approve-btn[data-v-e2ac50a2]{background-color:var(--color-primary-green);color:#fff}.action-btn .btn-icon[data-v-e2ac50a2]{width:10px;height:10px}.pagination-wrapper[data-v-e2ac50a2]{flex-shrink:0;padding:3px 5px;background:var(--color-background-soft);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light);display:flex;justify-content:center}.video-modal-fade-enter-active[data-v-e2ac50a2],.video-modal-fade-leave-active[data-v-e2ac50a2]{transition:opacity .25s ease}.video-modal-fade-enter-from[data-v-e2ac50a2],.video-modal-fade-leave-to[data-v-e2ac50a2]{opacity:0}.video-modal-backdrop[data-v-e2ac50a2]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.88);display:flex;justify-content:center;align-items:center;z-index:10000;backdrop-filter:blur(4px)}.video-modal-container[data-v-e2ac50a2]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-xs);padding-bottom:calc(var(--spacing-xs) + env(safe-area-inset-bottom, 0px));box-sizing:border-box}.video-modal-external-close[data-v-e2ac50a2]{position:absolute;top:10px;right:10px;width:34px;height:34px;background:hsla(0,0%,100%,.18);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10001;transition:background .2s}.video-modal-external-close[data-v-e2ac50a2]:hover{background:hsla(0,0%,100%,.35)}.video-modal-external-close svg[data-v-e2ac50a2]{width:17px;height:17px;stroke:#fff}.video-modal-content[data-v-e2ac50a2]{background-color:var(--color-background-card);width:100%;max-width:768px;height:calc(100vh - var(--spacing-xs)*2 - env(safe-area-inset-bottom, 0px));max-height:calc(100vh - var(--spacing-xs)*2 - env(safe-area-inset-bottom, 0px));border-radius:var(--border-radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.video-modal-header[data-v-e2ac50a2]{flex-shrink:0;padding:4px var(--spacing-xs);background:var(--color-background-soft);border-bottom:1px solid var(--color-border);text-align:center}.video-modal-title[data-v-e2ac50a2]{font-weight:600;font-size:var(--font-size-xs);color:var(--color-text-dark);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-modal-body[data-v-e2ac50a2]{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}@media (max-width:768px){.practice-videos-container[data-v-e2ac50a2]{padding:2px}.practice-videos-header[data-v-e2ac50a2]{gap:2px;padding:2px 3px}.header-left[data-v-e2ac50a2]{flex-direction:column;align-items:stretch;gap:var(--spacing-xxs)}.video-tabs[data-v-e2ac50a2]{width:100%;justify-content:center}.header-actions[data-v-e2ac50a2]{flex-direction:row;justify-content:space-between}.preset-group[data-v-e2ac50a2]{justify-content:center}.filters-grid[data-v-e2ac50a2]{grid-template-columns:1fr;gap:3px}.featured-videos-carousel[data-v-e2ac50a2]{grid-auto-columns:78%}.video-modal-container[data-v-e2ac50a2]{padding:var(--spacing-xxs);padding-bottom:calc(var(--spacing-xxs) + env(safe-area-inset-bottom, 0px))}.videos-masonry-container[data-v-e2ac50a2]{padding:5px}.video-modal-content[data-v-e2ac50a2]{max-width:100%;height:calc(100vh - var(--spacing-xxs)*2 - env(safe-area-inset-bottom, 0px));max-height:calc(100vh - var(--spacing-xxs)*2 - env(safe-area-inset-bottom, 0px))}.video-modal-external-close[data-v-e2ac50a2]{top:6px;right:6px}.featured-video-card[data-v-e2ac50a2]{width:75vw;max-width:240px}}@media (max-width:480px){.header-actions[data-v-e2ac50a2]{flex-direction:column;align-items:stretch;gap:var(--spacing-xxs)}.btn-action.upload-btn[data-v-e2ac50a2]{width:100%;justify-content:center}.video-modal-container[data-v-e2ac50a2]{padding:0}.video-modal-content[data-v-e2ac50a2]{height:100dvh;max-height:100dvh;border-radius:0}.video-modal-external-close[data-v-e2ac50a2]{top:calc(env(safe-area-inset-top, 0px) + 6px);right:6px;background:rgba(0,0,0,.5)}.video-modal-header[data-v-e2ac50a2]{padding-top:calc(env(safe-area-inset-top, 0px) + 3px)}.videos-masonry-container[data-v-e2ac50a2]{padding:4px}.enhanced-video-card[data-v-e2ac50a2]{margin-bottom:6px;border-radius:var(--border-radius-xs)}.enhanced-video-info[data-v-e2ac50a2]{padding:3px 4px}.enhanced-video-title[data-v-e2ac50a2]{font-size:var(--font-size-xxs);line-height:1.3;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-metadata-row[data-v-e2ac50a2]{flex-direction:column;align-items:flex-start;gap:2px}.upload-time[data-v-e2ac50a2],.uploader-avatar[data-v-e2ac50a2]{display:none}.stats-row[data-v-e2ac50a2]{gap:4px;flex-wrap:wrap}.status-badges-container[data-v-e2ac50a2]{gap:1px}.duration-badge-enhanced[data-v-e2ac50a2],.status-badge[data-v-e2ac50a2]{padding:1px 3px;font-size:10px}.play-button-large[data-v-e2ac50a2]{width:28px;height:28px}.play-button-large .play-icon[data-v-e2ac50a2]{width:14px;height:14px;margin-left:2px}.feedback-text[data-v-e2ac50a2]{-webkit-line-clamp:1}.video-actions[data-v-e2ac50a2]{display:none}}@keyframes pulse-e2ac50a2{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.access-restricted-notice[data-v-138105ae]{background-color:#fff3cd;color:#856404;padding:10px 15px;border-radius:6px;margin-bottom:15px;border:1px solid #ffeeba;font-size:14px}.progress-hidden-placeholder[data-v-138105ae]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#f8f9fa;border-radius:12px;margin:20px;border:2px dashed #dee2e6}.placeholder-icon[data-v-138105ae]{font-size:48px;margin-bottom:15px;opacity:.6}.progress-hidden-placeholder h3[data-v-138105ae]{margin:0 0 10px 0;color:#495057}.progress-hidden-placeholder p[data-v-138105ae]{color:#6c757d;max-width:300px}.skill-progress-panel[data-v-138105ae]{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-138105ae]{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--color-background-card);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-138105ae]{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-138105ae]{display:flex;flex-wrap:nowrap;gap:var(--spacing-xxs);justify-content:center;width:100%;margin-bottom:var(--spacing-xs)}.mode-btn[data-v-138105ae]{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:var(--shadow-xs);transition:all .3s ease;background-color:var(--color-background-soft);color:var(--color-text-dark);white-space:nowrap;cursor:pointer}.mode-btn.active[data-v-138105ae]{background-color:var(--color-primary-blue);color:var(--color-white);border-color:var(--color-primary-blue);box-shadow:0 2px 4px rgba(var(--color-primary-blue-rgb),.3)}.mode-btn[data-v-138105ae]:hover:not(.active){background-color:var(--color-primary-blue-light);color:var(--color-white);box-shadow:var(--shadow-sm)}.trick-type-selector[data-v-138105ae]{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-138105ae]::-webkit-scrollbar{display:none}.skill-level-category-selector[data-v-138105ae]{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-138105ae]::-webkit-scrollbar{display:none}.trick-type-btn[data-v-138105ae]{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:var(--shadow-xs);transition:all .3s ease;background-color:var(--color-background-card);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-138105ae]{background-color:var(--color-primary-blue);color:var(--color-white);border-color:var(--color-primary-blue);box-shadow:0 2px 4px rgba(var(--color-primary-blue-rgb),.3)}.trick-type-btn[data-v-138105ae]:hover:not(.active){background-color:var(--color-primary-blue-light);color:var(--color-white);box-shadow:var(--shadow-sm)}.trick-type-btn.disabled[data-v-138105ae]{background-color:var(--color-background-disabled);color:var(--color-text-light);border-color:var(--color-border-light);opacity:.8;cursor:not-allowed;box-shadow:none}.category-btn[data-v-138105ae]{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:var(--shadow-xs);transition:all .3s ease;background-color:var(--color-background-card);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-138105ae]{background-color:var(--color-primary-blue);color:var(--color-white);border-color:var(--color-primary-blue);box-shadow:0 2px 4px rgba(var(--color-primary-blue-rgb),.3)}.category-btn[data-v-138105ae]:hover:not(.active){background-color:var(--color-primary-blue-light);color:var(--color-white);box-shadow:var(--shadow-sm)}.category-btn.disabled[data-v-138105ae]{background-color:var(--color-background-disabled);color:var(--color-text-light);border-color:var(--color-border-light);opacity:.8;cursor:not-allowed;box-shadow:none}.skill-level-required[data-v-138105ae]{font-size:var(--font-size-xxs);background-color:var(--color-primary-yellow);color:var(--color-black-rgb);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-138105ae]{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;margin-top:var(--spacing-xs)}.topic-major-category-selector[data-v-138105ae]{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-138105ae]::-webkit-scrollbar{display:none}.topic-major-category-btn[data-v-138105ae]{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:var(--shadow-xs);transition:all .3s ease;background-color:var(--color-background-card);color:var(--color-primary-blue);white-space:nowrap;cursor:pointer;min-width:0}.topic-major-category-btn[data-v-138105ae]:hover{background-color:var(--color-primary-blue-light);color:var(--color-white);box-shadow:var(--shadow-sm)}.topic-major-category-btn.active[data-v-138105ae]{background-color:var(--color-primary-blue);color:var(--color-white);border-color:var(--color-primary-blue);box-shadow:0 2px 4px rgba(var(--color-primary-blue-rgb),.3)}.topic-major-category-btn.active[data-v-138105ae]:hover{background-color:rgba(var(--color-primary-blue-rgb),.85);box-shadow:0 3px 6px rgba(var(--color-primary-blue-rgb),.4)}.topic-major-category-btn.locked[data-v-138105ae]{cursor:not-allowed;opacity:.85;background-size:20px 20px}.topic-major-category-btn.locked.active[data-v-138105ae],.topic-major-category-btn.locked.active[data-v-138105ae]:hover,.topic-major-category-btn.locked[data-v-138105ae],.topic-major-category-btn.locked[data-v-138105ae]:hover{background-color:var(--color-background-disabled);color:var(--color-text-light);border-color:var(--color-border-light);box-shadow:none;background-image:repeating-linear-gradient(45deg,rgba(var(--color-background-card-rgb),.2),rgba(var(--color-background-card-rgb),.2) 10px,rgba(var(--color-background-mute-rgb),.2) 10px,rgba(var(--color-background-mute-rgb),.2) 20px)}.topic-major-category-btn.locked .lock-icon[data-v-138105ae]{color:var(--color-text-light);margin-left:5px}.topic-filter-selector .filter-select[data-v-138105ae]{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-input);color:var(--color-text-dark);-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-138105ae]{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-138105ae 1s linear infinite}@keyframes spin-138105ae{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state[data-v-138105ae]{padding:var(--spacing-md);text-align:center;color:var(--color-text-light);font-size:var(--font-size-md)}.empty-state[data-v-138105ae],.section.skills-section[data-v-138105ae]{background-color:var(--color-background-card);border-radius:var(--border-radius-sm);margin:var(--spacing-xs)}.section.skills-section[data-v-138105ae]{padding:var(--spacing-sm);box-shadow:var(--shadow-sm)}.section-header[data-v-138105ae]{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-138105ae],.title-and-search[data-v-138105ae]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs)}.title-and-search[data-v-138105ae]{flex-grow:1;min-width:200px}.skill-action-buttons[data-v-138105ae]{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-138105ae]{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:var(--shadow-xs);transition:all .2s ease;white-space:nowrap}.skill-action-buttons .btn-danger[data-v-138105ae]{background-color:var(--color-primary-red);color:var(--color-white)}.skill-action-buttons .btn-danger[data-v-138105ae]:hover{background-color:rgba(var(--color-primary-red-rgb),.85);color:var(--color-white);box-shadow:0 2px 4px rgba(var(--color-primary-red-rgb),.3)}.skill-action-buttons .btn-warning[data-v-138105ae]{background-color:var(--color-primary-yellow);color:var(--color-black-rgb)}.skill-action-buttons .btn-warning[data-v-138105ae]:hover{background-color:rgba(var(--color-primary-yellow-rgb),.85);box-shadow:0 2px 4px rgba(var(--color-primary-yellow-rgb),.3)}.search-input-container[data-v-138105ae]{position:relative;display:flex;align-items:center;width:100%;max-width:320px}.skill-search-input[data-v-138105ae]{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;background-color:var(--color-background-input);color:var(--color-text-dark)}.skill-search-input[data-v-138105ae]:focus{border-color:var(--color-primary-blue);box-shadow:0 0 0 2px rgba(var(--color-primary-blue-rgb),.2);outline:none}.search-icon[data-v-138105ae]{position:absolute;left:.7em;font-size:1.1em;pointer-events:none;color:var(--color-text-light)}.clear-btn[data-v-138105ae]{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-138105ae]:hover{color:var(--color-primary-red)}.filter-controls[data-v-138105ae]{display:flex;gap:var(--spacing-xs);flex-shrink:0;width:100%;justify-content:flex-end}.filter-select[data-v-138105ae]{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-background-input);color:var(--color-text-dark);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-138105ae]{background-color:var(--color-background-card);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-md)}.search-results-title[data-v-138105ae]{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-138105ae]{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-138105ae]{background-color:var(--color-background-card);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-138105ae]:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.skill-card.status-not-started[data-v-138105ae]{border-left:3px solid var(--color-status-not-started)}.skill-card.status-learning[data-v-138105ae]{border-left:3px solid var(--color-status-learning)}.skill-card.status-practicing[data-v-138105ae]{border-left:3px solid var(--color-status-practicing)}.skill-card.status-advancing[data-v-138105ae]{border-left:3px solid var(--color-status-advancing)}.skill-card.status-refining[data-v-138105ae]{border-left:3px solid var(--color-status-refining)}.skill-card.status-mastered[data-v-138105ae]{border-left:3px solid var(--color-status-mastered)}.skill-card.search-highlight[data-v-138105ae]{box-shadow:0 0 0 3px rgba(var(--color-primary-blue-rgb),.3),0 2px 8px rgba(var(--color-primary-blue-rgb),.2);transform:translateY(-2px);transition:all .3s ease}.skill-card.search-highlight[data-v-138105ae]:hover{box-shadow:0 0 0 3px var(--color-primary-blue),0 4px 12px rgba(var(--color-primary-blue-rgb),.3);transform:translateY(-4px)}.skill-card.search-highlight .skill-name[data-v-138105ae]:after{background-color:var(--color-primary-blue)}.skill-header[data-v-138105ae]{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-138105ae]{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-138105ae]{display:inline-block;padding:2px 6px;background-color:var(--color-accent);color:var(--color-white);border-radius:4px;font-size:.75em;margin-left:8px;vertical-align:middle;font-weight:700;flex-shrink:0}.skill-status[data-v-138105ae]{font-size:var(--font-size-xxs);padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--border-radius-xs);background-color:var(--color-background-mute);color:var(--color-text-dark);font-weight:600;flex-shrink:0}.status-not-started .skill-status[data-v-138105ae]{background-color:var(--color-status-not-started);color:var(--color-text-light)}.status-learning .skill-status[data-v-138105ae]{background-color:var(--color-status-learning);color:var(--color-white)}.status-practicing .skill-status[data-v-138105ae]{background-color:var(--color-status-practicing);color:var(--color-white)}.status-advancing .skill-status[data-v-138105ae]{background-color:var(--color-status-advancing);color:var(--color-white)}.status-refining .skill-status[data-v-138105ae]{background-color:var(--color-status-refining);color:var(--color-white)}.status-mastered .skill-status[data-v-138105ae]{background-color:var(--color-status-mastered);color:var(--color-white)}.skill-body[data-v-138105ae]{display:flex;flex-direction:column;flex-grow:1;padding-top:var(--spacing-xxs);padding-bottom:var(--spacing-xxs)}.description-and-value-row[data-v-138105ae]{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px}.skill-description[data-v-138105ae]{line-height:1.4}.skill-description[data-v-138105ae],.skill-level-name[data-v-138105ae]{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-138105ae]{line-height:1}.proficiency-value[data-v-138105ae]{flex-shrink:0;font-weight:700;font-size:var(--font-size-sm);color:var(--color-primary-red)}.proficiency-bar[data-v-138105ae]{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-138105ae]{height:100%;background-color:var(--color-primary-cyan);transition:width .3s ease}.skill-footer[data-v-138105ae]{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-138105ae]::-webkit-scrollbar{display:none}.skill-footer .action-btn[data-v-138105ae]{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:var(--shadow-xs);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-138105ae]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-footer .btn-update-progress[data-v-138105ae]{background-color:var(--color-primary-blue)}.skill-footer .btn-update-progress[data-v-138105ae]:hover{background-color:rgba(var(--color-primary-blue-rgb),.85);box-shadow:0 2px 6px rgba(var(--color-primary-blue-rgb),.4)}.skill-footer .btn-add-daily-task[data-v-138105ae]{background-color:var(--color-status-success)}.skill-footer .btn-add-daily-task[data-v-138105ae]:hover{background-color:rgba(var(--color-status-success-rgb),.85);box-shadow:0 2px 6px rgba(var(--color-status-success-rgb),.4)}.skill-footer .btn-add-daily-task[data-v-138105ae]:disabled{background-color:var(--color-background-disabled);color:var(--color-text-light);cursor:not-allowed;box-shadow:none;opacity:.7}.skill-footer .btn-practice-video[data-v-138105ae]{background-color:var(--color-primary-orange)}.skill-footer .btn-practice-video[data-v-138105ae]:hover{background-color:rgba(var(--color-primary-orange-rgb),.85);box-shadow:0 2px 6px rgba(var(--color-primary-orange-rgb),.4)}.skill-footer .btn-related-video[data-v-138105ae]{background-color:var(--color-primary-purple)}.skill-footer .btn-related-video[data-v-138105ae]:hover{background-color:rgba(var(--color-primary-purple-rgb),.85);box-shadow:0 2px 6px rgba(var(--color-primary-purple-rgb),.4)}.icon-practice-video[data-v-138105ae],.icon-video[data-v-138105ae]{filter:brightness(0) invert(1)}.video-badges[data-v-138105ae]{display:flex;align-items:center;gap:3px;background-color:rgba(var(--color-shadow-rgb),.1);border-radius:4px;padding:2px 4px;margin-left:5px}.video-badge[data-v-138105ae]{display:inline-flex;align-items:center;justify-content:center;font-size:.7em;padding:2px 5px;border-radius:4px;color:var(--color-white);min-width:20px;height:20px;box-sizing:border-box;font-weight:700}.video-badge.badge-me[data-v-138105ae]{background-color:var(--color-primary-green)}.video-badge.badge-public[data-v-138105ae]{background-color:var(--color-primary-blue)}.btn-practice-video.state-none[data-v-138105ae]{background-color:var(--color-background-disabled);color:var(--color-text-dark)}.btn-practice-video.state-none[data-v-138105ae]:hover{background-color:var(--color-background-mute);color:var(--color-text-dark)}.btn-practice-video.state-mine[data-v-138105ae]{background-color:var(--color-primary-green)}.btn-practice-video.state-mine[data-v-138105ae]:hover{background-color:rgba(var(--color-primary-green-rgb),.85)}.btn-practice-video.state-public[data-v-138105ae]{background-color:var(--color-primary-blue)}.btn-practice-video.state-public[data-v-138105ae]:hover{background-color:rgba(var(--color-primary-blue-rgb),.85)}.btn-practice-video.state-mixed[data-v-138105ae]{background-color:var(--color-primary-purple)}.btn-practice-video.state-mixed[data-v-138105ae]:hover{background-color:rgba(var(--color-primary-purple-rgb),.85)}.level-item[data-v-138105ae]{margin-bottom:var(--spacing-xs);background-color:var(--color-background-card);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-138105ae]:has(>.level-header-compact+div.skills-grid){box-shadow:0 0 0 3px rgba(var(--color-primary-blue-rgb),.3),0 4px 12px rgba(var(--color-primary-blue-rgb),.3);transform:translateY(-2px);border-left:3px solid var(--color-primary-blue)}.level-header-compact[data-v-138105ae]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;background-color:var(--color-background-card);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-138105ae]:hover{background-color:var(--color-background-hover);box-shadow:var(--shadow-xs)}.level-title-compact[data-v-138105ae]{display:flex;align-items:center;font-weight:600;color:var(--color-text-dark)}.level-badge[data-v-138105ae]{padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--border-radius-xs);font-weight:700;color:var(--color-white);margin-right:var(--spacing-xs);min-width:24px;text-align:center;background-color:var(--color-primary-blue)}.level-name[data-v-138105ae]{font-weight:600}.level-progress-indicator[data-v-138105ae]{display:flex;align-items:center;gap:var(--spacing-xs)}.progress-bar-mini[data-v-138105ae]{width:80px;height:8px;background-color:var(--color-border-light);border-radius:var(--border-radius-xs);overflow:hidden}.progress-fill[data-v-138105ae]{height:100%;background-color:var(--color-primary-cyan);transition:width .3s ease}.progress-percent[data-v-138105ae]{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-138105ae]{background-color:rgba(var(--color-background-disabled-rgb),.7)!important;cursor:not-allowed;opacity:.85;position:relative}.level-lock-icon[data-v-138105ae]{margin-left:8px;font-size:14px;color:var(--color-text-light)}.level-locked .level-header-compact[data-v-138105ae]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,rgba(var(--color-shadow-rgb),.03),rgba(var(--color-shadow-rgb),.03) 10px,rgba(var(--color-shadow-rgb),.06) 10px,rgba(var(--color-shadow-rgb),.06) 20px);pointer-events:none;border-radius:var(--border-radius-sm)}.next-level-unlock-tip[data-v-138105ae]{margin:15px var(--spacing-xs);padding:12px;background-color:rgba(var(--color-primary-yellow-rgb),.1);border:1px solid rgba(var(--color-primary-yellow-rgb),.3);border-radius:var(--border-radius-sm);display:flex;align-items:center;gap:15px}.tip-icon[data-v-138105ae]{font-size:24px;color:var(--color-primary-yellow);flex-shrink:0}.tip-text[data-v-138105ae]{flex:1}.tip-text p[data-v-138105ae]{margin:0 0 5px 0;color:var(--color-text-dark);font-size:var(--font-size-sm)}.tip-text strong[data-v-138105ae]{color:var(--color-primary-brand)}.unlock-progress-bar[data-v-138105ae]{height:8px;background-color:rgba(var(--color-shadow-rgb),.1);border-radius:4px;margin:8px 0;overflow:hidden}.unlock-progress-fill[data-v-138105ae]{height:100%;background-color:var(--color-primary-yellow);transition:width .3s ease}.unlock-percent[data-v-138105ae]{font-size:var(--font-size-xxs);color:var(--color-text-light);text-align:right}.topic-specific-notes[data-v-138105ae]{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-138105ae]{margin:0}@media (max-width:768px){.panel-header[data-v-138105ae]{padding:var(--spacing-sm);gap:var(--spacing-sm)}.panel-header h3[data-v-138105ae]{font-size:var(--font-size-md)}.mode-selector[data-v-138105ae]{justify-content:space-between}.mode-btn[data-v-138105ae]{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-138105ae],.trick-type-selector[data-v-138105ae]{justify-content:space-between;gap:var(--spacing-xxs)}.category-btn[data-v-138105ae],.topic-major-category-btn[data-v-138105ae],.trick-type-btn[data-v-138105ae]{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-138105ae]{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding-bottom:var(--spacing-xxs)}.title-and-search[data-v-138105ae]{width:100%;flex-direction:column;align-items:flex-start;gap:var(--spacing-xxs)}.skill-action-buttons[data-v-138105ae]{flex-wrap:wrap;justify-content:center}.skill-action-buttons .btn[data-v-138105ae]{flex-basis:calc(50% - var(--spacing-xs)/2);min-width:unset}.search-input-container[data-v-138105ae]{width:100%;max-width:none}.filter-controls[data-v-138105ae]{width:100%;justify-content:space-between}.filter-select[data-v-138105ae]{flex:1;min-width:unset}.skills-grid[data-v-138105ae]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.skill-name[data-v-138105ae]{font-size:var(--font-size-base)}.skill-description[data-v-138105ae],.skill-level-name[data-v-138105ae]{font-size:var(--font-size-xs)}.skill-footer .action-btn[data-v-138105ae]{font-size:var(--font-size-xs);padding:var(--spacing-xxs) var(--spacing-xs);min-height:32px}.level-header-compact[data-v-138105ae]{padding:var(--spacing-xs);min-height:44px}.level-badge[data-v-138105ae]{font-size:var(--font-size-sm)}.progress-percent[data-v-138105ae]{font-size:var(--font-size-xs)}}@media (max-width:480px){.skill-progress-panel[data-v-138105ae]{border-radius:0;box-shadow:none}.panel-header[data-v-138105ae]{padding:var(--spacing-sm) var(--spacing-xs);border-radius:0}.panel-header h3[data-v-138105ae]{font-size:var(--font-size-base)}.mode-selector[data-v-138105ae]{gap:var(--spacing-xxs);justify-content:space-between}.mode-btn[data-v-138105ae]{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-138105ae],.trick-type-selector[data-v-138105ae]{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-138105ae]::-webkit-scrollbar,.trick-type-selector[data-v-138105ae]::-webkit-scrollbar{display:none}.category-btn[data-v-138105ae],.topic-major-category-btn[data-v-138105ae],.trick-type-btn[data-v-138105ae]{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-138105ae]{font-size:.6em;padding:0 3px}.section.skills-section[data-v-138105ae]{margin:var(--spacing-xs) 0;padding:var(--spacing-sm) var(--spacing-xs);border-radius:0;box-shadow:none}.skill-action-buttons[data-v-138105ae]{flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-xxs)}.skill-action-buttons .btn[data-v-138105ae]{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-138105ae]{padding-left:2.2em;padding-right:2.2em;height:32px;line-height:32px}.search-icon[data-v-138105ae]{left:.5em;font-size:1em}.clear-btn[data-v-138105ae]{right:.3em;font-size:1em}.filter-select[data-v-138105ae]{font-size:var(--font-size-xs);min-height:32px}.skills-grid[data-v-138105ae]{grid-template-columns:1fr;gap:var(--spacing-xs)}.skill-card[data-v-138105ae]{padding:var(--spacing-xs);min-width:unset;box-shadow:var(--shadow-xs)}.skill-header[data-v-138105ae]{padding:var(--spacing-xxs) 0;margin:calc(var(--spacing-xs)*-1);margin-bottom:var(--spacing-xs)}.skill-name[data-v-138105ae]{font-size:var(--font-size-sm)}.skill-status[data-v-138105ae]{font-size:var(--font-size-xxs);padding:1px 4px}.skill-description[data-v-138105ae],.skill-level-name[data-v-138105ae]{font-size:var(--font-size-xxs)}.proficiency-value[data-v-138105ae]{font-size:var(--font-size-xs)}.skill-footer[data-v-138105ae]{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-138105ae]::-webkit-scrollbar{display:none}.skill-footer .action-btn[data-v-138105ae]{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-138105ae]{margin-left:3px;padding:1px 3px}.video-badge[data-v-138105ae]{font-size:.6em;padding:1px 3px;min-width:16px;height:16px}.level-item[data-v-138105ae]{margin:0 0 var(--spacing-xs) 0;box-shadow:none}.level-header-compact[data-v-138105ae]{padding:var(--spacing-xs);min-height:40px;border-radius:0;box-shadow:none}.level-item[data-v-138105ae]:has(>.level-header-compact+div.skills-grid){box-shadow:0 0 0 2px rgba(var(--color-primary-blue-rgb),.3)}.level-badge[data-v-138105ae]{font-size:var(--font-size-xs);padding:1px 6px}.progress-bar-mini[data-v-138105ae]{width:60px;height:6px}.progress-percent[data-v-138105ae]{font-size:var(--font-size-xxs)}.next-level-unlock-tip[data-v-138105ae]{margin:10px 0;padding:8px;border-radius:0}.tip-icon[data-v-138105ae]{font-size:20px}.tip-text p[data-v-138105ae]{font-size:var(--font-size-xxs)}.unlock-progress-bar[data-v-138105ae]{height:6px}.unlock-percent[data-v-138105ae]{font-size:10px}}.student-profile-card[data-v-12e9cdf1]{background-color:var(--color-background-card);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin:var(--spacing-md);box-shadow:var(--shadow-md)}.profile-main[data-v-12e9cdf1]{display:flex;align-items:flex-start;gap:var(--spacing-md);position:relative}.avatar-wrapper[data-v-12e9cdf1]{width:64px;height:64px;border-radius:var(--border-radius-full);overflow:hidden;flex-shrink:0;border:2px solid var(--color-border-light)}.avatar-wrapper.initials[data-v-12e9cdf1]{display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--font-size-xl);font-weight:700}.info-content[data-v-12e9cdf1]{flex-grow:1}.student-name[data-v-12e9cdf1]{font-size:var(--font-size-lg);color:var(--color-heading);margin:0}.user-id[data-v-12e9cdf1]{font-size:var(--font-size-xs);color:var(--color-text-light)}.secondary-meta[data-v-12e9cdf1]{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-medium);display:flex;gap:var(--spacing-xs)}.stats-grid[data-v-12e9cdf1]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light)}.stat-card[data-v-12e9cdf1]{display:flex;flex-direction:column;align-items:center;background:var(--color-background-mute);padding:var(--spacing-sm);border-radius:var(--border-radius-md)}.stat-label[data-v-12e9cdf1]{font-size:var(--font-size-xxs);color:var(--color-text-light);text-transform:uppercase}.stat-value[data-v-12e9cdf1]{font-size:var(--font-size-md);font-weight:700;color:var(--color-primary-blue2)}.stat-value-sm[data-v-12e9cdf1]{font-size:var(--font-size-xs);font-weight:600}.warning-text[data-v-12e9cdf1]{color:var(--color-danger)!important}.detail-tabs[data-v-12e9cdf1]{display:flex;background:var(--color-background-card);margin:0 var(--spacing-md);border-radius:var(--border-radius-md);padding:4px}.tab-item[data-v-12e9cdf1]{flex:1;text-align:center;padding:var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-medium);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);cursor:pointer}.tab-item.active[data-v-12e9cdf1]{background-color:var(--color-primary-cyan);color:var(--color-white)}.fade-enter-active[data-v-12e9cdf1],.fade-leave-active[data-v-12e9cdf1]{transition:opacity .2s ease}.fade-enter-from[data-v-12e9cdf1],.fade-leave-to[data-v-12e9cdf1]{opacity:0}.modal-overlay[data-v-4bfa739c]{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-4bfa739c]{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-4bfa739c]{max-width:550px}.modal-header[data-v-4bfa739c]{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-4bfa739c]{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-4bfa739c]{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-4bfa739c]{padding:var(--spacing-sm);flex-grow:1;overflow-y:auto}.session-detail-content[data-v-4bfa739c]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-section[data-v-4bfa739c]{background-color:var(--color-background-card);border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.detail-section h4[data-v-4bfa739c]{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-4bfa739c]{display:flex;margin-bottom:var(--spacing-xxs);font-size:var(--font-size-sm);line-height:var(--line-height-body)}.detail-row[data-v-4bfa739c]:last-child{margin-bottom:0}.detail-label[data-v-4bfa739c]{width:70px;color:var(--color-text-dark);font-weight:500;flex-shrink:0;margin-right:var(--spacing-xs)}.detail-value[data-v-4bfa739c]{flex:1;color:var(--color-text-dark);word-break:break-word}.detail-section-tricks[data-v-4bfa739c]{background-color:var(--color-primary-yellow);color:var(--color-black-rgb)}.detail-section-tricks h4[data-v-4bfa739c]{color:var(--color-text-dark);border-bottom-color:rgba(0,0,0,.1)}.detail-tricks[data-v-4bfa739c]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.detail-trick[data-v-4bfa739c]{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-4bfa739c]{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xxs);line-height:var(--line-height-body)}.trick-level[data-v-4bfa739c]{font-size:var(--font-size-sm);opacity:.8}.empty-detail[data-v-4bfa739c],.trick-level[data-v-4bfa739c]{color:var(--color-text-dark);line-height:var(--line-height-body)}.empty-detail[data-v-4bfa739c]{text-align:center;padding:var(--spacing-sm);opacity:.7;font-size:var(--font-size-base)}.feedback-content[data-v-4bfa739c],.notes-content[data-v-4bfa739c]{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-4bfa739c]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.btn[data-v-4bfa739c]{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-4bfa739c]:hover{opacity:.9;transform:translateY(-1px)}.btn[data-v-4bfa739c]:active{transform:translateY(0)}.btn-success[data-v-4bfa739c]{background-color:var(--color-primary-cyan);color:var(--color-white);border-color:var(--color-primary-cyan)}.btn-success[data-v-4bfa739c]:hover{background-color:#3bb1a9}.btn-primary[data-v-4bfa739c]{background-color:var(--color-primary-yellow);color:var(--color-black-rgb);border-color:var(--color-primary-yellow)}.btn-primary[data-v-4bfa739c]:hover{background-color:#e6b800}.btn-danger[data-v-4bfa739c]{background-color:var(--color-primary-red);color:var(--color-white);border-color:var(--color-primary-red)}.btn-danger[data-v-4bfa739c]:hover{background-color:#e65a5a}.status-badge[data-v-4bfa739c]{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-4bfa739c]{background-color:var(--color-primary-cyan)}.status-badge.status-warning[data-v-4bfa739c]{background-color:var(--color-primary-yellow);color:var(--color-black-rgb)}.status-badge.status-danger[data-v-4bfa739c]{background-color:var(--color-primary-red)}.status-badge.status-primary[data-v-4bfa739c]{background-color:var(--color-primary-cyan)}.status-badge.status-default[data-v-4bfa739c]{background-color:#b0b0b0;color:var(--color-white)}@media (max-width:767px){.modal-header h3[data-v-4bfa739c]{font-size:var(--font-size-base)}.close-btn[data-v-4bfa739c]{font-size:var(--font-size-md)}.detail-section h4[data-v-4bfa739c]{font-size:var(--font-size-sm)}.detail-row[data-v-4bfa739c]{flex-direction:column;align-items:flex-start;margin-bottom:var(--spacing-xs)}.detail-label[data-v-4bfa739c]{width:auto;margin-bottom:var(--spacing-xxs)}.detail-value[data-v-4bfa739c]{text-align:left}.btn[data-v-4bfa739c],.empty-detail p[data-v-4bfa739c],.feedback-content[data-v-4bfa739c],.notes-content[data-v-4bfa739c],.trick-level[data-v-4bfa739c],.trick-name[data-v-4bfa739c]{font-size:var(--font-size-sm)}.btn[data-v-4bfa739c]{padding:var(--spacing-xs) var(--spacing-sm)}}.student-training-history[data-v-603bf791]{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-603bf791]{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-603bf791]:last-child{margin-bottom:0}.section-title[data-v-603bf791]{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-603bf791]{display:flex;align-items:center;gap:var(--spacing-xs)}.compact-select[data-v-603bf791]{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-603bf791]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-sm);text-align:center}.spinner[data-v-603bf791]{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-603bf791 1s linear infinite}@keyframes spin-603bf791{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text[data-v-603bf791]{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-603bf791]{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-603bf791]{grid-template-columns:repeat(auto-fit,minmax(calc(33.33% - var(--spacing-xs)),1fr))}}@media (min-width:1024px){.stats-grid[data-v-603bf791]{grid-template-columns:repeat(auto-fit,minmax(calc(25% - var(--spacing-xs)),1fr))}}.stat-card[data-v-603bf791]{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-603bf791]{background-color:var(--color-primary-red)}.stat-card-cyan[data-v-603bf791]{background-color:var(--color-primary-cyan)}.stat-card-yellow[data-v-603bf791]{background-color:var(--color-primary-yellow);color:var(--color-black-rgb)}.stat-value[data-v-603bf791]{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-xs);line-height:var(--line-height-body)}.stat-label[data-v-603bf791]{font-size:var(--font-size-sm);opacity:.9;line-height:var(--line-height-body)}.training-frequency[data-v-603bf791]{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-603bf791]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.frequency-header h3[data-v-603bf791]{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-603bf791]{display:flex;border:1px solid var(--color-border-light);border-radius:4px;overflow:hidden}.period-btn[data-v-603bf791]{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-603bf791]{background-color:var(--color-primary-cyan);color:var(--color-white)}.period-btn[data-v-603bf791]:hover:not(.active){background-color:var(--color-background-light)}.chart-container[data-v-603bf791]{height:100px;display:flex;flex-direction:column}.chart-labels[data-v-603bf791]{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.chart-label[data-v-603bf791]{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-603bf791]{display:flex;height:100%;align-items:flex-end;flex:1;gap:var(--spacing-xxs)}.chart-bar-container[data-v-603bf791]{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar[data-v-603bf791]{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-603bf791]{background-color:var(--color-primary-red)}.chart-value[data-v-603bf791]{font-size:var(--font-size-xxs);color:var(--color-text-dark);opacity:.7;line-height:var(--line-height-body)}.empty-state[data-v-603bf791]{text-align:center;padding:var(--spacing-md);color:var(--color-text-dark);opacity:.7}.empty-state p[data-v-603bf791]{margin-bottom:var(--spacing-sm);line-height:var(--line-height-body)}.training-cards-grid[data-v-603bf791]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-xs);padding:var(--spacing-xs)}.training-card[data-v-603bf791]{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-603bf791]{background-color:var(--color-primary-red);color:var(--color-white)}.training-card.color-1[data-v-603bf791]{background-color:var(--color-primary-yellow);color:var(--color-black-rgb)}.training-card.color-2[data-v-603bf791]{background-color:var(--color-primary-cyan);color:var(--color-white)}.training-card.color-1 .detail-label[data-v-603bf791],.training-card.color-1 .detail-value[data-v-603bf791]{color:var(--color-text-dark)}.training-card.color-1 .card-footer-compact[data-v-603bf791]{border-top-color:rgba(0,0,0,.1)}.training-card.color-1 .btn-view-details-compact[data-v-603bf791]{background-color:var(--color-text-dark);color:var(--color-white)}.training-card.color-1 .btn-view-details-compact[data-v-603bf791]:hover{background-color:#555}.training-card.color-0 .detail-label[data-v-603bf791],.training-card.color-0 .detail-value[data-v-603bf791],.training-card.color-2 .detail-label[data-v-603bf791],.training-card.color-2 .detail-value[data-v-603bf791]{color:var(--color-white)}.training-card.color-0 .card-footer-compact[data-v-603bf791],.training-card.color-2 .card-footer-compact[data-v-603bf791]{border-top-color:hsla(0,0%,100%,.2)}.training-card.color-0 .btn-view-details-compact[data-v-603bf791],.training-card.color-2 .btn-view-details-compact[data-v-603bf791]{background-color:var(--color-white);color:var(--color-text-dark)}.training-card.color-0 .btn-view-details-compact[data-v-603bf791]:hover,.training-card.color-2 .btn-view-details-compact[data-v-603bf791]:hover{background-color:var(--color-border-light)}.training-card[data-v-603bf791]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.training-card .card-header-compact[data-v-603bf791]{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-603bf791]{font-size:var(--font-size-sm);opacity:.9}.training-card .card-body-compact[data-v-603bf791]{flex-grow:1;margin-bottom:var(--spacing-xxs);display:flex;flex-direction:column;gap:var(--spacing-xxs)}.training-card .detail-row[data-v-603bf791]{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-603bf791]{font-weight:500;flex-shrink:0;margin-right:var(--spacing-xxs)}.training-card .detail-value[data-v-603bf791]{text-align:right;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.training-card .card-duration-compact[data-v-603bf791]{font-size:var(--font-size-xs);opacity:.8;margin-top:var(--spacing-xxs)}.training-card .card-footer-compact[data-v-603bf791]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xxs)}.training-card .session-status-compact[data-v-603bf791]{font-size:var(--font-size-xs);font-weight:600}.training-card .btn-view-details-compact[data-v-603bf791]{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-603bf791]:hover{background-color:var(--color-border-light)}.status-success[data-v-603bf791]{color:var(--color-status-success)}.status-warning[data-v-603bf791]{color:var(--color-status-warning)}.status-danger[data-v-603bf791]{color:var(--color-status-danger)}.status-primary[data-v-603bf791]{color:var(--color-primary-cyan)}.status-default[data-v-603bf791]{color:#666}.pagination .btn-primary[data-v-603bf791]{background-color:var(--color-primary-cyan);color:var(--color-white);border-color:var(--color-primary-cyan)}.pagination .btn-primary[data-v-603bf791]:hover:not(:disabled){background-color:#3bb1a9;border-color:#3bb1a9}@media (max-width:767px){.section-title[data-v-603bf791]{font-size:var(--font-size-base);flex-wrap:wrap}.section-filters[data-v-603bf791]{width:100%;justify-content:center;margin-top:var(--spacing-xs)}.compact-select[data-v-603bf791]{font-size:var(--font-size-xs);padding:var(--spacing-xxs) var(--spacing-xs)}.stats-grid[data-v-603bf791]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat-value[data-v-603bf791]{font-size:var(--font-size-md)}.stat-label[data-v-603bf791]{font-size:var(--font-size-xxs)}.frequency-header h3[data-v-603bf791]{font-size:var(--font-size-sm)}.period-btn[data-v-603bf791]{font-size:var(--font-size-xxs);padding:var(--spacing-xxs) var(--spacing-xs)}.training-cards-grid[data-v-603bf791]{grid-template-columns:1fr}.training-card[data-v-603bf791]{min-height:120px}.training-card .detail-row[data-v-603bf791]{font-size:var(--font-size-xs)}.training-card .detail-label[data-v-603bf791],.training-card .detail-value[data-v-603bf791]{line-height:1.2}}@media (min-width:768px){.btn[data-v-603bf791],.period-btn[data-v-603bf791]{min-width:46px;min-height:46px}.btn-small[data-v-603bf791],.btn-view-details-compact[data-v-603bf791],.period-btn[data-v-603bf791]{min-width:unset;min-height:unset;height:28px;padding:1px var(--spacing-xs)}}.student-my-videos-dashboard[data-v-7280739a]{display:flex;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;box-sizing:border-box;padding:3px 6px 0;background-color:var(--color-background-light);overflow:hidden}.dashboard-content[data-v-7280739a]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.video-list-region[data-v-7280739a]{flex:1;min-height:0;display:flex;overflow:hidden}.video-list-region[data-v-7280739a] .practice-videos-container{flex:1;min-height:0;height:100%;overflow:hidden}.search-filter-sort-wrapper[data-v-32924ef4]{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-32924ef4]{flex-wrap:wrap}.filter-group[data-v-32924ef4],.filter-sort-container[data-v-32924ef4]{display:flex;gap:var(--spacing-xxs);align-items:center}.filter-label[data-v-32924ef4]{font-size:var(--font-size-sm);color:var(--color-text-medium);white-space:nowrap;margin-right:var(--spacing-xxs)}.compact-select[data-v-32924ef4]{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);line-height:var(--line-height-body);box-sizing:border-box;height:var(--touch-target-min-size);min-width:80px;background-color:var(--color-background-input);color:var(--color-text-dark);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='var(--select-arrow-svg-color)' 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-32924ef4]:focus{border-color:var(--color-primary-cyan);outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-cyan-rgb),.2)}.btn-icon[data-v-32924ef4]{width:var(--touch-target-min-size);height:var(--touch-target-min-size);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-32924ef4]:hover{background-color:var(--color-primary-blue)}[data-v-32924ef4]{box-sizing:border-box;margin:0;padding:0}.students-panel[data-v-32924ef4]{background-color:var(--color-background-card);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-32924ef4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xxs)}.panel-title[data-v-32924ef4]{font-size:var(--font-size-base);color:var(--color-heading);margin:0;line-height:var(--line-height-heading)}.panel-actions[data-v-32924ef4]{display:flex;gap:var(--spacing-xxs)}.tier-summary-mini[data-v-32924ef4]{display:flex;gap:4px;margin-left:var(--spacing-xs)}.tier-summary-mini .dot[data-v-32924ef4]{width:8px;height:8px;border-radius:50%;background-color:var(--color-border-light)}.tier-summary-mini .dot.disciple[data-v-32924ef4]{background-color:var(--tier-disciple-high-bg)}.tier-summary-mini .dot.intensive[data-v-32924ef4]{background-color:var(--tier-intensive-high-bg)}.tier-summary-mini .dot.local[data-v-32924ef4]{background-color:var(--tier-local-high-bg)}.btn[data-v-32924ef4]{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 var(--transition-normal);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-32924ef4]{padding:var(--spacing-xxs) var(--spacing-xs);font-size:var(--font-size-xs);min-width:unset;min-height:unset;height:28px;line-height:1}.btn-primary[data-v-32924ef4]{background-color:var(--color-primary-brand);color:var(--color-white);border-color:var(--color-primary-brand)}.btn-primary[data-v-32924ef4]:hover{background-color:var(--color-primary-blue-hover);border-color:var(--color-primary-blue-hover)}.btn-danger[data-v-32924ef4]{background-color:var(--color-primary-red);color:var(--color-white);border-color:var(--color-primary-red)}.btn-danger[data-v-32924ef4]:hover{background-color:var(--color-primary-red2);border-color:var(--color-primary-red2)}.btn-warning[data-v-32924ef4]{background-color:var(--color-primary-yellow);color:var(--color-text-dark);border-color:var(--color-primary-yellow)}.btn-warning[data-v-32924ef4]:hover{background-color:var(--color-warning-hover);border-color:var(--color-warning-hover)}.search-container[data-v-32924ef4]{padding-bottom:var(--spacing-xxs)}.compact-input[data-v-32924ef4]{width:100%;padding:var(--spacing-xs);border:1px solid var(--color-border-medium);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);background-color:var(--color-background-input);color:var(--color-text-dark)}.compact-input[data-v-32924ef4]:focus{border-color:var(--color-primary-cyan);outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-cyan-rgb),.2)}.students-avatars-grid[data-v-32924ef4]{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}.students-avatars-grid.expanded[data-v-32924ef4]{grid-template-columns:1fr}.avatar-list-wrapper[data-v-32924ef4]{display:contents}.student-item-clickable[data-v-32924ef4]{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 var(--transition-normal),border-color var(--transition-normal),transform var(--transition-fast);min-width:60px;min-height:90px;position:relative;background-color:var(--color-background-card);overflow:hidden}.student-item-clickable[data-v-32924ef4]:hover{background-color:var(--color-background-hover);border-color:var(--color-primary-cyan);transform:translateY(-1px)}.student-item-clickable.active[data-v-32924ef4]{background-color:rgba(var(--color-primary-cyan-rgb),.1);border-color:var(--color-primary-cyan)}.student-item-clickable.is-urgent[data-v-32924ef4]{border-color:var(--color-primary-red);box-shadow:0 0 0 2px rgba(var(--color-primary-red-rgb),.3)}.student-item-clickable.high-tier[data-v-32924ef4]{border-color:var(--tier-disciple-high-bg);box-shadow:0 0 0 2px rgba(var(--tier-disciple-high-bg-rgb),.3)}.tier-priority-strip[data-v-32924ef4]{position:absolute;left:0;top:0;width:3px;height:100%;background:var(--color-border-light)}.tier-disciple .tier-priority-strip[data-v-32924ef4]{background:var(--tier-disciple-high-bg);box-shadow:0 0 5px 1px var(--tier-disciple-high-glow)}.tier-intensive .tier-priority-strip[data-v-32924ef4]{background:var(--tier-intensive-high-bg)}.tier-local .tier-priority-strip[data-v-32924ef4]{background:var(--tier-local-high-bg)}.tier-trial .tier-priority-strip[data-v-32924ef4]{background:var(--tier-trial-high-bg)}.avatar-wrapper[data-v-32924ef4]{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:all var(--transition-normal);background-color:var(--skill-level-default-bg);color:var(--skill-level-default-text)}.avatar-wrapper.tier-disciple[data-v-32924ef4]{background-color:var(--tier-disciple-avatar-bg);color:var(--tier-disciple-avatar-text)}.avatar-wrapper.tier-intensive[data-v-32924ef4]{background-color:var(--tier-intensive-avatar-bg);color:var(--tier-intensive-avatar-text)}.avatar-wrapper.tier-local[data-v-32924ef4]{background-color:var(--tier-local-avatar-bg);color:var(--tier-local-avatar-text)}.avatar-wrapper.tier-trial[data-v-32924ef4]{background-color:var(--tier-trial-avatar-bg);color:var(--tier-trial-avatar-text)}.tier-ring[data-v-32924ef4]{position:absolute;inset:-2px;border-radius:50%;border:2px solid transparent;transition:all var(--transition-normal);pointer-events:none}.tier-ring.ring-disciple-high[data-v-32924ef4]{border-color:var(--tier-disciple-high-ring-color);box-shadow:0 0 8px 2px var(--tier-disciple-high-glow)}.tier-ring.ring-intensive-high[data-v-32924ef4]{border-color:var(--tier-intensive-high-ring-color)}.tier-ring.ring-local-high[data-v-32924ef4]{border-color:var(--tier-local-high-ring-color)}.tier-ring.ring-trial-high[data-v-32924ef4]{border-color:var(--tier-trial-high-ring-color)}.student-avatar[data-v-32924ef4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.student-initials[data-v-32924ef4]{font-weight:700;font-size:1.2rem;line-height:1}.student-status-indicator[data-v-32924ef4]{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:var(--border-radius-full);border:2px solid var(--color-background-card);box-shadow:var(--shadow-xs)}.student-status-indicator.status-active[data-v-32924ef4]{background-color:var(--color-status-success)}.student-status-indicator.status-inactive[data-v-32924ef4]{background-color:var(--color-primary-red)}.student-status-indicator.status-urgent[data-v-32924ef4]{background-color:var(--status-urgent-border);animation:urgent-blink-32924ef4 1s infinite}@keyframes urgent-blink-32924ef4{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.student-status-indicator.status-priority[data-v-32924ef4]{background-color:var(--tier-disciple-high-bg);box-shadow:0 0 0 2px rgba(var(--tier-disciple-high-bg-rgb),.5)}.student-info-box[data-v-32924ef4]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;width:100%}.student-name-text[data-v-32924ef4]{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-32924ef4]{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-32924ef4]{width:40px;height:40px}.students-avatars-grid.expanded .student-avatar[data-v-32924ef4]{width:38px;height:38px}.students-avatars-grid.expanded .student-info-box[data-v-32924ef4]{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--spacing-xs)}.students-avatars-grid.expanded .student-name-text[data-v-32924ef4]{text-align:left;margin-top:0;margin-left:0;flex-grow:0;max-width:-moz-fit-content;max-width:fit-content}.expanded-meta[data-v-32924ef4]{display:flex;flex-direction:row;gap:4px;margin-left:var(--spacing-xs);flex-wrap:wrap}.session-badge[data-v-32924ef4]{font-size:var(--font-size-xxs);padding:1px 4px;border-radius:4px;text-align:center;white-space:nowrap;line-height:1.2}.bg-urgent[data-v-32924ef4]{background:var(--status-urgent-bg);color:var(--status-urgent-text);border:1px solid var(--status-urgent-border)}.bg-warning[data-v-32924ef4]{background:var(--status-warning-bg);color:var(--status-warning-text);border:1px solid var(--status-warning-border)}.bg-normal[data-v-32924ef4]{background:var(--color-background-mute);color:var(--color-text-medium);border:1px solid var(--color-border-light)}.tier-tag[data-v-32924ef4]{font-size:var(--font-size-xxs);text-align:center;border-radius:4px;padding:1px 4px;background:var(--color-background-mute);white-space:nowrap;line-height:1.2}.tier-tag.tier-disciple[data-v-32924ef4]{background-color:var(--tier-disciple-tag-bg);color:var(--tier-disciple-tag-text)}.tier-tag.tier-intensive[data-v-32924ef4]{background-color:var(--tier-intensive-tag-bg);color:var(--tier-intensive-tag-text)}.tier-tag.tier-local[data-v-32924ef4]{background-color:var(--tier-local-tag-bg);color:var(--tier-local-tag-text)}.tier-tag.tier-trial[data-v-32924ef4]{background-color:var(--tier-trial-tag-bg);color:var(--tier-trial-tag-text)}.urgent-tag[data-v-32924ef4]{position:absolute;top:-5px;right:-5px;background:var(--color-primary-red);color:#fff;width:16px;height:16px;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:var(--shadow-sm);z-index:10}.load-more-container[data-v-32924ef4]{padding:var(--spacing-xs);display:flex;justify-content:center}.btn-full-width[data-v-32924ef4]{width:100%}@media (min-width:768px){.students-panel[data-v-32924ef4]{max-width:200px;height:100%}.student-info-box .expanded-meta[data-v-32924ef4]{display:none}.students-avatars-grid.expanded .student-info-box .expanded-meta[data-v-32924ef4]{display:flex}}@media (max-width:767px){.students-panel[data-v-32924ef4]{padding:var(--spacing-sm);gap:var(--spacing-xs);border-radius:0;box-shadow:none;flex-grow:0;height:auto}.panel-header[data-v-32924ef4]{margin-bottom:var(--spacing-xs)}.students-avatars-grid[data-v-32924ef4]{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-32924ef4]{flex-shrink:0;width:70px;height:auto;min-height:90px;max-height:none;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-xxs)}.students-avatars-grid .avatar-wrapper[data-v-32924ef4]{width:48px;height:48px;flex-shrink:0}.students-avatars-grid .student-avatar[data-v-32924ef4]{width:46px;height:46px}.students-avatars-grid .student-name-text[data-v-32924ef4]{font-size:var(--font-size-xs);line-height:1.1;margin-top:var(--spacing-xxs);min-height:1.1em}.student-info-box .expanded-meta[data-v-32924ef4]{display:none}.students-avatars-grid.expanded[data-v-32924ef4]{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-32924ef4]{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-32924ef4]{width:40px;height:40px}.students-avatars-grid.expanded .student-avatar[data-v-32924ef4]{width:38px;height:38px}.students-avatars-grid.expanded .student-info-box[data-v-32924ef4]{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--spacing-xs)}.students-avatars-grid.expanded .student-name-text[data-v-32924ef4]{font-size:var(--font-size-sm);margin-left:0}.students-avatars-grid.expanded .student-info-box .expanded-meta[data-v-32924ef4]{display:flex}}.student-overview-panel[data-v-adc59312]{grid-area:summary}.student-overview-panel .panel-header[data-v-adc59312]{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-xxs);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-xs)}.student-overview-panel .panel-title[data-v-adc59312]{font-size:var(--font-size-md);margin:0;flex-grow:1}.student-header-status .status-chip[data-v-adc59312]{font-size:var(--font-size-sm);padding:2px 8px}.student-summary-content[data-v-adc59312]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.summary-stats-grid[data-v-adc59312]{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-xxs);flex-wrap:wrap}.stat-item[data-v-adc59312]{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-adc59312]{font-size:calc(var(--font-size-base)*1.2);font-weight:700;line-height:1.2}.stat-label[data-v-adc59312]{font-size:11px;color:#555;line-height:1.2}.stat-item-pending[data-v-adc59312]{background-color:rgba(var(--color-primary-yellow-rgb),.1);border-color:var(--color-primary-yellow)}.stat-item-active[data-v-adc59312]{background-color:rgba(var(--color-primary-cyan-rgb),.1);border-color:var(--color-primary-cyan)}.stat-item-completed[data-v-adc59312]{background-color:rgba(var(--color-primary-red-rgb),.1);border-color:var(--color-primary-red)}.stat-item-mastered[data-v-adc59312]{background-color:rgba(var(--color-primary-green-rgb),.1);border-color:var(--color-primary-green)}.stat-item-training[data-v-adc59312]{background-color:rgba(var(--color-primary-cyan-rgb),.1);border-color:var(--color-primary-cyan)}.dashboard-container[data-v-f1b444b6]{display:flex;flex-direction:column;background-color:var(--color-background-light);color:var(--color-text-dark);transition:background-color var(--transition-normal),color var(--transition-normal)}.dashboard-header[data-v-f1b444b6]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary-brand);color:var(--color-white);box-shadow:var(--shadow-md);z-index:1}.dashboard-header .title[data-v-f1b444b6]{color:var(--color-white);margin:0;font-size:var(--font-size-md);font-weight:600}.user-info[data-v-f1b444b6]{display:flex;align-items:center;gap:var(--spacing-sm)}.coach-name[data-v-f1b444b6]{font-weight:500;font-size:var(--font-size-sm)}.avatar[data-v-f1b444b6]{width:36px;height:36px;border-radius:var(--border-radius-full);border:2px solid hsla(0,0%,100%,.8);-o-object-fit:cover;object-fit:cover}.btn-dark-mode-toggle-mini[data-v-f1b444b6]{background:rgba(0,0,0,.1);border:none;border-radius:var(--border-radius-sm);cursor:pointer;padding:var(--spacing-xxs) var(--spacing-xs);font-size:var(--font-size-sm);transition:background var(--transition-fast)}.btn-dark-mode-toggle-mini[data-v-f1b444b6]:hover{background:rgba(0,0,0,.2)}.dashboard-main-grid[data-v-f1b444b6]{display:grid;grid-template-columns:180px 1fr;gap:var(--spacing-sm);flex-grow:1;padding:var(--spacing-sm)}.main-right-grid[data-v-f1b444b6]{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-lg)}[data-v-f1b444b6] .panel{background-color:var(--color-background-card);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:background-color var(--transition-normal),border-color var(--transition-normal)}@media (max-width:767px){.dashboard-main-grid[data-v-f1b444b6]{grid-template-columns:1fr;padding:var(--spacing-xs);overflow:visible}.students-panel[data-v-f1b444b6]{max-width:unset;height:auto}.dashboard-header .title[data-v-f1b444b6]{font-size:var(--font-size-base)}}.loading-spinner-small[data-v-f1b444b6]:after{border:2px solid var(--color-primary-brand);border-top-color:transparent}.student-course-overview-container[data-v-070c5e99]{font-family:var(--font-sans);background-color:var(--color-background-main);padding:var(--spacing-xs);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:1000px;width:100%;padding-bottom:var(--app-footer-height)}.header-filters-wrapper[data-v-070c5e99]{background-color:var(--color-background-card);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px}.main-title[data-v-070c5e99]{font-size:var(--font-size-md);font-weight:700;color:var(--color-primary-brand);margin:0}.controls[data-v-070c5e99]{display:flex;flex-wrap:wrap;gap:4px;align-items:center;flex-grow:1;justify-content:flex-end}.filter-select[data-v-070c5e99],.form-input-compact[data-v-070c5e99]{padding:2px 4px;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:12px;min-height:28px;max-width:110px}.date-range-picker[data-v-070c5e99]{display:flex;gap:4px;align-items:center}.btn[data-v-070c5e99]{padding:4px 8px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:12px;min-height:28px;font-weight:500}.refresh-button[data-v-070c5e99]{background-color:var(--color-primary-brand);color:var(--color-white);border:none}.state-card[data-v-070c5e99]{text-align:center;padding:10px;border-radius:var(--border-radius-lg);background-color:var(--color-background-card);border:1px solid var(--color-border-light);margin-top:10px}.sessions-list-grid[data-v-070c5e99]{display:flex;flex-direction:column;gap:6px}.session-card[data-v-070c5e99]{background-color:var(--color-background-card);border:1px solid var(--color-border-dark);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-xs);transition:all var(--transition-fast) ease;cursor:pointer}.session-card.is-locked[data-v-070c5e99]{opacity:.75;cursor:default;border-style:dashed}.session-card[data-v-070c5e99]:hover:not(.is-locked){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.card-header[data-v-070c5e99]{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background-color:var(--color-background-soft);border-bottom:1px solid var(--color-border-light)}.session-title[data-v-070c5e99]{display:flex;align-items:center;gap:6px}.lock-icon[data-v-070c5e99]{font-size:10px;filter:grayscale(1)}.date-text[data-v-070c5e99]{font-weight:700;font-size:13px;color:var(--color-primary-brand)}.time-text[data-v-070c5e99]{font-size:11px;color:var(--color-text-light)}.status-badge[data-v-070c5e99]{font-size:10px;padding:1px 6px;border-radius:10px;font-weight:600}.status-tag-success[data-v-070c5e99]{background-color:var(--color-status-success-bg);color:var(--color-status-success)}.status-tag-info[data-v-070c5e99]{background-color:rgba(var(--color-primary-brand-rgb),.1);color:var(--color-primary-brand)}.status-tag-danger[data-v-070c5e99]{background-color:var(--color-status-danger-bg);color:var(--color-status-danger)}.card-body[data-v-070c5e99]{padding:6px 10px;display:flex;flex-direction:column;gap:4px}.coach-info-row[data-v-070c5e99]{font-size:11px;display:flex;gap:4px;color:var(--color-text-light)}.text-content-row[data-v-070c5e99]{display:flex;flex-direction:column;gap:2px}.mini-section[data-v-070c5e99]{display:flex;align-items:baseline;gap:4px;font-size:12px}.label[data-v-070c5e99]{color:var(--color-text-medium);font-weight:600;flex-shrink:0}.content-truncate[data-v-070c5e99]{color:var(--color-text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.skills-mini-list[data-v-070c5e99]{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px;padding-top:4px;border-top:1px dashed var(--color-border-light)}.skill-mini-item[data-v-070c5e99]{display:flex;align-items:center;gap:4px;background:var(--color-background-mute);padding:2px 6px;border-radius:4px;font-size:11px}.skill-name-tiny[data-v-070c5e99]{font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-progress-wrapper[data-v-070c5e99]{width:30px;height:4px;background:var(--color-gray-light);border-radius:2px;overflow:hidden}.mini-progress-fill[data-v-070c5e99]{height:100%;border-radius:2px}.skill-percent[data-v-070c5e99]{font-size:10px;font-weight:700;color:var(--color-text-medium)}.base-pagination-wrapper[data-v-070c5e99]{margin-top:10px;padding:4px;border-top:1px solid var(--color-border-light);display:flex;justify-content:center;background-color:var(--color-background-card);border-radius:var(--border-radius-md)}@media (max-width:767px){.filter-select[data-v-070c5e99],.form-input-compact[data-v-070c5e99]{max-width:85px}.skill-name-tiny[data-v-070c5e99]{max-width:60px}}.student-course-review-dashboard-container[data-v-db9c7a8a]{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-db9c7a8a]{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-db9c7a8a]{color:var(--color-white);margin-bottom:0;font-size:var(--font-size-lg);line-height:var(--line-height-heading)}.dashboard-main-grid[data-v-db9c7a8a]{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-db9c7a8a]{max-width:200px;height:100%;overflow-y:auto}.main-right-content[data-v-db9c7a8a]{display:flex;flex-direction:column;background-color:var(--color-background-card);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-db9c7a8a]{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-db9c7a8a]{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:var(--spacing-sm)}.students-panel[data-v-db9c7a8a]{max-width:unset;height:auto}.main-right-content[data-v-db9c7a8a]{padding-bottom:var(--app-footer-height)}.dashboard-header .title[data-v-db9c7a8a]{font-size:var(--font-size-md)}}@media (max-width:480px){.dashboard-header[data-v-db9c7a8a]{padding:var(--spacing-xxs) var(--spacing-xs)}}.student-management-container[data-v-435a96b2]{--mgmt-bg:var(--color-background-light);--mgmt-surface:var(--color-background-card);--mgmt-text:var(--color-text-dark);--mgmt-muted:var(--color-text-medium);--mgmt-border:var(--color-border);--mgmt-hover:var(--color-background-soft);--mgmt-primary:var(--color-primary-green);--mgmt-primary-hover:var(--color-success);--mgmt-primary-contrast:var(--color-white);--mgmt-shadow:var(--shadow-md);--mgmt-header-height:calc(var(--touch-target-min-size) + var(--spacing-sm)*2);display:flex;flex-direction:column;flex:1;min-height:0;background:var(--mgmt-bg);color:var(--mgmt-text);font-family:var(--font-sans);position:relative;z-index:0;isolation:isolate}.dark-mode .student-management-container[data-v-435a96b2],.student-management-container.dark-mode[data-v-435a96b2]{--mgmt-bg:var(--color-background-light);--mgmt-surface:var(--color-background-card);--mgmt-text:var(--color-text-dark);--mgmt-muted:var(--color-text-medium);--mgmt-border:var(--color-border);--mgmt-hover:var(--color-background-soft);--mgmt-primary:var(--color-secondary-brand);--mgmt-primary-hover:var(--color-secondary-light);--mgmt-primary-contrast:var(--color-white);--mgmt-shadow:0 4px 12px rgba(0,0,0,.4)}.fixed-tabs-wrapper[data-v-435a96b2]{position:sticky;top:0;z-index:20;background-color:var(--mgmt-surface);border-bottom:2px solid var(--mgmt-border);padding:0 var(--spacing-xs);height:var(--mgmt-header-height);flex-shrink:0;box-shadow:var(--shadow-sm)}.custom-tabs-nav[data-v-435a96b2]{display:flex;align-items:center;height:100%;gap:8px}.tabs-main-scroll[data-v-435a96b2]{display:flex;flex:1;min-width:0;overflow-x:auto;gap:8px;scrollbar-width:thin;scrollbar-color:var(--mgmt-muted) var(--mgmt-surface)}.tabs-main-scroll[data-v-435a96b2]::-webkit-scrollbar{height:4px}.tabs-main-scroll[data-v-435a96b2]::-webkit-scrollbar-track{background:var(--mgmt-surface)}.tabs-main-scroll[data-v-435a96b2]::-webkit-scrollbar-thumb{background:var(--mgmt-muted);border-radius:var(--border-radius-full)}.tab-button[data-v-435a96b2]{position:relative;border:1px solid var(--mgmt-border);border-radius:var(--border-radius-md);background:var(--mgmt-surface);color:var(--mgmt-text);min-height:var(--touch-target-min-size);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast) ease;box-shadow:var(--shadow-xs)}.tab-button[data-v-435a96b2]:hover:not(.is-active){background:var(--mgmt-hover);border-color:var(--mgmt-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.tab-button.is-active[data-v-435a96b2]{background:linear-gradient(135deg,var(--mgmt-primary) 0,var(--mgmt-primary-hover) 100%);border-color:var(--mgmt-primary);color:var(--mgmt-primary-contrast);box-shadow:0 4px 12px rgba(var(--color-primary-green-rgb),.3);font-weight:700}.more-tabs-container[data-v-435a96b2]{position:relative;flex-shrink:0}.more-tab-button[data-v-435a96b2]{min-width:74px}.more-tabs-menu[data-v-435a96b2]{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;border:1px solid var(--mgmt-border);border-radius:var(--border-radius-md);background:var(--mgmt-surface);box-shadow:var(--shadow-lg);z-index:80;padding:var(--spacing-xs);animation:slideDown-435a96b2 .2s ease}@keyframes slideDown-435a96b2{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.more-tabs-group+.more-tabs-group[data-v-435a96b2]{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--mgmt-border)}.more-tabs-group-title[data-v-435a96b2]{font-size:var(--font-size-xs);color:var(--mgmt-muted);margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.more-tab-item[data-v-435a96b2]{width:100%;text-align:left;border:none;background:transparent;border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--mgmt-text);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast) ease}.more-tab-item[data-v-435a96b2]:hover{background:var(--mgmt-hover);transform:translateX(2px)}.more-tab-item.is-active[data-v-435a96b2]{background:linear-gradient(135deg,var(--mgmt-primary) 0,var(--mgmt-primary-hover) 100%);color:var(--mgmt-primary-contrast);font-weight:600}.tab-badge[data-v-435a96b2]{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--border-radius-full);background:linear-gradient(135deg,var(--color-status-danger) 0,var(--color-primary-red) 100%);color:var(--color-white);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(var(--color-status-danger-rgb),.4);border:2px solid var(--mgmt-surface)}.tabs-content-wrapper[data-v-435a96b2]{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:clamp(12px,1.5vw,20px);background-color:var(--mgmt-bg)}.tab-content-pane[data-v-435a96b2]{display:flex;flex-direction:column;min-height:0}@media (max-width:1024px){.tab-button[data-v-435a96b2]{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-xs)}}@media (max-width:767px){.student-management-container[data-v-435a96b2]{--mgmt-header-height:calc(var(--touch-target-min-size) + var(--spacing-xs)*2)}.fixed-tabs-wrapper[data-v-435a96b2]{padding:0 var(--spacing-xxs)}.tab-button[data-v-435a96b2]{font-size:var(--font-size-xs);padding:6px 8px}.more-tabs-menu[data-v-435a96b2]{min-width:200px}}.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{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--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-white-rgb:255,255,255;--color-black-rgb:#3b3b3b;--color-gray-500:#9e9e9e;--color-success:#4caf50;--color-warning:#ff9800;--color-danger:#f44336;--color-info:#2196f3;--color-info-dark:#5387be;--color-white:#fff;--color-black:#000;--color-text-dark:#333;--color-heading:#333;--color-text-light:#666;--color-text-light-rgb:102,102,102;--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:#d1dfed;--color-background-main:#fdfdfd;--color-background-card-rgb:255,255,255;--color-background-light-rgb:240,248,248;--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-accent-info:#3b82f6;--color-accent-success:#10b981;--color-accent-warning:#f59e0b;--color-accent-danger:#ef4444;--color-accent-muted:#64748b;--color-accent-info-rgb:59,130,246;--color-accent-success-rgb:16,185,129;--color-accent-warning-rgb:245,158,11;--color-accent-danger-rgb:239,68,68;--color-accent-muted-rgb:100,116,139;--color-status-success-rgb:76,175,80;--color-warning-rgb:255,152,0;--color-danger-rgb:244,67,54;--color-accent-feedback-rgb:255,111,0;--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-warning),0.2);--color-primary-brand:var(--color-primary-blue2);--color-primary-brand-rgb:var(--color-primary-blue2-rgb);--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;--color-package-type-junior-45min-text:var(--color-text-dark);--color-package-type-junior-90min-text:var(--color-text-dark);--color-package-type-advanced-10sessions-text:var(--color-text-dark);--color-package-type-advanced-large-pack-text:var(--color-text-dark);--color-package-type-no-package-text:var(--color-text-dark);--color-primary-blue-hover:#1976d2;--color-secondary-green-hover:#0e8352;--color-info-neutral-bg:#e9ecef;--color-info-neutral-color:#495057;--color-info-neutral-hover:#dee2e6;--color-warning-hover:#e68900;--color-success-hover:#388e3c;--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;--page-inline-padding:clamp(10px,1.6vw,20px);--page-block-padding:clamp(8px,1.2vw,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;--filter-flip-bg:#fee2e2;--filter-flip-color:#b91c1c;--filter-spin-bg:#f3e8ff;--filter-spin-color:#7e22ce;--filter-grind-bg:#fef3c7;--filter-grind-color:#b45309;--filter-switch-bg:#ccfbf1;--filter-switch-color:#0f766e;--filter-fakie-bg:#e0e7ff;--filter-fakie-color:#4338ca;--pinned-bg-light:#fffbeb;--pinned-border-light:#f59e0b;--completed-bg-light:#ecfdf5;--completed-border-light:#10b981;--card-completed-bg-light:#f0fdf4;--progress-color-0-1:#d9d9d9;--progress-color-1-20:#91d5ff;--progress-color-20-30:#69c0ff;--progress-color-30-40:#40a9ff;--progress-color-40-50:#ffd666;--progress-color-50-60:#ffc53d;--progress-color-60-70:#ffa940;--progress-color-70-80:#ff7a45;--progress-color-80-90:#73d13d;--progress-color-90-100:#52c41a;--progress-color-0-1-rgb:217,217,217;--progress-color-1-20-rgb:145,213,255;--progress-color-20-30-rgb:105,192,255;--progress-color-30-40-rgb:64,169,255;--progress-color-40-50-rgb:255,214,102;--progress-color-50-60-rgb:255,197,61;--progress-color-60-70-rgb:255,169,64;--progress-color-70-80-rgb:255,122,69;--progress-color-80-90-rgb:115,209,61;--progress-color-90-100-rgb:82,196,26;--select-arrow-svg-color:%236B7280;--progress-bg-color-0-1-light:rgba(var(--progress-color-0-1-rgb),0.1);--progress-bg-color-1-20-light:rgba(var(--progress-color-1-20-rgb),0.1);--progress-bg-color-20-30-light:rgba(var(--progress-color-20-30-rgb),0.1);--progress-bg-color-30-40-light:rgba(var(--progress-color-30-40-rgb),0.1);--progress-bg-color-40-50-light:rgba(var(--progress-color-40-50-rgb),0.1);--progress-bg-color-50-60-light:rgba(var(--progress-color-50-60-rgb),0.1);--progress-bg-color-60-70-light:rgba(var(--progress-color-60-70-rgb),0.1);--progress-bg-color-70-80-light:rgba(var(--progress-color-70-80-rgb),0.1);--progress-bg-color-80-90-light:rgba(var(--progress-color-80-90-rgb),0.1);--progress-bg-color-90-100-light:rgba(var(--progress-color-90-100-rgb),0.1);--skill-status-border-not-started-light:var(--color-gray-dark);--skill-status-border-learning-light:var(--color-primary-blue);--skill-status-border-practicing-light:var(--color-primary-orange);--skill-status-border-advancing-light:var(--color-primary-pink);--skill-status-border-refining-light:var(--color-primary-purple);--skill-status-border-mastered-light:var(--color-primary-green);--skill-status-bg-not-started-light:var(--color-gray-light);--skill-status-bg-learning-light:var(--color-primary-blue);--skill-status-bg-practicing-light:var(--color-primary-orange);--skill-status-bg-advancing-light:var(--color-primary-pink);--skill-status-bg-refining-light:var(--color-primary-purple);--skill-status-bg-mastered-light:var(--color-primary-green);--skill-status-text-not-started-light:var(--color-text-light);--skill-status-text-learning-light:var(--color-white);--skill-status-text-practicing-light:var(--color-white);--skill-status-text-advancing-light:var(--color-white);--skill-status-text-refining-light:var(--color-white);--skill-status-text-mastered-light:var(--color-white);--btn-update-progress-bg-light:#4a7bff;--btn-update-progress-hover-light:#3667e5;--btn-delete-trick-bg-light:var(--color-primary-red);--btn-delete-trick-hover-light:#d32f2f;--btn-global-progress-bg-light:var(--color-primary-blue);--btn-global-progress-hover-light:#5a7074;--btn-practice-video-none-bg-light:var(--color-gray-500);--btn-practice-video-mine-bg-light:var(--color-status-success);--btn-practice-video-public-bg-light:var(--color-primary-blue);--btn-practice-video-mixed-bg-light:var(--color-primary-purple);--skill-level-10-bg:var(--color-gray-light);--skill-level-10-text:var(--color-text-dark);--skill-level-20-bg:var(--color-primary-cyan);--skill-level-20-text:var(--color-white);--skill-level-30-bg:var(--color-primary-yellow);--skill-level-30-text:var(--color-text-dark);--skill-level-40-bg:var(--color-primary-blue);--skill-level-40-text:var(--color-white);--skill-level-50-bg:var(--color-primary-purple);--skill-level-50-text:var(--color-white);--skill-level-default-bg:var(--color-gray-light);--skill-level-default-text:var(--color-text-dark);--spacing-mobile-tight:4px;--spacing-mobile-base:8px;--touch-target-compact:32px;--tier-disciple-high-bg:linear-gradient(135deg,#7c2d92,#9333ea);--tier-disciple-high-text:#fff;--tier-disciple-high-border:#7c2d92;--tier-disciple-high-glow:0 0 8px rgba(124,45,146,.3);--tier-disciple-low-bg:linear-gradient(135deg,#a855f7,#c084fc);--tier-disciple-low-text:#fff;--tier-disciple-low-border:#a855f7;--tier-disciple-low-glow:0 0 6px rgba(168,85,247,.2);--tier-intensive-high-bg:linear-gradient(135deg,#dc2626,#ef4444);--tier-intensive-high-text:#fff;--tier-intensive-high-border:#dc2626;--tier-intensive-high-glow:0 0 6px rgba(220,38,38,.3);--tier-intensive-mid-bg:linear-gradient(135deg,#ea580c,#f97316);--tier-intensive-mid-text:#fff;--tier-intensive-mid-border:#ea580c;--tier-intensive-low-bg:#fed7aa;--tier-intensive-low-text:#9a3412;--tier-intensive-low-border:#fb923c;--tier-local-mid-bg:linear-gradient(135deg,#059669,#10b981);--tier-local-mid-text:#fff;--tier-local-mid-border:#059669;--tier-local-low-bg:#a7f3d0;--tier-local-low-text:#065f46;--tier-local-low-border:#34d399;--tier-trial-bg:#64748b;--tier-trial-text:#fff;--tier-trial-border:#475569;--status-urgent-bg:#fee2e2;--status-urgent-border:#dc2626;--status-urgent-text:#991b1b;--status-warning-bg:#fef3c7;--status-warning-border:#f59e0b;--status-warning-text:#92400e;--status-normal-bg:#ecfdf5;--status-normal-border:#10b981;--status-normal-text:#065f46;--dt-card-bg:#fff;--dt-card-bg-hover:#f8fafc;--dt-card-text:#333;--dt-card-text-muted:#666;--dt-priority-low:rgba(83,135,190,.25);--dt-priority-mid:rgba(83,135,190,.4);--dt-priority-high:rgba(83,135,190,.6);--dt-modal-bg:#fff;--dt-modal-border:#e0e0e0;--color-tv-accent:#3b82f6;--color-tv-accent-soft:rgba(59,130,246,.12);--color-tv-panel-start:#f3f8ff;--color-tv-panel-end:#eefaf7;--color-tv-topic-bg:#ecf4ff;--color-tv-topic-border:#b7d6ff;--color-tv-topic-text:#1d4ed8;--color-tv-category-bg:#f3ebff;--color-tv-category-border:#d8bcff;--color-tv-category-text:#6d28d9;--color-tv-card-top:#fff;--color-tv-card-bottom:#f9fcff;--color-tv-danger:#d14343}.dark-mode{--color-background-light:#121212;--color-background-card:#1e1e1e;--color-background-input:#2c2c2c;--color-background-hover:rgba(var(--color-primary-cyan-rgb),0.2);--color-background-mute:#282828;--color-background-soft:#37373b;--color-background-main:#121212;--color-background-card-rgb:30,30,30;--color-background-light-rgb:18,18,18;--color-text-dark:#e0e0e0;--color-heading:#fff;--color-text-light:#a0a0a0;--color-text-light-rgb:160,160,160;--color-gray-light:#4a4a4a;--color-gray-dark:#717171;--color-text-medium:#b0b0b0;--color-border:#3a3a3a;--color-border-light:#2a2a2a;--color-border-medium:#4a4a4a;--color-border-dark:#6a6a6a;--color-primary-brand:#63b3ed;--color-primary-brand-rgb:99,179,237;--color-primary-light:#90cdf4;--color-secondary-brand:#68d391;--color-secondary-light:#9ae6b4;--color-accent-vibrant:#f6e05e;--color-accent-feedback:#f6ad55;--color-status-success:#68d391;--color-status-warning:#f6ad55;--color-status-danger:#fc8181;--color-status-info:#63b3ed;--color-status-info-dark:#90cdf4;--color-accent-info:#60a5fa;--color-accent-success:#34d399;--color-accent-warning:#fbbf24;--color-accent-danger:#f87171;--color-accent-muted:#94a3b8;--color-accent-info-rgb:96,165,250;--color-accent-success-rgb:52,211,153;--color-accent-warning-rgb:251,191,36;--color-accent-danger-rgb:248,113,113;--color-accent-muted-rgb:148,163,184;--color-status-success-rgb:104,211,145;--color-accent-feedback-rgb:246,173,85;--color-status-danger-rgb:252,129,129;--color-status-success-bg:rgba(var(--color-status-success-rgb),0.2);--color-status-warning-bg:rgba(var(--color-accent-feedback-rgb),0.2);--color-status-danger-bg:rgba(var(--color-status-danger-rgb),0.2);--filter-flip-bg:#4a1c1c;--filter-flip-color:#f87171;--filter-spin-bg:#3a1c4a;--filter-spin-color:#c084fc;--filter-grind-bg:#4a3a1c;--filter-grind-color:#fbbf24;--filter-switch-bg:#1c4a3a;--filter-switch-color:#2dd4bf;--filter-fakie-bg:#1c3a4a;--filter-fakie-color:#818cf8;--pinned-bg-dark:#2f2412;--pinned-border-dark:#fbbf24;--completed-bg-dark:#1c2e20;--completed-border-dark:#68d391;--card-completed-bg-dark:#1c2e20;--color-white-rgb:255,255,255;--color-black-rgb:#3b3b3b;--color-overlay-dark:rgba(var(--color-black-rgb),0.7);--color-demonstration-bg:linear-gradient(135deg,#fff3cd,#ffeaa7);--color-demonstration-border:#f39c12;--color-demonstration-icon:#f39c12;--color-demonstration-text:#856404;--progress-color-0-1:#434343;--progress-color-1-20:#1890ff;--progress-color-20-30:#40a9ff;--progress-color-30-40:#69c0ff;--progress-color-40-50:#ffc53d;--progress-color-50-60:#ffd666;--progress-color-60-70:#ffa940;--progress-color-70-80:#ff7a45;--progress-color-80-90:#95de64;--progress-color-90-100:#b7eb8f;--progress-color-0-1-rgb:67,67,67;--progress-color-1-20-rgb:24,144,255;--progress-color-20-30-rgb:64,169,255;--progress-color-30-40-rgb:105,192,255;--progress-color-40-50-rgb:255,197,61;--progress-color-50-60-rgb:255,214,102;--progress-color-60-70-rgb:255,169,64;--progress-color-70-80-rgb:255,122,69;--progress-color-80-90-rgb:149,222,100;--progress-color-90-100-rgb:183,235,143;--select-arrow-svg-color:%23A0A0A0;--progress-bg-color-0-1-dark:rgba(var(--progress-color-0-1-rgb),0.2);--progress-bg-color-1-20-dark:rgba(var(--progress-color-1-20-rgb),0.2);--progress-bg-color-20-30-dark:rgba(var(--progress-color-20-30-rgb),0.2);--progress-bg-color-30-40-dark:rgba(var(--progress-color-30-40-rgb),0.2);--progress-bg-color-40-50-dark:rgba(var(--progress-color-40-50-rgb),0.2);--progress-bg-color-50-60-dark:rgba(var(--progress-color-50-60-rgb),0.2);--progress-bg-color-60-70-dark:rgba(var(--progress-color-60-70-rgb),0.2);--progress-bg-color-70-80-dark:rgba(var(--progress-color-70-80-rgb),0.2);--progress-bg-color-80-90-dark:rgba(var(--progress-color-80-90-rgb),0.2);--progress-bg-color-90-100-dark:rgba(var(--progress-color-90-100-rgb),0.2);--skill-status-border-not-started-dark:var(--color-gray-dark);--skill-status-border-learning-dark:var(--color-primary-brand);--skill-status-border-practicing-dark:var(--color-accent-feedback);--skill-status-border-advancing-dark:var(--color-primary-pink);--skill-status-border-refining-dark:var(--color-primary-purple);--skill-status-border-mastered-dark:var(--color-secondary-brand);--skill-status-bg-not-started-dark:var(--color-gray-light);--skill-status-bg-learning-dark:var(--color-primary-brand);--skill-status-bg-practicing-dark:var(--color-accent-feedback);--skill-status-bg-advancing-dark:var(--color-primary-pink);--skill-status-bg-refining-dark:var(--color-primary-purple);--skill-status-bg-mastered-dark:var(--color-secondary-brand);--skill-status-text-not-started-dark:var(--color-text-light);--skill-status-text-learning-dark:var(--color-white);--skill-status-text-practicing-dark:var(--color-white);--skill-status-text-advancing-dark:var(--color-white);--skill-status-text-refining-dark:var(--color-white);--skill-status-text-mastered-dark:var(--color-white);--btn-update-progress-bg-dark:#63b3ed;--btn-update-progress-hover-dark:#4299e1;--btn-delete-trick-bg-dark:#fc8181;--btn-delete-trick-hover-dark:#e53e3e;--btn-global-progress-bg-dark:#63b3ed;--btn-global-progress-hover-dark:#a0aec0;--btn-practice-video-none-bg-dark:var(--color-gray-dark);--btn-practice-video-mine-bg-dark:var(--color-status-success);--btn-practice-video-public-bg-dark:var(--color-primary-brand);--btn-practice-video-mixed-bg-dark:var(--color-primary-purple);--color-package-type-junior-45min:#1a237e;--color-package-type-junior-90min:#1b5e20;--color-package-type-advanced-10sessions:#ff6f00;--color-package-type-advanced-large-pack:#ad1457;--color-package-type-no-package:#424242;--color-package-type-junior-45min-text:var(--color-white);--color-package-type-junior-90min-text:var(--color-white);--color-package-type-advanced-10sessions-text:var(--color-white);--color-package-type-advanced-large-pack-text:var(--color-white);--color-package-type-no-package-text:var(--color-white);--color-gray-500:#757575;--color-primary-blue-hover:#4299e1;--color-secondary-green-hover:#48bb78;--color-info-neutral-bg:#3a3a3a;--color-info-neutral-color:#e0e0e0;--color-info-neutral-hover:#4a4a4a;--color-warning-hover:#e08e3b;--color-success-hover:#48bb78;--skill-level-10-bg:var(--color-gray-dark);--skill-level-10-text:var(--color-text-light);--skill-level-20-bg:#00807a;--skill-level-20-text:var(--color-white);--skill-level-30-bg:#b08000;--skill-level-30-text:var(--color-white);--skill-level-40-bg:var(--color-primary-brand);--skill-level-40-text:var(--color-white);--skill-level-50-bg:var(--color-primary-purple);--skill-level-50-text:var(--color-white);--skill-level-default-bg:var(--color-gray-dark);--skill-level-default-text:var(--color-text-light);--tier-disciple-high-bg:linear-gradient(135deg,#8b5cf6,#a78bfa);--tier-disciple-high-glow:0 0 10px rgba(139,92,246,.4);--tier-disciple-low-bg:linear-gradient(135deg,#c084fc,#ddd6fe);--tier-disciple-low-glow:0 0 8px rgba(192,132,252,.3);--tier-intensive-high-bg:linear-gradient(135deg,#ef4444,#f87171);--tier-intensive-high-glow:0 0 8px rgba(239,68,68,.4);--tier-intensive-mid-bg:linear-gradient(135deg,#f97316,#fb923c);--tier-local-mid-bg:linear-gradient(135deg,#10b981,#34d399);--tier-intensive-low-bg:#44403c;--tier-intensive-low-text:#fdba74;--tier-local-low-bg:#1f2937;--tier-local-low-text:#a7f3d0;--tier-trial-bg:#374151;--tier-trial-text:#d1d5db;--dt-card-bg:#1e232b;--dt-card-bg-hover:#242b35;--dt-card-text:#e6eaf0;--dt-card-text-muted:#9aa4b2;--dt-priority-low:rgba(99,179,237,.22);--dt-priority-mid:rgba(99,179,237,.35);--dt-priority-high:rgba(99,179,237,.5);--dt-modal-bg:#1f2732;--dt-modal-border:#2f3a49;--color-tv-accent:#7fb6ff;--color-tv-accent-soft:rgba(127,182,255,.18);--color-tv-panel-start:#1f2733;--color-tv-panel-end:#1c2d2a;--color-tv-topic-bg:rgba(59,130,246,.2);--color-tv-topic-border:rgba(96,165,250,.45);--color-tv-topic-text:#a7cbff;--color-tv-category-bg:rgba(147,51,234,.24);--color-tv-category-border:rgba(192,132,252,.45);--color-tv-category-text:#dfc6ff;--color-tv-card-top:#1f2732;--color-tv-card-bottom:#1b232e;--color-tv-danger:#ff8e8e;.modal-overlay{background-color:rgba(0,0,0,.7)}.slider{background-color:var(--color-gray-dark)}.role-info-card{background-color:var(--color-background-mute);border-color:var(--color-border-medium)}}.video-modal-fade-enter-active,.video-modal-fade-leave-active{transition:opacity .3s ease}.video-modal-fade-enter-from,.video-modal-fade-leave-to{opacity:0}.no-scroll{overflow:hidden!important;height:100vh!important}@media (max-width:767px){:root{--spacing-sm:6px;--spacing-md:10px;--spacing-lg:14px;--font-size-base:15px;--touch-target-min-size:48px;--page-inline-padding:10px;--page-block-padding:8px}}@keyframes tier-priority-pulse{0%,to{box-shadow:var(--tier-disciple-high-glow)}50%{box-shadow:var(--tier-disciple-high-glow),0 0 16px rgba(124,45,146,.5)}}@keyframes urgent-blink{0%,50%{border-color:var(--status-urgent-border)}51%,to{border-color:transparent}}@keyframes warning-pulse{0%,to{background-color:var(--status-warning-bg)}50%{background-color:rgba(245,158,11,.2)}}body,html{height:100%;height:100dvh;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;touch-action:manipulation}*,: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-heading)}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-brand);text-decoration:none;transition:color var(--transition-fast);touch-action:manipulation}a:hover{text-decoration:underline}[role=button],button{touch-action:manipulation}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:var(--color-background-mute);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:var(--color-overlay-backdrop-solid);display:flex;justify-content:center;align-items:center;z-index:1000}.select-students-modal-dialog{background-color:var(--color-background-card);border-radius:var(--border-radius-md);width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background-color:var(--color-background-mute)}.title-text{margin:0;font-weight:600;color:var(--color-heading)}.btn-close,.title-text{font-size:var(--font-size-md)}.btn-close{background:none;border:none;color:var(--color-text-light);cursor:pointer}.btn-close:hover{color:var(--color-heading)}.modal-body{padding:var(--spacing-lg);flex:1}.modal-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border-light);gap:var(--spacing-md);background-color:var(--color-background-mute)}.student-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.student-card{border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm);cursor:pointer;position:relative;transition:all .2s ease;background-color:var(--color-background-card)}.student-card:hover{background-color:var(--color-background-hover);border-color:var(--color-primary-brand)}.student-card.is-checked{background-color:rgba(var(--color-primary-brand-rgb),.15);border-color:var(--color-primary-brand)}.student-card.is-disabled{opacity:.6;cursor:not-allowed}.selected-students-summary{margin:var(--spacing-md) 0;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.selected-student-tag{background-color:rgba(var(--color-primary-brand-rgb),.15);border:1px solid var(--color-primary-brand);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);display:inline-flex;align-items:center;color:var(--color-primary-brand)}.remove-tag,.tag-close-btn{background:none;border:none;color:var(--color-primary-brand);margin-left:var(--spacing-xs);cursor:pointer;font-size:var(--font-size-base);line-height:1}.title{font-family:var(--font-title);text-align:center;color:var(--color-heading);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);color:var(--color-text-dark)}.panel-title{font-size:calc(var(--font-size-base)*1.1);margin-bottom:var(--spacing-xs);text-align:left;font-weight:600;color:var(--color-heading)}.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:26px;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;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:#3b3b3b}.btn-danger{background-color:var(--color-status-danger)}.btn-danger,.btn-info{color:var(--color-white)}.btn-info{background-color:var(--color-status-info)}.btn-accent-info{background-color:var(--color-accent-info);color:var(--color-white)}.btn-accent-success{background-color:var(--color-accent-success);color:var(--color-white)}.btn-accent-warning{background-color:var(--color-accent-warning);color:var(--color-black)}.btn-accent-danger{background-color:var(--color-accent-danger);color:var(--color-white)}.btn-accent-muted{background-color:var(--color-accent-muted);color:var(--color-white)}.btn-outline{background-color:transparent;color:var(--color-text-dark);border:1px solid var(--color-border-medium)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary-brand);background-color:rgba(var(--color-primary-brand-rgb),.08)}.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-brand);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:var(--color-background-hover)}.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);background-color:var(--color-background-input);color:var(--color-text-dark)}.compact-input:focus,.compact-select:focus,.compact-textarea:focus{outline:none;border-color:var(--color-primary-brand);box-shadow:0 0 0 2px rgba(var(--color-primary-brand-rgb),.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;color:var(--color-text-dark)}.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-background-card);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 var(--color-border-light)}.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 var(--color-border);border-top:2px solid var(--color-primary-brand);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:var(--color-text-light);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)}.modal-overlay{right:0;bottom:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(2px)}.modal-container{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:90vw;max-height:90vh;overflow:hidden;flex-direction:column}.modal-container,.modal-header{background-color:var(--color-background-card);display:flex}.modal-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--color-border);padding:var(--spacing-md);justify-content:space-between;align-items:center}.modal-close-btn{height:32px;width:32px;border-radius:10px;border:1px solid var(--color-border-medium);background-color:rgba(var(--color-background-card-rgb),.85);color:var(--color-text-dark);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.modal-close-btn:hover{background-color:var(--color-background-hover);border-color:var(--color-primary-brand)}.modal-close-btn:active{transform:translateY(1px)}.modal-container.modal-sm{width:min(520px,92vw)}.modal-container.modal-md{width:min(720px,92vw)}.modal-container.modal-lg{width:min(980px,94vw)}.modal-title{font-size:var(--font-size-lg);font-weight:600;margin:0}.modal-body{padding:var(--spacing-md);overflow-y:auto;flex-grow:1}.special-user-modal{max-width:600px;width:100%}.icon-box{font-size:var(--font-size-lg)}.subtitle-text{color:var(--color-text-light);margin:var(--spacing-xxs) 0 0 0}.loading-state .spinner{border:3px solid var(--color-border);border-top:3px solid var(--color-primary-brand);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}.form-section{margin-bottom:var(--spacing-lg)}.section-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.section-dot.cyan,.section-dot.primary{background-color:var(--color-primary-cyan)}.section-dot.yellow{background-color:var(--color-primary-yellow)}.section-dot.green{background-color:var(--color-primary-green)}.grid-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.role-info-card{background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);display:flex;align-items:flex-start;gap:var(--spacing-xs)}.info-icon{font-size:var(--font-size-base);flex-shrink:0}.toggle-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.toggle-info{display:flex;flex-direction:column;flex-grow:1}.toggle-title{font-weight:500;color:var(--color-text-dark)}.toggle-desc{font-size:var(--font-size-xs);color:var(--color-text-light)}.switch{position:relative;display:inline-block;width:50px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-gray-light)}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:var(--color-white)}input:checked+.slider{background-color:var(--color-primary-brand)}input:checked+.slider:before{transform:translateX(26px)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.is-invalid{border-color:var(--color-danger);box-shadow:0 0 0 2px rgba(var(--color-danger-rgb),.2)}.error-message{color:var(--color-danger);font-size:var(--font-size-xs);margin-top:var(--spacing-xxs)}.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-accent-success);color:var(--color-white)}.status-badge.attention,.status-chip.attention{background-color:var(--color-accent-warning);color:var(--color-text-dark)}.status-badge.inactive,.status-chip.inactive{background-color:var(--color-accent-danger);color:var(--color-white)}.progress-bar,.progress-bar-mini{background-color:var(--color-border);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-brand);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:var(--color-overlay-backdrop-solid);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--color-background-card);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-heading);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}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(var(--grid-card-min,280px),1fr))}.grid-auto-fit,.grid-cols-2{display:grid;gap:var(--spacing-md)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-3,.grid-cols-4{display:grid;gap:var(--spacing-md)}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@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}.modal-container{width:95%;margin:var(--spacing-md) auto;max-height:95vh}.modal-body,.modal-header{padding:var(--spacing-sm)}.grid-row{gap:var(--spacing-xs)}.grid-auto-fit,.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}}@media (min-width:768px) and (max-width:1024px){.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}.grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1025px){.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}}.layout-fluid-shell{width:100%;max-width:1800px;margin:0 auto}.layout-grid-auto{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.page-shell{width:100%;max-width:100%;margin:0 auto;padding:var(--page-block-padding) var(--page-inline-padding);box-sizing:border-box}.page-surface{background:linear-gradient(145deg,rgba(var(--color-primary-brand-rgb),.06),rgba(var(--color-primary-cyan-rgb),.05));border:1px solid rgba(var(--color-primary-brand-rgb),.12);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-cards,.grid-cards-ipad-3{display:grid;gap:var(--spacing-md)}.grid-cards-ipad-3{grid-template-columns:repeat(3,minmax(0,1fr))}.text-reading-container{width:min(100%,960px);margin-inline:auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.component-title{font-size:clamp(18px,2.1vw,24px);line-height:1.2;color:var(--color-heading);margin:0}.actions-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:var(--font-size-xs);line-height:1.2;border:1px solid var(--color-border-light);background-color:var(--color-background-soft);color:var(--color-text-dark)}.chip-success{background-color:rgba(var(--color-status-success-rgb),.14);border-color:rgba(var(--color-status-success-rgb),.38)}.chip-warning{background-color:rgba(var(--color-warning-rgb),.16);border-color:rgba(var(--color-warning-rgb),.38)}.chip-danger{background-color:rgba(var(--color-danger-rgb),.14);border-color:rgba(var(--color-danger-rgb),.38)}.chip-info{background-color:rgba(var(--color-primary-brand-rgb),.14);border-color:rgba(var(--color-primary-brand-rgb),.38)}.main-content>:not(.login-page):not(.register-container):not(.not-found):not(.wechat-callback-container):not(.wechat-service-account-login-container){width:100%;max-width:100%}.main-content>[class$=-container],.main-content>[class$=-dashboard],.main-content>[class$=-management],.main-content>[class$=-manager],.main-content>[class$=-page],.main-content>[class$=-view]{padding:var(--page-block-padding) var(--page-inline-padding)}@media (max-width:767px){.grid-cards,.grid-cards-ipad-3{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1024px){.grid-cards-ipad-3{grid-template-columns:repeat(3,minmax(0,1fr))}}