@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";.hamburger[data-v-4de48aa7]{z-index:1150;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0b1120d9;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;display:none;position:fixed;top:.9rem;left:1rem}.hamburger span[data-v-4de48aa7]{background:var(--color-text);border-radius:1px;width:18px;height:2px;display:block}.sidebar[data-v-4de48aa7]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1100;background:#0b1120f2;border-right:1px solid #ffffff0f;flex-direction:column;width:48px;transition:width .2s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar.expanded[data-v-4de48aa7]{width:180px}.sidebar-logo[data-v-4de48aa7]{border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;height:44px;padding:.6rem .7rem;display:flex}.logo-icon[data-v-4de48aa7]{background:linear-gradient(135deg, var(--color-cyan), var(--color-purple));width:28px;min-width:28px;height:28px;font-family:var(--font-display);color:#000;border-radius:7px;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.logo-text[data-v-4de48aa7]{font-family:var(--font-display);color:var(--color-cyan);white-space:nowrap;opacity:0;font-size:1rem;font-weight:800;transition:opacity .15s}.sidebar.expanded .logo-text[data-v-4de48aa7]{opacity:1}.sidebar-nav[data-v-4de48aa7]{flex:1;padding:.3rem 0;overflow:hidden auto}.sidebar-nav[data-v-4de48aa7]::-webkit-scrollbar{display:none}.nav-divider[data-v-4de48aa7]{background:#ffffff0a;height:1px;margin:.15rem .7rem}.nav-item[data-v-4de48aa7]{height:36px;color:var(--color-text-secondary);white-space:nowrap;border-left:2px solid #0000;align-items:center;gap:.55rem;padding:.4rem .7rem;text-decoration:none;transition:all .15s;display:flex}.nav-item[data-v-4de48aa7]:hover{color:var(--color-text);background:#00e5ff0a}.nav-item.active[data-v-4de48aa7]{border-left-color:var(--color-cyan);color:var(--color-cyan);background:#00e5ff0f}.nav-icon[data-v-4de48aa7]{border-radius:5px;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;display:flex;position:relative}.nav-item.active .nav-icon[data-v-4de48aa7]{background:#00e5ff1a}.nav-text[data-v-4de48aa7]{opacity:0;align-items:center;min-width:0;transition:opacity .15s;display:flex}.sidebar.expanded .nav-text[data-v-4de48aa7]{opacity:1}.nav-label[data-v-4de48aa7]{white-space:nowrap;font-size:.82rem;font-weight:600;line-height:1}.nav-desc[data-v-4de48aa7]{color:var(--color-text-muted);text-overflow:ellipsis;font-size:.7rem;line-height:1.2;overflow:hidden}.icon-home[data-v-4de48aa7]:after{content:"";border:2px solid;border-top:none;width:10px;height:8px;position:absolute;bottom:6px}.icon-home[data-v-4de48aa7]:before{content:"";border:2px solid;border-bottom:none;border-radius:2px 2px 0 0;width:14px;height:6px;position:absolute;top:6px}.icon-courses[data-v-4de48aa7]:before{content:"";border:2px solid;border-radius:1px;width:12px;height:14px;position:absolute}.icon-courses[data-v-4de48aa7]:after{content:"";background:currentColor;width:2px;height:6px;position:absolute;left:7px}.icon-sync[data-v-4de48aa7]:before{content:"";border:2px solid;border-radius:50%;width:10px;height:10px;position:absolute;left:4px}.icon-sync[data-v-4de48aa7]:after{content:"";border:2px solid;border-left-color:#0000;border-radius:50%;width:10px;height:10px;position:absolute;right:4px}.icon-bank[data-v-4de48aa7]:before{content:"";border:2px solid;border-radius:1px;width:14px;height:10px;position:absolute;top:5px}.icon-bank[data-v-4de48aa7]:after{content:"";background:currentColor;border-radius:1px;width:10px;height:2px;position:absolute;bottom:6px}.icon-dashboard[data-v-4de48aa7]:before{content:"";border:2px solid;border-radius:1px;width:12px;height:8px;position:absolute;bottom:5px}.icon-dashboard[data-v-4de48aa7]:after{content:"";background:currentColor;width:2px;height:4px;position:absolute;top:6px;left:5px}.icon-notebook[data-v-4de48aa7]:before{content:"";border:2px solid;border-radius:0 1px 1px 0;width:10px;height:12px;position:absolute;right:5px}.icon-notebook[data-v-4de48aa7]:after{content:"";background:currentColor;width:2px;height:8px;position:absolute;top:8px;left:7px}.icon-star[data-v-4de48aa7]:before{content:"★";font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-sets[data-v-4de48aa7]:before{content:"";border:2px solid;border-radius:1px;width:12px;height:14px;position:absolute}.icon-sets[data-v-4de48aa7]:after{content:"";background:currentColor;width:6px;height:2px;position:absolute;top:7px}.icon-trophy[data-v-4de48aa7]:before{content:"";border:2px solid;border-radius:50% 50% 0 0;width:8px;height:10px;position:absolute;top:4px;left:4px}.icon-trophy[data-v-4de48aa7]:after{content:"";border:2px solid;border-top:none;width:14px;height:3px;position:absolute;bottom:5px}.icon-crown[data-v-4de48aa7]:before{content:"";border:2px solid;border-bottom:none;border-radius:2px 2px 0 0;width:14px;height:8px;position:absolute;top:6px}.icon-crown[data-v-4de48aa7]:after{content:"";border:2px solid;border-top:none;width:12px;height:4px;position:absolute;bottom:6px}.icon-partner[data-v-4de48aa7]:before{content:"";border:2px solid;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;left:5px}.icon-partner[data-v-4de48aa7]:after{content:"";border:2px solid;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px}.icon-gift[data-v-4de48aa7]:before{content:"";border:2px solid;border-radius:2px;width:12px;height:8px;position:absolute;bottom:5px}.icon-gift[data-v-4de48aa7]:after{content:"";background:currentColor;width:14px;height:2px;position:absolute;top:5px}.icon-gear[data-v-4de48aa7]:before{content:"";border:2px dashed;border-radius:50%;width:12px;height:12px;position:absolute}.icon-login[data-v-4de48aa7]:before{content:"";border:2px solid;border-radius:50%;width:8px;height:8px;position:absolute;top:5px}.icon-login[data-v-4de48aa7]:after{content:"";border:2px solid;border-top:none;border-radius:0 0 4px 4px;width:8px;height:6px;position:absolute;bottom:5px}.sidebar-footer[data-v-4de48aa7]{border-top:1px solid #ffffff0f;padding:.4rem 0}.footer-user[data-v-4de48aa7]{color:var(--color-text-muted);white-space:nowrap;opacity:0;padding:.3rem .85rem;font-size:.7rem;transition:opacity .15s}.sidebar.expanded .footer-user[data-v-4de48aa7]{opacity:1}.footer-logout[data-v-4de48aa7]{width:calc(100% - 1.4rem);color:var(--color-error);cursor:pointer;background:#ff475714;border:1px solid #ff475733;border-radius:6px;margin:.3rem .7rem;padding:.35rem;font-size:.8rem;font-weight:600;display:none}.sidebar.expanded .footer-logout[data-v-4de48aa7]{display:block}.pin-toggle[data-v-4de48aa7]{width:calc(100% - 1.4rem);color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:6px;margin:.25rem .7rem;padding:.3rem;font-size:.75rem}.pin-toggle[data-v-4de48aa7]:hover{border-color:var(--color-cyan);color:var(--color-cyan)}.mobile-overlay[data-v-4de48aa7]{z-index:1090;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar[data-v-4de48aa7]{will-change:transform;width:220px;transition:transform .2s;transform:translate(-100%)}.sidebar.mobile-open[data-v-4de48aa7]{z-index:1160;width:220px;transform:translate(0)}.hamburger[data-v-4de48aa7]{animation:10ms .25s both hamburger-in-4de48aa7;display:flex}@keyframes hamburger-in-4de48aa7{0%{opacity:0}to{opacity:1}}.mobile-overlay[data-v-4de48aa7]{display:block}.pin-toggle[data-v-4de48aa7]{display:none}}.particle-canvas[data-v-0b69970e]{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.error-boundary[data-v-87e227ae]{justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.error-card[data-v-87e227ae]{text-align:center;max-width:420px;padding:3rem 2rem}.error-icon[data-v-87e227ae]{margin-bottom:1rem;font-size:3rem}.error-card h2[data-v-87e227ae]{font-family:var(--font-display);color:var(--color-cyan);margin-bottom:.5rem;font-size:1.5rem}.error-detail[data-v-87e227ae]{color:var(--color-text-secondary);margin-bottom:1.5rem}.error-msg[data-v-87e227ae]{color:var(--color-text-muted);background:var(--color-bg-secondary);border-radius:var(--radius-sm);text-align:left;word-break:break-all;max-height:120px;margin-bottom:1.25rem;padding:.75rem;font-size:.78rem;overflow:auto}.app-shell[data-v-0f3f8f78]{flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content[data-v-0f3f8f78]{z-index:1;flex:1;padding-top:1rem;padding-left:48px;position:relative}.app-footer[data-v-0f3f8f78]{z-index:1;border-top:1px solid #ffffff0a;margin-top:2rem;padding:1.5rem 0;position:relative}.footer-inner[data-v-0f3f8f78]{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;font-size:.82rem;display:flex}.footer-links[data-v-0f3f8f78]{gap:1rem;display:flex}.footer-links a[data-v-0f3f8f78]{color:var(--color-text-muted);font-weight:600;transition:color .2s}.footer-links a[data-v-0f3f8f78]:hover{color:var(--color-cyan)}@media (width<=768px){.main-content[data-v-0f3f8f78]{padding-top:3.5rem!important;padding-left:1rem!important}}:root{--color-bg:#0b1120;--color-bg-secondary:#111827;--color-surface:#1a2332;--color-surface-hover:#1f2d41;--color-border:#1e3a5f;--color-cyan:#00e5ff;--color-cyan-glow:#00e5ff40;--color-purple:#a855f7;--color-purple-glow:#a855f740;--color-pink:#ff6b9d;--color-pink-glow:#ff6b9d33;--color-success:#0f8;--color-success-glow:#00ff884d;--color-error:#ff4757;--color-error-glow:#ff47574d;--color-warning:#ffb800;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--glow-cyan:0 0 20px #00e5ff26, 0 0 60px #00e5ff0d;--glow-purple:0 0 20px #a855f726, 0 0 60px #a855f70d;--glow-success:0 0 16px #0f83;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--font-display:"Fredoka", "Inter", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20%,#00e5ff08 0%,#0000 50%),radial-gradient(at 80% 20%,#a855f70a 0%,#0000 50%),radial-gradient(at 50% 80%,#ff6b9d08 0%,#0000 50%);position:fixed;inset:0}#app{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input{outline:none;font-family:inherit}.container{max-width:1080px;margin:0 auto;padding:0 1.5rem}.btn{border-radius:var(--radius-md);letter-spacing:.02em;align-items:center;gap:.5rem;padding:.65rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.btn-primary{background:linear-gradient(135deg, var(--color-cyan), #0098b0);color:#0b1120;box-shadow:var(--glow-cyan)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00e5ff4d,0 0 80px #00e5ff1a}.btn-primary:active{transform:translateY(0)}.btn-outline{border:2px solid var(--color-border);color:var(--color-text);background:0 0}.btn-outline:hover{border-color:var(--color-cyan);color:var(--color-cyan);box-shadow:var(--glow-cyan)}.btn-large{border-radius:var(--radius-lg);padding:1rem 2.25rem;font-size:1.15rem}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-lg), var(--glow-cyan);border-color:#00e5ff4d;transform:translateY(-3px)}.tag{letter-spacing:.01em;border-radius:999px;padding:.2rem .7rem;font-size:.78rem;font-weight:600;display:inline-block}.tag-cyan{color:var(--color-cyan);background:#00e5ff1f;border:1px solid #00e5ff33}.tag-purple{color:var(--color-purple);background:#a855f71f;border:1px solid #a855f733}.tag-pink{color:var(--color-pink);background:#ff6b9d1f;border:1px solid #ff6b9d33}.page-header{text-align:center;padding:3rem 0 2rem}.page-title{font-family:var(--font-display);background:linear-gradient(135deg, var(--color-cyan), var(--color-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.4rem;font-weight:700}.page-subtitle{color:var(--color-text-secondary);margin-top:.6rem;font-size:1.05rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;padding-bottom:3rem;display:grid}.toast{border-radius:var(--radius-md);z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.75rem 1.75rem;font-size:.95rem;font-weight:700;animation:.35s cubic-bezier(.34,1.56,.64,1) toast-in;position:fixed;top:5rem;left:50%;transform:translate(-50%)}.toast-success{color:var(--color-success);box-shadow:var(--glow-success);background:#00ff8826;border:1px solid #00ff884d}.toast-error{color:var(--color-error);background:#ff475726;border:1px solid #ff47574d}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-12px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.text-neon-cyan{color:var(--color-cyan);text-shadow:0 0 10px var(--color-cyan-glow)}.text-neon-purple{color:var(--color-purple);text-shadow:0 0 10px var(--color-purple-glow)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}@media (width<=640px){.page-title{font-size:1.8rem}.card-grid{grid-template-columns:1fr}.btn-large{padding:.85rem 1.75rem;font-size:1rem}}