.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:90;background:#0006;width:100vw;height:100vh;position:fixed;top:0;left:0}.sidebar{top:calc(env(safe-area-inset-top,0px) + 1rem);width:var(--sidebar-width);border-radius:var(--radius-xl);z-index:100;flex-direction:column;display:flex;position:fixed;bottom:1rem;left:1rem;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.sidebar-header .logo{align-items:center;display:flex}.close-btn{color:var(--text-secondary);background:var(--bg-surface-hover);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.close-btn:hover{background:var(--bg-surface-active);color:var(--text-primary);transform:rotate(90deg)}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav{-ms-overflow-style:none;scrollbar-width:none}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);z-index:1;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--text-primary);font-weight:600}.active-pill-bg{background:var(--bg-surface-hover);border-radius:var(--radius-md);border:1px solid var(--border-subtle);z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 4px 12px #b482fa14}.sidebar-footer{border-top:1px solid var(--glass-border);flex-direction:column;gap:.25rem;padding:1rem;display:flex}.logout-btn.text-danger{color:var(--text-secondary)}.logout-btn.text-danger:hover{background:var(--danger-bg);color:var(--danger)}@media (width<=1024px){.sidebar{border-right:1px solid var(--glass-border);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);border-radius:0;top:0;bottom:0;left:0}}.app-header{height:auto;min-height:72px;padding:calc(env(safe-area-inset-top,0px) + .75rem) 2rem .75rem 2rem;z-index:50;background:0 0;justify-content:space-between;align-items:center;width:100%;max-width:100%;margin:0 auto;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:0;left:0}.header-scrolled{padding-top:calc(env(safe-area-inset-top,0px) + .25rem);padding-bottom:.25rem}.header-scrolled .pill-btn{background:var(--glass-bg-heavy);-webkit-backdrop-filter:blur(24px);transform:scale(.95);box-shadow:0 4px 12px #0000001a}.header-scrolled .pill-btn:hover{transform:scale(.97)}.header-left{align-items:center;gap:1rem;display:flex}.header-right{align-items:center;gap:1rem;display:flex;position:relative}.profile-dropdown{border-radius:var(--radius-lg);z-index:100;flex-direction:column;width:220px;padding:.5rem;animation:.2s cubic-bezier(.25,1,.5,1) forwards fadeInDown;display:flex;position:absolute;top:calc(100% + .5rem);right:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-item{border-radius:var(--radius-md);color:var(--text-primary);text-align:left;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.dropdown-item:hover{background:var(--bg-surface-hover)}.dropdown-item.text-danger{color:var(--danger)}.dropdown-item.text-danger:hover{background:var(--danger-bg)}.dropdown-divider{background:var(--border-subtle);height:1px;margin:.25rem 0}.pill-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-top-color:var(--glass-border-highlight);border-left-color:var(--glass-border-highlight);box-shadow:var(--glass-shadow), var(--glass-inner-shadow);color:var(--text-primary);justify-content:center;align-items:center;transition:all .2s cubic-bezier(.25,.8,.25,1);display:flex}.pill-btn:hover{background:var(--glass-bg-heavy);transform:translateY(-2px)}.pill-btn:active{transform:translateY(1px)}.icon-pill{cursor:pointer;width:44px;height:44px;color:var(--text-secondary);border-radius:50%}.icon-pill:hover{color:var(--primary)}.title-pill{pointer-events:none;border-radius:9999px;height:44px;padding:0 1.5rem}.exam-month-pill{pointer-events:none;border-radius:9999px;height:44px;margin-right:0;padding:0 1.25rem}.exam-month-text{white-space:nowrap;font-size:.95rem;font-weight:600}.account-pill{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.user-avatar{color:var(--text-secondary);border-radius:50%}@media (width<=640px){.app-header{padding:calc(env(safe-area-inset-top,0px) + .75rem) 1rem .75rem 1rem;min-height:60px}.header-left,.header-right{gap:.5rem}.icon-pill,.account-pill{width:40px;height:40px}.title-pill,.exam-month-pill{height:40px;padding:0 1rem}.brand-nxt,.brand-ca{font-size:1rem}.exam-month-text{font-size:.85rem}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:.75rem;display:flex;position:fixed;top:2rem;left:50%;transform:translate(-50%)}.liquid-glass-toast{pointer-events:auto;background:var(--bg-surface);-webkit-backdrop-filter:none;word-wrap:break-word;cursor:pointer;will-change:transform, opacity, filter;border:1px solid #ffffff26;border-radius:16px;justify-content:space-between;align-items:center;gap:1.5rem;width:auto;min-width:300px;max-width:90vw;padding:1rem 1.25rem;display:flex;box-shadow:0 10px 40px #0000004d,0 0 0 1px #00000080,inset 0 1px #ffffff1a}.toast-content{align-items:center;gap:.75rem;display:flex}.toast-icon{flex-shrink:0}.toast-icon.success{color:var(--success)}.toast-icon.error{color:var(--danger)}.toast-icon.warning{color:var(--warning)}.toast-icon.info{color:var(--accent)}.toast-message{color:var(--text-primary);font-size:.95rem;font-weight:500;font-family:var(--font-sans)}.toast-close{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:#0000000d;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.toast-close:hover{color:var(--text-primary);background:#0000001a}.app-container{background-color:var(--bg-base);height:100vh;display:flex;position:relative;overflow:hidden}.app-container:before,.app-container:after{content:"";filter:blur(120px);opacity:.25;z-index:0;pointer-events:none;border-radius:50%;position:absolute}.global-mouse-glow{pointer-events:none;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #8b5cf614, transparent 80%);z-index:5;will-change:background;width:100vw;height:100vh;position:fixed;top:0;left:0}@media (hover:none) and (pointer:coarse){.global-mouse-glow{display:none!important}}.app-container:before{background:var(--primary);width:50vw;height:50vw;top:-10%;left:-10%}.app-container:after{background:var(--accent);width:40vw;height:40vw;bottom:-10%;right:-10%}.main-content{z-index:10;flex-direction:column;flex:1;min-width:0;transition:transform .3s;display:flex;position:relative}.content-area{padding:calc(env(safe-area-inset-top,0px) + 90px) 2rem 2rem 2rem;flex:1;overflow:hidden auto}@media (width<=1024px){.content-area{padding:calc(env(safe-area-inset-top,0px) + 80px) 1rem 1.5rem 1rem}}@media (width<=768px){.content-area{padding:calc(env(safe-area-inset-top,0px) + 70px) .5rem 1rem .5rem}.app-container:before,.app-container:after,.global-mouse-glow{display:none}}.subscription-guard-empty-state{background:0 0;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:2rem;display:flex}.subscription-guard-empty-state .locked-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:450px;padding:3rem 2.5rem;display:flex;box-shadow:0 10px 25px #0000000d,0 1px 3px #00000005}.subscription-guard-empty-state .lock-icon-wrapper{background:linear-gradient(135deg,#8b5cf61a 0%,#6366f11a 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.subscription-guard-empty-state .lock-icon{color:#8b5cf6}.subscription-guard-empty-state .locked-title{color:#0f172a;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.subscription-guard-empty-state .locked-subtitle{color:#64748b;margin-bottom:2rem;font-size:.95rem;line-height:1.5}.subscription-guard-empty-state .purchase-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #8b5cf640}.subscription-guard-empty-state .purchase-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf659}@media (width<=768px){.subscription-guard-empty-state{min-height:calc(100vh - 140px);padding:1rem}.subscription-guard-empty-state .locked-card{padding:2rem 1.5rem}.subscription-guard-empty-state .lock-icon-wrapper{width:48px;height:48px;margin-bottom:1rem}.subscription-guard-empty-state .lock-icon{width:24px;height:24px}.subscription-guard-empty-state .locked-title{margin-bottom:.5rem;font-size:1.25rem}.subscription-guard-empty-state .locked-subtitle{margin-bottom:1.5rem;font-size:.85rem}.purchase-btn{white-space:nowrap;padding:.85rem 1rem;font-size:.95rem}}:root{--bg-base:#fafafa;--bg-surface:#fff;--bg-surface-hover:#f4f4f5;--bg-surface-active:#e4e4e7;--text-primary:#09090b;--text-secondary:#71717a;--text-muted:#a1a1aa;--border-subtle:#00000014;--border-strong:#00000026;--primary:#6d28d9;--primary-hover:#5b21b6;--primary-light:#ede9fe;--secondary:#0f172a;--secondary-hover:#1e293b;--accent:#3b82f6;--success:#10b981;--success-bg:#d1fae5;--warning:#f59e0b;--warning-bg:#fef3c7;--danger:#ef4444;--danger-bg:#fee2e2;--glass-bg:#fff9;--glass-bg-heavy:#ffffffd9;--glass-border:#ffffffb3;--glass-border-highlight:#fff;--glass-shadow:0 8px 32px #1f26870d;--glass-inner-shadow:inset 0 1px 0 #fffc;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--sidebar-width:260px;--sidebar-width-collapsed:80px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", var(--font-sans)}*{box-sizing:border-box;-webkit-touch-callout:none;margin:0;padding:0;-webkit-tap-highlight-color:transparent!important}button,[role=button],.nav-item,.tab-item,.bottom-nav-container,.app-header{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable=true]{-webkit-user-select:auto;user-select:auto}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;background-image:radial-gradient(circle at 15%,#b482fa0a,#0000 50%),radial-gradient(circle at 85% 30%,#40e0d008,#0000 50%);margin:0;padding:0;line-height:1.5;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:600}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans);background:0 0;border:none;outline:none}.liquid-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-inner-shadow);border-top-color:var(--glass-border-highlight);border-left-color:var(--glass-border-highlight)}.liquid-glass-heavy{background:var(--glass-bg-heavy);-webkit-backdrop-filter:blur(32px)saturate(200%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-inner-shadow)}.surface{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--glass-shadow)}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #6d28d940,inset 0 1px #fff3}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6d28d959,inset 0 1px #fff3}.btn-primary:active{transform:translateY(1px)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-outline:hover{background:var(--bg-surface-hover);border-color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-md);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-ghost:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.input-premium{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);color:var(--text-primary);outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.input-premium:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.input-premium::placeholder{color:var(--text-muted)}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.gpu-accelerated{will-change:transform, opacity;backface-visibility:hidden;transform:translateZ(0)}.spinner{animation:1s cubic-bezier(.4,0,.2,1) infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1.5rem}.mb-6{margin-bottom:2.5rem}.mt-4{margin-top:1.5rem}.w-full{width:100%}.h-full{height:100%}.brand-nxt{color:var(--text-primary);font-size:1.25rem;font-weight:800}.brand-ca{background:linear-gradient(135deg,#7c3aed,#db2777);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.fluid-shimmer-text{-webkit-text-fill-color:transparent;color:#0000;background-image:linear-gradient(90deg,#b482fa 0%,#f6c 16.66%,#40e0d0 33.33%,#b482fa 50%,#f6c 66.66%,#40e0d0 83.33%,#b482fa 100%);background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite fluid-flow}@keyframes fluid-flow{0%{background-position:0%}to{background-position:100%}}.glass-pill{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-full);box-shadow:0 4px 24px #0000000f,inset 0 1px #ffffff1a}.hover-glow{transition:all .3s cubic-bezier(.16,1,.3,1)}.hover-glow:hover{transform:translateY(-2px);box-shadow:0 0 20px #b482fa33}@media (width<=768px){.liquid-glass,.liquid-glass-heavy{background:var(--glass-bg-heavy);-webkit-backdrop-filter:none;border:1px solid var(--glass-border)}.glass-pill{-webkit-backdrop-filter:none;background:var(--glass-bg-heavy)}*{-webkit-backdrop-filter:none!important;background-attachment:scroll!important}body:before,body:after{display:none!important}}