@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg:#0a0a0a;--surface:#111;--surface-2:#1a1a1a;--surface-3:#222;--border:#ffffff0f;--border-hover:#ffffff1f;--text:#f0f0f0;--text-secondary:#f0f0f0b8;--muted:#f0f0f073;--primary:#e50914;--primary-dark:#b0060f;--primary-glow:#e509144d;--accent:#ff5f00;--accent-glow:#ff5f0040;--accent-yellow:#ffc107;--success:#10b981;--success-glow:#10b98140;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--gap-xs:8px;--gap-sm:12px;--gap-md:24px;--gap-lg:48px;--gap-xl:80px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--dur-fast:.15s;--dur-normal:.28s;--dur-slow:.45s;--topbar-h:68px;--bottomnav-h:64px;--sidebar-w:340px;--card-w:240px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;background:0 0;border:none}img{max-width:100%;display:block}::selection{color:#fff;background:#e5091440}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.app-main{padding-top:var(--topbar-h);padding-bottom:var(--bottomnav-h);width:100%;min-height:100dvh}.topbar{height:var(--topbar-h);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--border);z-index:200;background:#0a0a0aeb;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.topbar-logo{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;display:flex}.topbar-logo-icon{background:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.topbar-logo span{color:var(--primary)}.topbar-nav{align-items:center;gap:4px;display:none}.topbar-nav a{color:var(--muted);transition:color var(--dur-fast),background var(--dur-fast);border-radius:8px;padding:6px 14px;font-size:.875rem;font-weight:500}.topbar-nav a:hover{color:var(--text);background:#ffffff0f}.topbar-nav a.active{color:var(--text)}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-avatar-btn{align-items:center;gap:10px;display:flex;position:relative}.topbar-user-info{cursor:pointer;flex-direction:column;align-items:flex-end;gap:2px;display:none}.topbar-user-name{color:var(--text);font-size:.875rem;font-weight:600;line-height:1.2}.topbar-user-email{color:var(--muted);font-size:.7rem;line-height:1.2}.topbar-avatar{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;cursor:pointer;width:36px;height:36px;transition:border-color var(--dur-fast);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;overflow:hidden}.topbar-avatar:hover{border-color:#ffffff4d}.topbar-avatar img{object-fit:cover;width:100%;height:100%}.topbar-dropdown{background:var(--surface-2);border:1px solid var(--border-hover);border-radius:var(--radius-md);opacity:0;pointer-events:none;min-width:180px;transition:opacity var(--dur-normal)var(--ease-out),transform var(--dur-normal)var(--ease-out);padding:8px;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-8px);box-shadow:0 16px 48px #0009}.topbar-dropdown.open{opacity:1;pointer-events:all;transform:translateY(0)}.topbar-dropdown-user{border-bottom:1px solid var(--border);margin-bottom:6px;padding:8px 12px 12px}.topbar-dropdown-name{color:var(--text);font-size:.875rem;font-weight:600}.topbar-dropdown-pts{color:var(--accent-yellow);margin-top:2px;font-size:.75rem}.topbar-dropdown-email{color:var(--muted);margin-top:2px;font-size:.7rem}.topbar-dropdown a,.topbar-dropdown button{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);transition:background var(--dur-fast),color var(--dur-fast);text-align:left;align-items:center;gap:8px;padding:8px 12px;font-size:.875rem;display:flex}.topbar-dropdown a:hover,.topbar-dropdown button:hover{color:var(--text);background:#ffffff0f}.topbar-dropdown-divider{background:var(--border);height:1px;margin:6px 0}.topbar-dropdown .logout{color:#e50914cc}.topbar-dropdown .logout:hover{color:var(--primary);background:#e5091414}@media (min-width:768px){.topbar{padding:0 40px}.topbar-nav,.topbar-user-info{display:flex}.bottom-nav{display:none!important}.app-main{padding-bottom:0}}.bottom-nav{height:var(--bottomnav-h);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:200;background:#0a0a0af2;justify-content:space-around;align-items:center;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{border-radius:var(--radius-sm);color:var(--muted);transition:color var(--dur-fast);flex-direction:column;align-items:center;gap:4px;padding:8px 16px;font-size:.65rem;font-weight:500;text-decoration:none;display:flex}.nav-item.active{color:var(--accent-yellow)}.nav-item svg{width:22px;height:22px}.dashboard-root{width:100%}.hero-banner{background:radial-gradient(80% 60% at 60% 0,#e509141f 0%,#0000 70%),radial-gradient(60% 80% at 0 80%,#ff5f000f 0%,#0000 60%),linear-gradient(#0f0a0a 0%,#0a0a0a 100%);align-items:center;min-height:300px;padding:48px 20px 40px;display:flex;position:relative;overflow:hidden}.hero-banner:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='0.8' fill='rgba(255,255,255,0.04)'/%3E%3C/svg%3E");background-size:60px 60px;position:absolute;inset:0}.hero-content{z-index:1;max-width:680px;animation:heroIn var(--dur-slow)var(--ease-out)both;position:relative}.hero-greeting{color:var(--text);letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(1.4rem,4vw,2rem);font-weight:700;line-height:1.2}.hero-greeting span{color:var(--primary)}.hero-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.hero-rank-badge{color:var(--accent-yellow);background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.hero-xp{color:var(--muted);align-items:center;gap:4px;font-size:.8rem;display:flex}.hero-xp strong{color:var(--accent)}.hero-cta{background:var(--primary);color:#fff;border-radius:var(--radius-md);transition:background var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur-fast);box-shadow:0 4px 20px var(--primary-glow);align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;display:inline-flex}.hero-cta:hover{background:var(--primary-dark);box-shadow:0 8px 32px var(--primary-glow);transform:translateY(-2px)}.hero-cta-sub{opacity:.8;margin-top:2px;font-size:.7rem;font-weight:400;display:block}@keyframes heroIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.hero-banner{min-height:360px;padding:64px 40px 56px}}.notice-widget{grid-template-columns:1fr;gap:12px;padding:20px;display:grid}.notice-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast);align-items:center;gap:14px;padding:16px;display:flex}.notice-card:hover{border-color:var(--border-hover);background:var(--surface-2);transform:translateY(-2px)}.notice-card-icon{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--primary);background:#e509141f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notice-card-title{color:var(--text);font-size:.875rem;font-weight:600}.notice-card-sub{color:var(--muted);margin-top:2px;font-size:.75rem}@media (min-width:640px){.notice-widget{grid-template-columns:repeat(3,1fr);padding:24px 40px}}.journey-map{padding:32px 20px;overflow:hidden}.journey-map-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:24px;font-size:.7rem;font-weight:600}.journey-nodes{flex-direction:column;gap:0;padding-left:20px;display:flex;position:relative}.journey-node{cursor:pointer;align-items:flex-start;gap:16px;padding-bottom:28px;display:flex;position:relative}.journey-node:last-child{padding-bottom:0}.journey-node:before{content:"";background:var(--border);width:2px;position:absolute;top:40px;bottom:0;left:19px}.journey-node.completed:before{background:var(--success)}.journey-node.active:before{background:linear-gradient(to bottom,var(--primary),var(--border));animation:2s ease-in-out infinite linePulse}.journey-node:last-child:before{display:none}.journey-node-circle{background:var(--surface-2);border:2px solid var(--border);z-index:1;width:40px;height:40px;transition:border-color var(--dur-normal),box-shadow var(--dur-normal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.journey-node.completed .journey-node-circle{border-color:var(--success);box-shadow:0 0 16px var(--success-glow);color:var(--success);background:#10b9811f}.journey-node.active .journey-node-circle{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);color:var(--primary);background:#e509141f;animation:2.5s ease-in-out infinite nodePulse}.journey-node.locked .journey-node-circle{opacity:.4;color:var(--muted)}.journey-node-info{padding-top:8px}.journey-node-title{color:var(--text);margin-bottom:4px;font-size:.875rem;font-weight:600}.journey-node.locked .journey-node-title{color:var(--muted)}.journey-node-meta{color:var(--muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.journey-node-progress{background:var(--surface-3);border-radius:999px;width:80px;height:3px;margin-top:8px;overflow:hidden}.journey-node-progress-fill{background:var(--success);height:100%;transition:width .6s var(--ease-out);border-radius:999px}.journey-node.active .journey-node-progress-fill{background:var(--primary)}@keyframes nodePulse{0%,to{box-shadow:0 0 16px var(--primary-glow)}50%{box-shadow:0 0 32px #e5091480}}@keyframes linePulse{0%,to{opacity:1}50%{opacity:.4}}@media (min-width:768px){.journey-map{padding:32px 40px}.journey-nodes{scrollbar-width:none;flex-direction:row;align-items:center;padding-bottom:8px;padding-left:0;overflow-x:auto}.journey-nodes::-webkit-scrollbar{display:none}.journey-node{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;gap:10px;min-width:0;padding-bottom:0;padding-right:0}.journey-node-info{box-sizing:border-box;width:100%;padding:0 8px}.journey-node-title{word-break:break-word;overflow-wrap:anywhere;line-height:1.25}.journey-node:before{width:100%;height:2px;top:19px;bottom:auto;left:50%}.journey-node-circle{margin:0 auto}.journey-node-info{text-align:center;padding-top:0}.journey-node-progress{margin:6px auto 0}}.track-row-section{padding:24px 0 8px}.track-row-header{justify-content:space-between;align-items:center;padding:0 20px 12px;display:flex}.track-row-title{color:var(--text);letter-spacing:-.02em;font-size:1rem;font-weight:700}.track-row-meta{color:var(--muted);margin-top:2px;font-size:.75rem;display:block}.track-row-arrows{gap:6px;display:flex}.track-row-arrow{background:var(--surface-2);border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.track-row-arrow:hover{background:var(--surface-3);border-color:var(--border-hover);color:var(--text)}.track-row-scroll-wrapper{position:relative}.track-row-scroll{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;gap:12px;padding:4px 20px 16px;display:flex;overflow-x:auto}.track-row-scroll::-webkit-scrollbar{display:none}.track-row-item{flex-shrink:0}.track-row-fade-left,.track-row-fade-right{pointer-events:none;z-index:2;width:40px;position:absolute;top:0;bottom:0}.track-row-fade-left{background:linear-gradient(to right,var(--bg),transparent);left:0}.track-row-fade-right{background:linear-gradient(to left,var(--bg),transparent);right:0}@media (min-width:768px){.track-row-header{padding:0 40px 14px}.track-row-scroll{gap:16px;padding:4px 40px 16px}}.module-card{width:var(--card-w);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);transition:transform var(--dur-normal)var(--ease-out),box-shadow var(--dur-normal)var(--ease-out),border-color var(--dur-normal);cursor:pointer;display:block;position:relative;overflow:hidden}.module-card:hover{z-index:10;border-color:#ffffff1a;transform:translateY(-6px)scale(1.03);box-shadow:0 24px 64px #000000b3,0 0 0 1px #ffffff14}.module-card.locked{cursor:not-allowed;opacity:.65}.module-card.locked:hover{box-shadow:none;transform:none}.module-card-thumb{aspect-ratio:16/10;background:linear-gradient(145deg,var(--surface-2),var(--surface-3));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.module-card-thumb:after{content:"";background:linear-gradient(#0000 40%,#00000080 100%);position:absolute;inset:0}.module-card-icon{color:var(--text-secondary);z-index:1;transition:transform var(--dur-normal)var(--ease-out),color var(--dur-normal);font-size:2rem;position:relative}.module-card:hover .module-card-icon{color:var(--text);transform:scale(1.12)}.module-card-badge{z-index:2;border-radius:999px;padding:3px 8px;font-size:.65rem;font-weight:700;position:absolute;top:8px;right:8px}.module-card-badge.complete{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.module-card-badge.progress{color:var(--accent);background:#ff5f0026;border:1px solid #ff5f004d}.module-card-badge.locked{color:#f87171;background:#e509141f;border:1px solid #e5091433}.module-card-lock-overlay{z-index:3;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.module-card-lock-ring{color:#f87171;border:2px solid #e5091480;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;animation:2.5s ease-in-out infinite lockPulse;display:flex}@keyframes lockPulse{0%,to{box-shadow:0 0 #e509144d}50%{box-shadow:0 0 0 8px #0000}}.module-card-body{padding:12px 14px 0}.module-card-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:.825rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.module-card-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:.72rem;line-height:1.4;display:none;overflow:hidden}.module-card:hover .module-card-desc{display:-webkit-box}.module-card-progress-bar{background:var(--surface-3);border-radius:0;height:3px;margin:10px 0 0;overflow:hidden}.module-card-progress-fill{height:100%;transition:width .5s var(--ease-out);border-radius:0}.products-section{padding:32px 20px 40px}.products-section-header{margin-bottom:16px}.products-section-title{color:var(--text);letter-spacing:-.02em;font-size:1rem;font-weight:700}.products-section-subtitle{color:var(--muted);margin-top:2px;font-size:.75rem}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur-normal),transform var(--dur-normal)var(--ease-out),box-shadow var(--dur-normal);flex-direction:column;gap:10px;padding:16px;display:flex;position:relative;overflow:hidden}.product-card:before{content:"";opacity:0;transition:opacity var(--dur-normal);background:radial-gradient(80% 60% at 50% 0,#e5091414 0%,#0000 70%);position:absolute;inset:0}.product-card:hover{border-color:#e509144d;transform:translateY(-3px);box-shadow:0 12px 40px #e509141f}.product-card:hover:before{opacity:1}.product-card-lock{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--primary);background:#e509141a;justify-content:center;align-items:center;display:flex}.product-card-badge{color:var(--primary);background:#e5091426;border:1px solid #e5091440;border-radius:999px;padding:2px 8px;font-size:.6rem;font-weight:700;position:absolute;top:12px;right:12px}.product-card-body{flex:1}.product-card-title{color:var(--text);margin-bottom:4px;font-size:.8rem;font-weight:600;line-height:1.3}.product-card-desc{color:var(--muted);font-size:.72rem;line-height:1.4}.product-card-cta{color:var(--primary);align-items:center;gap:6px;padding-top:4px;font-size:.75rem;font-weight:600;display:flex}@media (min-width:640px){.products-grid{grid-template-columns:repeat(4,1fr)}.products-section{padding:32px 40px 56px}}.login-page{background:radial-gradient(ellipse 70% 50% at 50% 0%,#e5091414 0%,transparent 60%),var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);width:100%;max-width:400px;animation:heroIn .5s var(--ease-out)both;background:#111111e6;border:1px solid #ffffff14;padding:40px 32px;box-shadow:0 32px 80px #0009}.login-logo{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:32px;display:flex}.login-logo-icon{background:var(--primary);width:52px;height:52px;box-shadow:0 8px 24px var(--primary-glow);border-radius:14px;justify-content:center;align-items:center;display:flex}.login-logo-title{letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.login-logo-title span{color:var(--primary)}.login-logo-sub{color:var(--muted);margin-top:2px;font-size:.78rem}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:var(--text-secondary);font-size:.78rem;font-weight:500}.login-input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:border-color var(--dur-fast),background var(--dur-fast);background:#ffffff0d;outline:none;padding:11px 14px;font-family:inherit;font-size:.9rem}.login-input::placeholder{color:var(--muted)}.login-input:focus{background:#ffffff12;border-color:#e5091480}.login-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);transition:background var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur-fast);box-shadow:0 4px 20px var(--primary-glow);margin-top:4px;padding:13px;font-size:.9rem;font-weight:600}.login-btn:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 8px 32px var(--primary-glow);transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{border-radius:var(--radius-sm);color:#f87171;background:#e509141a;border:1px solid #e5091433;padding:10px 14px;font-size:.8rem}.course-page{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.course-header{height:var(--topbar-h);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;background:#0a0a0aeb;align-items:center;gap:12px;padding:0 20px;display:flex;position:sticky;top:0}.course-header-back{color:var(--muted);transition:color var(--dur-fast);align-items:center;gap:6px;padding:6px 0;font-size:.875rem;display:flex}.course-header-back:hover{color:var(--text)}.course-header-divider{background:var(--border);width:1px;height:20px}.course-header-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.course-body{flex-direction:column;flex:1;display:flex}.course-video-area{background:#000;width:100%}.course-video-wrapper{max-width:900px;margin:0 auto;padding:20px}.course-video-embed{aspect-ratio:16/9;border-radius:var(--radius-md);background:#000;width:100%;overflow:hidden}.course-video-embed iframe{border:none;width:100%;height:100%}.course-lesson-info{max-width:900px;margin:0 auto;padding:16px 20px 24px}.course-lesson-title{letter-spacing:-.02em;margin-bottom:8px;font-size:1.1rem;font-weight:700}.course-lesson-desc{color:var(--muted);font-size:.85rem;line-height:1.6}.course-lesson-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.course-btn{border-radius:var(--radius-sm);transition:all var(--dur-fast);align-items:center;gap:6px;padding:9px 18px;font-size:.825rem;font-weight:600;display:inline-flex}.course-btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.course-btn-primary:hover{background:var(--primary-dark)}.course-btn-secondary{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border)}.course-btn-secondary:hover{background:var(--surface-3);color:var(--text)}.course-sidebar{border-top:1px solid var(--border);background:var(--surface);padding:16px 20px}.course-sidebar-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px;font-size:.75rem;font-weight:600}.course-lesson-item{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-fast);align-items:center;gap:10px;padding:9px 10px;display:flex}.course-lesson-item:hover{background:#ffffff0a}.course-lesson-item.active{background:#e5091414}.course-lesson-item.completed{opacity:.7}.course-lesson-num{background:var(--surface-3);border:1px solid var(--border);width:24px;height:24px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:600;display:flex}.course-lesson-item.active .course-lesson-num{border-color:var(--primary);color:var(--primary);background:#e5091433}.course-lesson-item.completed .course-lesson-num{border-color:var(--success);color:var(--success);background:#10b98126}.course-lesson-name{color:var(--text-secondary);flex:1;font-size:.825rem}.course-lesson-item.active .course-lesson-name{color:var(--text);font-weight:500}.course-lesson-duration{color:var(--muted);font-size:.7rem}@media (min-width:900px){.course-body{flex-direction:row;align-items:flex-start}.course-video-area{border-top:none;flex:1;min-width:0}.course-sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);border-top:none;border-left:1px solid var(--border);height:calc(100dvh - var(--topbar-h));top:var(--topbar-h);position:sticky;overflow-y:auto}}.dashboard-loading{background:var(--bg);min-height:100dvh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:.875rem;display:flex}.dashboard-loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-error{text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;padding:40px 24px;display:flex}.dashboard-error h2{color:var(--primary);font-size:1.1rem}.dashboard-error pre{color:var(--muted);background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);text-align:left;max-width:480px;padding:16px;font-size:.75rem;overflow-x:auto}
.Navigation-module__AmG_aG__bottomNav{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:100;background:#080808f5;border-top:1px solid #ff5f0026;justify-content:space-around;align-items:center;width:100%;max-width:480px;padding:10px 0 16px;transition:border-radius .3s,bottom .3s,max-width .3s,box-shadow .3s;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 20px #0009}.Navigation-module__AmG_aG__navItem{color:#606060;letter-spacing:.03em;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;font-size:10px;font-weight:500;text-decoration:none;transition:color .25s,filter .25s,transform .2s;display:flex;position:relative}.Navigation-module__AmG_aG__navItem:hover{color:#a0a0a0;transform:translateY(-1px)}.Navigation-module__AmG_aG__navItem.Navigation-module__AmG_aG__active{color:#ffc107;filter:drop-shadow(0 0 6px #ffc10780)}.Navigation-module__AmG_aG__navItem.Navigation-module__AmG_aG__active:after{content:"";background:#ffc107;border-radius:9999px;width:4px;height:4px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #ffc107b3}.Navigation-module__AmG_aG__badge{background:#ff5f00;border:1.5px solid #080808;border-radius:9999px;width:7px;height:7px;animation:2s ease-in-out infinite Navigation-module__AmG_aG__badgePulse;position:absolute;top:2px;right:8px;box-shadow:0 0 6px #ff5f00b3}@keyframes Navigation-module__AmG_aG__badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.85)}}@media (min-width:540px){.Navigation-module__AmG_aG__bottomNav{max-width:540px}}@media (min-width:768px){.Navigation-module__AmG_aG__bottomNav{border:1px solid #ff5f0040;border-radius:9999px;max-width:380px;padding:8px 24px;bottom:28px;box-shadow:0 8px 32px #000000b3,0 0 20px #ff5f000f,inset 0 1px #ffffff0a}.Navigation-module__AmG_aG__navItem.Navigation-module__AmG_aG__active:after{bottom:-4px}}@media (min-width:1024px){.Navigation-module__AmG_aG__bottomNav{max-width:420px;bottom:32px}}