:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-hover:#6e76811a;--border-primary:#30363d;--border-secondary:#30363d80;--text-primary:#e6edf3;--text-secondary:#7d8590;--text-tertiary:#484f58;--accent-teal:#3dd6a9;--accent-teal-bg:#3dd6a91a;--accent-teal-border:#3dd6a980;--priority-high:#f85149;--priority-medium:#fb8500;--priority-medium-low:#d4a007;--priority-low:#3fb950;--gray-700:#484f58;--gray-800:#21262d}:root.light{--bg-primary:#fff;--bg-secondary:#f6f8fa;--bg-hover:#afb8c133;--border-primary:#d0d7de;--border-secondary:#d0d7de80;--text-primary:#1f2328;--text-secondary:#656d76;--text-tertiary:#8c959f;--accent-teal:#26a882;--accent-teal-bg:#26a8821a;--accent-teal-border:#26a8824d;--priority-high:#d1242f;--priority-medium:#fb8500;--priority-medium-low:#d4a007;--priority-low:#1a7f37;--gray-700:#8c959f;--gray-800:#eaeef2}.dashboard{background-color:var(--bg-primary);min-height:100vh}.dashboard-header{border-bottom:1px solid var(--border-primary);background-color:var(--bg-primary)}.dashboard-header-container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.dashboard-header-content{justify-content:space-between;align-items:center;height:4rem;display:flex}.dashboard-header-left{align-items:center;gap:2rem;display:flex}.dashboard-logo{color:var(--text-primary);font-size:1.125rem;font-weight:600}.nav-tabs-container{background-color:var(--bg-primary);border-bottom:1px solid var(--border-primary)}.nav-tabs{gap:2rem;max-width:1280px;margin:0 auto;padding:0 2rem;display:flex}.nav-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:1rem 0;font-size:.875rem;font-weight:500;transition:color .15s;position:relative}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{color:var(--accent-teal)}.nav-tab.active:after{content:"";background-color:var(--accent-teal);height:2px;position:absolute;bottom:0;left:0;right:0}.tab-explanation{background-color:var(--bg-primary);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:1rem 2rem;display:flex}.tab-explanation-text{color:var(--text-secondary);margin:0;font-size:.875rem}.tab-explanation-button{background-color:var(--accent-teal);color:#fff;cursor:pointer;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s;display:flex}.tab-explanation-button:hover{background-color:#2db88d}.user-menu{position:relative}.user-avatar{background-color:var(--accent-teal);color:#fff;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:500;transition:background-color .15s;display:flex}.user-avatar:hover{background-color:#35c49a}.user-menu-dropdown{background-color:var(--bg-secondary);border:1px solid var(--gray-700);z-index:50;border-radius:.5rem;width:12rem;margin-top:.5rem;padding:.25rem 0;position:absolute;right:0;box-shadow:0 10px 15px -3px #0000004d}.user-menu-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;transition:background-color .15s}.user-menu-item:hover{background-color:var(--gray-800)}.user-menu-divider{border-top:1px solid var(--gray-700);margin:.25rem 0}.dashboard-main{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.filters-section{flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex}.search-container{flex-shrink:0;position:relative}.search-input{background-color:var(--bg-secondary);border:1px solid var(--gray-700);width:22rem;color:var(--text-primary);border-radius:.5rem;padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{border-color:var(--accent-teal);outline:none}.search-icon{width:1.25rem;height:1.25rem;color:var(--text-tertiary);position:absolute;top:.625rem;left:.75rem}.filter-chips-container{flex:1;align-items:center;gap:2rem;display:flex}.filter-group{align-items:center;gap:.5rem;display:flex}.filter-label{color:var(--text-secondary);font-size:.875rem;font-weight:400}.filter-chips{gap:.5rem;display:flex}.filter-chip{background-color:var(--gray-800);color:var(--text-secondary);border:1px solid var(--gray-700);cursor:pointer;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.filter-chip:hover{border-color:var(--text-tertiary)}.filter-chip.active{background-color:var(--accent-teal-bg);color:var(--accent-teal);border-color:var(--accent-teal-border)}.filter-chip-icon{width:.75rem;height:.75rem}.table-header{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.75rem;font-weight:500;display:flex}.table-header-checkbox{width:1.5rem}.table-header-issue,.table-header-updated,.table-header-type,.table-header-priority{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-size:.75rem;font-weight:500;transition:color .15s;display:flex}.table-header-issue:hover,.table-header-updated:hover,.table-header-type:hover,.table-header-priority:hover{color:var(--text-primary)}.table-header-issue{flex:1}.table-header-updated{width:12rem}.table-header-type,.table-header-priority{width:8rem}.table-header-actions{width:2.5rem}.sort-icon{opacity:.4;width:.75rem;height:.75rem;transition:all .15s}.sort-icon.active{opacity:1;color:var(--accent-teal)}.sort-icon.desc{transform:rotate(180deg)}.table-row{border-bottom:1px solid var(--border-secondary);align-items:center;gap:1rem;padding:.75rem 1rem;transition:background-color .15s;display:flex}.table-row:hover{background-color:var(--bg-hover)}.row-checkbox{width:1.5rem}.row-checkbox input{border:1px solid var(--gray-700);background-color:var(--gray-800);border-radius:.25rem;width:1rem;height:1rem}.row-issue{flex:1;align-items:center;gap:.5rem;display:flex}.expand-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s}.expand-button:hover{color:var(--text-primary)}.expand-icon{width:1rem;height:1rem;transition:transform .15s}.expand-icon.expanded{transform:rotate(90deg)}.issue-title{color:var(--text-primary);font-size:.875rem;font-weight:500}.comment-count{color:var(--text-tertiary);font-size:.75rem}.row-updated{width:12rem;color:var(--text-secondary);font-size:.875rem}.row-type{width:8rem;color:var(--text-primary);text-transform:capitalize;font-size:.875rem}.row-priority{width:8rem}.priority-badge{color:#fff;border-radius:.25rem;justify-content:center;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.priority-badge.high{background-color:var(--priority-high)}.priority-badge.medium{background-color:var(--priority-medium)}.priority-badge.low{background-color:var(--priority-low)}.row-actions{opacity:0;width:2.5rem;transition:opacity .15s}.table-row:hover .row-actions{opacity:1}.actions-button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s}.actions-button:hover{color:var(--text-secondary)}.actions-icon{width:1.25rem;height:1.25rem}.expanded-content{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);padding:.5rem 0}.expanded-comment{padding:.75rem 4rem;transition:background-color .15s}.expanded-comment:hover{background-color:var(--bg-hover)}.comment-text{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem}.comment-meta{color:var(--text-tertiary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.bulk-actions-bar{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.bulk-actions-info{align-items:center;gap:1rem;display:flex}.bulk-actions-count{color:var(--text-primary);font-size:.875rem;font-weight:500}.bulk-actions-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:.875rem;transition:color .15s}.bulk-actions-clear:hover{color:var(--text-primary)}.bulk-actions-buttons{gap:.5rem;display:flex}.bulk-action-button{background-color:var(--gray-800);border:1px solid var(--gray-700);color:var(--text-primary);cursor:pointer;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:all .15s;display:flex}.bulk-action-button:hover{background-color:var(--bg-hover);border-color:var(--text-secondary)}.bulk-action-button.danger{color:var(--priority-high)}.bulk-action-button.danger:hover{border-color:var(--priority-high);background-color:#f851491a}.bulk-action-button svg{width:1rem;height:1rem}.row-actions-menu{position:relative}.actions-dropdown{background-color:var(--bg-secondary);border:1px solid var(--gray-700);z-index:50;border-radius:.5rem;min-width:10rem;margin-top:.25rem;padding:.25rem;position:absolute;top:100%;right:0;box-shadow:0 10px 15px -3px #0000004d}.actions-dropdown-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:background-color .15s;display:flex}.actions-dropdown-item:hover{background-color:var(--bg-hover)}.actions-dropdown-item.danger{color:var(--priority-high)}.actions-dropdown-item.danger:hover{background-color:#f851491a}.actions-dropdown-item svg{width:1rem;height:1rem}.actions-dropdown-divider{background-color:var(--border-primary);height:1px;margin:.25rem 0}.loading-state,.empty-state{text-align:center;color:var(--text-tertiary);padding:3rem 0}.back-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;margin-right:.5rem;padding:.5rem;transition:color .15s;display:flex}.back-button:hover{color:var(--text-primary);background-color:var(--bg-hover)}.back-button svg{width:1.25rem;height:1.25rem}.settings-section{border-bottom:1px solid var(--border-primary);margin-bottom:2rem;padding-bottom:2rem}.settings-section:last-child{border-bottom:none}.settings-section-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.settings-item{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.settings-item.danger{border:1px solid var(--priority-high);background-color:#f851490d;border-radius:.5rem;padding:1rem}.settings-label{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.settings-description{color:var(--text-secondary);margin:0;font-size:.875rem}.settings-toggle{appearance:none;background-color:var(--gray-800);cursor:pointer;border-radius:9999px;width:2.5rem;height:1.25rem;transition:background-color .15s;position:relative}.settings-toggle:checked{background-color:var(--accent-teal)}.settings-toggle:before{content:"";background-color:#fff;border-radius:9999px;width:1rem;height:1rem;transition:transform .15s;position:absolute;top:.125rem;left:.125rem}.settings-toggle:checked:before{transform:translate(1.25rem)}.settings-select{background-color:var(--bg-secondary);border:1px solid var(--gray-700);color:var(--text-primary);cursor:pointer;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem}.settings-select:focus{border-color:var(--accent-teal);outline:none}.settings-form-group{margin-bottom:1.5rem}.settings-input,.settings-textarea{background-color:var(--bg-secondary);border:1px solid var(--gray-700);width:100%;color:var(--text-primary);border-radius:.375rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.875rem}.settings-textarea{resize:vertical;font-family:inherit}.settings-input:focus,.settings-textarea:focus{border-color:var(--accent-teal);outline:none}.settings-input::placeholder,.settings-textarea::placeholder{color:var(--text-tertiary)}.settings-actions{justify-content:flex-end;gap:.75rem;margin-top:2rem;display:flex}.button-primary{background-color:var(--accent-teal);color:#fff;cursor:pointer;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s}.button-primary:hover:not(:disabled){background-color:#35c49a}.button-primary:disabled{opacity:.5;cursor:not-allowed}.button-secondary{color:var(--text-primary);border:1px solid var(--gray-700);cursor:pointer;background-color:#0000;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.button-secondary:hover{border-color:var(--text-secondary)}.button-danger{background-color:var(--priority-high);color:#fff;cursor:pointer;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s}.button-danger:hover{background-color:#dc4446}.mt-3{margin-top:.75rem}.mb-8{margin-bottom:2rem}.help-sections{gap:2rem;display:grid}.help-section{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;overflow:hidden}.help-section-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.5rem;transition:background-color .15s;display:flex}.help-section-header:hover{background-color:var(--bg-hover)}.help-section-title{color:var(--text-primary);text-align:left;margin:0;font-size:1rem;font-weight:600}.help-articles{flex-direction:column;gap:0;padding:0 1.5rem 1rem;display:flex}.help-article{color:var(--text-primary);border-radius:.375rem;justify-content:space-between;align-items:center;padding:.75rem;font-size:.875rem;text-decoration:none;transition:background-color .15s;display:flex}.help-article:hover{background-color:var(--bg-hover)}.help-article svg{width:1rem;height:1rem;color:var(--text-tertiary)}.help-contact{text-align:center;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;margin-top:3rem;padding:2rem}.help-contact-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.help-contact-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.feedback-intro{margin-bottom:2rem}.feedback-intro-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.feedback-intro-description{color:var(--text-secondary);font-size:.875rem}.feedback-type-options{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.5rem;display:grid}.feedback-type-button{background-color:var(--bg-secondary);border:1px solid var(--gray-700);color:var(--text-secondary);cursor:pointer;border-radius:.5rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;font-size:.875rem;transition:all .15s;display:flex}.feedback-type-button:hover{border-color:var(--text-secondary)}.feedback-type-button.active{background-color:var(--accent-teal-bg);border-color:var(--accent-teal);color:var(--accent-teal)}.feedback-type-button svg{width:1.25rem;height:1.25rem}.csv-upload-area{margin-top:.5rem}.csv-input{display:none}.csv-upload-label{border:2px dashed var(--gray-700);background-color:var(--bg-secondary);cursor:pointer;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;transition:all .15s;display:flex}.csv-upload-label:hover{border-color:var(--accent-teal);background-color:var(--accent-teal-bg)}.csv-upload-label svg{color:var(--text-secondary)}.csv-upload-text{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:500}.csv-upload-hint{color:var(--text-tertiary);font-size:.75rem}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-8{width:2rem}.h-8{height:2rem}.mb-2{margin-bottom:.5rem}.help-article-content{max-width:800px;margin:0 auto}.help-article-header{border-bottom:1px solid var(--border-primary);margin-bottom:2rem;padding-bottom:2rem}.help-article-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:700}.help-article-description{color:var(--text-secondary);margin:0;font-size:1.125rem}.markdown-content{color:var(--text-primary);line-height:1.7}.markdown-content h1{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;font-size:1.875rem;font-weight:700}.markdown-content h2{color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.markdown-content h3{color:var(--text-primary);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.markdown-content p{color:var(--text-primary);margin-bottom:1rem}.markdown-content ul,.markdown-content ol{color:var(--text-primary);margin-bottom:1rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.markdown-content code{background-color:var(--bg-secondary);color:var(--accent-teal);border-radius:.25rem;padding:.125rem .375rem;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875em}.markdown-content pre{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;margin-bottom:1rem;padding:1rem;overflow-x:auto}.markdown-content pre code{color:var(--text-primary);background:0 0;padding:0;font-size:.875rem}.markdown-content a{color:var(--accent-teal);text-decoration:none;transition:opacity .15s}.markdown-content a:hover{opacity:.8;text-decoration:underline}.markdown-content blockquote{border-left:4px solid var(--accent-teal);color:var(--text-secondary);margin:1rem 0;padding-left:1rem;font-style:italic}.markdown-content table{border-collapse:collapse;width:100%;margin-bottom:1rem}.markdown-content th,.markdown-content td{border:1px solid var(--border-primary);text-align:left;padding:.5rem}.markdown-content th{background-color:var(--bg-secondary);font-weight:600}.markdown-content img{border-radius:.5rem;max-width:100%;height:auto;margin:1rem 0}.onboarding-container{max-width:600px;margin:4rem auto}.onboarding-progress{justify-content:center;align-items:center;margin-bottom:3rem;display:flex}.progress-step{opacity:.4;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .3s;display:flex}.progress-step.active{opacity:1}.progress-dot{background-color:var(--bg-secondary);border:2px solid var(--border-primary);width:2.5rem;height:2.5rem;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-weight:600;transition:all .3s;display:flex}.progress-step.active .progress-dot{background-color:var(--accent-teal);border-color:var(--accent-teal);color:#fff}.progress-step span{color:var(--text-secondary);font-size:.875rem}.progress-line{background-color:var(--border-primary);width:4rem;height:2px;margin:0 1rem}.onboarding-step{text-align:center}.onboarding-title{color:var(--text-primary);margin-bottom:1rem;font-size:2rem;font-weight:700}.onboarding-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem}.onboarding-form{text-align:left;margin-bottom:2rem}.code-block-container{margin:2rem 0;position:relative}.code-block{background-color:var(--bg-secondary);border:1px solid var(--border-primary);text-align:left;color:var(--text-primary);border-radius:.5rem;padding:1.5rem;font-family:Monaco,Menlo,Courier New,monospace;font-size:.875rem;overflow-x:auto}.copy-button{background-color:var(--accent-teal);color:#fff;cursor:pointer;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:background-color .15s;display:flex;position:absolute;top:1rem;right:1rem}.copy-button:hover{background-color:#35c49a}.onboarding-tabs{justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.tab-button{border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;background-color:#0000;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;transition:all .15s}.tab-button:hover{border-color:var(--accent-teal);color:var(--text-primary)}.tab-button.active{background-color:var(--accent-teal-bg);border-color:var(--accent-teal);color:var(--accent-teal)}.onboarding-actions{justify-content:center;gap:1rem;display:flex}.onboarding-illustration{color:var(--accent-teal);margin:2rem 0}.onboarding-help{border-top:1px solid var(--border-primary);margin-top:2rem;padding-top:2rem}.text-sm{font-size:.875rem}.text-gray-400{color:var(--text-secondary)}.text-teal-400{color:var(--accent-teal)}.hover\:underline:hover{text-decoration:underline}.w-32{width:8rem}.h-32{height:8rem}
