:root{--animation-duration-fast:.15s;--animation-duration-normal:.2s;--animation-duration-slow:.3s;--animation-duration-slower:.4s;--animation-easing-ease-out:ease-out;--animation-easing-ease-in-out:ease-in-out;--animation-easing-spring:cubic-bezier(.34,1.56,.64,1);--animation-stagger-fast:30ms;--animation-stagger-normal:50ms;--animation-stagger-slow:80ms}@media (prefers-reduced-motion:reduce){:root{--animation-duration-fast:0s;--animation-duration-normal:0s;--animation-duration-slow:0s;--animation-duration-slower:0s;--animation-stagger-fast:0s;--animation-stagger-normal:0s;--animation-stagger-slow:0s}}.ui-theme{background-color:var(--color-background);color:var(--color-foreground);--color-background:#faf9f7;--color-foreground:#0f172a;--color-card:#fff;--color-card-foreground:#0f172a;--color-popover:#fff;--color-popover-foreground:#0f172a;--color-muted:#f3f2ef;--color-muted-foreground:#475569;--color-border:#e2e8f0;--color-input:#e2e8f0;--skeleton-shimmer-peak:#00000008;--color-secondary:#f1f5f9;--color-secondary-foreground:#0f172a;--color-success:#16a34a;--color-success-muted:#16a34a1a;--color-destructive:#dc2626;--color-destructive-muted:#dc26261a;--color-warning:#d97706;--color-warning-muted:#d977061a;--color-info:#2563eb;--color-info-muted:#2563eb1a;--glass-bg:#00000005;--glass-border:#0000000f;--glass-highlight:#00000005;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f}.dark .ui-theme,.ui-theme.dark,.ui-theme[data-mode=dark],.dark .ui-theme-creator,.dark .ui-theme-admin,.dark .ui-theme-student,.dark .ui-theme-odonto-ai,.dark .ui-theme-marketplace,.ui-theme-creator.dark,.ui-theme-admin.dark,.ui-theme-student.dark,.ui-theme-odonto-ai.dark,.ui-theme-marketplace.dark,.ui-theme-creator[data-mode=dark],.ui-theme-admin[data-mode=dark],.ui-theme-student[data-mode=dark],.ui-theme-odonto-ai[data-mode=dark],.ui-theme-marketplace[data-mode=dark]{--color-background:#08080c;--color-foreground:#e4e4eb;--color-card:#14141c;--color-card-foreground:#e4e4eb;--color-popover:#14141c;--color-popover-foreground:#e4e4eb;--color-muted:#1a1a24;--color-muted-foreground:#71717a;--color-border:#2a2a3a;--color-input:#2a2a3a;--skeleton-shimmer-peak:#ffffff0a;--color-secondary:#1a1a24;--color-secondary-foreground:#e4e4eb;--color-success:#22c55e;--color-success-muted:#22c55e26;--color-destructive:#f87171;--color-destructive-muted:#f8717126;--color-warning:#fbbf24;--color-warning-muted:#fbbf2426;--color-info:#60a5fa;--color-info-muted:#60a5fa26;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-highlight:#ffffff0d;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #0009;--shadow-lg:0 8px 24px #000000b3}.ui-theme,.dark .ui-theme{--color-primary-rgb:139 92 246;--color-primary-hover-rgb:167 139 250;--color-accent-rgb:6 182 212;--color-accent-hover-rgb:34 211 238;--color-primary-foreground:#fff}.ui-theme-admin{--color-primary-rgb:6 182 212;--color-primary-hover-rgb:34 211 238;--color-accent-rgb:245 158 11;--color-accent-hover-rgb:251 191 36;--color-primary-foreground:#000}.ui-theme-creator{--color-primary-rgb:139 92 246;--color-primary-hover-rgb:167 139 250;--color-accent-rgb:99 102 241;--color-accent-hover-rgb:129 140 248;--color-primary-foreground:#000}.ui-theme-student{--color-primary-rgb:16 185 129;--color-primary-hover-rgb:52 211 153;--color-accent-rgb:14 165 233;--color-accent-hover-rgb:56 189 248;--color-primary-foreground:#000}.ui-theme-odonto-ai{--color-primary-rgb:6 182 212;--color-primary-hover-rgb:34 211 238;--color-accent-rgb:14 165 233;--color-accent-hover-rgb:56 189 248;--color-primary-foreground:#000}.ui-theme-marketplace{--color-primary-rgb:196 93 58;--color-primary-hover-rgb:214 105 70;--color-accent-rgb:120 113 108;--color-accent-hover-rgb:87 83 78;--color-primary-foreground:#fff}[data-pageshell-theme] .sidebar-dropdown,[data-pageshell-theme] .themed-dropdown,[data-pageshell-theme] .themed-popover,[data-pageshell-theme] .themed-select{--color-popover:var(--surface-elevated);--color-popover-foreground:var(--text-primary);--color-accent-foreground:var(--text-primary);--color-muted:var(--surface-default);--color-muted-foreground:var(--text-secondary);--color-border:var(--border-subtle);background-color:var(--surface-elevated)!important;color:var(--text-primary)!important;border-color:var(--border-subtle)!important}[data-pageshell-theme] .themed-dialog,[data-pageshell-theme] .themed-sheet{--color-background:var(--surface-elevated);--color-foreground:var(--text-primary);--color-border:var(--border-subtle);--color-muted:var(--surface-default);--color-muted-foreground:var(--text-secondary);--color-primary-foreground:var(--text-primary);background-color:var(--surface-elevated)!important;color:var(--text-primary)!important;border-color:var(--border-subtle)!important}.dark[data-pageshell-theme] .sidebar-dropdown{--color-popover:var(--color-neutral-800);--color-popover-foreground:var(--color-neutral-50);--color-accent-foreground:var(--color-neutral-50);--color-muted-foreground:var(--color-neutral-50);--color-border:var(--color-neutral-600);background-color:var(--color-neutral-800)!important;color:var(--color-neutral-50)!important;border-color:var(--color-neutral-600)!important}.ui-theme{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans,system-ui,-apple-system,sans-serif);min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);transition:background-color .5s ease-out,color .3s ease-out;overflow-x:hidden}.ui-theme *{border-color:var(--color-border)}.portal-mono{font-family:var(--font-mono,"SF Mono",Menlo,monospace);font-size:.875rem}.portal-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted-foreground);font-size:.75rem;font-weight:500}.portal-stat-trend{align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;display:inline-flex}.portal-stat-trend.positive{color:var(--color-success)}.portal-stat-trend.negative{color:var(--color-destructive)}.portal-stat-card{padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.portal-stat-card:before{content:"";background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.portal-stat-card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.portal-stat-card:hover{transform:translateY(-2px)}.portal-stat-card:hover:before,.portal-stat-card:hover:after{opacity:1}.portal-stat-card-primary:before{background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.portal-stat-card-primary:after{box-shadow:0 8px 24px -8px rgb(var(--color-primary-rgb)/.15)}.portal-stat-card-secondary:before{background:linear-gradient(90deg,transparent,var(--color-muted-foreground),transparent)}.portal-stat-card-secondary:after{box-shadow:0 8px 24px -8px color-mix(in srgb,var(--color-muted-foreground)10%,transparent)}.portal-stat-card-accent:before{background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.portal-stat-card-accent:after{box-shadow:0 8px 24px -8px rgb(var(--color-accent-rgb)/.15)}.portal-stat-card-streak:before{background:linear-gradient(90deg,#0000,#f59e0b,#0000)}.portal-stat-card-streak:after{box-shadow:0 8px 24px -8px #f59e0b26}.portal-stat-card-warning:before{background:linear-gradient(90deg,transparent,var(--color-warning),transparent)}.portal-stat-card-warning:after{box-shadow:0 8px 24px -8px color-mix(in srgb,var(--color-warning)15%,transparent)}.portal-stat-card-info:before{background:linear-gradient(90deg,transparent,var(--color-info),transparent)}.portal-stat-card-info:after{box-shadow:0 8px 24px -8px color-mix(in srgb,var(--color-info)15%,transparent)}.portal-stat-card-success:before{background:linear-gradient(90deg,transparent,var(--color-success),transparent)}.portal-stat-card-success:after{box-shadow:0 8px 24px -8px color-mix(in srgb,var(--color-success)15%,transparent)}.portal-module-card{flex-direction:column;height:100%;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.portal-module-card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:1px solid #0000;transition:all .3s;position:absolute;inset:0}.portal-module-card:hover{box-shadow:0 12px 32px -8px rgb(var(--color-primary-rgb)/.15);transform:translateY(-4px)}.portal-module-card:hover:before{opacity:1;border-color:rgb(var(--color-primary-rgb)/.3)}.portal-module-grid{grid-template-columns:repeat(1,1fr);gap:1rem;display:grid}@media (min-width:640px){.portal-module-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.portal-module-grid{grid-template-columns:repeat(3,1fr)}}.portal-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.portal-stat-icon.primary{background:rgb(var(--color-primary-rgb)/.1);color:var(--color-primary)}.portal-stat-icon.secondary{background:var(--color-muted);color:var(--color-muted-foreground)}.portal-stat-icon.accent{background:rgb(var(--color-accent-rgb)/.1);color:var(--color-accent)}.portal-stat-icon.streak{color:#f59e0b;background:#f59e0b1a}.portal-stat-icon.warning{background:color-mix(in srgb,var(--color-warning)10%,transparent);color:var(--color-warning)}.portal-stat-icon.info{background:color-mix(in srgb,var(--color-info)10%,transparent);color:var(--color-info)}.portal-stat-icon.success{background:color-mix(in srgb,var(--color-success)10%,transparent);color:var(--color-success)}.portal-badge-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.portal-badge-card-unlocked{border-color:rgb(var(--color-accent-rgb)/.3)}.portal-badge-card-unlocked:hover{border-color:rgb(var(--color-accent-rgb)/.5);box-shadow:0 20px 40px -10px rgb(var(--color-accent-rgb)/.2),0 0 30px rgb(var(--color-accent-rgb)/.1);transform:translateY(-4px)}.portal-badge-card-locked{opacity:.7}.portal-badge-card-locked:hover{opacity:.85;transform:translateY(-2px)}.portal-badge-card-glow{background:radial-gradient(circle at center,rgb(var(--color-accent-rgb)/.1)0%,transparent 70%);pointer-events:none;animation:3s ease-in-out infinite portal-badge-glow;position:absolute;inset:-50%}@keyframes portal-badge-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.portal-badge-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.portal-badge-card-icon{background:rgb(var(--color-accent-rgb)/.1);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.portal-badge-card-icon-locked{background:var(--color-muted);filter:grayscale()}.portal-badge-card-title{color:var(--color-foreground);margin-bottom:.5rem;font-size:1rem;font-weight:600}.portal-badge-card-title-locked{color:var(--color-muted-foreground)}.portal-badge-card-description{color:var(--color-muted-foreground);font-size:.875rem;line-height:1.5}.portal-badge-card-date{color:var(--color-muted-foreground);align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;display:flex}.portal-badge-card-progress{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.portal-badge-card-progress-header{color:var(--color-muted-foreground);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem;display:flex}.portal-badge-card-progress-hint{color:var(--color-muted-foreground);margin-top:.5rem;font-size:.75rem;font-style:italic}.portal-badges-hero{background:var(--color-card);border:1px solid var(--color-border);border-radius:24px;flex-direction:column;gap:1.5rem;margin-top:1rem;margin-bottom:1.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.portal-badges-hero{flex-direction:row;justify-content:space-between;align-items:center}}.portal-badges-hero-main{flex:1}.portal-badges-hero-content{flex-direction:column;flex:1;gap:1rem;display:flex}.portal-badges-hero-title{color:var(--color-foreground);letter-spacing:-.025em;font-size:1.5rem;font-weight:700}.portal-badges-hero-subtitle{color:var(--color-muted-foreground);font-size:.875rem;line-height:1.5}.portal-badges-hero-progress{margin-top:.5rem}.portal-badges-hero-progress-bar{background:var(--color-muted);border-radius:4px;height:8px;overflow:hidden}.portal-badges-hero-progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:4px;height:100%;transition:width .5s}.portal-badges-hero-progress-text{color:var(--color-muted-foreground);font-size:.75rem;font-family:var(--font-mono,"SF Mono",Menlo,monospace);margin-top:.5rem;display:block}.portal-badges-tier-breakdown{flex-wrap:wrap;gap:.75rem;display:flex}.portal-badges-info-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:24px;margin-top:2rem;padding:2rem}.portal-badges-info-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.portal-badges-info-subtitle{color:var(--color-muted-foreground);margin-bottom:1.5rem;font-size:.875rem}.portal-badges-info-tiers{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.portal-badges-info-tier{background:color-mix(in srgb,var(--color-muted)50%,transparent);border:1px solid var(--color-border);border-radius:16px;padding:1.25rem;transition:all .3s}.portal-badges-info-tier:hover{transform:translateY(-2px)}.portal-badges-info-tier-bronze{border-left:4px solid #cd7f32}.portal-badges-info-tier-silver{border-left:4px solid silver}.portal-badges-info-tier-gold{border-left:4px solid gold}.portal-badges-info-tier-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.portal-badges-info-tier-emoji{font-size:1.5rem}.portal-badges-info-tier-name{color:var(--color-foreground);font-size:1rem;font-weight:600}.portal-badges-info-tier-desc{color:var(--color-muted-foreground);font-size:.875rem;line-height:1.5}.portal-badges-info-tip{background:rgb(var(--color-accent-rgb)/.05);border:1px solid rgb(var(--color-accent-rgb)/.2);border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.portal-badges-info-tip p{color:var(--color-muted-foreground);font-size:.875rem;line-height:1.5}.portal-badges-info-tip strong{color:var(--color-foreground)}.portal-nav{background:var(--color-card);border-right:1px solid var(--color-border);flex-direction:column;width:260px;display:flex}.portal-nav-header{border-bottom:1px solid var(--color-border);padding:1.5rem}.portal-nav-brand{align-items:center;gap:.75rem;display:flex}.portal-nav-logo{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:12px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.portal-nav-title{font-family:var(--font-sans,system-ui,-apple-system,sans-serif);color:var(--color-foreground);font-size:1.125rem;font-weight:600}.portal-nav-subtitle{color:var(--color-muted-foreground);font-size:.75rem}.portal-nav-menu{flex-direction:column;flex:1;gap:.25rem;padding:1rem;display:flex}.portal-nav-item{color:var(--color-muted-foreground);border-radius:12px;align-items:center;gap:.75rem;min-height:44px;padding:12px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.portal-nav-item:hover{background:var(--color-muted);color:var(--color-foreground)}.portal-nav-item.active{background:var(--color-primary-muted);color:var(--color-primary)}.portal-nav-icon{opacity:.7;width:18px;height:18px}.portal-nav-item:hover .portal-nav-icon,.portal-nav-item.active .portal-nav-icon{opacity:1}.portal-topbar{height:var(--header-height,64px);background:var(--color-popover);border-bottom:1px solid var(--color-border);z-index:40;padding:0 var(--space-4);position:fixed;top:0;left:0;right:0}.portal-sidebar-spacer{width:var(--sidebar-width,220px);flex-shrink:0}@media (min-width:768px){.portal-topbar{left:var(--sidebar-width,220px);padding-left:var(--space-6);padding-right:var(--space-6)}}.portal-sidebar-fixed{width:var(--sidebar-width,220px);background:var(--color-popover);border-right:1px solid var(--color-border);z-index:30;height:100vh;position:fixed;top:0;left:0}.portal-avatar{background:var(--color-muted);color:var(--color-muted-foreground);border:1px solid var(--color-border);text-transform:uppercase;border-radius:9999px;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.portal-avatar-md{width:40px;height:40px;font-size:.75rem}.portal-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.portal-badge-primary{background:var(--color-primary-muted);color:var(--color-primary)}.portal-badge-accent{background:var(--color-accent-muted);color:var(--color-accent)}.portal-badge-success{background:var(--color-success-muted);color:var(--color-success)}.portal-badge-warning{background:var(--color-warning-muted);color:var(--color-warning)}.portal-badge-destructive,.portal-badge-error{background:var(--color-destructive-muted);color:var(--color-destructive)}.portal-badge-default{background:var(--color-muted);color:var(--color-foreground)}.portal-badge-info{color:#3b82f6;background:#3b82f626}.portal-badge-muted{background:var(--color-muted);color:var(--color-muted-foreground)}.portal-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:12px 24px;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.portal-btn-primary{background:var(--color-primary);color:var(--color-primary-foreground)}.portal-btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 10px 30px -5px rgb(var(--theme-glow)/.5),0 0 20px rgb(var(--theme-glow)/.3);transform:translateY(-2px)}.portal-btn-ghost{color:var(--color-muted-foreground);background:0 0}.portal-btn-ghost:hover{background:var(--color-muted);color:var(--color-foreground)}.portal-btn-outline{color:var(--color-foreground);border:1px solid var(--color-border);background:0 0}.portal-btn-outline:hover{background:var(--color-muted);border-color:var(--color-primary)}.portal-section-icon{border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.portal-section-icon svg{z-index:1;width:24px;height:24px;position:relative}.portal-section-icon.primary{background:var(--color-primary-muted);color:var(--color-primary)}.portal-section-icon.accent{background:var(--color-accent-muted);color:var(--color-accent)}.portal-section-icon.success{background:var(--color-success-muted);color:var(--color-success)}.portal-section-icon.info{background:var(--color-info-muted);color:var(--color-info)}.portal-section-icon.warning{background:color-mix(in srgb,var(--color-warning)15%,transparent);color:var(--color-warning)}.portal-section-icon.cyan{color:#06b6d4;background:#06b6d426}.portal-section-icon.violet{color:#8b5cf6;background:#8b5cf626}.portal-section-icon.emerald{color:#10b981;background:#10b98126}.portal-section-icon.amber{color:#f59e0b;background:#f59e0b26}.portal-section-icon.blue{color:#3b82f6;background:#3b82f626}.portal-section-icon.red{color:#ef4444;background:#ef444426}.portal-card-interactive:hover .portal-section-icon.primary{box-shadow:var(--glow-primary)}.portal-card-interactive:hover .portal-section-icon.accent{box-shadow:var(--glow-accent)}.portal-status-indicator{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:relative;overflow:visible}.portal-status-indicator-glow{background:rgb(var(--color-primary-rgb)/.35);filter:blur(4px);border-radius:9999px;width:26px;height:26px;animation:2s ease-in-out infinite portal-glow-pulse;position:absolute}.portal-status-indicator-ring{border:1px solid rgb(var(--color-primary-rgb)/.4);width:18px;height:18px;box-shadow:0 0 0 1px rgb(var(--color-primary-rgb)/.1);border-radius:9999px;position:absolute}.portal-status-indicator-dot{background:var(--color-primary);width:8px;height:8px;box-shadow:0 0 8px rgb(var(--color-primary-rgb)/.6);border-radius:9999px;position:relative}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes progress{0%{transform:translate(-100%)}50%{transform:translate(200%)}to{transform:translate(400%)}}@keyframes portal-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes portal-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes portal-glow-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes sidebar-active-pulse{0%,to{box-shadow:0 0 12px color-mix(in oklch,var(--sidebar-primary,var(--color-primary))20%,transparent)}50%{box-shadow:0 0 18px color-mix(in oklch,var(--sidebar-primary,var(--color-primary))30%,transparent)}}@keyframes sidebar-brand-breathe{0%,to{box-shadow:0 0 16px color-mix(in oklch,var(--sidebar-primary,var(--color-primary))25%,transparent)}50%{box-shadow:0 0 24px color-mix(in oklch,var(--sidebar-primary,var(--color-primary))35%,transparent)}}@keyframes sidebar-status-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklch,var(--color-success)40%,transparent)}50%{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-success)0%,transparent)}}@media (prefers-reduced-motion:reduce){*,:before,:after{--sidebar-spring:ease!important}[style*=sidebar-spring]{transition-timing-function:ease!important}.animate-\[sidebar-active-pulse_3s_ease-in-out_infinite\],.animate-\[sidebar-brand-breathe_4s_ease-in-out_infinite\],.animate-\[sidebar-status-pulse_2s_ease-in-out_infinite\]{animation:none!important}}.portal-gradient-mesh{position:relative}.portal-gradient-mesh:before{content:"";background:radial-gradient(ellipse at 20% 0%,color-mix(in oklch,var(--color-primary)14%,transparent)0%,transparent 55%),radial-gradient(ellipse at 80% 20%,color-mix(in oklch,var(--color-accent)12%,transparent)0%,transparent 45%),radial-gradient(ellipse at 45% 85%,color-mix(in oklch,var(--color-primary)9%,transparent)0%,transparent 50%);pointer-events:none;position:absolute;inset:0}.portal-grid-bg{position:relative}.portal-grid-bg:before{content:"";background-image:linear-gradient(color-mix(in oklch,var(--color-border)35%,transparent)1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--color-border)35%,transparent)1px,transparent 1px);opacity:.3;pointer-events:none;background-size:40px 40px;position:absolute;inset:0}.portal-noise-overlay{position:relative}.portal-noise-overlay:after{content:"";opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.dark .portal-noise-overlay:after,.ui-theme.dark .portal-noise-overlay:after,.ui-theme[data-mode=dark] .portal-noise-overlay:after{opacity:.06}.portal-quick-action{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-muted-foreground);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:100px;padding:1.25rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.portal-quick-action:before{content:"";background:linear-gradient(135deg,rgb(var(--color-primary-rgb)/.03)0%,transparent 50%);opacity:0;transition:opacity .25s;position:absolute;inset:0}.portal-quick-action:hover{border-color:rgb(var(--color-primary-rgb)/.4);box-shadow:0 8px 24px -8px rgb(var(--color-primary-rgb)/.15),0 0 0 1px rgb(var(--color-primary-rgb)/.1);transform:translateY(-4px)scale(1.02)}.portal-quick-action:hover:before{opacity:1}.portal-quick-action:hover .portal-quick-action-icon{box-shadow:0 4px 12px -2px rgb(var(--color-primary-rgb)/.3);transform:scale(1.1)}.portal-quick-action:hover .portal-quick-action-label{color:var(--color-foreground)}.portal-quick-action-icon{background:linear-gradient(135deg,rgb(var(--color-primary-rgb)/.15)0%,rgb(var(--color-primary-rgb)/.05)100%);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;display:flex}.portal-quick-action-icon svg{width:22px;height:22px;color:var(--color-primary);transition:color .2s}.portal-quick-action-label{color:var(--color-muted-foreground);font-weight:500;line-height:1.3;transition:color .2s}.portal-quick-action-featured{background:var(--color-card);text-align:left;border-radius:16px;flex-direction:row;align-items:center;gap:1rem;min-height:80px;padding:1.25rem 1.5rem;font-size:.875rem;text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.portal-quick-action-featured:before{content:"";background:linear-gradient(135deg,var(--color-primary)0%,rgb(var(--color-accent,var(--color-primary)))50%,rgb(var(--color-primary-rgb)/.3)100%);-webkit-mask-composite:xor;opacity:.6;border-radius:16px;padding:1.5px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.portal-quick-action-featured:after{content:"";background:linear-gradient(135deg,rgb(var(--color-primary-rgb)/.2)0%,rgb(var(--color-accent,var(--color-primary))/.1)100%);filter:blur(12px);opacity:0;z-index:-1;border-radius:18px;transition:opacity .3s;position:absolute;inset:-2px}.portal-quick-action-featured:hover{box-shadow:0 12px 32px -8px rgb(var(--color-primary-rgb)/.25);transform:translateY(-4px)}.portal-quick-action-featured:hover:before,.portal-quick-action-featured:hover:after{opacity:1}.portal-quick-action-featured .portal-quick-action-icon{background:linear-gradient(135deg,rgb(var(--color-primary-rgb)/.2)0%,rgb(var(--color-primary-rgb)/.08)100%);border-radius:14px;flex-shrink:0;width:52px;height:52px}.portal-quick-action-featured .portal-quick-action-icon svg{width:26px;height:26px}.portal-quick-action-featured-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.portal-quick-action-featured-title{color:var(--color-foreground);font-size:.9375rem;font-weight:600;line-height:1.3}.portal-quick-action-featured-description{color:var(--color-muted-foreground);font-size:.8125rem;line-height:1.4}.portal-quick-action-featured-arrow{width:24px;height:24px;color:var(--color-muted-foreground);flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.portal-quick-action-featured:hover .portal-quick-action-featured-arrow{color:var(--color-primary);transform:translate(4px)}.portal-quick-action-icon.violet{background:linear-gradient(135deg,#8b5cf633 0%,#8b5cf614 100%)}.portal-quick-action-icon.violet svg{color:#8b5cf6}.portal-quick-action-icon.cyan{background:linear-gradient(135deg,#06b6d433 0%,#06b6d414 100%)}.portal-quick-action-icon.cyan svg{color:#06b6d4}.portal-quick-action-icon.emerald{background:linear-gradient(135deg,#10b98133 0%,#10b98114 100%)}.portal-quick-action-icon.emerald svg{color:#10b981}.portal-quick-action-icon.amber{background:linear-gradient(135deg,#f59e0b33 0%,#f59e0b14 100%)}.portal-quick-action-icon.amber svg{color:#f59e0b}.portal-quick-action-icon.blue{background:linear-gradient(135deg,#3b82f633 0%,#3b82f614 100%)}.portal-quick-action-icon.blue svg{color:#3b82f6}.portal-quick-action-icon.rose{background:linear-gradient(135deg,#f43f5e33 0%,#f43f5e14 100%)}.portal-quick-action-icon.rose svg{color:#f43f5e}.portal-quick-action.compact{text-align:left;border-radius:12px;flex-direction:row;justify-content:flex-start;gap:.5rem;min-height:auto;padding:.625rem .75rem}.portal-quick-action.compact .portal-quick-action-icon{border-radius:8px;flex-shrink:0;width:32px;height:32px}.portal-quick-action.compact .portal-quick-action-icon svg{width:16px;height:16px}.portal-quick-action.compact:hover{transform:translateY(-2px)scale(1.01)}.portal-quick-action.compact:hover .portal-quick-action-icon{transform:scale(1.05)}.portal-glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.portal-glass-card:before{content:"";border-radius:inherit;border:1px solid var(--glass-highlight);pointer-events:none;position:absolute;inset:0}.portal-glass-card:hover{border-color:rgb(var(--color-primary-rgb)/.25);box-shadow:0 32px 64px -16px #0003,0 0 0 1px rgb(var(--theme-glow)/.1);transform:translateY(-8px)}.ui-theme-admin .bg-muted,.ui-theme-creator .bg-muted,.ui-theme-student .bg-muted,.ui-theme-odonto-ai .bg-muted,.ui-theme-admin [class*=bg-muted\/],.ui-theme-creator [class*=bg-muted\/],.ui-theme-student [class*=bg-muted\/],.ui-theme-odonto-ai [class*=bg-muted\/]{background:var(--glass-highlight)!important}.ui-theme-admin table tbody tr[class],.ui-theme-creator table tbody tr[class],.ui-theme-student table tbody tr[class],.ui-theme-odonto-ai table tbody tr[class]{background:0 0!important}.ui-theme-admin table tbody tr[class]:hover,.ui-theme-creator table tbody tr[class]:hover,.ui-theme-student table tbody tr[class]:hover,.ui-theme-odonto-ai table tbody tr[class]:hover{background:var(--glass-highlight)!important}.ui-theme-admin table thead[class],.ui-theme-creator table thead[class],.ui-theme-student table thead[class],.ui-theme-odonto-ai table thead[class]{background:0 0!important}.portal-chat{background:var(--color-card);border:1px solid var(--color-border);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.portal-chat-inline{background:0 0;border:none;border-radius:0}.portal-chat-header{background:var(--color-card);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.portal-chat-header-main{align-items:center;gap:.75rem;display:flex}.portal-chat-header-leading{justify-content:center;align-items:center;display:flex}.portal-chat-header-text{flex-direction:column;gap:.25rem;display:flex}.portal-chat-header-title{color:var(--color-foreground);font-size:1rem;font-weight:600}.portal-chat-header-description{color:var(--color-muted-foreground);font-size:.875rem}.portal-chat-header-actions{align-items:center;gap:.5rem;display:flex}.portal-chat-header-status{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted-foreground);font-size:.75rem;font-weight:600}.portal-chat-header-action{align-items:center;display:flex}.portal-chat-messages{background:var(--color-background);scrollbar-gutter:stable both-edges;overscroll-behavior:contain;flex-direction:column;flex:auto;gap:1rem;min-height:0;padding:1.5rem;display:flex;overflow-y:auto}.portal-chat-message{align-items:flex-start;gap:.75rem;display:flex}.portal-chat-message-assistant{justify-content:flex-start}.portal-chat-message-user{flex-direction:row-reverse;justify-content:flex-end}.portal-chat-message-system{justify-content:center;align-items:center}.portal-chat-message-body{flex-direction:column;gap:.5rem;min-width:0;max-width:min(80%,640px);display:flex}.portal-chat-message-body-assistant{text-align:left;align-items:flex-start}.portal-chat-message-body-user{text-align:right;align-items:flex-end}.portal-chat-message-body-system{text-align:center;align-items:center;max-width:min(70%,520px)}.portal-chat-message-user .portal-chat-bubble-content{white-space:pre-wrap}.portal-chat-avatar{flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-chat-avatar-badge{width:32px;height:32px;color:var(--color-foreground);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.portal-chat-avatar-badge-assistant{background:var(--color-primary)}.portal-chat-avatar-badge-user{background:var(--color-accent)}.portal-chat-avatar-fallback{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-foreground);font-weight:600}.portal-chat-message-author{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted-foreground);font-size:.75rem;font-weight:600}.portal-chat-bubble{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-foreground);box-shadow:var(--shadow-sm);border-radius:16px;padding:.75rem 1rem;position:relative}.portal-chat-bubble-assistant{background:var(--color-card)}.portal-chat-bubble-user{background:rgb(var(--color-primary-rgb)/.12);border-color:rgb(var(--color-primary-rgb)/.2)}.portal-chat-bubble-system{background:var(--color-muted);box-shadow:none;border-style:dashed}.portal-chat-bubble-streaming{border-color:rgb(var(--color-primary-rgb)/.25);box-shadow:0 10px 24px -18px rgb(var(--color-primary-rgb)/.35)}.portal-chat-bubble-content{color:var(--color-foreground);word-break:break-word;text-wrap:pretty;font-size:.9375rem;line-height:1.6}.portal-chat-markdown h1,.portal-chat-markdown h2{margin:0 0 .5rem;font-size:.95rem;font-weight:600}.portal-chat-markdown h3{margin:0 0 .4rem;font-size:.9rem;font-weight:600}.portal-chat-markdown p{margin:0 0 .5rem}.portal-chat-markdown p:last-child{margin-bottom:0}.portal-chat-markdown ul,.portal-chat-markdown ol{margin:.5rem 0;padding-left:1.25rem}.portal-chat-markdown li{margin:.25rem 0}.portal-chat-markdown strong{font-weight:600}.portal-chat-markdown em{font-style:italic}.portal-chat-markdown a{color:var(--color-primary);text-decoration:none}.portal-chat-markdown a:hover{text-decoration:underline}.portal-chat-markdown pre{background:var(--color-muted);border:1px solid var(--color-border);border-radius:12px;margin:.75rem 0;padding:.75rem;overflow-x:auto}.portal-chat-markdown pre code{background:0 0;border:none;padding:0;font-size:.85rem;display:block}.portal-chat-markdown code{font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace)}.portal-chat-markdown :not(pre)>code{background:var(--color-muted);border:1px solid var(--color-border);border-radius:6px;padding:.1rem .3rem;font-size:.85rem}.portal-chat-markdown blockquote{border-left:2px solid var(--color-primary);color:var(--color-muted-foreground);margin:.75rem 0;padding-left:.75rem;font-style:italic}.portal-chat-markdown hr{border:0;border-top:1px solid var(--color-border);margin:.75rem 0}.portal-chat-meta{color:var(--color-muted-foreground);font-variant-numeric:tabular-nums;gap:.5rem;font-size:.75rem;display:flex}.portal-chat-meta-assistant{justify-content:flex-start}.portal-chat-meta-user{justify-content:flex-end}.portal-chat-meta-system{justify-content:center}.portal-chat-footer{flex-wrap:wrap;gap:.5rem;display:flex}.portal-chat-cursor{background:var(--color-primary);vertical-align:-.1em;width:2px;height:1.1em;margin-left:2px;animation:1s step-end infinite portal-chat-blink;display:inline-block}.portal-chat-typing{color:var(--color-muted-foreground);align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.portal-chat-typing-dots{align-items:center;gap:.3rem;display:inline-flex}.portal-chat-typing-dot{background:var(--color-muted-foreground);border-radius:9999px;width:6px;height:6px;animation:1s ease-in-out infinite portal-chat-typing}.portal-chat-typing-dot:nth-child(2){animation-delay:.15s}.portal-chat-typing-dot:nth-child(3){animation-delay:.3s}.portal-chat-typing-label{color:var(--color-muted-foreground);font-weight:500}.portal-chat-composer{border-top:1px solid var(--color-border);background:var(--color-card);align-items:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.portal-chat-messages-compact{max-height:320px;padding-right:.5rem}.portal-chat-empty-icon{background:var(--color-muted);width:48px;height:48px;color:var(--color-muted-foreground);border-radius:14px;justify-content:center;align-items:center;display:flex}.portal-chat-empty-title{color:var(--color-foreground);font-size:.95rem;font-weight:600}.portal-chat-empty-description{color:var(--color-muted-foreground);text-align:center;max-width:320px;font-size:.85rem}.portal-chat-skeleton-row{align-items:flex-start;gap:.75rem;display:flex}.portal-chat-skeleton-row-user{justify-content:flex-end}.portal-chat-skeleton-avatar{border-radius:9999px;width:32px;height:32px}.portal-chat-skeleton-bubble{border-radius:16px;width:70%;height:42px}.portal-chat-skeleton-bubble-user{width:60%}.portal-chat-skeleton-bubble-short{width:45%}@keyframes portal-chat-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes portal-chat-typing{0%,80%,to{opacity:.6;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media (max-width:640px){.portal-chat-header,.portal-chat-composer{padding:.75rem 1rem}.portal-chat-messages{gap:.75rem;padding:1rem}.portal-chat-message-body,.portal-chat-message-body-system{max-width:100%}.portal-chat-bubble{padding:.65rem .85rem}}.portal-profile-input{background:var(--input-bg,var(--surface-elevated));border:1px solid var(--input-border,var(--border-default));border-radius:var(--input-radius,.5rem);width:100%;color:var(--input-text,var(--text-primary));padding:.75rem 1rem;font-size:.875rem;line-height:1.5;transition:all .15s}.portal-profile-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(var(--color-primary-rgb)/.1);outline:none}.portal-profile-input::placeholder{color:var(--input-placeholder,var(--text-tertiary))}.portal-profile-input:disabled{opacity:.5;cursor:not-allowed;background:var(--input-disabled-bg,var(--surface-default))}.portal-profile-textarea{resize:vertical;min-height:100px}.portal-profile-field{flex-direction:column;gap:.5rem;display:flex}.portal-profile-field-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.portal-profile-field-required{color:rgb(var(--color-destructive,239 68 68))}.portal-profile-field-count{color:var(--text-tertiary);margin-left:.5rem;font-size:.75rem}.portal-profile-completion{justify-content:center;align-items:center;display:flex;position:relative}.portal-profile-completion-bg{fill:none;stroke:var(--surface-default);stroke-width:4px}.portal-profile-completion-fill{fill:none;stroke:var(--color-primary);stroke-width:4px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .5s;transform:rotate(-90deg)}.portal-profile-completion-content{flex-direction:column;align-items:center;display:flex;position:absolute}.portal-profile-completion-value{color:var(--text-primary);font-size:1rem;font-weight:600}.portal-radial-progress{--portal-radial-stroke:16px;justify-content:center;align-items:center;display:inline-flex;position:relative}.portal-radial-progress-bg{fill:none;stroke:rgb(var(--color-border)/.6);stroke-width:var(--portal-radial-stroke)}.portal-radial-progress-fill{fill:none;stroke:var(--color-primary);stroke-width:var(--portal-radial-stroke);stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .5s;transform:rotate(-90deg)}.portal-radial-progress-fill-accent,.portal-radial-progress-accent .portal-radial-progress-fill{stroke:var(--color-accent)}.portal-radial-progress-accent .portal-radial-progress-value{color:var(--color-accent)}.portal-radial-progress-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;display:flex;position:absolute}.portal-radial-progress-value{color:var(--color-foreground);font-size:1.5rem;font-weight:600}.portal-radial-progress-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted-foreground);font-size:.75rem;font-weight:500}.portal-profile-social-links{flex-direction:column;gap:.75rem;display:flex}.portal-profile-social-input{align-items:center;gap:0;display:flex}.portal-profile-social-input .portal-profile-input{border-top-left-radius:0;border-bottom-left-radius:0;flex:1}.portal-profile-social-icon{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--input-radius,.5rem)0 0 var(--input-radius,.5rem);width:2.5rem;height:2.75rem;color:var(--text-secondary);border-right:none;justify-content:center;align-items:center;display:flex}.portal-profile-social-linkedin{color:#0a66c2}.portal-profile-social-youtube{color:red}.portal-profile-social-github{color:var(--text-primary)}.portal-profile-social-website{color:var(--color-primary)}.portal-profile-view-btn{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-foreground);border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.portal-profile-view-btn:hover{border-color:rgb(var(--color-primary-rgb)/.4);color:var(--color-primary);box-shadow:0 8px 16px -12px rgb(var(--color-primary-rgb)/.4)}.portal-profile-completion-banner{background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;flex-wrap:wrap;align-items:center;gap:1.25rem;padding:1rem 1.5rem;display:flex}.portal-profile-completion-info{flex-direction:column;flex:1;gap:.25rem;min-width:200px;display:flex}.portal-profile-completion-title{color:var(--color-foreground);font-size:1rem;font-weight:600}.portal-profile-completion-desc{color:var(--color-muted-foreground);font-size:.75rem}.portal-profile-completion-badge{background:rgb(var(--color-accent-rgb)/.12);color:var(--color-accent);border:1px solid rgb(var(--color-accent-rgb)/.2);border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.portal-profile-photo-section,.portal-profile-fields-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.portal-profile-section-header{color:var(--color-foreground);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.portal-profile-fields{flex-direction:column;gap:1rem;display:flex}.portal-profile-photo-wrapper{justify-content:center;display:flex}.portal-profile-photo-container{border:1px solid var(--color-border);background:var(--color-muted);border-radius:24px;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative;overflow:hidden}.portal-profile-photo-container.portal-profile-photo-uploading{border-color:rgb(var(--color-primary-rgb)/.6);box-shadow:0 0 0 3px rgb(var(--color-primary-rgb)/.2)}.portal-profile-photo-img{object-fit:cover;width:100%;height:100%}.portal-profile-photo-glow{background:radial-gradient(circle at 50% 20%,rgb(var(--color-primary-rgb)/.35),transparent 60%);opacity:.4;pointer-events:none;position:absolute;inset:0}.portal-profile-photo-hover{background:rgb(var(--color-background)/.6);color:var(--color-foreground);opacity:0;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;font-size:.75rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.portal-profile-photo-container:hover .portal-profile-photo-hover{opacity:1}.portal-profile-photo-loading{background:rgb(var(--color-background)/.6);color:var(--color-foreground);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.portal-profile-upload-progress{color:var(--color-muted-foreground);flex-direction:column;gap:.5rem;font-size:.75rem;display:flex}.portal-profile-upload-btn{background:rgb(var(--color-primary-rgb)/.12);color:var(--color-primary);border:1px solid rgb(var(--color-primary-rgb)/.3);border-radius:10px;align-items:center;gap:.5rem;width:fit-content;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.portal-profile-upload-btn:hover{background:rgb(var(--color-primary-rgb)/.2);border-color:rgb(var(--color-primary-rgb)/.5)}.portal-profile-upload-btn:disabled{opacity:.6;cursor:not-allowed}.portal-profile-dropzone{border:1px dashed var(--color-border);background:rgb(var(--color-muted)/.3);text-align:center;color:var(--color-muted-foreground);border-radius:16px;padding:1rem;transition:all .2s}.portal-profile-dropzone-active{border-color:rgb(var(--color-primary-rgb)/.6);background:rgb(var(--color-primary-rgb)/.08);color:var(--color-primary)}.portal-profile-dropzone-content{flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.portal-profile-dropzone-content span{font-size:.625rem}.portal-profile-select{background:var(--input-bg,var(--surface-elevated));border:1px solid var(--input-border,var(--border-default));border-radius:var(--input-radius,.5rem);width:100%;color:var(--input-text,var(--text-primary));appearance:none;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;transition:all .15s}.portal-profile-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(var(--color-primary-rgb)/.1);outline:none}.portal-profile-actions{background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.portal-profile-actions-hint{color:var(--color-muted-foreground);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.portal-profile-actions-buttons{align-items:center;gap:.75rem;display:flex}.portal-profile-cancel-btn{border:1px solid var(--color-border);color:var(--color-muted-foreground);background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:.5rem .9rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.portal-profile-cancel-btn:hover{border-color:rgb(var(--color-muted-foreground)/.5);color:var(--color-foreground)}.portal-profile-save-btn{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-primary-foreground);border-radius:10px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.portal-profile-save-btn [data-role=spinner]{align-items:center;display:none}.portal-profile-save-btn [data-role=icon]{align-items:center;display:inline-flex}.portal-profile-save-btn[data-loading=true] [data-role=spinner]{display:inline-flex}.portal-profile-save-btn[data-loading=true] [data-role=icon]{display:none}.portal-profile-save-btn:hover{background:var(--color-primary-hover,var(--color-primary));border-color:var(--color-primary-hover,var(--color-primary))}.portal-profile-save-btn:disabled,.portal-profile-cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.portal-nav{display:none}.portal-stat-value{font-size:1.5rem}}.portal-animate-in{animation:.4s forwards portal-fade-in}.portal-animate-in-delay-1{opacity:0;animation-delay:50ms}.portal-animate-in-delay-2{opacity:0;animation-delay:.1s}.portal-animate-in-delay-3{opacity:0;animation-delay:.15s}.portal-animate-in-delay-4{opacity:0;animation-delay:.2s}.portal-animate-in-delay-5{opacity:0;animation-delay:.25s}.portal-animate-in-delay-8{opacity:0;animation-delay:.4s}.portal-staggered-grid>*{opacity:0;animation:.4s forwards portal-fade-in}.portal-staggered-grid>:first-child{animation-delay:50ms}.portal-staggered-grid>:nth-child(2){animation-delay:.1s}.portal-staggered-grid>:nth-child(3){animation-delay:.15s}.portal-staggered-grid>:nth-child(4){animation-delay:.2s}.portal-staggered-grid>:nth-child(5){animation-delay:.25s}.portal-staggered-grid>:nth-child(n+6){animation-delay:.3s}@keyframes portal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes portal-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.portal-animate-fade{animation:.4s forwards portal-fade-in}.portal-animate-slide-up{animation:.4s forwards portal-slide-up}.portal-animate-scale{animation:.3s forwards portal-scale-in}.portal-heading{font-family:var(--font-display,system-ui,-apple-system,sans-serif);letter-spacing:-.025em;color:var(--color-foreground);font-weight:600}.portal-heading-xl{font-size:2rem;line-height:1.2}.portal-heading-lg{font-size:1.5rem;line-height:1.3}.portal-heading-md{font-size:1.125rem;line-height:1.4}.portal-heading-sm{font-size:1rem;line-height:1.5}.portal-live-stats-bar{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.portal-live-stats-label{align-items:center;gap:.5rem;display:flex}.portal-live-stats-items{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.portal-live-stats-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.portal-live-stats-item-value{font-family:var(--font-mono,"SF Mono",Menlo,monospace);font-size:1.25rem;font-weight:600}.portal-live-stats-item-label{color:var(--color-muted-foreground);font-size:.75rem}.portal-live-stat-divider{background:var(--color-border);width:1px;height:24px}.portal-stat{flex-direction:column;gap:.25rem;display:flex}.portal-stat-value{font-family:var(--font-mono,"SF Mono",Menlo,monospace);color:var(--color-foreground);font-size:2rem;font-weight:600;line-height:1}.portal-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-foreground);font-size:.75rem;font-weight:500}.portal-stat-badge{padding:.25rem .5rem;font-size:.625rem}.portal-course-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.portal-course-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.portal-course-card:hover{border-color:rgb(var(--color-primary-rgb)/.3);transform:translateY(-4px);box-shadow:0 12px 24px -8px #0003}.portal-course-thumbnail{background:var(--color-muted);height:140px;position:relative;overflow:hidden}.portal-course-thumbnail-gradient{opacity:.8;position:absolute;inset:0}.portal-thumbnail-react{background:radial-gradient(120% 120% at 0% 0%,rgb(var(--color-accent-rgb)/.45),transparent 60%),linear-gradient(135deg,rgb(var(--color-info)/.9),rgb(var(--color-accent-rgb)/.9))}.portal-thumbnail-typescript{background:radial-gradient(120% 120% at 100% 0%,rgb(var(--color-info)/.45),transparent 60%),linear-gradient(135deg,rgb(var(--color-info)/.9),rgb(var(--color-primary-rgb)/.85))}.portal-thumbnail-node{background:radial-gradient(120% 120% at 0% 100%,rgb(var(--color-success)/.45),transparent 60%),linear-gradient(135deg,rgb(var(--color-success)/.9),rgb(var(--color-primary-rgb)/.9))}.portal-thumbnail-default{background:radial-gradient(120% 120% at 0% 0%,rgb(var(--color-primary-rgb)/.35),transparent 60%),linear-gradient(135deg,rgb(var(--color-primary-rgb)/.6),rgb(var(--color-accent-rgb)/.6))}.portal-course-thumbnail-placeholder{justify-content:center;align-items:center;font-size:3rem;display:flex;position:absolute;inset:0}.portal-course-progress-overlay{background:linear-gradient(#0000,#00000080);padding:.5rem;position:absolute;bottom:0;left:0;right:0}.portal-course-progress-ring{background:rgb(var(--color-background)/.6);border:1px solid rgb(var(--color-border)/.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:52px;height:52px;color:var(--color-foreground);border-radius:9999px;justify-content:center;align-items:center;display:flex;position:relative}.portal-course-progress-ring.completed{border-color:rgb(var(--color-accent-rgb)/.5);box-shadow:0 0 0 2px rgb(var(--color-accent-rgb)/.2)}.portal-course-body{padding:1rem}.portal-course-title{color:var(--color-foreground);margin-bottom:.25rem;font-size:1rem;font-weight:600;line-height:1.4}.portal-course-creator{color:var(--color-muted-foreground);font-size:.75rem}.portal-course-meta{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.portal-course-progress-text{color:var(--color-primary);font-size:.875rem;font-weight:600}.portal-featured-badge{background:var(--color-primary);color:var(--color-primary-foreground);text-transform:uppercase;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:600;display:flex;position:absolute;top:.75rem;left:.75rem}.portal-progress{background:var(--color-muted);border-radius:3px;height:6px;overflow:hidden}.portal-progress-bar{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:3px;height:100%;transition:width .5s}.portal-progress-bar-shimmer{position:relative}.portal-progress-bar-shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.portal-progress-accent{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover))}.portal-two-col-asymmetric{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (min-width:1024px){.portal-two-col-asymmetric{grid-template-columns:1fr 1fr}}.portal-activity-item{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:flex-start;gap:.75rem;padding:.75rem 0;display:flex}@media (min-width:640px){.portal-activity-item{flex-wrap:nowrap;align-items:center}}.portal-activity-item:last-child{border-bottom:none}.portal-activity-icon{background:color-mix(in srgb,var(--color-success)10%,transparent);width:32px;height:32px;color:var(--color-success);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-activity-icon svg{width:16px;height:16px}.portal-activity-content{flex:1;min-width:0}.portal-activity-title{color:var(--color-foreground);word-break:break-word;font-size:.875rem;font-weight:500}@media (min-width:640px){.portal-activity-title{white-space:nowrap;text-overflow:ellipsis;word-break:normal;overflow:hidden}}.portal-activity-subtitle{color:var(--color-muted-foreground);font-size:.75rem}.portal-activity-time{color:var(--color-muted-foreground);white-space:nowrap;width:100%;margin-top:-.25rem;padding-left:calc(32px + .75rem);font-size:.6875rem}@media (min-width:640px){.portal-activity-time{width:auto;margin-top:0;padding-left:0;font-size:.75rem}}.portal-next-action{background:color-mix(in srgb,var(--color-muted)50%,transparent);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .2s;display:flex}.portal-next-action:hover{background:var(--color-muted);border-color:rgb(var(--color-primary-rgb)/.3)}.portal-next-action-icon{background:rgb(var(--color-accent-rgb)/.1);width:36px;height:36px;color:var(--color-accent);border-radius:10px;justify-content:center;align-items:center;display:flex}.portal-next-action-icon svg{width:18px;height:18px}.portal-next-action-content{flex:1;min-width:0}.portal-next-action-title{color:var(--color-foreground);font-size:.875rem;font-weight:500}.portal-next-action-meta{color:var(--color-muted-foreground);gap:.75rem;font-size:.75rem;display:flex}.portal-empty-state{text-align:center;background:var(--color-card);border:1px dashed var(--color-border);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.portal-empty-state-icon{background:var(--color-muted);width:80px;height:80px;color:var(--color-muted-foreground);border-radius:20px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.portal-empty-state-title{color:var(--color-foreground);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.portal-empty-state-description{color:var(--color-muted-foreground);max-width:300px;font-size:.875rem}.portal-alert{border-radius:12px;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.portal-alert-destructive{background:rgb(var(--color-destructive)/.1);border:1px solid rgb(var(--color-destructive)/.3)}.portal-alert-warning{background:color-mix(in srgb,var(--color-warning)10%,transparent);border:1px solid rgb(var(--color-warning)/.3)}.portal-alert-icon{flex-shrink:0}.portal-alert-destructive .portal-alert-icon{color:var(--color-destructive)}.portal-alert-warning .portal-alert-icon{color:var(--color-warning)}.portal-alert-content{flex:1}.portal-alert-title{color:var(--color-foreground);font-size:.875rem;font-weight:600}.portal-alert-description{color:var(--color-muted-foreground);margin-top:.25rem;font-size:.75rem}.portal-streak-animated{position:relative}.portal-streak-animated:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(45deg,#f59e0b4d,#0000,#f59e0b4d);animation:2s ease-in-out infinite streak-glow;position:absolute;inset:-2px}@keyframes streak-glow{0%,to{opacity:.5}50%{opacity:1}}.portal-achievements-hero{background:var(--color-card);border:1px solid var(--color-border);border-radius:24px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}.portal-achievements-hero:before{content:"";background:radial-gradient(ellipse 80% 50% at 20% 30%,rgb(var(--theme-glow)/.2),transparent 60%);opacity:.2;pointer-events:none;position:absolute;inset:0}@media (min-width:768px){.portal-achievements-hero{flex-direction:row;justify-content:space-between;align-items:center}}.portal-achievements-hero-content{flex-direction:column;flex:1;gap:.75rem;display:flex;position:relative}.portal-achievements-hero-title{color:var(--color-foreground);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.portal-achievements-hero-subtitle{color:var(--color-muted-foreground);font-size:.875rem;line-height:1.5}.portal-achievements-stats{background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.portal-achievements-stat{align-items:center;gap:.75rem;min-width:150px;display:flex}.portal-achievements-stat-icon{background:var(--color-muted);width:36px;height:36px;color:var(--color-muted-foreground);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-achievements-stat-icon-unlocked{background:rgb(var(--color-accent-rgb)/.15);color:var(--color-accent)}.portal-achievements-stat-icon-locked{background:rgb(var(--color-muted)/.7);color:var(--color-muted-foreground)}.portal-achievements-stat-icon-streak{background:color-mix(in srgb,var(--color-warning)15%,transparent);color:var(--color-warning)}.portal-achievements-stat-icon-record{background:rgb(var(--color-primary-rgb)/.15);color:var(--color-primary)}.portal-achievements-stat-content{flex-direction:column;gap:.125rem;display:flex}.portal-achievements-stat-value{font-family:var(--font-mono,"SF Mono",Menlo,monospace);color:var(--color-foreground);font-size:1.25rem;font-weight:600}.portal-achievements-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted-foreground);font-size:.7rem}.portal-achievements-stat-divider{background:var(--color-border);width:1px;height:28px}.portal-streak-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:24px;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.portal-streak-card:before{content:"";background:radial-gradient(circle at 20% 20%,rgb(var(--color-warning)/.18),transparent 60%);opacity:.2;pointer-events:none;position:absolute;inset:0}.portal-streak-card-flame{background:color-mix(in srgb,var(--color-warning)15%,transparent);width:56px;height:56px;color:var(--color-warning);box-shadow:0 8px 20px -12px rgb(var(--color-warning)/.4);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-streak-card-content{flex:1;min-width:200px;position:relative}.portal-streak-card-title{color:var(--color-foreground);font-size:1rem;font-weight:600}.portal-streak-card-subtitle{color:var(--color-muted-foreground);margin-top:.25rem;font-size:.75rem}.portal-streak-card-stats{background:rgb(var(--color-muted)/.4);border:1px solid var(--color-border);border-radius:14px;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.portal-streak-card-stat{flex-direction:column;align-items:center;gap:.25rem;min-width:80px;display:flex}.portal-streak-card-divider{background:var(--color-border);width:1px;height:32px}.portal-streak-card-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted-foreground);font-size:.65rem}.portal-streak-card-stat-value{font-size:1.25rem;font-weight:600;font-family:var(--font-mono,"SF Mono",Menlo,monospace);color:var(--color-foreground);align-items:baseline;gap:.25rem;display:inline-flex}.portal-streak-card-stat-value-current{color:var(--color-warning)}.portal-streak-card-stat-unit{color:var(--color-muted-foreground);font-size:.65rem}.portal-next-badge{background:var(--color-card);border:1px solid var(--color-border);border-radius:24px;padding:1.5rem;position:relative;overflow:hidden}.portal-next-badge:before{content:"";background:radial-gradient(circle at 80% 20%,rgb(var(--color-accent-rgb)/.18),transparent 60%);opacity:.2;pointer-events:none;position:absolute;inset:0}.portal-next-badge-label{background:rgb(var(--color-accent-rgb)/.12);border:1px solid rgb(var(--color-accent-rgb)/.25);color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;border-radius:9999px;align-items:center;gap:.375rem;margin-bottom:1rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex;position:relative}.portal-next-badge-content{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex;position:relative}.portal-next-badge-icon{background:rgb(var(--color-muted)/.6);border:1px solid var(--color-border);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.portal-next-badge-info{flex-direction:column;flex:1;gap:.5rem;min-width:200px;display:flex}.portal-next-badge-title{color:var(--color-foreground);font-size:1.125rem;font-weight:600}.portal-next-badge-description{color:var(--color-muted-foreground);font-size:.875rem}.portal-next-badge-progress{flex-direction:column;gap:.5rem;display:flex}.portal-next-badge-progress-bar{background:var(--color-muted);border-radius:9999px;height:8px;overflow:hidden}.portal-next-badge-progress-fill{background:linear-gradient(90deg,var(--color-accent),var(--color-primary));border-radius:9999px;height:100%;transition:width .5s}.portal-next-badge-progress-text{color:var(--color-muted-foreground);font-size:.75rem;font-family:var(--font-mono,"SF Mono",Menlo,monospace)}.portal-session-stats{background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.portal-session-stat{align-items:center;gap:.75rem;min-width:150px;display:flex}.portal-session-stat-icon{background:var(--color-muted);width:36px;height:36px;color:var(--color-muted-foreground);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-session-stat-icon-upcoming{background:rgb(var(--color-primary-rgb)/.15);color:var(--color-primary)}.portal-session-stat-icon-completed{background:color-mix(in srgb,var(--color-success)15%,transparent);color:var(--color-success)}.portal-session-stat-icon-hours{background:rgb(var(--color-accent-rgb)/.15);color:var(--color-accent)}.portal-session-stat-content{flex-direction:column;gap:.125rem;display:flex}.portal-session-stat-value{font-family:var(--font-mono,"SF Mono",Menlo,monospace);color:var(--color-foreground);font-size:1.25rem;font-weight:600}.portal-session-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted-foreground);font-size:.7rem}.portal-session-stat-divider{background:var(--color-border);width:1px;height:28px}.portal-next-session{background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.portal-next-session-label{background:rgb(var(--color-primary-rgb)/.12);border:1px solid rgb(var(--color-primary-rgb)/.25);color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;border-radius:9999px;align-items:center;gap:.375rem;width:fit-content;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.portal-next-session-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.portal-next-session-info{align-items:center;gap:.75rem;display:flex}.portal-next-session-avatar{background:var(--color-muted);border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-muted-foreground);text-transform:uppercase;border-radius:9999px;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.portal-next-session-avatar img{object-fit:cover;width:100%;height:100%}.portal-next-session-details{flex-direction:column;gap:.25rem;display:flex}.portal-next-session-details h3{color:var(--color-foreground);margin:0;font-size:.875rem;font-weight:600}.portal-next-session-details p{color:var(--color-muted-foreground);margin:0;font-size:.75rem}.portal-next-session-time{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.portal-next-session-countdown{font-size:1.25rem;font-weight:600;font-family:var(--font-mono,"SF Mono",Menlo,monospace);color:var(--color-primary)}.portal-next-session-date{color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.portal-credits-hero{background:var(--color-card);border:1px solid var(--color-border);border-radius:24px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}.portal-credits-hero:before{content:"";background:radial-gradient(circle at 10% 20%,rgb(var(--theme-glow)/.2),transparent 60%);opacity:.2;pointer-events:none;position:absolute;inset:0}@media (min-width:768px){.portal-credits-hero{flex-direction:row;justify-content:space-between;align-items:center}}.portal-credits-hero-content{flex-direction:column;flex:1;gap:.75rem;display:flex;position:relative}.portal-credits-hero-main{flex-direction:column;gap:.5rem;display:flex}.portal-credits-hero-title{color:var(--color-foreground);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.portal-credits-hero-subtitle{color:var(--color-muted-foreground);font-size:.875rem;line-height:1.5}.portal-credits-hero-warning{background:rgb(var(--color-warning)/.12);border:1px solid rgb(var(--color-warning)/.25);color:var(--color-warning);border-radius:9999px;align-items:center;gap:.5rem;width:fit-content;padding:.4rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.portal-credits-hero-visual{justify-content:center;align-items:center;display:flex}.portal-credits-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.portal-credits-stat-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:18px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.portal-credits-stat-card-primary{border-left:3px solid var(--color-primary)}.portal-credits-stat-card-secondary{border-left:3px solid var(--color-muted-foreground)}.portal-credits-stat-card-warning{border-left:3px solid var(--color-warning)}.portal-credits-stat-icon{background:var(--color-muted);width:44px;height:44px;color:var(--color-muted-foreground);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-credits-stat-card-primary .portal-credits-stat-icon{background:rgb(var(--color-primary-rgb)/.15);color:var(--color-primary)}.portal-credits-stat-card-secondary .portal-credits-stat-icon{background:rgb(var(--color-muted-foreground)/.15);color:var(--color-muted-foreground)}.portal-credits-stat-card-warning .portal-credits-stat-icon{background:color-mix(in srgb,var(--color-warning)15%,transparent);color:var(--color-warning)}.portal-credits-stat-content{flex-direction:column;gap:.25rem;display:flex}.portal-credits-stat-value{font-family:var(--font-mono,"SF Mono",Menlo,monospace);color:var(--color-foreground);font-size:1.5rem;font-weight:700}.portal-credits-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted-foreground);font-size:.7rem}.portal-credits-stat-hint{color:var(--color-muted-foreground);margin-top:auto;font-size:.75rem}.portal-credits-stat-pulse{border:1px solid rgb(var(--color-warning)/.4);pointer-events:none;border-radius:18px;animation:2s ease-in-out infinite portal-glow-pulse;position:absolute;inset:0}.portal-credits-mentor-section{background:var(--color-card);border:1px solid var(--color-border);opacity:0;border-radius:20px;flex-direction:column;gap:1rem;padding:1.5rem;animation:.4s forwards portal-fade-in;display:flex}.portal-credits-mentor-section-warning{border-color:rgb(var(--color-warning)/.4);box-shadow:0 10px 20px -18px rgb(var(--color-warning)/.4)}.portal-credits-mentor-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.portal-credits-mentor-info{align-items:center;gap:.75rem;display:flex}.portal-credits-mentor-avatar{border:2px solid var(--color-border);background:var(--color-muted);width:44px;height:44px;color:var(--color-muted-foreground);object-fit:cover;text-transform:uppercase;border-radius:9999px;justify-content:center;align-items:center;display:flex;overflow:hidden}.portal-credits-mentor-avatar-fallback{background:rgb(var(--color-primary-rgb)/.12);color:var(--color-primary)}.portal-credits-mentor-name{color:var(--color-foreground);font-size:1rem;font-weight:600}.portal-credits-mentor-count{color:var(--color-muted-foreground);font-size:.75rem}.portal-credits-mentor-visual{justify-content:center;align-items:center;display:flex}.portal-credits-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.portal-credit-item{background:rgb(var(--color-muted)/.2);border:1px solid var(--color-border);opacity:0;border-radius:16px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .2s;animation:.4s forwards portal-fade-in;display:flex;position:relative}.portal-credit-item:hover{border-color:rgb(var(--color-primary-rgb)/.3);background:rgb(var(--color-muted)/.4);transform:translateY(-2px)}.portal-credit-item-expiring{border-color:rgb(var(--color-warning)/.4);background:rgb(var(--color-warning)/.05)}.portal-credit-item-expired{opacity:.7}.portal-credit-item-depleted{opacity:.75}.portal-credit-item-pulse{border:1px solid rgb(var(--color-warning)/.4);pointer-events:none;border-radius:16px;animation:2s ease-in-out infinite portal-glow-pulse;position:absolute;inset:0}.portal-credit-item-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.portal-credit-item-service{align-items:center;gap:.75rem;display:flex}.portal-credit-item-service-icon{background:rgb(var(--color-primary-rgb)/.12);width:36px;height:36px;color:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-credit-item-service-name{color:var(--color-foreground);font-size:.875rem;font-weight:600;display:block}.portal-credit-item-service-duration{color:var(--color-muted-foreground);align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.portal-credit-item-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:700;display:inline-flex}.portal-credit-item-badge-active{background:rgb(var(--color-success)/.12);border-color:rgb(var(--color-success)/.3);color:var(--color-success)}.portal-credit-item-badge-warning{background:rgb(var(--color-warning)/.12);border-color:rgb(var(--color-warning)/.3);color:var(--color-warning)}.portal-credit-item-badge-expired{background:rgb(var(--color-destructive)/.12);border-color:rgb(var(--color-destructive)/.3);color:var(--color-destructive)}.portal-credit-item-badge-depleted{background:var(--color-muted);border-color:var(--color-border);color:var(--color-muted-foreground)}.portal-credit-item-progress-section{flex-direction:column;gap:.5rem;display:flex}.portal-credit-item-progress-header{color:var(--color-muted-foreground);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.portal-credit-item-progress-used{font-weight:500}.portal-credit-item-progress-remaining{color:var(--color-foreground);font-weight:600}.portal-credit-item-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.portal-credit-item-date{color:var(--color-muted-foreground);align-items:center;gap:.375rem;font-size:.75rem;display:inline-flex}.portal-credit-item-book-btn{background:rgb(var(--color-primary-rgb)/.12);color:var(--color-primary);border:1px solid rgb(var(--color-primary-rgb)/.3);border-radius:9999px;align-items:center;gap:.4rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.portal-credit-item-book-btn:hover{background:rgb(var(--color-primary-rgb)/.2);border-color:rgb(var(--color-primary-rgb)/.5)}.portal-credits-actions{margin-top:.5rem}.portal-credits-action-btn{background:var(--color-card);border:1px solid var(--color-border);text-align:left;border-radius:18px;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;transition:all .2s;display:flex}.portal-credits-action-btn:hover{border-color:rgb(var(--color-primary-rgb)/.3);background:rgb(var(--color-muted)/.2);transform:translateY(-2px)}.portal-credits-action-icon{background:rgb(var(--color-accent-rgb)/.12);width:44px;height:44px;color:var(--color-accent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-credits-action-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.portal-credits-action-title{color:var(--color-foreground);font-size:.95rem;font-weight:600}.portal-credits-action-desc{color:var(--color-muted-foreground);font-size:.75rem}.portal-credits-action-arrow{color:var(--color-muted-foreground);transition:transform .2s,color .2s}.portal-credits-action-btn:hover .portal-credits-action-arrow{color:var(--color-primary);transform:translate(4px)}.portal-credits-benefits{background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;padding:1.5rem}.portal-credits-benefits-title{color:var(--color-foreground);margin-bottom:1rem;font-size:1rem;font-weight:600}.portal-credits-benefits-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.portal-credits-benefit{background:rgb(var(--color-muted)/.4);border:1px solid var(--color-border);border-radius:14px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.portal-credits-benefit-icon{background:rgb(var(--color-primary-rgb)/.12);width:36px;height:36px;color:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-credits-benefit-title{color:var(--color-foreground);font-size:.875rem;font-weight:600;display:block}.portal-credits-benefit-desc{color:var(--color-muted-foreground);font-size:.75rem;display:block}.portal-coin-stack{justify-content:center;align-items:flex-end;display:flex;position:relative}.portal-coin-stack-lg{width:96px;height:96px}.portal-coin-stack-sm{width:72px;height:72px}.portal-coin{color:var(--color-warning);filter:drop-shadow(0 6px 12px rgb(var(--color-warning)/.25));animation:2.4s ease-in-out infinite portal-glow-pulse;position:absolute;bottom:0}.portal-coin-overflow{background:color-mix(in srgb,var(--color-warning)15%,transparent);color:var(--color-warning);border:1px solid rgb(var(--color-warning)/.3);border-radius:9999px;padding:.2rem .45rem;font-size:.625rem;font-weight:600;position:absolute;bottom:-.25rem;right:-.5rem}.portal-settings-hero{background:var(--color-card);border:1px solid var(--color-border);border-radius:24px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.portal-settings-hero{flex-direction:row;justify-content:space-between;align-items:center}}.portal-settings-hero-content{align-items:center;gap:1.5rem;display:flex}.portal-settings-hero-avatar{justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.portal-settings-hero-avatar-img{object-fit:cover;border:2px solid var(--color-border);border-radius:9999px;width:80px;height:80px}.portal-settings-hero-avatar-placeholder{background:var(--color-muted);border:2px solid var(--color-border);width:80px;height:80px;color:var(--color-muted-foreground);border-radius:9999px;justify-content:center;align-items:center;display:flex}.portal-settings-hero-avatar-glow{background:radial-gradient(circle,rgb(var(--theme-glow)/.35),transparent 70%);filter:blur(16px);opacity:.6;z-index:-1;position:absolute;inset:-15px}.portal-settings-hero-info{flex-direction:column;gap:.25rem;display:flex}.portal-settings-hero-name{color:var(--color-foreground);font-size:1.25rem;font-weight:600}.portal-settings-hero-email{color:var(--color-muted-foreground);font-size:.875rem}.portal-settings-hero-status{background:rgb(var(--color-success)/.12);border:1px solid rgb(var(--color-success)/.3);color:var(--color-success);border-radius:9999px;align-items:center;gap:.4rem;width:fit-content;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.portal-settings-hero-stats{border:1px solid var(--color-border);background:rgb(var(--color-muted)/.3);border-radius:16px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.portal-settings-hero-stat{flex-direction:column;align-items:center;gap:.25rem;min-width:72px;display:flex}.portal-settings-hero-stat-value{font-size:1rem;font-weight:600;font-family:var(--font-mono,"SF Mono",Menlo,monospace);color:var(--color-foreground)}.portal-settings-hero-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted-foreground);font-size:.65rem}.portal-settings-hero-stat-divider{background:var(--color-border);width:1px;height:28px}.portal-settings-featured{background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;padding:1.5rem;position:relative;overflow:hidden}.portal-settings-featured-glow{background:radial-gradient(circle at 30% 30%,rgb(var(--color-accent-rgb)/.4),transparent 60%);opacity:.35;filter:blur(30px);pointer-events:none;position:absolute;inset:-20%}.portal-settings-featured-badge{background:rgb(var(--color-accent-rgb)/.15);color:var(--color-accent);border:1px solid rgb(var(--color-accent-rgb)/.25);text-transform:uppercase;letter-spacing:.08em;z-index:1;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex;position:relative}.portal-settings-featured-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.portal-settings-featured-icon{background:rgb(var(--color-accent-rgb)/.12);width:48px;height:48px;color:var(--color-accent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-settings-featured-info{flex-direction:column;flex:1;gap:.25rem;min-width:220px;display:flex}.portal-settings-featured-title{color:var(--color-foreground);font-size:1rem;font-weight:600}.portal-settings-featured-description{color:var(--color-muted-foreground);font-size:.875rem;line-height:1.4}.portal-settings-featured-btn{background:rgb(var(--color-accent-rgb)/.12);color:var(--color-accent);border:1px solid rgb(var(--color-accent-rgb)/.3);border-radius:12px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.portal-settings-featured-btn:hover{background:rgb(var(--color-accent-rgb)/.2);border-color:rgb(var(--color-accent-rgb)/.45)}.portal-settings-actions{flex-direction:column;gap:.75rem;display:flex}.portal-settings-actions-grid{align-items:stretch;width:100%}.portal-settings-action{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-foreground);border-radius:16px;align-items:center;gap:.75rem;height:100%;padding:1rem;text-decoration:none;transition:all .2s;display:flex}.portal-settings-action:hover{border-color:rgb(var(--color-accent-rgb)/.3);background:rgb(var(--color-muted)/.2);transform:translateY(-2px)}.portal-settings-action-icon{background:var(--color-muted);width:36px;height:36px;color:var(--color-muted-foreground);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-settings-action-icon-profile{background:rgb(var(--color-primary-rgb)/.12);color:var(--color-primary)}.portal-settings-action-icon-security{background:rgb(var(--color-success)/.12);color:var(--color-success)}.portal-settings-action-icon-notifications{background:rgb(var(--color-warning)/.12);color:var(--color-warning)}.portal-settings-action-icon-mcp{background:rgb(var(--color-accent-rgb)/.12);color:var(--color-accent)}.portal-settings-action-arrow{color:var(--color-muted-foreground);margin-left:auto;transition:transform .2s,color .2s}.portal-settings-action:hover .portal-settings-action-arrow{color:var(--color-accent);transform:translate(4px)}.portal-settings-info{background:rgb(var(--color-success)/.08);border:1px solid rgb(var(--color-success)/.2);border-radius:20px;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.portal-settings-info-icon{background:color-mix(in srgb,var(--color-success)15%,transparent);width:40px;height:40px;color:var(--color-success);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.portal-settings-info-content{flex-direction:column;gap:.25rem;display:flex}.portal-settings-info-title{color:var(--color-foreground);font-size:.95rem;font-weight:600}.portal-settings-info-description{color:var(--color-muted-foreground);font-size:.75rem}.portal-leaderboard-row{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.portal-leaderboard-row:hover{border-color:rgb(var(--color-primary-rgb)/.3);background:rgb(var(--color-muted)/.2);transform:translateY(-2px)}.portal-leaderboard-row-top{border-color:rgb(var(--color-accent-rgb)/.4);box-shadow:0 12px 24px -18px rgb(var(--color-accent-rgb)/.4)}.portal-leaderboard-rank{text-align:center;width:3rem;font-size:1.5rem;font-weight:700}.portal-leaderboard-user{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.portal-leaderboard-avatar{object-fit:cover;border:2px solid var(--color-border);border-radius:9999px;width:2.5rem;height:2.5rem}.portal-leaderboard-name{color:var(--color-foreground);text-overflow:ellipsis;white-space:nowrap;font-weight:600;transition:color .15s;overflow:hidden}.group:hover .portal-leaderboard-name{color:var(--color-primary)}.portal-leaderboard-badge-count{color:var(--color-muted-foreground);font-size:.75rem}.portal-leaderboard-breakdown{align-items:center;gap:1rem;display:none}@media (min-width:768px){.portal-leaderboard-breakdown{display:flex}}.portal-leaderboard-tier{text-align:center}.portal-leaderboard-tier-emoji{font-size:1.25rem;display:block}.portal-leaderboard-tier-count{font-size:.75rem;font-family:var(--font-mono,monospace);color:var(--color-muted-foreground);font-weight:600}.portal-leaderboard-tier-gold{color:var(--color-warning)}.portal-leaderboard-score{text-align:center;min-width:4rem}.portal-score-badge{background:rgb(var(--color-primary-rgb)/.1);color:var(--color-primary);border:1px solid rgb(var(--color-primary-rgb)/.2);border-radius:9999px;padding:.25rem .75rem;font-size:1rem;font-weight:600;display:inline-block}.portal-info-box{background:rgb(var(--color-muted)/.3);border:1px solid var(--color-border);color:var(--color-foreground);border-radius:16px;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.portal-info-box-info{background:rgb(var(--color-info)/.08);border-color:rgb(var(--color-info)/.3)}.portal-info-box-info svg{color:var(--color-info)}.portal-skill-badge-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s forwards portal-fade-in;position:relative;overflow:hidden}.portal-skill-badge-card-earned{border-color:rgb(var(--color-primary-rgb)/.3)}.portal-skill-badge-card-earned:hover{transform:translateY(-4px);box-shadow:0 16px 32px -8px #0003}.portal-skill-badge-card-bronze{border-color:#cd7f3266}.portal-skill-badge-card-silver{border-color:#c0c0c066}.portal-skill-badge-card-gold{border-color:#ffd70066}.portal-skill-badge-card-locked{opacity:.7}.portal-skill-badge-card-locked:hover{opacity:.85}.portal-skill-badge-glow{pointer-events:none;animation:3s ease-in-out infinite badge-glow;position:absolute;inset:-50%}.portal-skill-badge-glow-bronze{background:radial-gradient(circle,#cd7f3226 0%,#0000 70%)}.portal-skill-badge-glow-silver{background:radial-gradient(circle,#c0c0c026 0%,#0000 70%)}.portal-skill-badge-glow-gold{background:radial-gradient(circle,#ffd70033 0%,#0000 70%)}@keyframes badge-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.portal-skill-badge-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.portal-skill-badge-icon{background:var(--color-muted);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.portal-skill-badge-icon-bronze{background:linear-gradient(135deg,#cd7f3233,#cd7f321a)}.portal-skill-badge-icon-silver{background:linear-gradient(135deg,#c0c0c033,#c0c0c01a)}.portal-skill-badge-icon-gold{background:linear-gradient(135deg,#ffd70033,#ffd7001a)}.portal-skill-badge-title{color:var(--color-foreground);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.portal-skill-badge-title-locked{color:var(--color-muted-foreground)}.portal-skill-badge-description{color:var(--color-muted-foreground);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.portal-skill-badge-tag-section{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.portal-skill-badge-tag-label{color:var(--color-muted-foreground);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.portal-skill-tag{background:rgb(var(--color-primary-rgb)/.1);color:var(--color-primary);border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.portal-skill-badge-tiers{margin-bottom:1rem}.portal-skill-badge-tiers-label{color:var(--color-muted-foreground);margin-bottom:.5rem;font-size:.75rem;font-weight:500}.portal-skill-badge-tiers-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.portal-tier-req-card{background:color-mix(in srgb,var(--color-muted)50%,transparent);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;transition:all .2s;display:flex}.portal-tier-req-card-bronze{border-color:#cd7f324d}.portal-tier-req-card-silver{border-color:#c0c0c04d}.portal-tier-req-card-gold{border-color:#ffd7004d}.portal-tier-req-card-current{background:rgb(var(--color-primary-rgb)/.1);border-color:rgb(var(--color-primary-rgb)/.3)}.portal-tier-req-card-achieved{background:color-mix(in srgb,var(--color-success)10%,transparent);border-color:rgb(var(--color-success)/.3)}.portal-tier-req-icon{font-size:1.25rem}.portal-tier-req-value{color:var(--color-muted-foreground);font-size:.625rem}.portal-tier-req-check{width:12px;height:12px;color:var(--color-success)}.portal-skill-badge-details{border-top:1px solid var(--color-border);padding-top:1rem}.portal-skill-badge-courses{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.portal-skill-badge-courses-label{color:var(--color-muted-foreground);font-size:.75rem}.portal-skill-badge-courses-value{font-family:var(--font-mono,"SF Mono",Menlo,monospace);color:var(--color-foreground);font-size:.875rem;font-weight:600}.portal-skill-badge-progress{margin-bottom:.75rem}.portal-skill-badge-progress-header{color:var(--color-muted-foreground);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem;display:flex}.portal-skill-badge-progress-hint{color:var(--color-muted-foreground);margin-top:.5rem;font-size:.75rem}.portal-skill-badge-date{color:var(--color-muted-foreground);font-size:.75rem}.portal-skill-badge-locked-info{border-top:1px solid var(--color-border);padding-top:1rem}.portal-skill-badge-locked-text{color:var(--color-muted-foreground);margin-bottom:.75rem;font-size:.875rem;line-height:1.5}.portal-skill-badge-locked-hint{color:var(--color-primary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.portal-gold-celebration{color:var(--color-foreground);background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:1px solid #ffd7004d;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.75rem;font-size:.875rem;font-weight:500;display:flex}.portal-gold-celebration-icon{color:gold}.portal-gold-celebration-stars{color:gold;align-items:center;gap:.25rem;margin-left:auto;display:flex}.portal-tier-badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.portal-tier-badge-bronze{color:#cd7f32;background:#cd7f3226;border:1px solid #cd7f324d}.portal-tier-badge-silver{color:silver;background:#c0c0c026;border:1px solid #c0c0c04d}.portal-tier-badge-gold{color:gold;background:#ffd70026;border:1px solid #ffd7004d}.portal-essential-badge-card{background:var(--color-card);border:2px solid #0000;border-radius:20px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.portal-essential-badge-card-earned{background:linear-gradient(135deg,var(--color-card)0%,color-mix(in srgb,var(--color-muted)50%,transparent)100%)}.portal-essential-badge-card-locked{opacity:.7;border-color:var(--color-border)}.portal-essential-badge-card-earned:hover{transform:translateY(-4px)}.portal-essential-badge-card-locked:hover{opacity:.85;transform:translateY(-2px)}.portal-essential-badge-border{border-radius:inherit;z-index:-1;background:linear-gradient(135deg,#f59e0b 0%,#06b6d4 100%);position:absolute;inset:-2px}.portal-essential-ribbon{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #f59e0b4d}.portal-essential-glow-gold{box-shadow:0 0 20px #ffd7004d,0 0 40px #ffd70033,0 20px 40px -10px #ffd70033}.portal-essential-glow-silver{box-shadow:0 0 20px #c0c0c04d,0 0 40px #c0c0c033,0 20px 40px -10px #c0c0c033}.portal-essential-glow-bronze{box-shadow:0 0 20px #cd7f324d,0 0 40px #cd7f3233,0 20px 40px -10px #cd7f3233}.portal-essential-badge-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.portal-essential-badge-icon{background:linear-gradient(135deg,#f59e0b26 0%,#06b6d426 100%);border:1px solid #f59e0b4d;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.portal-essential-badge-icon-gold{background:linear-gradient(135deg,#ffd70033 0%,#f59e0b33 100%);border-color:#ffd70066}.portal-essential-badge-icon-silver{background:linear-gradient(135deg,#c0c0c033 0%,#94a3b833 100%);border-color:#c0c0c066}.portal-essential-badge-icon-bronze{background:linear-gradient(135deg,#cd7f3233 0%,#b4530933 100%);border-color:#cd7f3266}.portal-essential-tier{border-radius:9999px;align-items:center;gap:4px;padding:4px 12px;font-size:.6875rem;font-weight:600;display:inline-flex}.portal-essential-tier-gold{color:gold;background:linear-gradient(135deg,#ffd70033 0%,#f59e0b33 100%);border:1px solid #ffd70066}.portal-essential-tier-silver{color:silver;background:linear-gradient(135deg,#c0c0c033 0%,#94a3b833 100%);border:1px solid #c0c0c066}.portal-essential-tier-bronze{color:#cd7f32;background:linear-gradient(135deg,#cd7f3233 0%,#b4530933 100%);border:1px solid #cd7f3266}.portal-essential-badge-title{color:var(--color-foreground);margin-bottom:.5rem;font-size:1rem;font-weight:600}.portal-essential-badge-description{color:var(--color-muted-foreground);margin-bottom:.75rem;font-size:.875rem;line-height:1.5}.portal-essential-badge-context{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.portal-essential-performance{background:color-mix(in srgb,var(--color-muted)50%,transparent);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;padding:.75rem;display:grid}.portal-essential-performance-item{text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex}.portal-essential-performance-value{font-family:var(--font-mono,"SF Mono",Menlo,monospace);color:var(--color-foreground);font-size:.875rem;font-weight:600}.portal-essential-performance-label{color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.5px;font-size:.625rem}.portal-essential-badge-date{color:var(--color-muted-foreground);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.portal-essential-badge-type{color:var(--color-muted-foreground);border-top:1px solid var(--color-border);align-items:center;gap:.375rem;padding-top:.75rem;font-size:.6875rem;display:flex}.portal-locked-badge{background:var(--color-muted);color:var(--color-muted-foreground);border:1px solid var(--color-border);border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:500;display:inline-flex}.portal-tier-card{background:color-mix(in srgb,var(--color-muted)50%,transparent);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.portal-tier-card:hover{transform:translateY(-2px)}.portal-tier-card-bronze{border-color:#cd7f324d}.portal-tier-card-bronze .portal-tier-card-icon{color:#cd7f32}.portal-tier-card-silver{border-color:#c0c0c04d}.portal-tier-card-silver .portal-tier-card-icon{color:silver}.portal-tier-card-gold{border-color:#ffd7004d}.portal-tier-card-gold .portal-tier-card-icon{color:gold}.portal-tier-card-icon{justify-content:center;align-items:center;display:flex}.portal-tier-card-content{flex-direction:column;gap:.125rem;display:flex}.portal-tier-card-value{font-family:var(--font-mono,"SF Mono",Menlo,monospace);color:var(--color-foreground);font-size:1.25rem;font-weight:600;line-height:1}.portal-tier-card-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-foreground);font-size:.625rem;font-weight:500}.portal-tabs-enhanced{background:color-mix(in srgb,var(--color-muted)50%,transparent);border-radius:12px;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;display:flex}.portal-tabs-enhanced [role=tab]{color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.portal-tabs-enhanced [role=tab]:hover{color:var(--color-foreground);background:var(--color-muted)}.portal-tabs-enhanced [role=tab][aria-selected=true]{color:var(--color-primary);background:var(--color-card);box-shadow:0 1px 3px #0000001a}.portal-tabs-enhanced [role=tab] svg{opacity:.7}.portal-tabs-enhanced [role=tab]:hover svg,.portal-tabs-enhanced [role=tab][aria-selected=true] svg{opacity:1}.portal-tab-content{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.portal-section-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;min-width:0;padding:1.5rem;overflow:hidden}.portal-section-header{border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:1rem}.portal-section-title{color:var(--color-foreground);font-size:1.125rem;font-weight:600;line-height:1.4}.portal-section-description{color:var(--color-muted-foreground);margin-top:.25rem;font-size:.875rem;line-height:1.5}.portal-section-body{flex-direction:column;gap:1rem;display:flex}.portal-page-title{color:var(--color-foreground);font-size:1.5rem;font-weight:700;line-height:1.2}@media (min-width:768px){.portal-page-title{font-size:1.875rem}}.portal-page-subtitle{color:var(--color-muted-foreground);margin-top:.5rem;font-size:.875rem;line-height:1.5}@media (min-width:768px){.portal-page-subtitle{font-size:1rem}}.portal-page-header-tight{padding-top:1rem;padding-bottom:.5rem}.portal-page-header{align-items:flex-start;gap:1rem;display:flex}.portal-wizard-content{flex-direction:column;gap:1rem;display:flex}.portal-error{color:var(--color-destructive);margin-top:.25rem;font-size:.875rem}.portal-command-row{background:rgb(var(--color-muted)/.4);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.portal-kbd{background:var(--color-card);border:1px solid var(--color-border);min-width:48px;font-size:.75rem;font-weight:600;font-family:var(--font-mono,"SF Mono",Menlo,monospace);color:var(--color-foreground);box-shadow:inset 0 -1px 0 var(--color-border);border-radius:8px;justify-content:center;align-items:center;padding:.25rem .5rem;display:inline-flex}.portal-lesson-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;padding:1rem;transition:all .2s}.portal-lesson-card:hover{border-color:rgb(var(--color-primary-rgb)/.3);box-shadow:0 10px 20px -16px rgb(var(--color-primary-rgb)/.4);transform:translateY(-2px)}.portal-lesson-number{background:rgb(var(--color-primary-rgb)/.12);width:32px;height:32px;color:var(--color-primary);font-size:.75rem;font-weight:600;font-family:var(--font-mono,"SF Mono",Menlo,monospace);border-radius:10px;justify-content:center;align-items:center;display:flex}.portal-progress-hero{background:var(--color-card);border:1px solid var(--color-border);border-radius:24px;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.portal-progress-hero{flex-direction:row;justify-content:space-between}}.portal-progress-hero-content{flex-direction:column;flex:1;gap:.5rem;display:flex}.portal-progress-hero-title{color:var(--color-foreground);letter-spacing:-.025em;font-size:1.25rem;font-weight:600}@media (min-width:768px){.portal-progress-hero-title{font-size:1.5rem}}.portal-progress-hero-subtitle{color:var(--color-muted-foreground);font-size:.875rem;line-height:1.5}.portal-bar-chart{justify-content:space-between;align-items:flex-end;gap:.75rem;height:180px;padding:1rem 0;display:flex}.portal-bar-item{opacity:0;flex-direction:column;flex:1;align-items:center;gap:.5rem;height:100%;animation:.4s forwards portal-fade-in;display:flex}.portal-bar-container{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;width:100%;display:flex;position:relative}.portal-bar{background:linear-gradient(180deg,var(--color-primary),rgb(var(--color-primary-rgb)/.7));border-radius:4px 4px 0 0;width:100%;max-width:40px;min-height:4px;transition:height .5s cubic-bezier(.4,0,.2,1)}.portal-bar-value{font-size:.75rem;font-weight:600;font-family:var(--font-mono,"SF Mono",Menlo,monospace);color:var(--color-foreground);position:absolute;top:-1.5rem}.portal-bar-label{color:var(--color-muted-foreground);text-align:center;font-size:.75rem}.portal-chart-summary{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.portal-chart-legend{align-items:center;gap:1rem;display:flex}.portal-chart-legend-item{color:var(--color-muted-foreground);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.portal-chart-legend-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px}.portal-chart-total{align-items:center;gap:.25rem;display:flex}.portal-chart-total-label{color:var(--color-muted-foreground);font-size:.75rem}.portal-chart-total-value{font-size:.875rem;font-weight:600;font-family:var(--font-mono,"SF Mono",Menlo,monospace);color:var(--color-primary)}.portal-achievement-item{background:rgb(var(--color-muted)/.3);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.portal-achievement-item:hover{background:color-mix(in srgb,var(--color-muted)50%,transparent);border-color:rgb(var(--color-primary-rgb)/.3);transform:translate(4px)}.portal-achievement-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s,box-shadow .3s;display:flex}.portal-achievement-item:hover .portal-achievement-icon{transform:scale(1.05)}.portal-achievement-content{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.portal-achievement-title{color:var(--color-foreground);font-size:.875rem;font-weight:500}.portal-achievement-subtitle{color:var(--color-muted-foreground);font-size:.75rem}.portal-goal-card{background:rgb(var(--color-muted)/.3);border:1px solid var(--color-border);border-radius:12px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.portal-goal-card:hover{background:color-mix(in srgb,var(--color-muted)50%,transparent);transform:translateY(-2px)}.portal-goal-card-primary{border-left:3px solid var(--color-primary)}.portal-goal-card-primary:hover{box-shadow:0 8px 24px -8px rgb(var(--color-primary-rgb)/.15)}.portal-goal-card-secondary{border-left:3px solid var(--color-muted-foreground)}.portal-goal-card-secondary:hover{box-shadow:0 8px 24px -8px color-mix(in srgb,var(--color-muted-foreground)10%,transparent)}.portal-goal-card-streak{border-left:3px solid #f59e0b}.portal-goal-card-streak:hover{box-shadow:0 8px 24px -8px #f59e0b26}.portal-goal-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.portal-goal-title{color:var(--color-muted-foreground);font-size:.75rem;font-weight:500}.portal-goal-value{font-size:.875rem;font-weight:600;font-family:var(--font-mono,"SF Mono",Menlo,monospace)}.portal-goal-status{margin-top:.5rem;font-size:.75rem}.portal-goal-status-success{color:var(--color-success)}.portal-goal-status-muted{color:var(--color-muted-foreground)}.portal-progress-secondary{background:linear-gradient(90deg,var(--color-muted-foreground),rgb(var(--color-muted-foreground)/.7))}.portal-progress-streak{background:linear-gradient(90deg,#f59e0b,#f59e0bb3)}.portal-skeleton{background:rgb(var(--color-muted)/.6);border:1px solid rgb(var(--color-border)/.6);animation:1.5s ease-in-out infinite portal-glow-pulse}.portal-text-link{color:var(--color-primary);text-decoration:none;transition:color .2s}.portal-text-link:hover{color:var(--color-primary-hover,var(--color-primary));text-decoration:underline}.portal-empty-state-small{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.portal-empty-state-small p{color:var(--color-muted-foreground);font-size:.875rem}@media (prefers-reduced-motion:reduce){.portal-animate-in,.portal-animate-fade,.portal-animate-slide-up,.portal-animate-scale,.portal-animate-in-delay-1,.portal-animate-in-delay-2,.portal-animate-in-delay-3,.portal-animate-in-delay-4,.portal-animate-in-delay-5,.portal-animate-in-delay-8,.portal-staggered-grid>*,.portal-status-indicator-glow,.portal-chat-cursor,.portal-chat-typing-dot{opacity:1;animation:none;transform:none}.portal-nav-item,.portal-btn,.portal-quick-action,.portal-glass-card{transition:none}}