:root{--primary-color: #4361ee;--primary-light: #e6e9ff;--secondary-color: #3f37c9;--accent-color: #4cc9f0;--text-dark: #2b2d42;--text-medium: #4a4a6a;--text-light: #8d99ae;--bg-light: #f8f9fa;--border-color: #e9ecef;--success-color: #4caf50;--warning-color: #ff9800;--danger-color: #f44336;--info-color: #2196f3}.knowledge-base-container{font-family:"Segoe UI",Roboto,"Helvetica Neue",sans-serif;color:var(--text-medium);line-height:1.6;background-color:#fff;min-height:100vh}.kb-header{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;padding:3rem 2rem;margin-bottom:2rem}.kb-header-content{max-width:1200px;margin:0 auto}.kb-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.kb-subtitle{font-size:1.2rem;opacity:.9;margin-bottom:1.5rem}.kb-search{display:flex;max-width:500px}.kb-search-input{flex:1;padding:.75rem 1rem;border:none;border-radius:6px 0 0 6px;font-size:1rem}.kb-search-btn{background-color:#fff;color:var(--primary-color);border:none;padding:0 1.25rem;border-radius:0 6px 6px 0;cursor:pointer;transition:all .2s}.kb-search-btn:hover{background-color:var(--primary-light)}.kb-main-container{display:flex;max-width:1200px;margin:0 auto;gap:2rem;padding:0 1rem}.kb-sidebar{width:280px;flex-shrink:0}.kb-sidebar-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:1.5rem;margin-bottom:1.5rem}.kb-sidebar-title{font-size:1rem;color:var(--text-dark);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.kb-sidebar-menu{list-style:none;padding:0;margin:0}.kb-sidebar-link{display:flex;align-items:center;padding:.75rem 0;color:var(--text-medium);text-decoration:none;transition:all .2s}.kb-sidebar-link i{margin-right:.75rem;width:20px;text-align:center}.kb-sidebar-link:hover,.kb-sidebar-link.active{color:var(--primary-color);font-weight:500}.kb-sidebar-link.active{background-color:var(--primary-light);padding-left:.75rem;margin-left:-0.75rem;border-radius:4px}.kb-action-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem;margin-bottom:.75rem;background-color:#fff;border:1px solid var(--border-color);border-radius:6px;color:var(--text-medium);font-size:.9rem;cursor:pointer;transition:all .2s}.kb-action-btn i{margin-right:.5rem}.kb-action-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.kb-content{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:2rem}.kb-section{margin-bottom:3rem}.kb-section-header{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.kb-section-title{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin:0}.kb-section-badge{background-color:var(--primary-light);color:var(--primary-color);font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:12px;margin-left:1rem}.kb-highlight-card{display:flex;background-color:#f8f9fa;border-left:4px solid var(--accent-color);padding:1.25rem;border-radius:0 6px 6px 0;margin:1.5rem 0}.kb-highlight-icon{color:var(--accent-color);font-size:1.5rem;margin-right:1rem}.kb-highlight-content h4{margin-top:0;margin-bottom:.5rem;color:var(--text-dark)}.kb-highlight-content p{margin:0;font-size:.95rem}.kb-feature-preview{margin:1.5rem 0}.kb-feature-preview-caption{text-align:center;font-size:.85rem;color:var(--text-light);margin-top:.5rem}.kb-subsection{margin-bottom:2.5rem}.kb-subsection-title{font-size:1.2rem;font-weight:600;color:var(--text-dark);margin-bottom:1rem;display:flex;align-items:center}.kb-step-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--primary-color);color:#fff;font-size:.75rem;font-weight:600;border-radius:50%;margin-right:.75rem}.kb-feature-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;margin:1.5rem 0}.kb-feature-card{background-color:var(--bg-light);border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s}.kb-feature-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.kb-feature-card-icon{font-size:1.75rem;color:var(--primary-color);margin-bottom:1rem}.kb-feature-card h4{margin:0 0 .5rem;color:var(--text-dark);font-size:1rem}.kb-feature-card p{margin:0;font-size:.85rem;color:var(--text-light)}.kb-filter-demo{background-color:var(--bg-light);border-radius:8px;padding:1.5rem;margin:1.5rem 0}.kb-filter-row{display:flex;gap:1rem;margin-bottom:1rem}.kb-filter-control{flex:1}.kb-filter-control label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem;color:var(--text-dark)}.kb-date-range-picker{display:flex;align-items:center;gap:.5rem}.kb-date-input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}.kb-date-range-separator{color:var(--text-light)}.kb-format-select{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}.kb-filter-apply-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.kb-filter-apply-btn:hover{background-color:var(--secondary-color)}.kb-tip-card{background-color:#f0f7ff;border-radius:8px;padding:1.25rem;margin:1.5rem 0}.kb-tip-header{display:flex;align-items:center;margin-bottom:.75rem}.kb-tip-header i{color:var(--info-color);font-size:1.25rem;margin-right:.75rem}.kb-tip-header h4{margin:0;color:var(--text-dark);font-size:1rem}.kb-tip-list{margin:0;padding-left:1.25rem}.kb-tip-list li{margin-bottom:.25rem}.kb-table-preview{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin:1.5rem 0}.kb-table-header{display:flex;background-color:var(--bg-light);font-weight:600;color:var(--text-dark);border-bottom:1px solid var(--border-color)}.kb-table-col{flex:1;padding:.75rem 1rem;font-size:.85rem}.kb-table-row{display:flex;border-bottom:1px solid var(--border-color)}.kb-table-row:last-child{border-bottom:none}.kb-table-row>div{flex:1;padding:.75rem 1rem;font-size:.9rem}.kb-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:12px}.kb-badge.pdf{background-color:#ffebee;color:#d32f2f}.kb-badge.excel{background-color:#e8f5e9;color:#388e3c}.kb-badge.csv{background-color:#e3f2fd;color:#1976d2}.kb-action-btns{display:flex;gap:.5rem}.kb-action-btn.small{width:auto;padding:.5rem;margin:0;font-size:.85rem}.kb-subsection-subtitle{font-size:1rem;font-weight:600;color:var(--text-dark);margin:1.5rem 0 1rem}.kb-action-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;margin:1.5rem 0}.kb-action-card{text-align:center;padding:1.5rem 1rem;border-radius:8px;background-color:var(--bg-light)}.kb-action-icon{width:50px;height:50px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.kb-action-icon.view{background-color:rgba(67,97,238,.1);color:var(--primary-color)}.kb-action-icon.preview{background-color:rgba(76,175,80,.1);color:var(--success-color)}.kb-action-icon.download{background-color:rgba(33,150,243,.1);color:var(--info-color)}.kb-action-icon.missing{background-color:rgba(244,67,54,.1);color:var(--danger-color)}.kb-action-card h5{margin:0 0 .5rem;color:var(--text-dark);font-size:1rem}.kb-action-card p{margin:0;font-size:.85rem;color:var(--text-light)}.kb-features-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin:1.5rem 0}.kb-feature-item{display:flex;gap:1rem}.kb-feature-number{font-size:1.5rem;font-weight:700;color:var(--primary-light)}.kb-feature-content h3{margin:0 0 .5rem;color:var(--text-dark);font-size:1.1rem}.kb-feature-content p{margin:0;font-size:.9rem}.kb-accordion{margin:1.5rem 0}.kb-accordion-item{border:1px solid var(--border-color);border-radius:6px;margin-bottom:.75rem;overflow:hidden}.kb-accordion-item.active{border-color:var(--primary-color)}.kb-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#fff;cursor:pointer}.kb-accordion-item.active .kb-accordion-header{background-color:var(--primary-light)}.kb-accordion-header h4{margin:0;font-size:1rem;color:var(--text-dark)}.kb-accordion-header i{transition:transform .2s}.kb-accordion-item.active .kb-accordion-header i{transform:rotate(180deg)}.kb-accordion-content{padding:0 1.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.kb-accordion-item.active .kb-accordion-content{padding:0 1.5rem 1.5rem;max-height:1000px}.kb-accordion-content p,.kb-accordion-content ol,.kb-accordion-content ul{margin-top:0}.kb-accordion-content ol,.kb-accordion-content ul{padding-left:1.25rem}.kb-accordion-content li{margin-bottom:.5rem}.kb-contact-promo{display:flex;align-items:center;gap:1rem;background-color:var(--bg-light);border-radius:8px;padding:1.25rem;margin-top:1.5rem}.kb-contact-promo i{font-size:2rem;color:var(--primary-color)}.kb-contact-promo h5{margin:0 0 .25rem;color:var(--text-dark)}.kb-contact-promo p{margin:0 0 .75rem;font-size:.9rem}.kb-support-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.kb-support-btn:hover{background-color:var(--secondary-color)}.kb-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.kb-footer-content{display:flex;justify-content:space-between;align-items:center}.kb-footer-info h4{margin:0 0 .25rem;color:var(--text-dark);font-size:1rem}.kb-footer-info p{margin:0;font-size:.85rem;color:var(--text-light)}.kb-footer-actions{display:flex;gap:1rem}.kb-footer-btn{display:flex;align-items:center;background-color:#fff;border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;color:var(--text-medium);font-size:.85rem;cursor:pointer;transition:all .2s}.kb-footer-btn i{margin-right:.5rem}.kb-footer-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}@media(max-width: 992px){.kb-main-container{flex-direction:column}.kb-sidebar{width:100%}.kb-filter-row{flex-direction:column;gap:1rem}}@media(max-width: 768px){.kb-header{padding:2rem 1rem}.kb-title{font-size:2rem}.kb-content{padding:1.5rem}.kb-footer-content{flex-direction:column;align-items:flex-start;gap:1rem}}.kb-timing-card{display:flex;background-color:#f5f7fa;border-radius:8px;padding:1.25rem;margin:1.5rem 0;align-items:center}.kb-timing-icon{font-size:1.5rem;color:var(--primary-color);margin-right:1.25rem;min-width:40px}.kb-timing-content h4{margin-top:0;margin-bottom:.5rem;color:var(--text-dark)}.kb-timing-content p{margin:0;font-size:.95rem}.kb-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:1.5rem;margin:1.5rem 0}.kb-metric-card{background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 2px 8px rgba(0,0,0,.05)}.kb-metric-header{display:flex;justify-content:space-between;margin-bottom:1rem}.kb-metric-header span{font-size:.85rem;color:var(--text-light)}.kb-metric-header h3{margin:.25rem 0 0;font-size:1.75rem;color:var(--text-dark)}.kb-metric-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.kb-metric-icon.primary{background-color:rgba(67,97,238,.1);color:var(--primary-color)}.kb-metric-icon.success{background-color:rgba(76,175,80,.1);color:#4caf50}.kb-metric-icon.info{background-color:rgba(33,150,243,.1);color:#2196f3}.kb-metric-icon.warning{background-color:rgba(255,152,0,.1);color:#ff9800}.kb-progress-container{margin-top:1rem}.kb-progress-bar{height:6px;background-color:var(--primary-color);border-radius:3px;margin-bottom:.25rem}.kb-progress-container span{font-size:.75rem;color:var(--text-light)}.kb-metric-footer span{font-size:.75rem;color:var(--text-light)}.employee-cell{display:flex;align-items:center;gap:.75rem}.employee-cell .avatar{width:32px;height:32px;border-radius:50%}.employee-cell .small{font-size:.8rem;color:var(--text-light)}.notes-preview{display:inline-block;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-view-more{background:none;border:none;color:var(--text-light);cursor:pointer;margin-left:.5rem}.kb-export-options{display:flex;gap:1.5rem;margin:1.5rem 0}.kb-export-card{flex:1;background:#fff;border-radius:8px;padding:1.5rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.05)}.kb-export-icon{font-size:2rem;color:var(--primary-color);margin-bottom:1rem}.kb-export-card h4{margin:0 0 .5rem;color:var(--text-dark)}.kb-export-card p{margin:0;font-size:.9rem;color:var(--text-light)}.kb-export-columns{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:1rem;margin:1.5rem 0}.kb-export-column{display:flex;align-items:center;gap:.5rem}.kb-export-column input[type=checkbox]{accent-color:var(--primary-color)}.kb-secondary-btn{background:#fff;border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;font-size:.85rem;cursor:pointer;flex-grow:1}.kb-secondary-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.kb-employee-select{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}