@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-base:#080c14;--bg-surface:#101626;--bg-surface-hover:#172138;--bg-surface-elevated:#1e2942;--border-color:#ffffff0f;--border-focus:#6366f166;--color-primary:#6366f1;--color-primary-light:#818cf8;--color-secondary:#d946ef;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--grad-brand:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--grad-emerald:linear-gradient(135deg, #10b981 0%, #059669 100%);--grad-cyan:linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--grad-amber:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--grad-dark:linear-gradient(180deg, #101626 0%, #080c14 100%);--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow:0 0 20px #6366f140;--glass-bg:#10162699;--glass-border:#ffffff0f;--glass-blur:blur(16px);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{color:inherit;outline:none;font-family:inherit}button{cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.glass-panel:hover{box-shadow:var(--shadow-lg);border-color:#ffffff1a}.app-grid{grid-template:"sidebar header""sidebar main"1fr"sidebar footer"/260px 1fr;min-height:100vh;display:grid}.sidebar-area{border-right:1px solid var(--border-color);background-color:var(--bg-surface);z-index:100;grid-area:sidebar;height:100vh;position:sticky;top:0}.header-area{z-index:90;grid-area:header;position:sticky;top:0}.main-area{grid-area:main;width:100%;max-width:1400px;margin:0 auto;padding:2rem;overflow-y:auto}.footer-area{grid-area:footer}@media (width<=992px){.app-grid{grid-template-columns:1fr;grid-template-areas:"header""main""footer"}.sidebar-area{display:none}}.text-gradient{background:var(--grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 4px 12px #6366f133}.btn-primary:hover{box-shadow:0 6px 16px #6366f166, var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-main)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:#ffffff26}.badge{border-radius:var(--radius-full);align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-indigo{color:var(--color-primary-light);background:#6366f126;border:1px solid #6366f133}.badge-magenta{color:var(--color-secondary);background:#d946ef26;border:1px solid #d946ef33}.badge-emerald{color:var(--color-success);background:#10b98126;border:1px solid #10b98133}.badge-amber{color:var(--color-warning);background:#f59e0b26;border:1px solid #f59e0b33}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.sidebar-container{flex-direction:column;height:100%;padding:1.5rem;display:flex}.sidebar-logo{letter-spacing:-.025em;border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:2rem;font-size:1.25rem;font-weight:800;display:flex}.sidebar-logo-icon{background:var(--grad-brand);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-weight:900;display:flex;box-shadow:0 4px 10px #6366f159}.sidebar-menu{flex-direction:column;flex-grow:1;gap:.5rem;list-style:none;display:flex}.menu-item{border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;border:1px solid #0000;align-items:center;gap:.875rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;display:flex}.menu-item:hover{color:var(--text-main);background:var(--bg-surface-hover);border-color:#ffffff08}.menu-item.active{color:#fff;background:#6366f126;border-color:#6366f14d;font-weight:600;box-shadow:inset 0 0 12px #6366f11a}.menu-item.active svg{color:var(--color-primary-light);filter:drop-shadow(0 0 4px #6366f180)}.sidebar-profile{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff05;align-items:center;gap:.75rem;margin-top:auto;padding:1rem;display:flex}.profile-avatar{border-radius:var(--radius-full);background:var(--grad-brand);border:2px solid #ffffff1a;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.profile-info{flex-direction:column;display:flex}.profile-name{color:var(--text-main);font-size:.875rem;font-weight:600}.profile-title{color:var(--text-muted);font-size:.75rem}.header-container{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#080c14cc;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.header-title-section h1{font-size:1.25rem;font-weight:700}.header-title-section p{color:var(--text-muted);font-size:.8125rem}.header-right{align-items:center;gap:1.5rem;display:flex}.header-stats{align-items:center;gap:1rem;display:flex}.header-stat-pill{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;display:flex}.header-stat-icon{color:var(--color-warning)}.header-badge-list{gap:.5rem;display:flex}.footer-container{border-top:1px solid var(--border-color);color:var(--text-dim);background:#080c1466;justify-content:space-between;align-items:center;padding:1.5rem 2rem;font-size:.8125rem;display:flex}.footer-links{gap:1.25rem;display:flex}.footer-links a:hover{color:var(--text-muted)}.page-title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.page-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:.9375rem}.dashboard-summary-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{align-items:center;gap:1.25rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--color-primary);width:4px;height:100%;position:absolute;top:0;left:0}.stat-card.magenta:after{background:var(--color-secondary)}.stat-card.emerald:after{background:var(--color-success)}.stat-card.amber:after{background:var(--color-warning)}.stat-icon-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#ffffff08;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-wrapper svg{width:24px;height:24px}.stat-card.indigo svg{color:var(--color-primary-light)}.stat-card.magenta svg{color:var(--color-secondary)}.stat-card.emerald svg{color:var(--color-success)}.stat-card.amber svg{color:var(--color-warning)}.stat-details{flex-direction:column;display:flex}.stat-value{font-size:1.75rem;font-weight:800;line-height:1.2}.stat-label{color:var(--text-muted);font-size:.8125rem;font-weight:500}.dashboard-interactive-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=992px){.dashboard-interactive-grid{grid-template-columns:1fr}}.featured-lesson-card{background:linear-gradient(135deg, #6366f114 0%, #d946ef08 100%), var(--glass-bg);border:1px solid #6366f133;padding:2rem;position:relative;overflow:hidden}.featured-glow{background:var(--color-primary);filter:blur(80px);opacity:.35;pointer-events:none;width:200px;height:200px;position:absolute;top:-80px;right:-80px}.featured-header{margin-bottom:1.5rem}.featured-title{margin-top:.5rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:800}.featured-desc{color:var(--text-muted);max-width:600px;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.6}.featured-meta{gap:1rem;margin-bottom:2rem;display:flex}.dashboard-panel-title{align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.125rem;font-weight:700;display:flex}.recent-activity-panel{padding:1.5rem}.activity-list{flex-direction:column;gap:1.25rem;display:flex}.activity-item{align-items:flex-start;gap:1rem;display:flex}.activity-dot{border-radius:var(--radius-full);background:var(--color-primary);width:8px;height:8px;box-shadow:0 0 8px var(--color-primary);flex-shrink:0;margin-top:.5rem}.activity-item.success .activity-dot{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.activity-item.warning .activity-dot{background:var(--color-warning);box-shadow:0 0 8px var(--color-warning)}.activity-content{flex-direction:column;gap:.125rem;display:flex}.activity-text{color:var(--text-main);font-size:.875rem}.activity-time{color:var(--text-dim);font-size:.75rem}.roadmap-layout{grid-template-columns:1fr 380px;gap:2rem;display:grid}@media (width<=992px){.roadmap-layout{grid-template-columns:1fr}}.roadmap-tree{flex-direction:column;align-items:center;padding:2rem;display:flex;position:relative}.roadmap-tree:before{content:"";background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 50%, var(--bg-surface-elevated) 100%);border-radius:var(--radius-full);z-index:0;width:4px;position:absolute;top:4rem;bottom:4rem}.roadmap-section-title{z-index:1;background:var(--bg-base);border:1px solid var(--border-color);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);margin-bottom:2.5rem;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:700;position:relative}.roadmap-node-container{flex-direction:column;align-items:center;width:100%;margin-bottom:3.5rem;display:flex;position:relative}.roadmap-node-button{border-radius:var(--radius-full);background:var(--bg-surface);border:4px solid var(--bg-surface-elevated);z-index:10;width:64px;height:64px;transition:all var(--transition-normal);cursor:pointer;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex;position:relative}.roadmap-node-button svg{width:24px;height:24px;color:var(--text-dim)}.roadmap-node-container.completed .roadmap-node-button{background:var(--grad-emerald);border-color:#10b9814d;box-shadow:0 0 16px #10b98166}.roadmap-node-container.completed .roadmap-node-button svg{color:#fff}.roadmap-node-container.active .roadmap-node-button{background:var(--grad-brand);border-color:#6366f166;transform:scale(1.1);box-shadow:0 0 20px #6366f199}.roadmap-node-container.active .roadmap-node-button svg{color:#fff}.roadmap-node-container.selected .roadmap-node-button{outline:4px solid #fff3}.roadmap-node-info{text-align:center;z-index:10;background:var(--bg-base);border-radius:var(--radius-sm);margin-top:.75rem;padding:.25rem .75rem}.node-title{font-size:.9375rem;font-weight:700}.node-subtitle{color:var(--text-muted);font-size:.75rem}.roadmap-details-pane{height:fit-content;max-height:calc(100vh - 120px);padding:1.5rem;position:sticky;top:90px;overflow-y:auto}.details-header{border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:1.25rem}.details-title{margin-top:.5rem;font-size:1.25rem;font-weight:800}.details-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.details-section-title{text-transform:uppercase;color:var(--text-dim);margin-bottom:.75rem;font-size:.8125rem;font-weight:700}.resource-list{flex-direction:column;gap:.625rem;margin-bottom:1.5rem;list-style:none;display:flex}.resource-item{color:var(--color-primary-light);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.resource-item:hover{text-decoration:underline}.tutorial-container{grid-template-columns:280px 1fr;gap:1.5rem;height:calc(100vh - 180px);min-height:600px;display:grid}@media (width<=992px){.tutorial-container{grid-template-columns:1fr;height:auto}}.tutorial-list-panel{flex-direction:column;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.tutorial-list-title{text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;font-size:.875rem;font-weight:700}.tutorial-chapters{flex-direction:column;gap:.375rem;display:flex}.tutorial-item-btn{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;padding:.625rem .875rem;font-size:.875rem;display:flex}.tutorial-item-btn:hover{background:var(--bg-surface-hover);color:var(--text-main)}.tutorial-item-btn.active{color:var(--color-primary-light);background:#6366f11a;border-color:#6366f140;font-weight:600}.lesson-check-icon{color:var(--color-success);width:16px;height:16px}.tutorial-content-grid{grid-template-rows:1fr auto;gap:1rem;height:100%;display:grid;overflow:hidden}@media (width<=992px){.tutorial-content-grid{height:auto;overflow:visible}}.tutorial-viewports{grid-template-columns:1fr 1fr;gap:1rem;height:100%;display:grid;overflow:hidden}@media (width<=768px){.tutorial-viewports{grid-template-columns:1fr;height:auto;overflow:visible}}.lesson-reader-pane{flex-direction:column;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.lesson-reader-pane h2{font-size:1.5rem;font-weight:800}.lesson-text{color:var(--text-muted);font-size:.9375rem;line-height:1.7}.lesson-code-block{border-radius:var(--radius-sm);border:1px solid var(--border-color);color:#a8b1ff;white-space:pre;background:#06090f;padding:1rem;font-family:Courier New,Courier,monospace;font-size:.8125rem;overflow-x:auto}.lesson-quiz-box{border-radius:var(--radius-md);background:#6366f10a;border:1px dashed #6366f14d;margin-top:1.5rem;padding:1.25rem}.quiz-question{margin-bottom:.75rem;font-size:.9375rem;font-weight:700}.quiz-options-list{flex-direction:column;gap:.5rem;display:flex}.quiz-option-btn{text-align:left;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-color);transition:all var(--transition-fast);padding:.625rem 1rem;font-size:.875rem}.quiz-option-btn:hover{background:var(--bg-surface-hover);border-color:var(--text-muted)}.quiz-option-btn.correct{border-color:var(--color-success);color:var(--color-success);background:#10b98126;font-weight:600}.quiz-option-btn.incorrect{border-color:var(--color-danger);color:var(--color-danger);background:#ef444426}.quiz-feedback{margin-top:.75rem;font-size:.8125rem;font-weight:600}.quiz-feedback.success{color:var(--color-success)}.quiz-feedback.error{color:var(--color-danger)}.sandbox-pane{grid-template-rows:1fr 120px;height:100%;display:grid;overflow:hidden}.sandbox-editor-header{background:var(--bg-surface-hover);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;display:flex}.sandbox-editor-area{background:#06090f;height:100%;position:relative;overflow:hidden}.sandbox-textarea{resize:none;color:#e2e8f0;background:0 0;border:none;width:100%;height:100%;padding:1rem;font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.5}.sandbox-console{border-top:1px solid var(--border-color);background:#020408;padding:.75rem 1rem;font-family:Courier New,Courier,monospace;font-size:.8125rem;overflow-y:auto}.console-header{color:var(--text-dim);text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.console-output{color:#10b981}.console-output.error{color:var(--color-danger)}.tutorial-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.qa-layout{flex-direction:column;gap:1.5rem;display:flex}.qa-control-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.qa-search-bar{width:100%;max-width:400px;position:relative}.qa-search-input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;transition:all var(--transition-fast);padding:.625rem 1rem .625rem 2.5rem;font-size:.875rem}.qa-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 10px #6366f126}.qa-search-icon{width:16px;height:16px;color:var(--text-dim);position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.qa-tags-filter{flex-wrap:wrap;gap:.5rem;display:flex}.tag-filter-btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);transition:all var(--transition-fast);padding:.375rem .75rem;font-size:.8125rem}.tag-filter-btn:hover{border-color:var(--text-muted);color:var(--text-main)}.tag-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.questions-list{flex-direction:column;gap:1rem;display:flex}.question-card{cursor:pointer;grid-template-columns:auto 1fr;gap:1.5rem;padding:1.5rem;display:grid}.question-votes-col{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;min-width:60px;height:fit-content;padding:.75rem .5rem;display:flex}.vote-btn{color:var(--text-dim);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.vote-btn:hover{color:var(--color-primary-light)}.vote-btn.upvoted{color:var(--color-primary-light);transform:translateY(-2px)}.votes-count{margin:.125rem 0;font-size:1rem;font-weight:800}.question-main-col{flex-direction:column;gap:.5rem;display:flex}.question-card-title{font-size:1.125rem;font-weight:700}.question-card-title:hover{color:var(--color-primary-light)}.question-card-excerpt{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.question-card-meta{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;font-size:.75rem;display:flex}.question-card-author{align-items:center;gap:.5rem;display:flex}.author-mini-avatar{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;width:20px;height:20px;font-size:.625rem;font-weight:700;display:flex}.question-tags{gap:.375rem;display:flex}.question-detail-view{flex-direction:column;gap:1.5rem;display:flex}.question-body-panel{padding:2rem}.question-detail-desc{color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:pre-wrap;margin-bottom:1.5rem;padding-bottom:1.5rem;font-size:1rem;line-height:1.6}.replies-section-title{margin-bottom:1rem;font-size:1.125rem;font-weight:700}.replies-list{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.reply-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff03;padding:1.25rem}.reply-header{color:var(--text-dim);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.reply-content{color:var(--text-muted);font-size:.875rem;line-height:1.6}.add-reply-box{flex-direction:column;gap:.75rem;display:flex}.reply-textarea{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);resize:vertical;width:100%;min-height:100px;transition:all var(--transition-fast);padding:1rem;font-size:.875rem}.reply-textarea:focus{border-color:var(--color-primary)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-container{width:100%;max-width:600px;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn;position:relative}.modal-header{margin-bottom:1.5rem}.modal-close-btn{color:var(--text-muted);background:0 0;border:none;position:absolute;top:1.5rem;right:1.5rem}.modal-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-main);font-size:.875rem;font-weight:700}.form-input{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:.625rem .875rem;font-size:.875rem}.form-input:focus{border-color:var(--color-primary)}.form-textarea{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);resize:vertical;min-height:120px;transition:all var(--transition-fast);padding:.75rem .875rem;font-size:.875rem}.form-textarea:focus{border-color:var(--color-primary)}.modal-footer{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.track-tabs{border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:10;background:#ffffff05;gap:.5rem;width:100%;margin-bottom:2rem;padding:.25rem;display:flex}.track-tab{border-radius:calc(var(--radius-sm) - 2px);color:var(--text-muted);transition:all var(--transition-fast);text-align:center;background:0 0;border:1px solid #0000;flex:1;padding:.5rem 1rem;font-size:.8125rem;font-weight:700}.track-tab:hover:not(.active){color:var(--text-main);background:#ffffff08}.track-tab.backend.active{color:var(--color-primary-light);background:#6366f126;border-color:#6366f14d;box-shadow:inset 0 0 8px #6366f11a}.track-tab.devops.active{color:var(--color-secondary);background:#d946ef26;border-color:#d946ef4d;box-shadow:inset 0 0 8px #d946ef1a}.track-tab.embedded.active{color:var(--color-success);background:#10b98126;border-color:#10b9814d;box-shadow:inset 0 0 8px #10b9811a}.progress-footer{border-top:1px solid var(--border-color);width:100%;margin-top:1rem;padding-top:1.25rem}.progress-label{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:flex}.progress-bar{border-radius:var(--radius-full);background:#ffffff0a;width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}