#app{width:100vw;height:100vh;overflow:hidden}.logo-container[data-v-77d8b01a]{display:flex;align-items:center;justify-content:center;height:100%}.logo-wrapper[data-v-77d8b01a]{display:flex;align-items:center;gap:12px}.logo-image[data-v-77d8b01a]{height:40px;width:auto;max-width:120px;object-fit:contain;border-radius:8px}.logo-placeholder[data-v-77d8b01a]{display:flex;align-items:center;gap:12px;padding:8px 16px;background:rgba(255,255,255,.1);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-icon[data-v-77d8b01a]{width:32px;height:32px;color:var(--accent-color, #4CAF50)}.logo-icon svg[data-v-77d8b01a]{width:100%;height:100%}.logo-text[data-v-77d8b01a]{font-size:18px;font-weight:700;color:var(--text-primary, #ffffff);white-space:nowrap}@media (max-width: 768px){.logo-image[data-v-77d8b01a]{height:30px;max-width:80px}.logo-text[data-v-77d8b01a]{font-size:16px}.logo-icon[data-v-77d8b01a]{width:24px;height:24px}}.color-scheme-selector[data-v-c6060b78]{position:relative;display:inline-block;z-index:9999}.selector-trigger[data-v-c6060b78]{display:flex;align-items:center;gap:12px;padding:8px 16px;background:rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.selector-trigger[data-v-c6060b78]:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}.current-scheme[data-v-c6060b78]{display:flex;align-items:center;gap:8px}.scheme-preview[data-v-c6060b78]{width:24px;height:24px;border-radius:4px;border:2px solid rgba(255,255,255,.3)}.scheme-name[data-v-c6060b78]{font-size:14px;font-weight:500;color:var(--text-primary, #ffffff);white-space:nowrap}.dropdown-arrow[data-v-c6060b78]{width:16px;height:16px;transition:transform .3s ease;color:var(--text-primary, #ffffff)}.dropdown-arrow.rotated[data-v-c6060b78]{transform:rotate(180deg)}.dropdown-arrow svg[data-v-c6060b78]{width:100%;height:100%}.dropdown-menu[data-v-c6060b78]{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #000000b3;z-index:9999;max-height:300px;overflow-y:auto;min-width:200px;opacity:1;visibility:visible}.scheme-option[data-v-c6060b78]{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.1)}.scheme-option[data-v-c6060b78]:last-child{border-bottom:none}.scheme-option[data-v-c6060b78]:hover{background:rgba(255,255,255,.1)}.scheme-option.active[data-v-c6060b78]{background:rgba(255,255,255,.2)}.scheme-option .scheme-preview[data-v-c6060b78]{width:20px;height:20px;border-radius:4px;border:2px solid rgba(255,255,255,.3)}.scheme-option .scheme-name[data-v-c6060b78]{flex:1;font-size:14px;color:var(--text-primary, #ffffff)}.check-icon[data-v-c6060b78]{width:16px;height:16px;color:var(--accent-color, #4CAF50)}.check-icon svg[data-v-c6060b78]{width:100%;height:100%}.dropdown-menu[data-v-c6060b78]::-webkit-scrollbar{width:6px}.dropdown-menu[data-v-c6060b78]::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.dropdown-menu[data-v-c6060b78]::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.dropdown-menu[data-v-c6060b78]::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}@media (max-width: 768px){.selector-trigger[data-v-c6060b78]{padding:6px 12px}.scheme-name[data-v-c6060b78]{font-size:12px}.scheme-preview[data-v-c6060b78]{width:20px;height:20px}.dropdown-menu[data-v-c6060b78]{max-height:250px;min-width:180px;right:0;left:auto}}.dashboard[data-v-c0c7cdae]{width:100vw;height:100vh;background:var(--primary-bg, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--text-primary, white);overflow:hidden;display:flex;flex-direction:column}.header[data-v-c0c7cdae]{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:var(--card-bg, rgba(255, 255, 255, .1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border, rgba(255, 255, 255, .2));position:relative;z-index:1000}.header-left[data-v-c0c7cdae],.header-right[data-v-c0c7cdae]{display:flex;align-items:center;gap:20px}.header h1[data-v-c0c7cdae]{font-size:28px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3);color:var(--text-primary, white)}.time[data-v-c0c7cdae]{font-size:18px;font-weight:500;color:var(--text-primary, white)}.content[data-v-c0c7cdae]{flex:1;display:flex;padding:20px;gap:20px;overflow:hidden;height:calc(100vh - 80px)}.left-section[data-v-c0c7cdae],.center-section[data-v-c0c7cdae],.right-section[data-v-c0c7cdae]{display:flex;flex-direction:column;gap:20px}.left-section[data-v-c0c7cdae]{flex:1;display:flex;flex-direction:column;gap:12px;height:100%}.center-section[data-v-c0c7cdae]{flex:1;display:flex;flex-direction:column;gap:20px}.center-top[data-v-c0c7cdae]{display:flex;gap:20px;width:100%}.center-top .card[data-v-c0c7cdae]{flex:1}.center-top .compact-ranking-card[data-v-c0c7cdae]{width:100%!important;flex:1 1 100%!important}.right-section[data-v-c0c7cdae]{flex:1.5;height:100%;display:flex;flex-direction:column;gap:20px;overflow:hidden}.card[data-v-c0c7cdae]{background:var(--card-bg, rgba(255, 255, 255, .973));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;border:1px solid var(--card-border, rgba(238, 235, 235, .959));box-shadow:0 8px 32px #0000001a}.right-section .card[data-v-c0c7cdae]{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:12px!important}.card h3[data-v-c0c7cdae]{margin-bottom:15px;font-size:18px;font-weight:700;color:var(--text-primary, #fff);text-align:center}.chart-container[data-v-c0c7cdae]{height:200px;width:100%}.right-section .chart-container[data-v-c0c7cdae]{flex:1;height:auto;min-height:180px;margin:0}.ranking-card[data-v-c0c7cdae]{flex:1;overflow-y:auto}.compact-ranking-card[data-v-c0c7cdae]{flex:0 0 auto!important;height:180px!important;padding:12px 12px 20px!important;overflow:hidden;box-sizing:border-box}.compact-ranking-card h3[data-v-c0c7cdae]{margin-bottom:8px!important;font-size:16px!important;font-weight:600!important}.compact-ranking-card .ranking-list[data-v-c0c7cdae]{gap:6px;display:grid;grid-template-columns:1fr 1fr;width:100%;height:calc(100% - 32px);overflow:hidden}.compact-ranking-card .ranking-item[data-v-c0c7cdae]{padding:8px 10px;font-size:13px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;min-height:40px}.compact-ranking-card .avatar[data-v-c0c7cdae]{width:24px;height:24px}.compact-ranking-card .rank[data-v-c0c7cdae]{width:25px;font-size:12px;font-weight:700;flex-shrink:0}.compact-ranking-card .student-info[data-v-c0c7cdae]{flex:1;display:flex;align-items:center;gap:8px;margin:0 10px}.compact-ranking-card .name[data-v-c0c7cdae]{font-size:12px;font-weight:500}.compact-ranking-card .score[data-v-c0c7cdae]{font-size:12px;font-weight:700;flex-shrink:0;min-width:40px;text-align:right}.ranking-list[data-v-c0c7cdae]{display:flex;flex-direction:column;gap:8px}.ranking-item[data-v-c0c7cdae]{display:flex;align-items:center;padding:8px;background:var(--card-bg, rgba(255, 255, 255, .1));border-radius:8px;transition:all .3s ease;color:#fff!important}.ranking-item[data-v-c0c7cdae]:hover{background:var(--card-border, rgba(255, 255, 255, .2));transform:translate(5px)}.ranking-item.top3[data-v-c0c7cdae]{background:linear-gradient(135deg,#FFD700,#FFA500);color:#333!important;font-weight:700}.rank[data-v-c0c7cdae]{width:30px;font-weight:700;color:gold}.ranking-item.top3 .rank[data-v-c0c7cdae]{color:#333}.student-info[data-v-c0c7cdae]{display:flex;align-items:center;flex:1;margin-left:10px}.avatar[data-v-c0c7cdae]{width:28px;height:28px;border-radius:50%;overflow:hidden;margin-right:8px;border:2px solid rgba(255,255,255,.3)}.avatar img[data-v-c0c7cdae]{width:100%;height:100%;object-fit:cover}.ranking-item.top3 .avatar[data-v-c0c7cdae]{border-color:#333}.name[data-v-c0c7cdae]{color:#fff!important;font-weight:500}.ranking-item.top3 .name[data-v-c0c7cdae]{color:#333}.score[data-v-c0c7cdae]{font-weight:700;color:#fff!important}.ranking-item.top3 .score[data-v-c0c7cdae]{color:#333}.stats-card[data-v-c0c7cdae]{flex:0 0 auto;min-height:80px;padding:12px!important}.stats-card h3[data-v-c0c7cdae]{margin-bottom:8px!important;font-size:16px!important;color:#fff!important}.stats-grid[data-v-c0c7cdae]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stat-item[data-v-c0c7cdae]{text-align:center;padding:6px 4px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:40px}.stat-number[data-v-c0c7cdae]{font-size:18px;font-weight:700;color:#fff!important;margin-bottom:2px;line-height:1}.stat-label[data-v-c0c7cdae]{font-size:11px;color:#fff!important;line-height:1;white-space:nowrap}.practice-ranking-card[data-v-c0c7cdae]{display:flex;flex-direction:column;gap:10px}.left-section .practice-ranking-card[data-v-c0c7cdae]{flex:1;overflow-y:auto;gap:8px}.left-section .practice-ranking-card h3[data-v-c0c7cdae]{margin-bottom:10px!important;font-size:17px!important}.practice-ranking-list[data-v-c0c7cdae]{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto;padding-right:5px}.left-section .practice-ranking-list[data-v-c0c7cdae]{max-height:none;flex:1}.practice-ranking-item[data-v-c0c7cdae]{display:flex;align-items:center;padding:5px 8px;background:var(--card-bg, rgba(255, 255, 255, .1));border-radius:6px;transition:all .3s ease;font-size:13px;color:#fff!important;min-height:36px}.practice-ranking-item[data-v-c0c7cdae]:hover{background:var(--card-border, rgba(255, 255, 255, .2));transform:translate(5px)}.practice-ranking-item.top3[data-v-c0c7cdae]{background:linear-gradient(135deg,#FFD700,#FFA500);color:#333!important;font-weight:700}.practice-ranking-item.top3 .rank[data-v-c0c7cdae]{color:#333}.practice-ranking-item .avatar[data-v-c0c7cdae]{width:32px;height:32px;border-radius:50%;overflow:hidden;margin-right:6px;border:1px solid rgba(255,255,255,.3)}.practice-ranking-item .avatar img[data-v-c0c7cdae]{width:100%;height:100%;object-fit:cover}.practice-ranking-item.top3 .avatar[data-v-c0c7cdae]{border-color:#333}.practice-stats[data-v-c0c7cdae]{display:flex;flex-direction:column;align-items:flex-end;margin-left:8px}.practice-count[data-v-c0c7cdae]{font-size:13px;font-weight:700;color:#fff!important}.practice-rate[data-v-c0c7cdae]{font-size:11px;color:#fff!important}.chart-card-with-student-info[data-v-c0c7cdae]{position:relative;padding:12px!important}.card-header[data-v-c0c7cdae]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-header h3[data-v-c0c7cdae]{margin-bottom:0;font-size:14px!important;font-weight:600!important}.student-info-mini[data-v-c0c7cdae]{display:flex;align-items:center;gap:6px;background:var(--card-bg, rgba(255, 255, 255, .1));padding:6px 10px;border-radius:16px;border:1px solid var(--card-border, rgba(255, 255, 255, .2))}.student-avatar-mini[data-v-c0c7cdae]{width:28px;height:28px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.3);flex-shrink:0}.student-avatar-mini img[data-v-c0c7cdae]{width:100%;height:100%;object-fit:cover}.student-details-mini[data-v-c0c7cdae]{display:flex;flex-direction:column;gap:2px}.student-name-mini[data-v-c0c7cdae]{font-size:12px;font-weight:600;color:var(--text-primary, white);line-height:1}.student-score-mini[data-v-c0c7cdae]{font-size:10px;color:var(--success-color, #ffffff);line-height:1}.homework-showcase-card[data-v-c0c7cdae]{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px!important}.homework-showcase-card h3[data-v-c0c7cdae]{margin-bottom:8px!important;font-size:16px!important;font-weight:600!important}.homework-showcase[data-v-c0c7cdae]{flex:1;position:relative;overflow:hidden}.showcase-container[data-v-c0c7cdae]{position:relative;height:100%;overflow:hidden}.showcase-item[data-v-c0c7cdae]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;overflow:hidden;transition:all .5s ease;opacity:0;transform:translate(100%);box-shadow:0 2px 8px #0000001a}.showcase-item[data-v-c0c7cdae]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.showcase-item.active[data-v-c0c7cdae]{opacity:1;transform:translate(0);box-shadow:0 8px 24px #0003}.homework-background[data-v-c0c7cdae]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.homework-background img[data-v-c0c7cdae]{width:100%;height:100%;object-fit:cover}.homework-badge[data-v-c0c7cdae]{position:absolute;top:6px;right:6px;z-index:3;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:6px 8px;border:1px solid rgba(255,255,255,.2)}.badge-content[data-v-c0c7cdae]{display:flex;flex-direction:column;gap:2px;align-items:flex-end}.badge-content .student-name[data-v-c0c7cdae]{font-size:12px;font-weight:700;color:#fff;line-height:1}.badge-content .subject[data-v-c0c7cdae]{font-size:10px;color:#4caf50;line-height:1}.badge-content .score[data-v-c0c7cdae]{font-size:11px;font-weight:700;color:gold;line-height:1}.homework-title[data-v-c0c7cdae]{position:absolute;bottom:0;left:0;right:0;z-index:3;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:12px 8px 8px}.homework-title h4[data-v-c0c7cdae]{font-size:12px;font-weight:500;color:#fff;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5);line-height:1.2}.showcase-indicators[data-v-c0c7cdae]{display:flex;justify-content:center;gap:6px;margin-top:6px}.indicator[data-v-c0c7cdae]{width:10px;height:10px;border-radius:50%;background-color:var(--text-secondary, #ccc);cursor:pointer;transition:background-color .3s ease}.indicator.active[data-v-c0c7cdae]{background-color:var(--primary-color, #4CAF50)}@media (max-width: 1200px){.content[data-v-c0c7cdae]{flex-direction:column;height:auto;min-height:calc(100vh - 80px)}.left-section[data-v-c0c7cdae],.center-section[data-v-c0c7cdae],.right-section[data-v-c0c7cdae]{flex-direction:row;height:auto}.right-section[data-v-c0c7cdae]{overflow:visible}.right-section .card[data-v-c0c7cdae]{flex:1;min-height:300px}.right-section .chart-container[data-v-c0c7cdae]{height:220px;flex:none}.center-top[data-v-c0c7cdae]{flex-direction:column}.center-top .compact-ranking-card[data-v-c0c7cdae]{width:100%!important}.card[data-v-c0c7cdae]{flex:1}}@media (max-width: 768px){.header[data-v-c0c7cdae]{padding:0 20px}.header h1[data-v-c0c7cdae]{font-size:20px}.content[data-v-c0c7cdae]{padding:10px;gap:10px}.left-section[data-v-c0c7cdae],.center-section[data-v-c0c7cdae],.right-section[data-v-c0c7cdae]{flex-direction:column}.stats-grid[data-v-c0c7cdae]{grid-template-columns:1fr}.avatar[data-v-c0c7cdae]{width:24px;height:24px}.name[data-v-c0c7cdae]{font-size:14px}}.loading-container[data-v-c0c7cdae],.error-container[data-v-c0c7cdae]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#fff}.loading-spinner[data-v-c0c7cdae]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin-c0c7cdae 1s linear infinite;margin-bottom:20px}@keyframes spin-c0c7cdae{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-c0c7cdae]{text-align:center;max-width:400px}.error-message h3[data-v-c0c7cdae]{font-size:24px;margin-bottom:10px;color:#ff6b6b}.error-message p[data-v-c0c7cdae]{font-size:16px;margin-bottom:20px;color:#ccc}.retry-button[data-v-c0c7cdae]{padding:10px 20px;background:#4CAF50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background .3s ease}.retry-button[data-v-c0c7cdae]:hover{background:#45a049}