:root{--ff-bg: #ffffff;--ff-bg-inset: #f1f5f9;--ff-bg-elevated: #f8fafc;--ff-bg-selected: #eff6ff;--ff-border: #e2e8f0;--ff-border-subtle: #f1f5f9;--ff-border-hover: #cbd5e1;--ff-text-heading: #0f172a;--ff-text: #334155;--ff-text-secondary: #64748b;--ff-text-muted: #94a3b8;--ff-text-placeholder: #94a3b8;--ff-accent: #3b82f6;--ff-accent-hover: #2563eb;--ff-accent-active: #1d4ed8;--ff-accent-text: #ffffff;--ff-accent-soft: #eff6ff;--ff-indigo: #6366f1;--ff-indigo-hover: #4f46e5;--ff-indigo-light: #818cf8;--ff-mentor: #7c3aed;--ff-admin: #b45309;--ff-danger: #dc2626;--ff-danger-border: #fecaca;--ff-danger-text: #dc2626;--ff-error-bg: #fef2f2;--ff-error-border: #fecaca;--ff-error-text: #dc2626;--ff-success: #16a34a;--ff-success-bg: #f0fdf4;--ff-success-border: #86efac;--ff-success-text: #16a34a;--ff-score: #16a34a;--ff-google-bg: #ffffff;--ff-google-text: #3c4043;--ff-google-border: #dadce0;--ff-google-hover: #f8f9fa}html.dark{--ff-bg: #0f172a;--ff-bg-inset: #020617;--ff-bg-elevated: #1e293b;--ff-bg-selected: #172554;--ff-border: #334155;--ff-border-subtle: #1e293b;--ff-border-hover: #475569;--ff-text-heading: #f1f5f9;--ff-text: #e2e8f0;--ff-text-secondary: #94a3b8;--ff-text-muted: #64748b;--ff-text-placeholder: #475569;--ff-accent: #3b82f6;--ff-accent-hover: #60a5fa;--ff-accent-active: #1d4ed8;--ff-accent-text: #e5f0ff;--ff-accent-soft: #172554;--ff-indigo: #6366f1;--ff-indigo-hover: #4f46e5;--ff-indigo-light: #818cf8;--ff-mentor: #7c3aed;--ff-admin: #b45309;--ff-danger: #dc2626;--ff-danger-border: #ef4444;--ff-danger-text: #f87171;--ff-error-bg: #450a0a;--ff-error-border: #7f1d1d;--ff-error-text: #fca5a5;--ff-success: #16a34a;--ff-success-bg: #064e3b;--ff-success-border: #059669;--ff-success-text: #6ee7b7;--ff-score: #bbf7d0;--ff-google-bg: #ffffff;--ff-google-text: #3c4043;--ff-google-border: #dadce0;--ff-google-hover: #f8f9fa}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--ff-text);background:var(--ff-bg);transition:color .3s,background-color .3s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0;display:none}html{-webkit-text-size-adjust:100%}html,body,#app{height:100%;width:100%;margin:0;padding:0;overflow:hidden;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}.toast-container[data-v-91e2a8d9]{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:420px;width:calc(100vw - 32px);pointer-events:none}.toast[data-v-91e2a8d9]{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:10px;border:1px solid;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006;cursor:pointer;pointer-events:auto}.toast-error[data-v-91e2a8d9]{background:#7f1d1deb;border-color:#991b1b;color:#fca5a5}.toast-success[data-v-91e2a8d9]{background:#064e3beb;border-color:#065f46;color:#6ee7b7}.toast-warning[data-v-91e2a8d9]{background:#78350feb;border-color:#92400e;color:#fcd34d}.toast-info[data-v-91e2a8d9]{background:#1e293bf2;border-color:var(--ff-border);color:var(--ff-text)}.toast-icon[data-v-91e2a8d9]{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-top:1px}.toast-error .toast-icon[data-v-91e2a8d9]{background:#991b1b;color:#fca5a5}.toast-success .toast-icon[data-v-91e2a8d9]{background:#065f46;color:#6ee7b7}.toast-warning .toast-icon[data-v-91e2a8d9]{background:#92400e;color:#fcd34d}.toast-info .toast-icon[data-v-91e2a8d9]{background:var(--ff-border);color:var(--ff-text-secondary)}.toast-body[data-v-91e2a8d9]{flex:1;min-width:0}.toast-message[data-v-91e2a8d9]{font-size:13px;line-height:1.5;word-break:break-word}.toast-close[data-v-91e2a8d9]{flex-shrink:0;background:none;border:none;color:inherit;font-size:18px;cursor:pointer;opacity:.5;padding:0 2px;line-height:1;transition:opacity .15s}.toast-close[data-v-91e2a8d9]:hover{opacity:1}.toast-enter-active[data-v-91e2a8d9]{animation:slideIn-91e2a8d9 .3s ease-out}.toast-leave-active[data-v-91e2a8d9]{animation:slideOut-91e2a8d9 .25s ease-in forwards}@keyframes slideIn-91e2a8d9{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOut-91e2a8d9{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(40px) scale(.95)}}@media(max-width:480px){.toast-container[data-v-91e2a8d9]{top:8px;right:8px;max-width:calc(100vw - 16px);width:calc(100vw - 16px)}}.confirm-overlay[data-v-4094a9ba]{position:fixed;inset:0;z-index:10000;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.confirm-dialog[data-v-4094a9ba]{background:var(--ff-bg-elevated);border:1px solid var(--ff-border);border-radius:14px;padding:28px 28px 22px;max-width:400px;width:100%;box-shadow:0 16px 48px #00000080}.confirm-message[data-v-4094a9ba]{font-size:15px;color:var(--ff-text);line-height:1.6;margin-bottom:24px}.confirm-actions[data-v-4094a9ba]{display:flex;justify-content:flex-end;gap:10px}.confirm-btn[data-v-4094a9ba]{padding:10px 22px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.confirm-btn[data-v-4094a9ba]:hover{opacity:.88}.confirm-cancel[data-v-4094a9ba]{background:transparent;color:var(--ff-text-secondary);border:1px solid var(--ff-border)}.confirm-cancel[data-v-4094a9ba]:hover{color:var(--ff-text);border-color:var(--ff-border-hover)}.confirm-accept[data-v-4094a9ba]{background:var(--ff-danger);color:#fff}.confirm-enter-active[data-v-4094a9ba]{transition:opacity .2s ease-out}.confirm-enter-active .confirm-dialog[data-v-4094a9ba]{animation:dialogIn-4094a9ba .2s ease-out}.confirm-leave-active[data-v-4094a9ba]{transition:opacity .15s ease-in}.confirm-enter-from[data-v-4094a9ba],.confirm-leave-to[data-v-4094a9ba]{opacity:0}@keyframes dialogIn-4094a9ba{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}img.logo-img{width:100px}.logo-link{padding:0;background:transparent!important}.logo-link:hover{background:transparent!important}.app{height:100vh;display:flex;flex-direction:column;background:var(--ff-bg);color:var(--ff-text);overflow:hidden}.header{background:var(--ff-bg-elevated);border-bottom:1px solid var(--ff-border);flex-shrink:0}.header-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 32px;padding-left:max(32px,env(safe-area-inset-left));padding-right:max(32px,env(safe-area-inset-right))}.stats{display:flex;justify-content:center;gap:24px;font-size:13px;color:var(--ff-text-secondary);padding:0 32px 10px}.stats strong{color:var(--ff-text)}.nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.nav-btn{padding:7px 16px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--ff-text-secondary);font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;white-space:nowrap}.nav-btn:hover{color:var(--ff-text);border-color:var(--ff-border)}.nav-btn.active{background:#0f766e;color:#ccfbf1;border-color:#0f766e}.nav-btn--mentor.active,.nav-btn--admin.active{background:#0f766e;border-color:#0f766e}.nav-group{position:relative}.nav-group-toggle{cursor:pointer}.nav-dropdown{display:none;position:absolute;top:100%;left:0;min-width:180px;background:var(--ff-bg-elevated);border:1px solid var(--ff-border);border-radius:10px;padding:6px;box-shadow:0 8px 24px #00000026;z-index:100;flex-direction:column;gap:2px}.nav-group:hover .nav-dropdown{display:flex}.nav-dropdown-item{display:block;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--ff-text-secondary);text-decoration:none;transition:all .15s;white-space:nowrap}.nav-dropdown-item:hover{background:var(--ff-bg);color:var(--ff-text)}.nav-dropdown-item.active{background:#0f766e;color:#ccfbf1}.nav-dropdown-item.nav-btn--mentor.active,.nav-dropdown-item.nav-btn--admin.active{background:#0f766e}.user-area{display:flex;align-items:center;gap:10px;flex-shrink:0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--ff-border);background:transparent;color:var(--ff-text-secondary);cursor:pointer;transition:all .15s}.theme-toggle:hover{color:var(--ff-text);border-color:var(--ff-border-hover);background:var(--ff-bg-inset)}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--ff-border)}.user-name{font-size:13px;color:var(--ff-text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:transparent;border:1px solid var(--ff-border);border-radius:6px;color:var(--ff-text-secondary);font-size:12px;padding:5px 12px;cursor:pointer;transition:all .15s}.logout-btn:hover{color:var(--ff-danger-text);border-color:var(--ff-danger-text)}.main{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;padding:6px;cursor:pointer}.hamburger span{display:block;width:20px;height:2px;background:var(--ff-text-secondary);border-radius:2px;transition:all .25s}.hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu{display:none}@media(max-width:768px){.header-top{padding:10px 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}img.logo-img{width:80px}.nav-desktop{display:none}.desktop-only{display:none!important}.user-name{display:none}.hamburger{display:flex}.mobile-menu{display:none;flex-direction:column;background:var(--ff-bg-elevated);border-top:1px solid var(--ff-border);padding:12px 16px 16px;gap:8px;max-height:70vh;overflow-y:auto}.mobile-menu.open{display:flex}.mobile-menu-stats{display:flex;gap:16px;font-size:12px;color:var(--ff-text-secondary);padding:6px 0 10px;border-bottom:1px solid var(--ff-border);margin-bottom:4px}.mobile-menu-stats strong{color:var(--ff-text)}.mobile-nav{display:flex;flex-direction:column;gap:2px}.mobile-nav-btn{display:block;padding:12px 16px;border-radius:8px;color:var(--ff-text-secondary);font-size:15px;font-weight:500;text-decoration:none;transition:all .15s}.mobile-nav-btn:hover{background:var(--ff-bg);color:var(--ff-text)}.mobile-nav-btn.active{background:#0f766e;color:#ccfbf1}.mobile-nav-btn.nav-btn--mentor.active,.mobile-nav-btn.nav-btn--admin.active{background:#0f766e}.mobile-nav-label{font-size:11px;font-weight:700;color:var(--ff-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:10px 16px 2px}.mobile-nav-sub{padding-left:32px}.mobile-theme-toggle{padding:12px 16px;background:transparent;border:1px solid var(--ff-border);border-radius:8px;color:var(--ff-text-secondary);font-size:15px;font-weight:500;cursor:pointer;text-align:center;transition:all .15s}.mobile-theme-toggle:hover{color:var(--ff-text);border-color:var(--ff-border-hover)}.mobile-logout{margin-top:8px;padding:12px 16px;background:transparent;border:1px solid var(--ff-danger-border);border-radius:8px;color:var(--ff-danger-text);font-size:15px;font-weight:600;cursor:pointer;text-align:center}}@media(max-width:480px){.header-top{padding:8px 12px}img.logo-img{width:70px}.avatar{width:28px;height:28px}}