@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@500;600;700&display=swap";
:root{--tm-red:#772432;--tm-red-light:#9b3545;--tm-red-dark:#5a1a24;--tm-gold:#d4a843;--tm-gold-light:#e8c46a;--tm-gold-dark:#a67d28;--bg-base:#0d0d12;--bg-surface:transparent;--bg-elevated:transparent;--bg-overlay:#0a0a1299;--bg-glass:#14141e59;--bg-glass-hover:#1e1e2d73;--glass-border:#ffffff14;--glass-highlight:#ffffff1f;--text-primary:#f0eeea;--text-secondary:#a09ab0;--text-muted:#5c576e;--text-inverse:#0d0d12;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#fff3;--border-brand:#d4a84359;--color-success:#2ecc71;--color-warning:#f39c12;--color-danger:#e74c3c;--color-info:#3498db;--color-mora:#e74c3c;--color-gracia:#f39c12;--color-pagado:#2ecc71;--glass-blur:blur(24px) saturate(180%);--glass-shadow:0 8px 32px #00000080;--glass-shadow-lg:0 24px 64px #0009;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Playfair Display", Georgia, serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:38px;--text-4xl:48px;--sidebar-width:260px;--header-height:64px;--content-max:1400px}[data-theme=light]{--bg-base:#f4f2ef;--bg-surface:transparent;--bg-elevated:transparent;--bg-overlay:#fff9;--bg-glass:#ffffff80;--bg-glass-hover:#ffffffa6;--glass-border:#fff6;--glass-highlight:#fffc;--text-primary:#1a1520;--text-secondary:#5a5468;--text-muted:#9e97ad;--text-inverse:#f0eeea;--border-subtle:#fff3;--border-default:#ffffff4d;--border-strong:#ffffff80;--border-brand:#7724324d;--glass-shadow:0 8px 32px #1f268726;--glass-shadow-lg:0 24px 64px #00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);font-size:var(--text-base);transition:background-color var(--transition-slow), color var(--transition-slow);background-image:radial-gradient(at 0 0,#7724324d 0,#0000 50%),radial-gradient(at 100% 0,#d4a84333 0,#0000 50%),radial-gradient(at 100% 100%,#7724324d 0,#0000 50%),radial-gradient(at 0 100%,#d4a84326 0,#0000 50%);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100dvh;line-height:1.6}[data-theme=light] body{background-image:radial-gradient(at 0 0,#ffc8c899 0,#0000 50%),radial-gradient(at 100% 0,#ffebaa99 0,#0000 50%),radial-gradient(at 100% 100%,#ffd2d299 0,#0000 50%),radial-gradient(at 0 100%,#fff0be99 0,#0000 50%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3{font-family:var(--font-serif);line-height:1.2}h4,h5,h6{font-family:var(--font-sans);font-weight:600;line-height:1.3}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base)}a{color:var(--tm-gold);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--tm-gold-light)}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(40px)saturate(200%);border-radius:var(--radius-xl);border:1px solid #ffffff26;border-color:#ffffff40 #ffffff26 #ffffff26 #ffffff40;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 16px 40px #0006,inset 0 1px #ffffff1a}.glass-card:hover{border-color:var(--border-brand)}.glass-card-flat{background:var(--bg-glass);-webkit-backdrop-filter:blur(40px)saturate(200%);border-radius:var(--radius-lg);border:1px solid #ffffff1a}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:10px var(--space-5);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;letter-spacing:.01em;border:none;font-weight:600;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--tm-red) 0%, var(--tm-red-dark) 100%);color:#fff;box-shadow:0 4px 12px #77243266}.btn-primary:hover{background:linear-gradient(135deg, var(--tm-red-light) 0%, var(--tm-red) 100%);transform:translateY(-1px);box-shadow:0 6px 20px #77243280}.btn-gold{background:linear-gradient(135deg, var(--tm-gold) 0%, var(--tm-gold-dark) 100%);color:#1a1520;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #d4a84359}.btn-gold:hover{background:linear-gradient(135deg, var(--tm-gold-light) 0%, var(--tm-gold) 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #d4a84380}.btn-gold:active{transform:translateY(1px)scale(.98)}.btn-ghost{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-default);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-ghost:hover{background:var(--bg-glass-hover);border-color:var(--border-brand);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.btn-danger{color:var(--color-danger);background:#e74c3c26;border:1px solid #e74c3c4d}.btn-danger:hover{background:#e74c3c40}.btn-sm{font-size:var(--text-xs);border-radius:var(--radius-sm);padding:6px 14px}.btn-lg{padding:14px var(--space-8);font-size:var(--text-md);border-radius:var(--radius-lg)}.btn-icon{border-radius:var(--radius-sm);padding:8px}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;padding:3px 10px;font-weight:600;transition:all .3s;display:inline-flex}.badge-green{color:var(--color-success);background:#2ecc7126;border:1px solid #2ecc714d;box-shadow:0 0 10px #2ecc7133}.badge-red{color:var(--color-danger);background:#e74c3c26;border:1px solid #e74c3c4d;box-shadow:0 0 10px #e74c3c33}.badge-yellow{color:var(--color-warning);background:#f39c1226;border:1px solid #f39c124d;box-shadow:0 0 10px #f39c1233}.badge-blue{color:var(--color-info);background:#3498db26;border:1px solid #3498db4d;box-shadow:0 0 10px #3498db33}.badge-gold{color:var(--tm-gold);background:#d4a84326;border:1px solid #d4a8434d;box-shadow:0 0 10px #d4a84340}.badge-red-brand{color:#e8909a;background:#77243233;border:1px solid #77243266;box-shadow:0 0 10px #77243233}.badge-pagado{color:var(--color-pagado);background:#2ecc7126;border:1px solid #2ecc714d;box-shadow:0 0 10px #2ecc7133}.badge-mora{color:var(--color-mora);background:#e74c3c26;border:1px solid #e74c3c4d;box-shadow:0 0 10px #e74c3c33}.badge-gracia{color:var(--color-gracia);background:#f39c1226;border:1px solid #f39c124d;box-shadow:0 0 10px #f39c1233}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.02em;font-weight:600}.form-input,.form-select,.form-textarea{width:100%;padding:10px var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--tm-gold);box-shadow:0 0 0 3px #d4a8431f}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-select{cursor:pointer}.form-select option,optgroup{background:var(--bg-base);color:var(--text-primary)}.form-textarea{resize:vertical;min-height:80px}.data-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:600px}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border-subtle);white-space:nowrap;font-weight:700}.data-table td{padding:var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.data-table tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1)}.data-table tbody tr:hover td{background:#ffffff0a;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #ffffff0d}.data-table tbody tr:last-child td{border-bottom:none}.stat-card{padding:var(--space-6);gap:var(--space-2);flex-direction:column;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 12px 30px #00000080,inset 0 0 15px #ffffff0d;border-color:#ffffff40!important}.stat-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff08,#0000);width:50%;height:100%;transition:all .8s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.stat-card:hover:after{left:150%}.stat-card .stat-value{font-family:var(--font-serif);font-size:var(--text-3xl);color:var(--text-primary);font-weight:700;line-height:1}.stat-card .stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.stat-card .stat-delta{font-size:var(--text-xs);align-items:center;gap:4px;font-weight:600;display:flex}.stat-delta.positive{color:var(--color-success)}.stat-delta.negative{color:var(--color-danger)}.progress-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring svg{transform:rotate(-90deg)}.progress-ring .ring-track{fill:none;stroke:var(--border-default)}.progress-ring .ring-fill{fill:none;stroke:var(--tm-gold);stroke-linecap:round;transition:stroke-dashoffset .6s}.progress-ring .ring-text{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);font-weight:700;position:absolute}.timer-display{font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums;letter-spacing:.1em}.timer-green{color:var(--color-success)}.timer-yellow{color:var(--color-warning);animation:1s infinite pulse-yellow}.timer-red{color:var(--color-danger);animation:.6s infinite pulse-red}@keyframes pulse-yellow{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.4}}.app-layout{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;min-height:100dvh;display:grid}.app-sidebar{background:var(--bg-base);border-right:1px solid var(--border-subtle);z-index:50;flex-direction:column;grid-row:1/-1;height:100dvh;transition:transform .3s;display:flex;position:sticky;top:0;overflow-y:auto}.app-header{background:var(--bg-base);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-8);align-items:center;gap:var(--space-4);z-index:40;grid-column:2;display:flex;position:sticky;top:0}.app-content{padding:var(--space-8);grid-column:2;min-width:0;overflow:hidden auto}.app-main-wrapper{flex-direction:column;grid-column:2;min-width:0;height:100dvh;display:flex}@media (max-width:1024px){.app-layout{grid-template-columns:1fr}.app-sidebar{width:var(--sidebar-width);position:fixed;transform:translate(-100%)}.app-sidebar.mobile-open{transform:translate(0)}.app-header{padding:0 var(--space-4);grid-column:1/-1}.app-main-wrapper{grid-column:1/-1}.app-content{padding:var(--space-4) var(--space-3);grid-column:1}}.sidebar-brand{padding:var(--space-6);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.sidebar-brand-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--tm-red), var(--tm-red-dark));flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-brand-name{font-family:var(--font-serif);font-size:var(--text-md);color:var(--text-primary);font-weight:600;line-height:1.2}.sidebar-nav{padding:var(--space-4) var(--space-3);flex:1}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-section-title{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;padding:0 var(--space-3);margin-bottom:var(--space-2);font-weight:700}.nav-item{align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.nav-item.active{color:#e8909a;border-left:2px solid var(--tm-red-light);background:linear-gradient(135deg,#77243233,#5a1a241a)}.nav-item-icon{flex-shrink:0;width:18px;height:18px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;padding:var(--space-6);background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow-lg);width:100%;max-width:560px;max-height:90dvh;animation:.25s cubic-bezier(.34,1.56,.64,1) slideUp;overflow-y:auto}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--border-subtle);gap:var(--space-3);justify-content:flex-end;display:flex}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}@media (max-width:768px){.page-header{flex-direction:column;align-items:stretch}}.page-title{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--text-primary);font-weight:600}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.grid-cols-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-cols-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-cols-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.grid-stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}@media (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.kanban-board{gap:var(--space-4);padding-bottom:var(--space-4);display:flex;overflow-x:auto}.kanban-column{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-shrink:0;min-width:280px;overflow:hidden}.kanban-column-header{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);justify-content:space-between;align-items:center;font-weight:700;display:flex}.kanban-cards{padding:var(--space-3);gap:var(--space-3);flex-direction:column;min-height:120px;display:flex}.kanban-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:grab;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.kanban-card:active{cursor:grabbing}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.live-indicator{font-size:var(--text-xs);color:var(--color-danger);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:6px;font-weight:700;display:inline-flex}.live-dot{background:var(--color-danger);border-radius:50%;width:8px;height:8px;animation:1.5s infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.session-status-pill{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;padding:6px 16px;font-weight:700}.session-pre{color:var(--color-info);background:#3498db26;border:1px solid #3498db4d}.session-live{color:var(--color-danger);background:#e74c3c26;border:1px solid #e74c3c4d}.session-closed{color:var(--color-success);background:#2ecc711a;border:1px solid #2ecc7133}.theme-toggle{border-radius:var(--radius-full);background:var(--border-default);cursor:pointer;width:44px;height:24px;transition:background var(--transition-normal);border:none;position:relative}.theme-toggle.light{background:var(--tm-gold)}.theme-toggle-thumb{width:18px;height:18px;transition:transform var(--transition-normal);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.theme-toggle.light .theme-toggle-thumb{transform:translate(20px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-up{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards slideUp}.animate-slide-left{animation:.25s forwards slideInLeft}@keyframes shimmer{to{transform:translate(100%)}}.bg-gradient-brand{background:linear-gradient(135deg, var(--tm-red-light) 0%, var(--tm-gold) 100%)}.text-tm-blue{color:var(--color-info)}.text-tm-gold{color:var(--tm-gold)}.text-tm-red{color:var(--tm-red)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-4{margin-top:var(--space-4)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.rounded{border-radius:var(--radius-md)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flex-1{flex:1}.min-w-0{min-width:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.mr-2{margin-right:var(--space-2)}.ml-auto{margin-left:auto}.mx-auto{margin-left:auto;margin-right:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.right-0{right:0}.inset-0{inset:0}.z-40{z-index:40}.z-50{z-index:50}.bg-black\/60{background-color:#0009}.bg-red-500{background-color:#ef4444}.text-white{color:#fff!important}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px)}.h-full{height:100%}.pt-10{padding-top:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.rounded-bl-lg{border-bottom-left-radius:.5rem}.shadow-lg{box-shadow:0 10px 15px -3px #0006}.flex-wrap{flex-wrap:wrap}.tracking-wider{letter-spacing:.05em}@media (min-width:1024px){.lg\:hidden{display:none!important}}@media (max-width:768px){.app-layout{grid-template-columns:1fr;grid-template-rows:var(--header-height) 1fr}.app-content{padding:var(--space-4)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.grid-stats{grid-template-columns:1fr!important}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}.stat-card .stat-value{font-size:var(--text-2xl)}.modal-backdrop{align-items:flex-end;padding:0}.modal-panel{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border-bottom:none;border-left:none;border-right:none;max-height:85dvh;animation:.35s cubic-bezier(.2,1,.3,1) slideUpMobile}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{margin-bottom:var(--space-4);border-radius:var(--radius-lg);padding:var(--space-3);background:#ffffff08;border:1px solid #ffffff14}.data-table td{padding:var(--space-2) 0;border:none;justify-content:space-between;align-items:center;display:flex}.data-table td:first-child{font-weight:700;font-size:var(--text-base);padding-bottom:var(--space-3);margin-bottom:var(--space-2);border-bottom:1px solid #ffffff0d}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.vpe-tabs{gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.vpe-tabs::-webkit-scrollbar{display:none}.vpe-tab{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-default);padding:10px var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:var(--space-2);font-weight:600;display:inline-flex}.vpe-tab:hover{background:var(--bg-glass-hover);border-color:var(--border-brand)}.vpe-tab.active{background:linear-gradient(135deg, var(--tm-red) 0%, var(--tm-red-dark) 100%);color:#fff;border:none;box-shadow:0 4px 12px #77243266}.role-board{flex-direction:column;display:flex}.role-row{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.role-row:hover{background:var(--bg-glass-hover)}.role-row:last-child{border-bottom:none}.role-name{color:var(--text-primary);flex:1;font-weight:600}.role-assigned{flex:2}.role-avatar{background:var(--tm-gold);width:28px;height:28px;color:var(--text-inverse);font-size:var(--text-xs);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.pathway-level{border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-4);background:var(--bg-elevated);overflow:hidden}.pathway-level:last-child{margin-bottom:0}.pathway-level-header{width:100%;padding:var(--space-4);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.pathway-level-header:hover{background:var(--bg-glass-hover)}.level-badge{background:var(--border-strong);width:24px;height:24px;color:var(--text-primary);font-size:var(--text-xs);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.level-badge.complete{background:var(--color-success);color:#fff}.pathway-projects{padding:0 var(--space-4) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.project-row{padding:var(--space-3);border-radius:var(--radius-sm);background:#0003;justify-content:space-between;align-items:center;display:flex}.project-number{font-size:var(--text-xs);color:var(--text-muted);width:20px;font-weight:700}.project-title{font-size:var(--text-sm);flex:1;font-weight:500}.mentorship-pair{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--border-subtle);display:flex}.mentorship-role{flex-direction:column;gap:2px;display:flex}