@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.tablet-outer-shell[data-v-709f6688]{position:relative;animation:fadeInFrame-709f6688 .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes fadeInFrame-709f6688{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tablet-bezel[data-v-709f6688]{width:1064px;height:720px;background:linear-gradient(145deg,#2d3748,#1a202c 15%,#171923,#1a202c 85%,#2d3748);border-radius:48px;padding:20px;position:relative;box-shadow:0 25px 60px -15px #00000080,0 45px 100px -20px #0000004d,inset 0 1px #ffffff1a,inset 0 -1px #0000004d,inset 1px 0 #ffffff0d,inset -1px 0 #ffffff0d}.tablet-bezel[data-v-709f6688]:before{content:"";position:absolute;inset:0;border-radius:48px;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);pointer-events:none}.tablet-bezel[data-v-709f6688]:after{content:"";position:absolute;inset:-2px;border-radius:50px;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.08) 100%);pointer-events:none;z-index:10}.top-highlight[data-v-709f6688]{position:absolute;top:6px;left:80px;right:80px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 20%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.2) 80%,transparent);border-radius:2px}.bottom-accent[data-v-709f6688]{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:120px;height:4px;background:linear-gradient(90deg,#64748b4d,#64748b80,#64748b4d);border-radius:2px}.camera-module[data-v-709f6688]{position:absolute;top:50%;left:10px;transform:translateY(-50%);z-index:5}.camera-lens[data-v-709f6688]{width:8px;height:8px;background:radial-gradient(circle at 30% 30%,#4a5568,#1a202c 60%,#0d1117);border-radius:50%;box-shadow:0 0 0 2px #2d3748,0 0 0 3px #ffffff1a,inset 0 1px 2px #fff3}.camera-ring[data-v-709f6688]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border:1px solid rgba(255,255,255,.1);border-radius:50%;pointer-events:none}.tablet-frame[data-v-709f6688]{width:100%;height:100%;border-radius:32px;overflow:hidden;position:relative;background:#000;box-shadow:inset 0 0 0 1px #00000080,inset 0 2px 4px #0000004d}.screen-bezel[data-v-709f6688]{width:100%;height:100%;border-radius:30px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 5%);box-shadow:inset 0 0 0 1px #ffffff0d}.app-container[data-v-709f6688]{width:100%;height:100%;display:flex;position:relative;background:#fafafa;border-radius:28px}.side-buttons[data-v-709f6688]{position:absolute;right:-4px;top:80px;display:flex;flex-direction:column;gap:20px}.power-button[data-v-709f6688]{width:4px;height:50px;background:linear-gradient(180deg,#3d4a5c,#2d3748 50%,#1e2533);border-radius:0 3px 3px 0;box-shadow:1px 0 2px #0000004d,inset 0 1px #ffffff1a}.volume-buttons[data-v-709f6688]{display:flex;flex-direction:column;gap:8px}.volume-up[data-v-709f6688],.volume-down[data-v-709f6688]{width:4px;height:35px;background:linear-gradient(180deg,#3d4a5c,#2d3748 50%,#1e2533);border-radius:0 3px 3px 0;box-shadow:1px 0 2px #0000004d,inset 0 1px #ffffff1a}.avatar-display[data-v-8ca4fef6]{border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);flex-shrink:0;overflow:hidden}.avatar-display--bordered[data-v-8ca4fef6]{border:2px solid rgba(59,130,246,.2);box-shadow:0 2px 8px #3b82f61a}.avatar-display--small[data-v-8ca4fef6]{border-width:1px}.avatar-display--large[data-v-8ca4fef6]{border-width:2px;box-shadow:0 4px 12px #3b82f626}.avatar-display--xlarge[data-v-8ca4fef6]{border-width:4px;border-radius:28px;border-color:#8b5cf6;box-shadow:0 8px 32px #8b5cf640;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.avatar-emoji[data-v-8ca4fef6]{line-height:1}.avatar-img[data-v-8ca4fef6]{width:100%;height:100%;object-fit:cover}.profile-avatar[data-v-57e88476]{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff9;border:1px solid rgba(255,255,255,.8)}.profile-avatar[data-v-57e88476]:hover{transform:translateY(-2px);background:#fff;box-shadow:0 4px 12px #00000014}.avatar-wrapper[data-v-57e88476]{position:relative;flex-shrink:0}.status-indicator[data-v-57e88476]{position:absolute;bottom:-2px;right:-2px;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.status-indicator.online[data-v-57e88476]{width:12px;height:12px;background:#10b981;box-shadow:0 0 0 1px #10b98133}.status-indicator.offline[data-v-57e88476]{width:16px;height:16px;background:#ef4444;box-shadow:0 0 0 1px #ef444433;color:#fff;font-size:8px}.user-info[data-v-57e88476]{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.user-name[data-v-57e88476]{font-size:13px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-grade[data-v-57e88476]{font-size:11px;font-weight:600;color:#64748b;letter-spacing:.3px}.arrow-icon[data-v-57e88476]{font-size:14px;color:#94a3b8;transition:all .2s}.profile-avatar:hover .arrow-icon[data-v-57e88476]{color:#3b82f6;transform:translate(2px)}.profile-avatar[data-v-57e88476]:active{transform:translateY(0) scale(.98)}.sidebar[data-v-6765d75b]{width:220px;min-width:220px;height:100%;padding:24px 20px;display:flex;flex-direction:column;background:var(--bg-card);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);z-index:2;border-right:1px solid rgba(255,255,255,.5);transition:width .3s ease,min-width .3s ease;flex-shrink:0}.sidebar.collapsed[data-v-6765d75b]{width:80px;min-width:80px;padding:24px 12px}.brand-zone[data-v-6765d75b]{height:86px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;cursor:pointer;transition:opacity .2s ease}.brand-zone[data-v-6765d75b]:hover{opacity:.8}.logo[data-v-6765d75b]{font-family:var(--font-heading);font-size:26px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#0f172a,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;transition:font-size .3s ease}.sidebar.collapsed .logo[data-v-6765d75b]{font-size:22px}.interaction-zone[data-v-6765d75b]{display:flex;justify-content:center;align-items:center;gap:20px;height:56px}.sidebar.collapsed .interaction-zone[data-v-6765d75b]{gap:0}.icon-btn[data-v-6765d75b]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;transition:all .2s ease;color:var(--text-secondary);font-size:18px}.icon-btn[data-v-6765d75b]:hover{background-color:#ffffff80;color:var(--accent-blue);transform:translateY(-2px)}.nav-zone[data-v-6765d75b]{display:flex;flex-direction:column;gap:8px;padding-top:40px}.nav-item[data-v-6765d75b]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--text-secondary);font-weight:600;font-size:13px;transition:all .2s var(--bezier-smooth);border:1px solid transparent;position:relative;overflow:hidden}.sidebar.collapsed .nav-item[data-v-6765d75b]{justify-content:center;padding:10px}.nav-item[data-v-6765d75b]:hover{background-color:#ffffff80;color:var(--text-primary);transform:translate(3px);box-shadow:0 4px 12px #00000008}.sidebar.collapsed .nav-item[data-v-6765d75b]:hover{transform:none}.nav-item.active[data-v-6765d75b]{background-color:var(--accent-blue-soft);color:var(--accent-blue);border-color:#3b82f633;box-shadow:0 4px 12px #2563eb1a}.nav-item.active[data-v-6765d75b]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:18px;width:3px;background:var(--accent-blue);border-radius:0 3px 3px 0}.nav-icon-wrapper[data-v-6765d75b]{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.nav-text[data-v-6765d75b]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spacer-flex[data-v-6765d75b]{flex-grow:1}.toggle-btn[data-v-6765d75b]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;cursor:pointer;color:var(--text-secondary);font-size:16px;margin:0 auto 16px;transition:all .2s ease}.toggle-btn[data-v-6765d75b]:hover{background-color:#ffffff80;color:var(--accent-blue)}.profile-zone[data-v-6765d75b]{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;transition:background .2s;cursor:pointer}.sidebar.collapsed .profile-zone[data-v-6765d75b]{justify-content:center}.profile-zone[data-v-6765d75b]:hover{background-color:#ffffff80}.avatar[data-v-6765d75b]{width:32px;height:32px;border-radius:50%;position:relative;flex-shrink:0}.avatar-img[data-v-6765d75b]{width:100%;height:100%;border-radius:50%;border:2px solid white;box-shadow:0 2px 5px #ec489933}.user-info[data-v-6765d75b]{display:flex;flex-direction:column;overflow:hidden}.user-info .name[data-v-6765d75b]{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap}.user-info .grade[data-v-6765d75b]{font-size:10px;color:var(--text-tertiary);font-weight:500}.status-dot[data-v-6765d75b]{width:7px;height:7px;border-radius:50%;background:var(--accent-green);border:2px solid white;margin-left:auto;box-shadow:0 0 0 1px #10b98133;flex-shrink:0}.ai-tutor[data-v-e6f6b9c6]{position:absolute;width:140px;height:140px;right:10px;bottom:20px;z-index:10;cursor:pointer;animation:float-e6f6b9c6 6s ease-in-out infinite;filter:drop-shadow(0 20px 30px rgba(245,158,11,.25));transition:transform .3s}.ai-tutor.embedded[data-v-e6f6b9c6]{position:relative;width:100%;height:100%;right:auto;bottom:auto;animation:float-gentle-e6f6b9c6 4s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(245,158,11,.3));cursor:default}.ai-tutor[data-v-e6f6b9c6]:hover{animation-play-state:paused;transform:scale(1.05) rotate(-5deg)}.ai-tutor.embedded[data-v-e6f6b9c6]:hover{transform:scale(1.08) rotate(-3deg)}.sun-svg[data-v-e6f6b9c6]{width:100%;height:100%;overflow:visible}.sun-crown[data-v-e6f6b9c6]{transform-origin:50% 50%;animation:crown-bounce-e6f6b9c6 3s ease-in-out infinite alternate}.eye[data-v-e6f6b9c6]{animation:blink-e6f6b9c6 4s infinite;transform-origin:center}.sun-glow[data-v-e6f6b9c6]{transform-origin:50% 65%;animation:rotateGlow-e6f6b9c6 10s linear infinite}@keyframes float-e6f6b9c6{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}@keyframes float-gentle-e6f6b9c6{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes crown-bounce-e6f6b9c6{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes blink-e6f6b9c6{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}@keyframes rotateGlow-e6f6b9c6{0%{transform:rotate(0) scale(1);opacity:.4}50%{transform:rotate(180deg) scale(1.1);opacity:.6}to{transform:rotate(360deg) scale(1);opacity:.4}}.pin-input[data-v-6a21ad61]{display:flex;flex-direction:column;align-items:center;gap:16px}.pin-input__boxes[data-v-6a21ad61]{display:flex;gap:12px}.pin-input__box[data-v-6a21ad61]{width:56px;height:64px;font-size:24px;font-weight:700;text-align:center;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#0f172a;transition:all .2s;outline:none}.pin-input__box[data-v-6a21ad61]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pin-input__box--filled[data-v-6a21ad61]{border-color:#3b82f6;background:#eff6ff}.pin-input__box--error[data-v-6a21ad61]{border-color:#ef4444;background:#fef2f2;animation:shake-6a21ad61 .4s}@keyframes shake-6a21ad61{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media(max-width:768px){.pin-input__box[data-v-6a21ad61]{width:48px;height:56px;font-size:20px}}.account-switcher-overlay[data-v-78ecd74b]{position:fixed;inset:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.account-switcher[data-v-78ecd74b]{width:100%;max-width:400px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #00000026}.account-switcher__header[data-v-78ecd74b]{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.account-switcher__title[data-v-78ecd74b]{font-size:20px;font-weight:700;margin:0;color:#0f172a}.account-switcher__close[data-v-78ecd74b]{width:32px;height:32px;border-radius:50%;border:none;background:#0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s;font-size:18px}.account-switcher__close[data-v-78ecd74b]:hover{background:#0000001a;color:#0f172a}.account-switcher__list[data-v-78ecd74b]{padding:12px;max-height:400px;overflow-y:auto}.account-option[data-v-78ecd74b]{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.account-option[data-v-78ecd74b]:hover{background:#f8fafc}.account-option--active[data-v-78ecd74b]{background:#eff6ff;border:1px solid #3b82f6}.account-option__avatar[data-v-78ecd74b]{flex-shrink:0}.account-option__info[data-v-78ecd74b]{flex:1;display:flex;flex-direction:column;gap:2px}.account-option__name[data-v-78ecd74b]{font-size:15px;font-weight:600;color:#0f172a}.account-option__grade[data-v-78ecd74b],.account-option__role[data-v-78ecd74b]{font-size:13px;color:#64748b}.check-icon[data-v-78ecd74b]{color:#3b82f6;font-size:20px}.pin-modal-overlay[data-v-78ecd74b]{position:fixed;inset:0;background:#0009;z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px}.pin-modal[data-v-78ecd74b]{width:100%;max-width:420px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 48px #0003}.pin-modal__header[data-v-78ecd74b]{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.pin-modal__title[data-v-78ecd74b]{font-size:20px;font-weight:700;margin:0;color:#0f172a}.pin-modal__close[data-v-78ecd74b]{width:32px;height:32px;border-radius:50%;border:none;background:#0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s;font-size:18px}.pin-modal__close[data-v-78ecd74b]:hover{background:#0000001a;color:#0f172a}.pin-modal__content[data-v-78ecd74b]{padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:24px}.pin-modal__description[data-v-78ecd74b]{margin:0;font-size:14px;color:#64748b;text-align:center}.pin-modal__error[data-v-78ecd74b]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;font-weight:500;margin:0}.pin-modal__error i[data-v-78ecd74b]{font-size:16px;flex-shrink:0}.pin-modal__footer[data-v-78ecd74b]{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.btn-cancel[data-v-78ecd74b]{padding:10px 20px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel[data-v-78ecd74b]:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.fade-enter-active[data-v-78ecd74b],.fade-leave-active[data-v-78ecd74b]{transition:opacity .3s ease}.fade-enter-from[data-v-78ecd74b],.fade-leave-to[data-v-78ecd74b]{opacity:0}.grade-selector-overlay[data-v-8c2966be]{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.grade-selector[data-v-8c2966be]{width:100%;max-width:480px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px -12px #00000026;transform-origin:center;animation:modal-enter-8c2966be .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-enter-8c2966be{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.grade-selector__header[data-v-8c2966be]{padding:20px 24px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.grade-selector__title[data-v-8c2966be]{font-family:var(--font-heading, "Outfit", sans-serif);font-size:20px;font-weight:700;margin:0;color:#0f172a}.grade-selector__close[data-v-8c2966be]{width:32px;height:32px;border-radius:10px;border:none;background:#f8fafc;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s;font-size:18px}.grade-selector__close[data-v-8c2966be]:hover{background:#f1f5f9;color:#0f172a}.grade-selector__content[data-v-8c2966be]{padding:24px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:28px}.grade-group[data-v-8c2966be]{display:flex;flex-direction:column;gap:12px}.group-header[data-v-8c2966be]{display:flex;align-items:center;gap:10px;padding:0 4px}.group-icon[data-v-8c2966be]{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}.group-label[data-v-8c2966be]{font-size:14px;font-weight:700;color:#334155}.grade-grid[data-v-8c2966be]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grade-item[data-v-8c2966be]{position:relative;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0 16px}.grade-item[data-v-8c2966be]:hover{border-color:var(--accent-color);background:var(--accent-bg);transform:translateY(-1px)}.grade-item.active[data-v-8c2966be]{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 12px #00000026;color:#fff}.grade-label[data-v-8c2966be]{font-size:15px;font-weight:600;color:#334155;transition:color .2s}.grade-item.active .grade-label[data-v-8c2966be]{color:#fff;font-weight:700}.active-indicator[data-v-8c2966be]{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}@media(min-width:640px){.grade-grid[data-v-8c2966be]{grid-template-columns:repeat(6,1fr)}}.grade-group:not(:first-child) .grade-grid[data-v-8c2966be]{grid-template-columns:repeat(3,1fr)}.fade-enter-active[data-v-8c2966be],.fade-leave-active[data-v-8c2966be]{transition:opacity .2s ease}.fade-enter-from[data-v-8c2966be],.fade-leave-to[data-v-8c2966be]{opacity:0}.profile-sidebar[data-v-a31ed1b6]{width:220px;height:100%;padding:20px 16px;display:flex;flex-direction:column;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.5);z-index:2}.user-header[data-v-a31ed1b6]{display:flex;flex-direction:column;align-items:center;padding:8px 8px 16px}.avatar-wrapper[data-v-a31ed1b6]{position:relative;cursor:pointer;margin-bottom:10px;transition:transform .2s}.avatar-wrapper[data-v-a31ed1b6]:hover{transform:scale(1.05)}.edit-overlay[data-v-a31ed1b6]{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff;font-size:24px}.avatar-large:hover .edit-overlay[data-v-a31ed1b6]{opacity:1}.user-details[data-v-a31ed1b6]{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.user-name[data-v-a31ed1b6]{font-size:16px;font-weight:700;color:#0f172a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grade-btn[data-v-a31ed1b6]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:none;border-radius:6px;font-size:11px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.grade-btn[data-v-a31ed1b6]:hover{background:#64748b1a;color:#475569}.grade-btn i[data-v-a31ed1b6]{font-size:11px}.switch-btn[data-v-a31ed1b6]{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 12px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:6px;font-size:11px;font-weight:600;color:#3b82f6;cursor:pointer;transition:all .2s}.switch-btn[data-v-a31ed1b6]:hover{background:#3b82f626;border-color:#3b82f64d}.switch-btn i[data-v-a31ed1b6]{font-size:12px}.admin-badge[data-v-a31ed1b6]{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 12px;background:linear-gradient(135deg,#10b9811a,#05966926);border:1px solid rgba(16,185,129,.3);border-radius:6px;font-size:11px;font-weight:700;color:#059669}.admin-badge i[data-v-a31ed1b6]{font-size:12px}.divider-container[data-v-a31ed1b6]{padding:8px 0}.divider[data-v-a31ed1b6]{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(148,163,184,.2) 10%,rgba(148,163,184,.2) 90%,transparent 100%)}.nav-zone[data-v-a31ed1b6]{display:flex;flex-direction:column;gap:6px;padding-top:12px}.nav-item[data-v-a31ed1b6]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#64748b;font-weight:600;font-size:13px;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;position:relative;overflow:hidden;background:none;cursor:pointer;text-align:left;width:100%}.nav-item[data-v-a31ed1b6]:hover{background-color:#ffffff80;color:#0f172a;transform:translate(3px);box-shadow:0 4px 12px #00000008}.nav-item.active[data-v-a31ed1b6]{background-color:#eff6ff;color:#3b82f6;border-color:#3b82f633;box-shadow:0 4px 12px #2563eb1a}.nav-item.active[data-v-a31ed1b6]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:18px;width:3px;background:#3b82f6;border-radius:0 3px 3px 0}.nav-icon-wrapper[data-v-a31ed1b6]{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.nav-text[data-v-a31ed1b6]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spacer[data-v-a31ed1b6]{flex:1}.go-home-btn[data-v-a31ed1b6]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;width:100%}.go-home-btn[data-v-a31ed1b6]:hover{background:#fff;border-color:#10b981;color:#10b981;box-shadow:0 2px 8px #10b98126}.go-home-btn i[data-v-a31ed1b6]{font-size:18px}.edit-panel[data-v-93221d5b]{flex:1;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#e2e8f04d)}.edit-header[data-v-93221d5b]{padding:24px 32px 16px;background:#ffffffd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.12);position:sticky;top:0;z-index:10}.header-content[data-v-93221d5b]{display:flex;flex-direction:column;gap:4px}.edit-title[data-v-93221d5b]{font-family:var(--font-heading, "Outfit", sans-serif);font-size:28px;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:12px}.title-icon[data-v-93221d5b]{font-size:32px;color:#8b5cf6}.edit-subtitle[data-v-93221d5b]{font-size:14px;color:#475569;margin:0;padding-left:44px}.edit-content[data-v-93221d5b]{flex:1;overflow-y:auto;padding:32px}.form-grid[data-v-93221d5b]{display:grid;grid-template-columns:280px 1fr;grid-template-rows:auto auto;gap:24px;max-width:800px}.form-card[data-v-93221d5b]{background:#fff;border-radius:20px;padding:24px;box-shadow:0 2px 8px #0000000a;border:1px solid rgba(148,163,184,.1)}.avatar-card[data-v-93221d5b]{grid-row:span 2}.card-header[data-v-93221d5b]{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.card-header i[data-v-93221d5b]{font-size:18px;color:#94a3b8}.avatar-section[data-v-93221d5b]{display:flex;flex-direction:column;align-items:center;gap:24px}.current-avatar[data-v-93221d5b]{transition:transform .3s ease}.current-avatar[data-v-93221d5b]:hover{transform:scale(1.02)}.avatar-grid[data-v-93221d5b]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.avatar-option[data-v-93221d5b]{position:relative;width:52px;height:52px;border-radius:14px;border:3px solid #e2e8f0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:#f8fafc}.avatar-option[data-v-93221d5b]:hover{border-color:#94a3b8;transform:scale(1.08);background:#fff}.avatar-option.active[data-v-93221d5b]{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633;background:#fff}.avatar-emoji-small[data-v-93221d5b]{font-size:28px;line-height:1}.check-badge[data-v-93221d5b]{position:absolute;bottom:-3px;right:-3px;width:22px;height:22px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;border:2px solid white}.name-input-wrapper[data-v-93221d5b]{position:relative;display:flex;align-items:center}.input-icon[data-v-93221d5b]{position:absolute;left:16px;font-size:20px;color:#94a3b8}.name-input[data-v-93221d5b]{width:100%;padding:16px 16px 16px 52px;border:2px solid #e2e8f0;border-radius:14px;font-size:16px;color:#0f172a;transition:all .2s;background:#f8fafc}.name-input[data-v-93221d5b]:focus{outline:none;border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 4px #8b5cf61a}.name-input[data-v-93221d5b]::placeholder{color:#94a3b8}.input-hint[data-v-93221d5b]{margin:12px 0 0;font-size:13px;color:#94a3b8}.grade-selector-btn[data-v-93221d5b]{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;transition:all .2s}.grade-selector-btn[data-v-93221d5b]:hover{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.grade-info[data-v-93221d5b]{display:flex;align-items:center;gap:14px}.grade-icon[data-v-93221d5b]{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px}.grade-text[data-v-93221d5b]{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.grade-number[data-v-93221d5b]{font-size:18px;font-weight:700;color:#0f172a}.grade-level[data-v-93221d5b]{font-size:13px;font-weight:600}.arrow-icon[data-v-93221d5b]{font-size:20px;color:#94a3b8;transition:transform .2s}.grade-selector-btn:hover .arrow-icon[data-v-93221d5b]{transform:translate(4px);color:#8b5cf6}.edit-footer[data-v-93221d5b]{display:flex;justify-content:flex-end;gap:16px;padding:20px 32px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(148,163,184,.12)}.btn[data-v-93221d5b]{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn i[data-v-93221d5b]{font-size:16px}.btn-cancel[data-v-93221d5b]{background:#fff;color:#64748b;border:1px solid #e2e8f0}.btn-cancel[data-v-93221d5b]:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.btn-save[data-v-93221d5b]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 14px #8b5cf659;padding:14px 36px}.btn-save[data-v-93221d5b]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf673}.btn-save[data-v-93221d5b]:active{transform:translateY(0)}.greeting-card[data-v-e254a4e2]{padding:0;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:16px;color:#fff;position:relative;overflow:hidden}.greeting-card[data-v-e254a4e2]:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%}.greeting-content[data-v-e254a4e2]{position:relative;z-index:1;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.greeting-text[data-v-e254a4e2]{flex:1}.greeting-card__title[data-v-e254a4e2]{font-size:32px;font-weight:800;margin:0 0 6px;color:#fff;letter-spacing:-.5px}.greeting-card__subtitle[data-v-e254a4e2]{font-size:15px;margin:0;color:#ffffffd9;font-weight:500}.greeting-card__date[data-v-e254a4e2]{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#fff3;border-radius:12px;font-size:14px;font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);white-space:nowrap}.greeting-card__date i[data-v-e254a4e2]{font-size:18px}@media(max-width:768px){.greeting-content[data-v-e254a4e2]{flex-direction:column;align-items:flex-start}.greeting-card__title[data-v-e254a4e2]{font-size:26px}}.stat-card[data-v-c5ba6672]{padding:20px;background:#f8fafc;border-radius:14px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:16px;transition:all .2s}.stat-card[data-v-c5ba6672]:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.stat-card__icon[data-v-c5ba6672]{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.stat-card__content[data-v-c5ba6672]{flex:1;min-width:0}.stat-card__title[data-v-c5ba6672]{font-size:12px;color:#64748b;margin:0 0 6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-card__value[data-v-c5ba6672]{font-size:24px;font-weight:800;margin:0;color:#0f172a}.stat-card__subvalue[data-v-c5ba6672]{font-size:13px;color:#64748b;margin:4px 0 0;font-weight:600}.progress-container[data-v-9eef4cb9]{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;padding:12px 0}.circular-progress[data-v-9eef4cb9]{position:relative;width:160px;height:160px}.progress-ring[data-v-9eef4cb9]{transform:rotate(-90deg)}.progress-ring__circle-bg[data-v-9eef4cb9]{fill:none;stroke:#f1f5f9;stroke-width:12}.progress-ring__circle[data-v-9eef4cb9]{fill:none;stroke:url(#gradient);stroke-width:12;stroke-linecap:round;transition:stroke-dasharray 1s cubic-bezier(.4,0,.2,1)}.progress-ring__circle[data-v-9eef4cb9]{stroke:#10b981}.progress-center[data-v-9eef4cb9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-percentage[data-v-9eef4cb9]{display:block;font-size:36px;font-weight:800;color:#0f172a;line-height:1;margin-bottom:4px}.progress-label[data-v-9eef4cb9]{display:block;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.stats-list[data-v-9eef4cb9]{width:100%;display:flex;flex-direction:column;gap:10px}.stat-item[data-v-9eef4cb9]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .2s}.stat-item[data-v-9eef4cb9]:hover{background:#fff;border-color:#cbd5e1;transform:translate(4px)}.stat-item i[data-v-9eef4cb9]{font-size:20px;width:24px;text-align:center}.stat-item--total i[data-v-9eef4cb9]{color:#64748b}.stat-item--correct i[data-v-9eef4cb9]{color:#10b981}.stat-item--incorrect i[data-v-9eef4cb9]{color:#ef4444}.stat-label[data-v-9eef4cb9]{flex:1;font-size:13px;font-weight:600;color:#64748b}.stat-value[data-v-9eef4cb9]{font-size:16px;font-weight:800;color:#0f172a}.lesson-item[data-v-636c3fdd]{background:var(--bg-card, rgba(255, 255, 255, .95));border-radius:12px;padding:14px 16px;margin-bottom:8px;margin-left:20px;cursor:pointer;transition:all .2s ease;position:relative;border:1px solid rgba(148,163,184,.1);box-shadow:0 1px 3px #0f172a08}.lesson-item[data-v-636c3fdd]:hover{background:#fff;border-color:#94a3b833;box-shadow:0 4px 12px #0f172a0f;transform:translate(4px)}.lesson-item.has-score[data-v-636c3fdd]{padding-left:20px}.score-bar[data-v-636c3fdd]{position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:2px}.score-bar.green[data-v-636c3fdd]{background:linear-gradient(180deg,#059669,#10b981)}.score-bar.yellow[data-v-636c3fdd]{background:linear-gradient(180deg,#d97706,#f59e0b)}.score-bar.red[data-v-636c3fdd]{background:linear-gradient(180deg,#dc2626,#ef4444)}.lesson-content[data-v-636c3fdd]{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-main[data-v-636c3fdd]{flex:1;min-width:0}.lesson-info[data-v-636c3fdd]{display:flex;flex-direction:column;gap:4px}.lesson-title[data-v-636c3fdd]{font-size:14px;font-weight:500;color:var(--text-primary, #0F172A);line-height:1.4}.lesson-meta[data-v-636c3fdd]{display:flex;align-items:center;gap:10px}.lesson-duration[data-v-636c3fdd]{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-tertiary, #94A3B8)}.lesson-duration i[data-v-636c3fdd]{font-size:13px}.offline-badge[data-v-636c3fdd]{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:var(--accent-blue, #2563EB);background:var(--accent-blue-soft, rgba(37, 99, 235, .08));padding:2px 6px;border-radius:10px}.offline-badge i[data-v-636c3fdd]{font-size:10px}.lesson-actions[data-v-636c3fdd]{display:flex;align-items:center;gap:8px;flex-shrink:0}.ai-badge[data-v-636c3fdd]{padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700}.ai-badge.green[data-v-636c3fdd]{background:#0596691a;color:var(--accent-green, #059669)}.ai-badge.yellow[data-v-636c3fdd]{background:#f59e0b1a;color:#d97706}.ai-badge.red[data-v-636c3fdd]{background:#ef44441a;color:#dc2626}.action-btn[data-v-636c3fdd]{width:32px;height:32px;border:none;border-radius:8px;background:#94a3b814;color:var(--text-secondary, #475569);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn[data-v-636c3fdd]:hover{background:var(--accent-blue, #2563EB);color:#fff}.action-btn.downloaded[data-v-636c3fdd]{color:var(--accent-green, #059669);background:#05966914}.action-btn.downloaded[data-v-636c3fdd]:hover{background:#ef44441a;color:#dc2626}.action-btn.failed[data-v-636c3fdd]{color:#dc2626;background:#ef444414}.action-btn i[data-v-636c3fdd]{font-size:16px}.download-progress[data-v-636c3fdd]{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.progress-ring[data-v-636c3fdd]{width:28px;height:28px;transform:rotate(-90deg)}.progress-ring-bg[data-v-636c3fdd]{stroke:#94a3b826}.progress-ring-fill[data-v-636c3fdd]{stroke:var(--accent-blue, #2563EB);transition:stroke-dashoffset .3s ease;stroke-linecap:round}.progress-percent[data-v-636c3fdd]{position:absolute;font-size:8px;font-weight:700;color:var(--accent-blue, #2563EB)}.arrow-icon[data-v-636c3fdd]{font-size:14px;color:var(--text-tertiary, #94A3B8);transition:transform .2s ease,color .2s ease}.lesson-item:hover .arrow-icon[data-v-636c3fdd]{transform:translate(3px);color:var(--accent-blue, #2563EB)}.context-menu[data-v-636c3fdd]{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:#fff;border:1px solid rgba(148,163,184,.15);border-radius:10px;padding:4px;box-shadow:0 8px 24px #0f172a1f;z-index:10}.context-menu-item[data-v-636c3fdd]{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-primary, #0F172A);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s ease}.context-menu-item[data-v-636c3fdd]:hover{background:#94a3b81a}.context-menu-item.delete[data-v-636c3fdd]{color:#dc2626}.context-menu-item.delete[data-v-636c3fdd]:hover{background:#ef44441a}.context-menu-item i[data-v-636c3fdd]{font-size:14px}.fade-enter-active[data-v-636c3fdd],.fade-leave-active[data-v-636c3fdd]{transition:opacity .15s ease,transform .15s ease}.fade-enter-from[data-v-636c3fdd],.fade-leave-to[data-v-636c3fdd]{opacity:0;transform:translateY(-50%) scale(.95)}.content-detail[data-v-29e377d9]{padding:0;display:flex;flex-direction:column;height:100%;border-radius:0;background:#fff;box-shadow:0 4px 24px #0f172a14;overflow:hidden;position:relative}.content-scrollable[data-v-29e377d9]{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 24px 100px;display:flex;flex-direction:column;gap:16px}.detail-header[data-v-29e377d9]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.subject-tags[data-v-29e377d9]{display:flex;gap:6px;width:100%;margin-bottom:4px}.tag[data-v-29e377d9]{padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600}.grade-tag[data-v-29e377d9]{background:#f1f5f9;color:#64748b}.duration-tag[data-v-29e377d9],.offline-badge[data-v-29e377d9]{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600}.duration-tag[data-v-29e377d9]{background:#f1f5f9;color:#64748b}.offline-badge[data-v-29e377d9]{background:#2563eb1a;color:#2563eb}.detail-title[data-v-29e377d9]{width:100%;font-family:var(--font-heading, "Outfit", sans-serif);font-size:20px;font-weight:700;color:var(--text-primary, #0F172A);line-height:1.3;margin:4px 0 0}.cover-section[data-v-29e377d9]{border-radius:12px;overflow:hidden;height:120px;min-height:120px;max-height:120px;position:relative;flex-shrink:0}.cover-image[data-v-29e377d9]{width:100%;height:100%;object-fit:cover}.cover-placeholder[data-v-29e377d9]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cover-placeholder i[data-v-29e377d9]{font-size:48px;opacity:.6}.ai-section[data-v-29e377d9]{background:#f8fafc;border-radius:14px;padding:14px;border:1px solid rgba(148,163,184,.12)}.ai-header[data-v-29e377d9]{display:flex;align-items:center;gap:12px}.ai-score-ring[data-v-29e377d9]{position:relative;width:52px;height:52px;flex-shrink:0}.score-svg[data-v-29e377d9]{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg[data-v-29e377d9]{fill:none;stroke:#94a3b833;stroke-width:3}.circle-fill[data-v-29e377d9]{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.ai-score-ring.green .circle-fill[data-v-29e377d9]{stroke:#059669}.ai-score-ring.yellow .circle-fill[data-v-29e377d9]{stroke:#d97706}.ai-score-ring.red .circle-fill[data-v-29e377d9]{stroke:#dc2626}.score-text[data-v-29e377d9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:var(--text-primary)}.score-text small[data-v-29e377d9]{font-size:10px;opacity:.7}.ai-info h4[data-v-29e377d9]{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.ai-info p[data-v-29e377d9]{font-size:12px;color:var(--text-secondary);margin:0}.report-content[data-v-29e377d9]{margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.15)}.report-summary[data-v-29e377d9]{font-size:12px;color:var(--text-secondary);line-height:1.5;margin:0 0 12px}.report-grid[data-v-29e377d9]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-block h5[data-v-29e377d9]{font-size:11px;font-weight:600;color:var(--text-secondary);margin:0 0 5px;display:flex;align-items:center;gap:4px}.report-block h5 i[data-v-29e377d9]{font-size:13px}.report-block.strengths h5 i[data-v-29e377d9]{color:#059669}.report-block.weaknesses h5 i[data-v-29e377d9]{color:#f59e0b}.report-block ul[data-v-29e377d9]{margin:0;padding-left:14px;font-size:11px;color:var(--text-primary);line-height:1.5}.toggle-report-btn[data-v-29e377d9]{width:100%;margin-top:10px;padding:6px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease}.toggle-report-btn[data-v-29e377d9]:hover{background:#94a3b81a;color:var(--text-primary)}.no-score-section[data-v-29e377d9]{background:#f8fafc;border-radius:12px;padding:18px;text-align:center;border:1px dashed rgba(148,163,184,.3)}.no-score-icon[data-v-29e377d9]{width:40px;height:40px;margin:0 auto 8px;background:#94a3b81a;border-radius:50%;display:flex;align-items:center;justify-content:center}.no-score-icon i[data-v-29e377d9]{font-size:20px;color:var(--text-tertiary)}.no-score-section p[data-v-29e377d9]{font-size:12px;color:var(--text-tertiary);margin:0}.description-section p[data-v-29e377d9]{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.progress-section[data-v-29e377d9]{display:flex;flex-direction:column;gap:6px}.progress-info[data-v-29e377d9]{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.progress-label[data-v-29e377d9]{color:var(--text-secondary)}.progress-text[data-v-29e377d9]{color:var(--text-primary)}.progress-bar[data-v-29e377d9]{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.progress-fill[data-v-29e377d9]{height:100%;border-radius:3px;transition:width .3s ease}.download-status[data-v-29e377d9]{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f59e0b14;border-radius:10px;border:1px solid rgba(245,158,11,.15);color:#b45309;font-size:12px;font-weight:500;position:relative;overflow:hidden}.download-status i[data-v-29e377d9]{font-size:18px}.mini-progress[data-v-29e377d9]{position:absolute;bottom:0;left:0;right:0;height:3px;background:#f59e0b33}.mini-progress-fill[data-v-29e377d9]{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);transition:width .3s ease}.detail-footer[data-v-29e377d9]{position:absolute;bottom:0;left:0;right:0;padding:16px 24px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;background:linear-gradient(to top,#fff 70%,#fff0);transition:all .3s ease;z-index:10}.detail-footer.at-bottom[data-v-29e377d9]{position:relative;background:transparent;margin-top:-80px}.download-hint[data-v-29e377d9]{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary, #94A3B8)}.download-hint i[data-v-29e377d9]{font-size:12px}.btn-start[data-v-29e377d9]{width:100%;padding:14px;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-start[data-v-29e377d9]:hover:not(.downloading){transform:translateY(-2px)}.btn-start.downloading[data-v-29e377d9]{cursor:wait}.spinning[data-v-29e377d9]{animation:spin-29e377d9 1s linear infinite}@keyframes spin-29e377d9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.expand-enter-active[data-v-29e377d9],.expand-leave-active[data-v-29e377d9]{transition:all .25s ease;overflow:hidden}.expand-enter-from[data-v-29e377d9],.expand-leave-to[data-v-29e377d9]{opacity:0;max-height:0}.expand-enter-to[data-v-29e377d9],.expand-leave-from[data-v-29e377d9]{opacity:1;max-height:300px}.kid-dashboard[data-v-f7379442]{width:100%;max-width:900px;display:flex;flex-direction:column;gap:24px}.card[data-v-f7379442]{background:#fff;border:1px solid rgba(148,163,184,.15);border-radius:20px;padding:24px;box-shadow:0 4px 12px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.card[data-v-f7379442]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:#94a3b840}.card-top[data-v-f7379442]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.card-icon[data-v-f7379442]{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.stats-icon[data-v-f7379442]{background:#3b82f61f;color:#3b82f6}.progress-icon[data-v-f7379442]{background:#10b9811f;color:#10b981}.card-title[data-v-f7379442]{font-size:18px;font-weight:800;color:#0f172a;margin:0;flex-shrink:0}.card-subtitle[data-v-f7379442]{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.8px;margin-left:auto}.greeting-section[data-v-f7379442]{width:100%}.dashboard-grid[data-v-f7379442]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stats-grid[data-v-f7379442]{display:grid;grid-template-columns:1fr;gap:16px}.progress-content[data-v-f7379442]{min-height:200px;display:flex;align-items:center}@keyframes fadeUp-f7379442{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up[data-v-f7379442]{animation:fadeUp-f7379442 .5s ease-out both}.delay-1[data-v-f7379442]{animation-delay:.1s}.delay-2[data-v-f7379442]{animation-delay:.2s}.delay-3[data-v-f7379442]{animation-delay:.3s}.recent-icon[data-v-f7379442]{background:#f59e0b1f;color:#f59e0b}.recent-list[data-v-f7379442]{display:flex;flex-direction:column}.detail-panel-modal[data-v-f7379442]{position:fixed;inset:0;z-index:1000;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end}.detail-panel-content[data-v-f7379442]{width:100%;max-width:480px;background:#fff;height:100%;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column}.detail-slide-enter-active[data-v-f7379442],.detail-slide-leave-active[data-v-f7379442]{transition:opacity .3s ease}.detail-slide-enter-from[data-v-f7379442],.detail-slide-leave-to[data-v-f7379442]{opacity:0}.detail-slide-enter-active .detail-panel-content[data-v-f7379442],.detail-slide-leave-active .detail-panel-content[data-v-f7379442]{transition:transform .3s cubic-bezier(.16,1,.3,1)}.detail-slide-enter-from .detail-panel-content[data-v-f7379442],.detail-slide-leave-to .detail-panel-content[data-v-f7379442]{transform:translate(100%)}@media(max-width:768px){.dashboard-grid[data-v-f7379442]{grid-template-columns:1fr}}.updates-page[data-v-b1ba0d15]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#e2e8f04d)}.page-header[data-v-b1ba0d15]{padding:24px 32px 16px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.12);flex-shrink:0}.page-title[data-v-b1ba0d15]{font-family:var(--font-heading, "Outfit", sans-serif);font-size:28px;font-weight:700;color:#0f172a;margin:0 0 4px;display:flex;align-items:center;gap:12px}.title-icon[data-v-b1ba0d15]{font-size:32px;color:#8b5cf6}.page-subtitle[data-v-b1ba0d15]{font-size:14px;color:#64748b;margin:0;font-weight:500;padding-left:44px}.scroll-content[data-v-b1ba0d15]{flex:1;overflow-y:auto;padding:24px 32px 32px;max-width:800px;margin:0 auto;width:100%}.version-card[data-v-b1ba0d15]{padding:32px;background:#fff;border-radius:24px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;box-shadow:0 4px 12px #00000008}.version-info[data-v-b1ba0d15]{display:flex;align-items:center;gap:20px}.version-icon-wrapper[data-v-b1ba0d15]{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;box-shadow:0 8px 16px #8b5cf640}.version-text[data-v-b1ba0d15]{display:flex;flex-direction:column}.version-label[data-v-b1ba0d15]{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.version-number[data-v-b1ba0d15]{font-family:var(--font-heading, "Outfit", sans-serif);font-size:32px;font-weight:800;color:#0f172a;margin:0;line-height:1}.check-btn[data-v-b1ba0d15]{padding:12px 24px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#8b5cf6;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.check-btn[data-v-b1ba0d15]:hover:not(:disabled){background:#f5f3ff;border-color:#8b5cf6;transform:translateY(-1px)}.check-btn[data-v-b1ba0d15]:disabled{opacity:.6;cursor:not-allowed}.check-btn i[data-v-b1ba0d15]{font-size:18px}.check-btn i.spinning[data-v-b1ba0d15]{animation:spin-b1ba0d15 1s linear infinite}@keyframes spin-b1ba0d15{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-title[data-v-b1ba0d15]{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 16px}.updates-list[data-v-b1ba0d15]{display:flex;flex-direction:column;gap:16px}.update-item[data-v-b1ba0d15]{padding:20px;background:#fff;border-radius:16px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:16px;transition:all .2s}.update-item[data-v-b1ba0d15]:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translate(4px)}.update-icon[data-v-b1ba0d15]{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.update-icon--feature[data-v-b1ba0d15]{background:#fffbeb;color:#f59e0b}.update-icon--improve[data-v-b1ba0d15]{background:#ecfdf5;color:#10b981}.update-icon--fix[data-v-b1ba0d15]{background:#eff6ff;color:#3b82f6}.update-content[data-v-b1ba0d15]{flex:1;display:flex;flex-direction:column;gap:4px}.update-text[data-v-b1ba0d15]{font-size:15px;font-weight:500;color:#1e293b}.update-date[data-v-b1ba0d15]{font-size:12px;color:#94a3b8}.update-tag[data-v-b1ba0d15]{font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase}.update-tag--feature[data-v-b1ba0d15]{background:#fff7ed;color:#ea580c}.update-tag--improve[data-v-b1ba0d15]{background:#f0fdf4;color:#15803d}.update-tag--fix[data-v-b1ba0d15]{background:#f0f9ff;color:#0369a1}@media(max-width:640px){.version-card[data-v-b1ba0d15]{flex-direction:column;align-items:flex-start;gap:20px}.check-btn[data-v-b1ba0d15]{width:100%;justify-content:center}}.my-plan-page[data-v-561ca6c0]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#e2e8f04d)}.page-header[data-v-561ca6c0]{padding:24px 32px 16px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.12);flex-shrink:0}.page-title[data-v-561ca6c0]{font-family:var(--font-heading, "Outfit", sans-serif);font-size:28px;font-weight:700;color:#0f172a;margin:0 0 4px;display:flex;align-items:center;gap:12px}.title-icon[data-v-561ca6c0]{font-size:32px;color:#f59e0b}.page-subtitle[data-v-561ca6c0]{font-size:14px;color:#64748b;margin:0;font-weight:500;padding-left:44px}.scroll-content[data-v-561ca6c0]{flex:1;overflow-y:auto;padding:24px 32px 32px;max-width:800px;margin:0 auto;width:100%}.plan-card[data-v-561ca6c0]{position:relative;border-radius:24px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;overflow:hidden;margin-bottom:40px;box-shadow:0 20px 40px -12px #0f172a4d}.plan-card__bg-icon[data-v-561ca6c0]{position:absolute;right:-20px;top:-20px;font-size:240px;color:#fff;opacity:.05;transform:rotate(15deg);pointer-events:none}.plan-card__content[data-v-561ca6c0]{position:relative;z-index:1;padding:32px}.plan-header[data-v-561ca6c0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.plan-label[data-v-561ca6c0]{font-size:13px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.plan-badge[data-v-561ca6c0]{padding:6px 12px;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.2)}.plan-name[data-v-561ca6c0]{font-family:var(--font-heading, "Outfit", sans-serif);font-size:32px;font-weight:700;margin:0 0 8px;background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.plan-desc[data-v-561ca6c0]{font-size:15px;color:#cbd5e1;margin:0 0 32px;max-width:400px}.upgrade-btn[data-v-561ca6c0]{padding:14px 28px;border-radius:14px;border:none;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:12px;box-shadow:0 8px 16px -4px #f59e0b4d}.upgrade-btn[data-v-561ca6c0]:hover{transform:translateY(-2px);box-shadow:0 12px 20px -4px #f59e0b66}.section-header[data-v-561ca6c0]{text-align:center;margin-bottom:24px}.section-title[data-v-561ca6c0]{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 8px}.section-subtitle[data-v-561ca6c0]{font-size:14px;color:#64748b;margin:0}.features-grid[data-v-561ca6c0]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-card[data-v-561ca6c0]{padding:20px;background:#fff;border-radius:16px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:16px;transition:all .2s}.feature-card[data-v-561ca6c0]:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.feature-icon[data-v-561ca6c0]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.feature-text[data-v-561ca6c0]{font-size:14px;font-weight:600;color:#334155;margin:0;line-height:1.4}@media(max-width:640px){.features-grid[data-v-561ca6c0]{grid-template-columns:1fr}.plan-card[data-v-561ca6c0]{text-align:center}.plan-header[data-v-561ca6c0]{justify-content:center}.plan-desc[data-v-561ca6c0]{margin-left:auto;margin-right:auto}}.feedback-overlay[data-v-eebfae81]{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.feedback-modal[data-v-eebfae81]{width:100%;max-width:500px;background:#fff;border-radius:24px;box-shadow:0 20px 40px -12px #00000026;overflow:hidden;animation:modal-up-eebfae81 .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-up-eebfae81{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header[data-v-eebfae81]{padding:24px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.modal-title[data-v-eebfae81]{font-family:var(--font-heading, "Outfit", sans-serif);font-size:20px;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:10px}.modal-title i[data-v-eebfae81]{color:#3b82f6;font-size:24px}.close-btn[data-v-eebfae81]{width:32px;height:32px;border-radius:10px;border:none;background:#f8fafc;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn[data-v-eebfae81]:hover{background:#f1f5f9;color:#0f172a}.modal-body[data-v-eebfae81]{padding:24px;display:flex;flex-direction:column;gap:24px}.form-group label[data-v-eebfae81]{display:block;font-size:14px;font-weight:600;color:#334155;margin-bottom:10px}.type-grid[data-v-eebfae81]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.type-btn[data-v-eebfae81]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;color:#64748b}.type-btn i[data-v-eebfae81]{font-size:24px;margin-bottom:4px}.type-btn span[data-v-eebfae81]{font-size:12px;font-weight:600}.type-btn[data-v-eebfae81]:hover{border-color:#cbd5e1;background:#f8fafc}.type-btn.active[data-v-eebfae81]{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}textarea[data-v-eebfae81]{width:100%;padding:16px;border:1px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:14px;color:#0f172a;resize:none;transition:all .2s}textarea[data-v-eebfae81]:focus,input[data-v-eebfae81]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-wrapper[data-v-eebfae81]{position:relative}.input-wrapper i[data-v-eebfae81]{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:18px}input[data-v-eebfae81]{width:100%;padding:12px 16px 12px 44px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;color:#0f172a}.modal-footer[data-v-eebfae81]{padding:20px 24px;background:#f8fafc;display:flex;justify-content:flex-end;gap:12px}.cancel-btn[data-v-eebfae81]{padding:10px 20px;border:1px solid #e2e8f0;background:#fff;border-radius:10px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.submit-btn[data-v-eebfae81]{padding:10px 24px;background:#3b82f6;border:none;border-radius:10px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.submit-btn[data-v-eebfae81]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.submit-btn[data-v-eebfae81]:disabled{opacity:.7;cursor:not-allowed}.help-page[data-v-545b583a]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#e2e8f04d)}.page-header[data-v-545b583a]{padding:24px 32px 16px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.12);flex-shrink:0}.page-title[data-v-545b583a]{font-family:var(--font-heading, "Outfit", sans-serif);font-size:28px;font-weight:700;color:#0f172a;margin:0 0 4px;display:flex;align-items:center;gap:12px}.title-icon[data-v-545b583a]{font-size:32px;color:#3b82f6}.page-subtitle[data-v-545b583a]{font-size:14px;color:#64748b;margin:0;font-weight:500;padding-left:44px}.scroll-content[data-v-545b583a]{flex:1;overflow-y:auto;padding:24px 32px 32px;max-width:1000px;margin:0 auto;width:100%}.help-grid[data-v-545b583a]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}.help-card[data-v-545b583a]{padding:24px;background:#fff;border-radius:20px;border:1px solid rgba(226,232,240,.8);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column}.help-card[data-v-545b583a]:hover{border-color:transparent;transform:translateY(-4px);box-shadow:0 12px 24px -4px #00000014}.help-card__icon[data-v-545b583a]{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px;transition:transform .3s}.help-card:hover .help-card__icon[data-v-545b583a]{transform:scale(1.1)}.help-card__title[data-v-545b583a]{font-size:18px;font-weight:700;margin:0 0 8px;color:#0f172a}.help-card__description[data-v-545b583a]{font-size:14px;color:#64748b;margin:0 0 24px;line-height:1.5;flex:1}.help-card__footer[data-v-545b583a]{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.view-btn[data-v-545b583a]{font-size:13px;font-weight:600;opacity:0;transform:translate(-10px);transition:all .3s}.help-card:hover .view-btn[data-v-545b583a]{opacity:1;transform:translate(0)}.help-card__arrow[data-v-545b583a]{font-size:20px;color:#cbd5e1;transition:all .3s}.help-card:hover .help-card__arrow[data-v-545b583a]{color:#3b82f6;transform:translate(4px)}.contact-section[data-v-545b583a]{padding:32px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:24px;display:flex;align-items:center;position:relative;overflow:hidden;color:#fff;box-shadow:0 12px 24px -4px #2563eb4d}.contact-bg-icon[data-v-545b583a]{position:absolute;right:-20px;bottom:-20px;font-size:200px;opacity:.1;transform:rotate(-15deg);pointer-events:none}.contact-content[data-v-545b583a]{position:relative;z-index:1;max-width:500px}.contact-title[data-v-545b583a]{font-size:24px;font-weight:700;margin:0 0 12px;color:#fff}.contact-text[data-v-545b583a]{font-size:15px;color:#ffffffe6;margin:0 0 24px;line-height:1.6}.contact-btn[data-v-545b583a]{padding:12px 24px;border-radius:12px;border:none;background:#fff;color:#2563eb;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0000001a}.contact-btn[data-v-545b583a]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.contact-btn i[data-v-545b583a]{font-size:18px}@media(max-width:768px){.help-grid[data-v-545b583a]{grid-template-columns:1fr}}.kid-card[data-v-e7e30649]{padding:20px;background:#fff;border-radius:16px;border:1px solid rgba(226,232,240,.8);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:16px;position:relative;box-shadow:0 1px 3px #00000005}.kid-card[data-v-e7e30649]:hover{border-color:#8b5cf6;box-shadow:0 8px 24px #8b5cf61f;transform:translateY(-2px)}.kid-card__avatar[data-v-e7e30649]{flex-shrink:0}.kid-card__content[data-v-e7e30649]{flex:1;min-width:0}.kid-card__name[data-v-e7e30649]{font-size:18px;font-weight:700;margin:0 0 2px;color:#0f172a}.kid-card__grade[data-v-e7e30649]{font-size:13px;color:#8b5cf6;margin:0 0 10px;font-weight:600}.kid-card__stats[data-v-e7e30649]{display:flex;gap:14px;margin-bottom:8px}.stat-item[data-v-e7e30649]{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#475569;background:#f1f5f9;padding:4px 10px;border-radius:8px}.stat-item i[data-v-e7e30649]{font-size:14px;color:#3b82f6}.stat-item.rank i[data-v-e7e30649]{color:#f59e0b}.kid-card__last-seen[data-v-e7e30649]{display:flex;align-items:center;gap:5px;font-size:11px;color:#94a3b8}.kid-card__last-seen i[data-v-e7e30649]{font-size:12px}.kid-card__arrow[data-v-e7e30649]{font-size:20px;color:#cbd5e1;flex-shrink:0;transition:all .3s}.kid-card:hover .kid-card__arrow[data-v-e7e30649]{color:#8b5cf6;transform:translate(4px)}.kid-selector[data-v-008bc385]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#e2e8f04d)}.page-header[data-v-008bc385]{padding:24px 32px 16px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.12);flex-shrink:0}.header-content[data-v-008bc385]{display:flex;flex-direction:column;gap:4px}.page-title[data-v-008bc385]{font-family:var(--font-heading, "Outfit", sans-serif);font-size:28px;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:12px}.title-icon[data-v-008bc385]{font-size:32px;color:#8b5cf6}.page-subtitle[data-v-008bc385]{font-size:14px;color:#64748b;margin:0;font-weight:500}.scroll-content[data-v-008bc385]{flex:1;overflow-y:auto;padding:24px 32px 32px}.kid-grid[data-v-008bc385]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px}@media(max-width:768px){.kid-grid[data-v-008bc385]{grid-template-columns:1fr}}.weekly-summary[data-v-dd236bf7]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card[data-v-dd236bf7]{padding:20px 24px;border-radius:16px;display:flex;align-items:center;gap:16px;transition:all .2s}.stat-card[data-v-dd236bf7]:hover{transform:translateY(-2px)}.stat-card--blue[data-v-dd236bf7]{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid rgba(59,130,246,.15)}.stat-card--blue .stat-card__icon[data-v-dd236bf7]{background:#fff;color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.stat-card--blue .stat-card__value[data-v-dd236bf7]{color:#1d4ed8}.stat-card--green[data-v-dd236bf7]{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid rgba(16,185,129,.15)}.stat-card--green .stat-card__icon[data-v-dd236bf7]{background:#fff;color:#10b981;box-shadow:0 4px 12px #10b98133}.stat-card--green .stat-card__value[data-v-dd236bf7]{color:#059669}.stat-card--yellow[data-v-dd236bf7]{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid rgba(245,158,11,.15)}.stat-card--yellow .stat-card__icon[data-v-dd236bf7]{background:#fff;color:#f59e0b;box-shadow:0 4px 12px #f59e0b33}.stat-card--yellow .stat-card__value[data-v-dd236bf7]{color:#d97706}.stat-card__icon[data-v-dd236bf7]{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.stat-card__content[data-v-dd236bf7]{display:flex;flex-direction:column;gap:4px;min-width:0}.stat-card__label[data-v-dd236bf7]{font-size:11px;color:#64748b;font-weight:700;letter-spacing:.8px}.stat-card__value[data-v-dd236bf7]{font-size:24px;font-weight:800;font-family:var(--font-heading, "Outfit", sans-serif)}@media(max-width:768px){.weekly-summary[data-v-dd236bf7]{grid-template-columns:1fr}}.capability-radar[data-v-557b31bf]{background:#fff;border-radius:20px;border:1px solid rgba(226,232,240,.8);overflow:hidden}.radar-header[data-v-557b31bf]{padding:20px 24px 16px;border-bottom:1px solid rgba(226,232,240,.6)}.radar-title[data-v-557b31bf]{font-size:16px;font-weight:700;margin:0;color:#0f172a;display:flex;align-items:center;gap:10px}.radar-title i[data-v-557b31bf]{font-size:20px;color:#6366f1}.radar-body[data-v-557b31bf]{padding:24px;display:flex;align-items:center;gap:32px}.radar-canvas-wrapper[data-v-557b31bf]{flex-shrink:0}.radar-insights[data-v-557b31bf]{flex:1;display:flex;flex-direction:column;gap:16px}.insight-item[data-v-557b31bf]{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:14px}.insight-item--strong[data-v-557b31bf]{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid rgba(16,185,129,.15)}.insight-item--weak[data-v-557b31bf]{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid rgba(249,115,22,.15)}.insight-icon[data-v-557b31bf]{width:44px;height:44px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.insight-item--strong .insight-icon[data-v-557b31bf]{color:#10b981;box-shadow:0 4px 12px #10b98126}.insight-item--weak .insight-icon[data-v-557b31bf]{color:#f97316;box-shadow:0 4px 12px #f9731626}.insight-content[data-v-557b31bf]{display:flex;flex-direction:column;gap:2px;flex:1}.insight-label[data-v-557b31bf]{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.insight-value[data-v-557b31bf]{font-size:17px;font-weight:700;color:#0f172a;text-transform:capitalize}.insight-percent[data-v-557b31bf]{font-size:13px;font-weight:600;color:#64748b}@media(max-width:768px){.radar-body[data-v-557b31bf]{flex-direction:column}}.progress-list[data-v-674163bc]{background:#fff;border-radius:20px;border:1px solid rgba(226,232,240,.8);overflow:hidden}.progress-header[data-v-674163bc]{padding:20px 24px 16px;border-bottom:1px solid rgba(226,232,240,.6);display:flex;align-items:center;justify-content:space-between}.progress-title[data-v-674163bc]{font-size:16px;font-weight:700;margin:0;color:#0f172a;display:flex;align-items:center;gap:10px}.progress-title i[data-v-674163bc]{font-size:20px;color:#3b82f6}.progress-count[data-v-674163bc]{font-size:12px;font-weight:600;color:#94a3b8;background:#f1f5f9;padding:4px 10px;border-radius:6px}.progress-cards[data-v-674163bc]{padding:16px;display:flex;flex-direction:column;gap:12px}.progress-card[data-v-674163bc]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:14px;background:#f8fafc;border:1px solid transparent;transition:all .2s}.progress-card[data-v-674163bc]:hover{transform:translate(4px);box-shadow:0 4px 12px #0000000d}.progress-card--excellent[data-v-674163bc]{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#10b9811a}.progress-card--good[data-v-674163bc]{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#3b82f61a}.progress-card--medium[data-v-674163bc]{background:linear-gradient(135deg,#fffbeb,#fefce8);border-color:#f59e0b1a}.progress-card--low[data-v-674163bc]{background:linear-gradient(135deg,#fef2f2,#fff1f2);border-color:#ef44441a}.card-left[data-v-674163bc]{display:flex;align-items:center;gap:14px}.subject-icon[data-v-674163bc]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.subject-info[data-v-674163bc]{display:flex;flex-direction:column;gap:3px}.subject-name[data-v-674163bc]{font-size:15px;font-weight:700;color:#0f172a}.topic-name[data-v-674163bc]{font-size:13px;font-weight:500;color:#64748b}.card-right[data-v-674163bc]{display:flex;align-items:center;gap:16px}.progress-ring[data-v-674163bc]{position:relative;width:52px;height:52px}.circular-chart[data-v-674163bc]{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg[data-v-674163bc]{fill:none;stroke:#e2e8f0;stroke-width:3}.circle[data-v-674163bc]{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .6s ease}.progress-value[data-v-674163bc]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:800;color:#0f172a}.status-label[data-v-674163bc]{font-size:12px;font-weight:700;min-width:90px;text-align:right}.ai-suggestion[data-v-63c6dd73]{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#fef9c3,#fef3c7,#fde68a);border:1px solid rgba(251,191,36,.3)}.suggestion-glow[data-v-63c6dd73]{position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(251,191,36,.3) 0%,transparent 70%);pointer-events:none}.suggestion-content[data-v-63c6dd73]{position:relative;padding:24px}.suggestion-header[data-v-63c6dd73]{display:flex;align-items:center;gap:12px;margin-bottom:14px}.suggestion-icon[data-v-63c6dd73]{width:44px;height:44px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;color:#f59e0b;box-shadow:0 4px 12px #f59e0b33}.suggestion-title[data-v-63c6dd73]{font-size:17px;font-weight:700;margin:0;color:#92400e}.suggestion-text[data-v-63c6dd73]{font-size:14px;line-height:1.7;color:#78350f;margin:0 0 20px;font-weight:500}.suggestion-actions[data-v-63c6dd73]{display:flex;gap:12px}.action-btn[data-v-63c6dd73]{padding:10px 20px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;border:none}.action-btn--primary[data-v-63c6dd73]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.action-btn--primary[data-v-63c6dd73]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.action-btn--secondary[data-v-63c6dd73]{background:#fff;color:#92400e;border:1px solid rgba(251,191,36,.5)}.action-btn--secondary[data-v-63c6dd73]:hover{background:#fffbeb}.action-btn i[data-v-63c6dd73]{font-size:16px}.kid-report[data-v-b84829b6]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#e2e8f04d)}.page-header[data-v-b84829b6]{padding:16px 32px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.12);flex-shrink:0;display:flex;align-items:center;gap:16px}.back-button[data-v-b84829b6]{width:40px;height:40px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.back-button[data-v-b84829b6]:hover{background:#f8fafc;border-color:#8b5cf6;color:#8b5cf6}.header-content[data-v-b84829b6]{display:flex;align-items:center;gap:16px}.header-avatar[data-v-b84829b6]{flex-shrink:0}.header-info[data-v-b84829b6]{display:flex;flex-direction:column;gap:2px}.page-title[data-v-b84829b6]{font-family:var(--font-heading, "Outfit", sans-serif);font-size:24px;font-weight:700;color:#0f172a;margin:0}.page-subtitle[data-v-b84829b6]{font-size:13px;color:#64748b;margin:0;font-weight:500}.scroll-content[data-v-b84829b6]{flex:1;overflow-y:auto;padding:24px 32px 32px}.report-content[data-v-b84829b6]{display:flex;flex-direction:column;gap:20px;max-width:900px}.report-empty[data-v-b84829b6]{padding:64px 24px;text-align:center;color:#94a3b8}.report-empty i[data-v-b84829b6]{font-size:64px;margin-bottom:16px}.report-empty p[data-v-b84829b6]{font-size:16px;font-weight:600;margin:0}.admin-dashboard[data-v-59b8f0f5]{width:100%;height:100%}.account-item[data-v-99c4153a]{padding:24px;background:#fff;border-radius:16px;border:1px solid rgba(226,232,240,.8);display:flex;align-items:center;gap:20px;transition:all .2s}.account-item[data-v-99c4153a]:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.account-item__avatar[data-v-99c4153a]{flex-shrink:0}.account-item__content[data-v-99c4153a]{flex:1;min-width:0}.account-item__name[data-v-99c4153a]{font-size:18px;font-weight:700;margin:0 0 4px;color:#0f172a}.account-item__grade[data-v-99c4153a]{font-size:14px;color:#8b5cf6;margin:0 0 8px;font-weight:600}.account-item__last-active[data-v-99c4153a]{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8}.account-item__last-active i[data-v-99c4153a]{font-size:14px}.account-item__actions[data-v-99c4153a]{display:flex;gap:8px;flex-shrink:0}.action-btn[data-v-99c4153a]{padding:10px 18px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.action-btn i[data-v-99c4153a]{font-size:16px}.action-btn--delete[data-v-99c4153a]{color:#ef4444}.action-btn--delete[data-v-99c4153a]:hover{background:#fef2f2;border-color:#ef4444}.account-list[data-v-bf81d4f5]{display:flex;flex-direction:column;gap:16px;max-width:900px}.account-list__empty[data-v-bf81d4f5]{padding:64px 24px;text-align:center;background:#fff;border-radius:20px;border:2px dashed #e2e8f0}.empty-icon[data-v-bf81d4f5]{width:80px;height:80px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.empty-icon i[data-v-bf81d4f5]{font-size:36px;color:#94a3b8}.empty-title[data-v-bf81d4f5]{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 8px}.empty-desc[data-v-bf81d4f5]{font-size:14px;color:#64748b;margin:0}.account-form-overlay[data-v-c2126446]{position:fixed;inset:0;background:#00000080;z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px}.account-form[data-v-c2126446]{width:100%;max-width:480px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 48px #0003}.account-form__header[data-v-c2126446]{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.account-form__title[data-v-c2126446]{font-size:20px;font-weight:700;margin:0;color:#0f172a}.account-form__close[data-v-c2126446]{width:32px;height:32px;border-radius:50%;border:none;background:#0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s;font-size:18px}.account-form__close[data-v-c2126446]:hover{background:#0000001a;color:#0f172a}.account-form__body[data-v-c2126446]{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group[data-v-c2126446]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-c2126446]{font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.avatar-preview[data-v-c2126446]{width:80px;height:80px;border-radius:50%;overflow:hidden;background:#f1f5f9;border:2px solid #e2e8f0;margin-bottom:12px}.avatar-preview img[data-v-c2126446]{width:100%;height:100%;object-fit:cover}.form-input[data-v-c2126446],.form-select[data-v-c2126446]{padding:12px 16px;border-radius:10px;border:1px solid #e2e8f0;font-size:14px;font-weight:500;color:#0f172a;transition:all .2s;font-family:inherit}.form-input[data-v-c2126446]:focus,.form-select[data-v-c2126446]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-select[data-v-c2126446]{cursor:pointer}.account-form__footer[data-v-c2126446]{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.btn-cancel[data-v-c2126446],.btn-save[data-v-c2126446]{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel[data-v-c2126446]{border:1px solid #e2e8f0;background:#fff;color:#64748b}.btn-cancel[data-v-c2126446]:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.btn-save[data-v-c2126446]{border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-save[data-v-c2126446]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-save[data-v-c2126446]:disabled{opacity:.5;cursor:not-allowed}.delete-confirm-overlay[data-v-0d9830ae]{position:fixed;inset:0;background:#0009;z-index:10002;display:flex;align-items:center;justify-content:center;padding:20px}.delete-confirm[data-v-0d9830ae]{width:100%;max-width:420px;background:#fff;border-radius:20px;padding:32px 24px;box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;align-items:center;gap:20px}.delete-confirm__icon[data-v-0d9830ae]{width:72px;height:72px;border-radius:50%;background:#fef2f2;color:#ef4444;display:flex;align-items:center;justify-content:center;font-size:36px}.delete-confirm__title[data-v-0d9830ae]{font-size:22px;font-weight:800;margin:0;color:#0f172a}.delete-confirm__message[data-v-0d9830ae]{font-size:14px;color:#64748b;text-align:center;margin:0;line-height:1.6}.delete-confirm__message strong[data-v-0d9830ae]{color:#0f172a;font-weight:700}.delete-confirm__warning[data-v-0d9830ae]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;color:#92400e;font-size:13px;font-weight:600}.delete-confirm__warning i[data-v-0d9830ae]{font-size:18px;flex-shrink:0}.delete-confirm__error[data-v-0d9830ae]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;font-weight:500;margin:0;width:100%}.delete-confirm__error i[data-v-0d9830ae]{font-size:16px;flex-shrink:0}.delete-confirm__footer[data-v-0d9830ae]{width:100%;display:flex;justify-content:center;padding-top:8px}.btn-cancel[data-v-0d9830ae]{padding:10px 20px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel[data-v-0d9830ae]:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.account-management[data-v-ba55714d]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#e2e8f04d)}.page-header[data-v-ba55714d]{padding:24px 32px 16px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.12);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.header-content[data-v-ba55714d]{display:flex;flex-direction:column;gap:4px}.page-title[data-v-ba55714d]{font-family:var(--font-heading, "Outfit", sans-serif);font-size:28px;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:12px}.title-icon[data-v-ba55714d]{font-size:32px;color:#10b981}.page-subtitle[data-v-ba55714d]{font-size:14px;color:#64748b;margin:0;font-weight:500}.add-button[data-v-ba55714d]{padding:12px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #10b98140}.add-button[data-v-ba55714d]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.add-button[data-v-ba55714d]:disabled{opacity:.5;cursor:not-allowed}.add-button i[data-v-ba55714d]{font-size:16px}.scroll-content[data-v-ba55714d]{flex:1;overflow-y:auto;padding:24px 32px 32px}.limit-notice[data-v-ba55714d]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;color:#92400e;font-size:13px;font-weight:600;margin-bottom:20px;max-width:900px}.limit-notice i[data-v-ba55714d]{font-size:16px;color:#f59e0b}.admin-section[data-v-ba55714d]{margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0;max-width:900px}.section-title[data-v-ba55714d]{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 16px}.admin-actions[data-v-ba55714d]{display:flex;flex-direction:column;gap:12px}.admin-btn[data-v-ba55714d]{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:14px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s;text-align:left}.admin-btn i[data-v-ba55714d]{font-size:24px;flex-shrink:0}.btn-content[data-v-ba55714d]{display:flex;flex-direction:column;gap:2px}.btn-label[data-v-ba55714d]{font-size:14px;font-weight:700;color:#0f172a}.btn-desc[data-v-ba55714d]{font-size:12px;color:#64748b;font-weight:500}.admin-btn--logout[data-v-ba55714d]{border-color:#ef444433}.admin-btn--logout i[data-v-ba55714d]{color:#ef4444}.admin-btn--logout[data-v-ba55714d]:hover{background:#fef2f2;border-color:#ef4444}.profile-modal-overlay[data-v-304388c6]{position:absolute;inset:0;background:#0f172ad9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:stretch;justify-content:stretch;border-radius:28px;overflow:hidden}.profile-modal[data-v-304388c6]{flex:1;background:#fff;display:flex;flex-direction:column;position:relative}.profile-modal__close[data-v-304388c6]{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#0000000d;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#64748b;transition:all .2s;z-index:10}.profile-modal__close[data-v-304388c6]:hover{background:#0000001a;color:#0f172a;transform:scale(1.05)}.profile-modal__container[data-v-304388c6]{display:flex;height:100%;flex:1}.profile-modal__main[data-v-304388c6]{flex:1;display:flex;overflow:hidden}.profile-modal__content[data-v-304388c6]{flex:1;overflow-y:auto;background-color:#f8fafc;background-image:radial-gradient(circle at 100% 0%,rgba(59,130,246,.05) 0%,transparent 25%),radial-gradient(circle at 0% 100%,rgba(234,88,12,.05) 0%,transparent 25%),radial-gradient(rgba(148,163,184,.1) 1px,transparent 1px);background-size:100% 100%,100% 100%,20px 20px;padding:40px}.content-fade-enter-active[data-v-304388c6]{transition:all .3s ease}.content-fade-leave-active[data-v-304388c6]{transition:all .2s ease}.content-fade-enter-from[data-v-304388c6]{opacity:0;transform:translate(20px)}.content-fade-leave-to[data-v-304388c6]{opacity:0;transform:translate(-20px)}.modal-fade-enter-active[data-v-304388c6],.modal-fade-leave-active[data-v-304388c6]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-304388c6],.modal-fade-leave-to[data-v-304388c6]{opacity:0}.content-placeholder[data-v-304388c6]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#94a3b8}.content-placeholder i[data-v-304388c6]{font-size:64px}.content-placeholder p[data-v-304388c6]{font-size:16px;font-weight:600;margin:0}.eye-protection-overlay[data-v-f76114bc]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center}.content[data-v-f76114bc]{text-align:center;max-width:400px;padding:40px}.visual[data-v-f76114bc]{position:relative;width:80px;height:80px;margin:0 auto 32px;display:flex;align-items:center;justify-content:center}.eye-icon[data-v-f76114bc]{font-size:48px;color:#22c55e;z-index:2;background:#dcfce7;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ripples span[data-v-f76114bc]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:2px solid #22c55e;opacity:0;animation:ripple-f76114bc 2s infinite}.ripples span[data-v-f76114bc]:nth-child(2){animation-delay:.5s}@keyframes ripple-f76114bc{0%{width:100%;height:100%;opacity:.8}to{width:200%;height:200%;opacity:0}}h2[data-v-f76114bc]{font-size:28px;color:#1e293b;margin-bottom:16px}p[data-v-f76114bc]{color:#64748b;line-height:1.6;margin-bottom:40px}.countdown-circle[data-v-f76114bc]{width:120px;height:120px;border:4px solid #e2e8f0;border-radius:50%;margin:0 auto 40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.count[data-v-f76114bc]{font-size:40px;font-weight:800;color:#1e293b;line-height:1}.label[data-v-f76114bc]{font-size:14px;color:#94a3b8}.btn-dismiss[data-v-f76114bc]{background:#0f172a;color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-dismiss[data-v-f76114bc]:hover{transform:scale(1.05)}.fade-enter-active[data-v-f76114bc],.fade-leave-active[data-v-f76114bc]{transition:opacity .5s ease}.fade-enter-from[data-v-f76114bc],.fade-leave-to[data-v-f76114bc]{opacity:0}.demo-stage[data-v-b508e390]{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 50%,#f5f7fa,#e2e8f0)}.content-area[data-v-b508e390]{flex-grow:1;padding:40px 32px 32px;display:flex;align-items:stretch;gap:24px;background-color:#f8fafc;background-image:radial-gradient(circle at 100% 0%,rgba(59,130,246,.05) 0%,transparent 25%),radial-gradient(circle at 0% 100%,rgba(234,88,12,.05) 0%,transparent 25%),radial-gradient(rgba(148,163,184,.1) 1px,transparent 1px);background-size:100% 100%,100% 100%,20px 20px;overflow:hidden;position:relative}.content-area.is-fullscreen[data-v-b508e390]{padding:0;gap:0}.page-fade-enter-active[data-v-b508e390],.page-fade-leave-active[data-v-b508e390]{transition:opacity .3s ease,transform .3s ease}.page-fade-enter-from[data-v-b508e390]{opacity:0;transform:translate(20px)}.page-fade-leave-to[data-v-b508e390]{opacity:0;transform:translate(-20px)}.water-tracker[data-v-b0b0e4bc]{height:100%;display:flex;flex-direction:column;color:#1e293b}.tracker-header[data-v-b0b0e4bc]{display:flex;align-items:center;gap:16px;margin-bottom:32px}.icon-wrapper[data-v-b0b0e4bc]{width:48px;height:48px;background:#e0f2fe;color:#0ea5e9;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.header-text h3[data-v-b0b0e4bc]{font-size:18px;font-weight:700;margin:0 0 4px}.header-text p[data-v-b0b0e4bc]{font-size:14px;color:#64748b;margin:0}.main-visual[data-v-b0b0e4bc]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;margin-bottom:32px}.cup-container[data-v-b0b0e4bc]{width:120px;height:160px;border:4px solid #e2e8f0;border-top:none;border-radius:0 0 24px 24px;position:relative;overflow:hidden;background:#fff}.water[data-v-b0b0e4bc]{position:absolute;bottom:0;left:0;width:100%;background:#38bdf8;transition:height .6s cubic-bezier(.34,1.56,.64,1);opacity:.8}.progress-info[data-v-b0b0e4bc]{display:flex;align-items:baseline;gap:4px}.big-number[data-v-b0b0e4bc]{font-size:48px;font-weight:800;color:#0ea5e9;line-height:1}.separator[data-v-b0b0e4bc]{font-size:24px;color:#94a3b8}.total[data-v-b0b0e4bc]{font-size:24px;font-weight:600;color:#64748b}.unit[data-v-b0b0e4bc]{font-size:16px;color:#64748b;margin-left:4px}.actions[data-v-b0b0e4bc]{display:flex;justify-content:center;margin-bottom:32px}.btn-drink[data-v-b0b0e4bc]{background:#0ea5e9;color:#fff;border:none;border-radius:16px;padding:16px 32px;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0ea5e94d}.btn-drink[data-v-b0b0e4bc]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e966}.btn-drink[data-v-b0b0e4bc]:active:not(:disabled){transform:translateY(0)}.btn-drink[data-v-b0b0e4bc]:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none}.history-section[data-v-b0b0e4bc]{background:#f8fafc;border-radius:16px;padding:20px}.history-section h4[data-v-b0b0e4bc]{font-size:14px;color:#64748b;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.history-list[data-v-b0b0e4bc]{display:flex;flex-direction:column;gap:8px;max-height:120px;overflow-y:auto}.history-item[data-v-b0b0e4bc]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e2e8f0;font-size:14px}.history-item[data-v-b0b0e4bc]:last-child{border-bottom:none}.empty-history[data-v-b0b0e4bc]{font-size:14px;color:#94a3b8;text-align:center;padding:12px 0}.quest-detail[data-v-4d35466a]{height:100%;background:#fff;border-radius:24px;padding:24px;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000000d}.detail-content[data-v-4d35466a]{flex:1;overflow-y:auto}.generic-quest[data-v-4d35466a]{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:40px}.icon-large[data-v-4d35466a]{width:80px;height:80px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:24px}.icon-large.blue[data-v-4d35466a]{background:#e0f2fe;color:#0ea5e9}.icon-large.purple[data-v-4d35466a]{background:#f3e8ff;color:#a855f7}.icon-large.orange[data-v-4d35466a]{background:#ffedd5;color:#f97316}.icon-large.green[data-v-4d35466a]{background:#dcfce7;color:#22c55e}.generic-quest h2[data-v-4d35466a]{font-size:24px;margin:0 0 12px;color:#1e293b}.description[data-v-4d35466a]{color:#64748b;margin-bottom:32px;line-height:1.5;max-width:80%}.status-card[data-v-4d35466a]{background:#f8fafc;border-radius:16px;padding:20px;width:100%;margin-bottom:32px}.status-row[data-v-4d35466a]{display:flex;justify-content:space-between;padding:8px 0;font-size:15px;color:#475569;border-bottom:1px solid #e2e8f0}.status-row[data-v-4d35466a]:last-child{border-bottom:none}.status-row span[data-v-4d35466a]:last-child{font-weight:600;color:#0f172a}.btn-start[data-v-4d35466a]{background:#0f172a;color:#fff;border:none;border-radius:16px;padding:16px 48px;font-size:18px;font-weight:600;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.btn-start[data-v-4d35466a]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a33}.confetti-overlay[data-v-983b7db0]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece[data-v-983b7db0]{position:absolute;clip-path:polygon(50% 0%,0% 100%,100% 100%);animation:fall-983b7db0 linear forwards}@keyframes fall-983b7db0{0%{transform:translateY(0) rotate(0) translate(0);opacity:1}25%{transform:translateY(25vh) rotate(90deg) translate(20px)}50%{transform:translateY(50vh) rotate(180deg) translate(-20px)}75%{transform:translateY(75vh) rotate(270deg) translate(20px)}to{transform:translateY(110vh) rotate(360deg) translate(-10px);opacity:0}}.dashboard[data-v-33ed6224]{flex:1;height:100%;overflow:hidden;display:flex;flex-direction:column}.strip-scroll[data-v-33ed6224]{--module-width: calc((100% - 48px) / 3);--detail-width: calc((100% - 48px)/2) ;flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.strip[data-v-33ed6224]{display:flex;gap:24px;height:100%;min-width:100%;padding:0 2px}.module[data-v-33ed6224]{flex:0 0 var(--module-width);width:var(--module-width);min-width:var(--module-width);height:100%;min-height:0}.module-detail[data-v-33ed6224]{flex:0 0 var(--detail-width);width:var(--detail-width);min-width:var(--detail-width);max-width:var(--detail-width);display:flex;flex-direction:column;overflow:hidden;border-radius:24px;box-shadow:var(--shadow-card);background:var(--bg-card)}.module-detail[data-v-33ed6224]>*{flex:1;min-height:0;min-width:0;overflow:auto}.my-classes[data-v-33ed6224],.side-quests[data-v-33ed6224],.weekly-report[data-v-33ed6224]{display:flex;flex-direction:column;overflow:hidden}.weekly-report[data-v-33ed6224]{background:linear-gradient(145deg,#e0f2fe,#bae6fd,#7dd3fc)!important;border:none!important;box-shadow:0 8px 24px #0ea5e926!important;cursor:pointer;padding:24px!important}.weekly-report[data-v-33ed6224]:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 32px #0ea5e940!important}.report-content[data-v-33ed6224]{display:flex;flex-direction:column;height:100%;position:relative}.report-header[data-v-33ed6224]{display:flex;flex-direction:column;justify-content:flex-start;padding-top:8px;flex:1}.chart-icon[data-v-33ed6224]{margin-bottom:24px}.report-title[data-v-33ed6224]{font-size:20px;font-weight:800;color:#0284c7;line-height:1.35;margin:0}.report-arrow[data-v-33ed6224]{position:absolute;top:50%;right:0;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#0284c7;font-size:20px;transition:transform .3s ease}.weekly-report:hover .report-arrow[data-v-33ed6224]{transform:translateY(-50%) translate(4px)}.list-item.active[data-v-33ed6224]{background-color:var(--accent-blue-soft, #eff6ff);border:1px solid var(--accent-blue, #3b82f6)}.list-item.active .arrow[data-v-33ed6224]{color:var(--accent-blue);transform:none!important}.module-slide-enter-active[data-v-33ed6224],.module-slide-leave-active[data-v-33ed6224]{transition:all .35s cubic-bezier(.4,0,.2,1)}.module-slide-enter-from[data-v-33ed6224]{opacity:0;transform:translate(24px)}.module-slide-leave-to[data-v-33ed6224]{opacity:0;transform:translate(-24px)}.title-row[data-v-33ed6224]{display:flex;align-items:center;gap:8px;margin:0 0 4px}.title-row .card-title[data-v-33ed6224]{margin:0}.streak-badge[data-v-33ed6224]{background:#fff7ed;color:#f97316;font-size:12px;font-weight:700;padding:2px 8px;border-radius:12px;display:flex;align-items:center;gap:4px}.streak-badge.high-streak[data-v-33ed6224]{background:#eff6ff;color:#3b82f6;box-shadow:0 0 8px #3b82f64d}:root{--bg-body-gradient: radial-gradient(circle at 50% 50%, #F5F7FA 0%, #E2E8F0 100%);--bg-app: #F8FAFC;--bg-glass: rgba(255, 255, 255, .65);--bg-card: rgba(255, 255, 255, .85);--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #94A3B8;--accent-blue: #2563EB;--accent-blue-soft: rgba(37, 99, 235, .1);--accent-orange: #EA580C;--accent-orange-soft: rgba(234, 88, 12, .1);--accent-purple: #7C3AED;--accent-purple-soft: rgba(124, 58, 237, .1);--accent-green: #059669;--accent-green-soft: rgba(5, 150, 105, .1);--divider-color: rgba(148, 163, 184, .2);--shadow-sm: 0 2px 4px rgba(15, 23, 42, .05);--shadow-card: 0 4px 6px -1px rgba(15, 23, 42, .05), 0 10px 15px -3px rgba(15, 23, 42, .05), inset 0 0 0 1px rgba(255, 255, 255, .6);--shadow-float: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 10px 10px -5px rgba(15, 23, 42, .04), inset 0 0 0 1px rgba(255, 255, 255, .8);--blur-glass: blur(16px);--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--bezier-spring: cubic-bezier(.34, 1.56, .64, 1);--bezier-smooth: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}.card{background:var(--bg-card);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-card);transition:all .4s var(--bezier-spring);position:relative;overflow:hidden}.card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-float);border-color:#ffffffe6}.card-top{display:flex;flex-direction:column}.card-icon{width:36px;height:36px;border-radius:10px;margin-bottom:50px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:transform .3s}.card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.class-icon{background-color:var(--accent-orange-soft);color:var(--accent-orange)}.quest-icon{background-color:var(--accent-blue-soft);color:var(--accent-blue)}.report-icon{background-color:#fef3c7;color:#f59e0b}.card-title{font-family:var(--font-heading);font-size:24px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:6px}.card-subtitle{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.card-middle{flex-grow:1;display:flex;flex-direction:column;padding-top:40px;justify-content:flex-start}.list-container{display:flex;flex-direction:column;gap:12px;width:100%}.list-item{background:#ffffff59;border:none;border-radius:12px;padding:12px 16px 12px 0;min-height:54px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .25s var(--bezier-smooth);box-shadow:none}.list-item:hover{background:#ffffffb3;box-shadow:0 4px 12px #0000000d;transform:translate(3px)}.item-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.color-bar{width:4px;height:28px;border-radius:4px;flex-shrink:0}.color-bar.orange{background:linear-gradient(180deg,#fb923c,#ea580c)}.color-bar.blue{background:linear-gradient(180deg,#60a5fa,#2563eb)}.color-bar.gray{background:linear-gradient(180deg,#cbd5e1,#94a3b8)}.color-bar.purple{background:linear-gradient(180deg,#a78bfa,#7c3aed)}.color-bar.green{background:linear-gradient(180deg,#34d399,#059669)}.item-info{display:flex;flex-direction:column;gap:3px;min-width:0}.item-title{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{font-size:11px;color:var(--text-tertiary);font-weight:500}.arrow{font-size:14px;color:var(--text-tertiary);transition:all .2s ease;flex-shrink:0;margin-left:auto;padding-right:8px;opacity:.6}.list-item:hover .arrow{color:var(--accent-blue);transform:translate(3px);opacity:1}.btn-add{height:54px;border:2px dashed #e5e7eb;border-radius:14px;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-heading);font-size:14px;font-weight:600;transition:all .3s var(--bezier-smooth)}.btn-add:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:var(--accent-blue-soft)}.report-title{font-size:22px;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.3;margin-bottom:12px}.mini-chart{display:flex;align-items:flex-end;gap:6px;height:32px;margin-top:8px}.bar{width:8px;border-radius:4px;background:#e2e8f0;transition:height .5s ease}.bar-1{height:60%;background:#cbd5e1}.bar-2{height:80%;background:#94a3b8}.bar-3{height:40%;background:#e2e8f0}.card:hover .bar-1{height:80%;background:var(--accent-blue)}.card:hover .bar-2{height:100%;background:var(--accent-blue);opacity:.8}.card:hover .bar-3{height:60%;background:var(--accent-blue);opacity:.6}.divider-container{height:32px;display:flex;align-items:center;justify-content:center}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--divider-color) 10%,var(--divider-color) 90%,transparent)}@keyframes fadeInFrame{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}@keyframes crown-bounce{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes blink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}@keyframes rotateGlow{0%{transform:rotate(0) scale(1);opacity:.4}50%{transform:rotate(180deg) scale(1.1);opacity:.6}to{transform:rotate(360deg) scale(1);opacity:.4}}.animate-slide-in{animation:slideIn .5s cubic-bezier(.2,.8,.2,1) backwards}.animate-fade-up{animation:fadeInUp .6s cubic-bezier(.2,.8,.2,1) backwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}