.tracking-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--jira-background)}.tracking-navbar{height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:#fff;z-index:20;border-bottom:1px solid var(--jira-border);box-shadow:var(--jira-shadow-sm)}.navbar-left{display:flex;align-items:center;gap:24px}.navbar-logo{display:flex;align-items:center;gap:8px}.navbar-logo-icon{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:12px;background:var(--jira-blue)}.navbar-title{margin:0;color:var(--jira-text-primary);font-weight:600;font-size:16px;letter-spacing:-.01em}.navbar-menu{display:flex;gap:4px}.navbar-right{display:flex;align-items:center;gap:12px}.navbar-avatar{width:32px;height:32px;border-radius:50%;background:var(--jira-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;border:2px solid white;box-shadow:var(--jira-shadow-sm)}.tracking-breadcrumb{padding:8px 32px;background:#fff;flex-shrink:0;border-bottom:1px solid var(--jira-border)}.tracking-header{padding:16px 32px;background:#fff;flex-shrink:0;border-bottom:1px solid var(--jira-border)}.header-subtitle{color:var(--jira-text-secondary);font-size:14px}.header-status{color:var(--jira-text-secondary);font-size:13px}.status-dot{color:#00875a}.board-canvas{flex:1;overflow-x:auto;overflow-y:hidden;padding:16px 32px}.board-columns{display:flex;height:100%;gap:16px;align-items:flex-start;min-width:min-content}.kanban-column{width:280px;display:flex;flex-direction:column;flex-shrink:0;height:100%;padding-top:12px}.column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 8px}.column-header-left{display:flex;align-items:center;gap:6px}.column-title{color:var(--jira-text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.column-count{background:var(--jira-border);color:var(--jira-text-secondary);padding:2px 6px;border-radius:3px;font-size:11px;font-weight:600}.column-actions{display:flex;gap:4px}.column-droppable{border-radius:4px;padding:8px;flex:1;min-height:200px;transition:all .2s ease;background:var(--jira-column-background);border:2px solid transparent}.column-droppable.dragging-over{background:var(--jira-blue-light);border:2px dashed var(--jira-blue)}.task-card{margin-bottom:8px;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);background:var(--jira-card-background);border:1px solid var(--jira-border);border-radius:3px;box-shadow:var(--jira-shadow-sm);padding:10px 12px}.task-card:hover{box-shadow:var(--jira-shadow-md)}.task-card.dragging{background:#f4f5f7;box-shadow:var(--jira-shadow-lg),0 0 1px #091e424f;transform:rotate(2deg)}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.task-title{color:var(--jira-text-primary);font-size:14px;line-height:20px;font-weight:500;flex:1}.task-menu-btn{opacity:0;transition:opacity .2s;color:var(--jira-text-secondary);min-width:20px;border-radius:3px;padding:0;height:auto}.task-card:hover .task-menu-btn{opacity:1}.task-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.task-badges{display:flex;align-items:center;gap:6px}.status-badge{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:3px;letter-spacing:.3px}.status-pending{background:#fff0b3;color:#ff8b00}.status-completed{background:#e3fcef;color:#064}.status-done{background:#deebff;color:#0052cc}.task-tag{background:var(--jira-blue-light);color:var(--jira-blue);border:none;border-radius:3px;padding:2px 6px;font-weight:600;font-size:11px;cursor:pointer}.task-avatar{background-color:var(--jira-blue);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}::-webkit-scrollbar{height:8px;width:8px}@media(max-width:768px){.navbar-menu{display:none}.board-canvas{padding:12px 16px}.tracking-breadcrumb,.tracking-header{padding-left:16px;padding-right:16px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jobs-container{padding:24px;height:100%;display:flex;flex-direction:column;gap:24px}.jobs-header-card{border-radius:8px;box-shadow:0 2px 8px #0000000f}.jobs-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.jobs-actions .ant-btn+.ant-btn{margin-left:12px}.jobs-title{margin-bottom:4px!important}.jobs-content-card{border-radius:8px;box-shadow:0 2px 8px #0000000f;flex:1;overflow:hidden}.jobs-loading,.jobs-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center}.jobs-stats{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.jobs-table-container{width:100%;overflow-x:auto}@media(max-width:768px){.jobs-container{padding:16px}.jobs-header{flex-direction:column;align-items:flex-start}.jobs-header>div:last-child{width:100%;display:flex;justify-content:flex-end}}:root{--jira-blue: #0052cc;--jira-blue-light: #deebff;--jira-text-primary: #172b4d;--jira-text-secondary: #5e6c84;--jira-text-subtle: #8993a4;--jira-border: #dfe1e6;--jira-background: #f4f5f7;--jira-card-background: #ffffff;--jira-column-background: #ebecf0;--jira-shadow-sm: 0 1px 2px rgba(9, 30, 66, .08);--jira-shadow-md: 0 4px 8px rgba(9, 30, 66, .15);--jira-shadow-lg: 0 8px 16px rgba(9, 30, 66, .15)}.approve-container{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--jira-background)}.approve-loading{height:100vh;display:flex;align-items:center;justify-content:center;background:#fff}.approve-header{padding:16px 32px;background:#fff;flex-shrink:0;border-bottom:1px solid var(--jira-border)}.header-content{display:flex;align-items:center;justify-content:space-between}.header-left-group{display:flex;align-items:center;gap:16px}.back-button{color:var(--jira-text-secondary)}.header-title{margin:0 0 4px;color:var(--jira-text-primary);font-weight:500;font-size:24px;letter-spacing:-.01em}.header-subtitle{color:var(--jira-text-secondary);font-size:14px;margin:0}.header-meta{display:flex;align-items:center;gap:16px}.course-stats{display:flex;gap:16px;color:var(--jira-text-secondary);font-size:13px}.stat-item strong{color:var(--jira-text-primary)}.approve-content{flex:1;overflow-y:auto;padding:24px 32px;display:flex;justify-content:center}.content-inner{width:100%;margin-bottom:30px}.content-section-header{margin-bottom:24px}.content-section-header h3{margin:0 0 4px;color:var(--jira-text-primary);font-size:18px;font-weight:600}.content-section-header p{margin:0;color:var(--jira-text-secondary);font-size:14px}.lessons-wrapper{background:#fff;border-radius:4px;box-shadow:var(--jira-shadow-sm);border:1px solid var(--jira-border);overflow:hidden}.lesson-item{border-bottom:1px solid var(--jira-border)}.lesson-item:last-child{border-bottom:none}.lesson-header{padding:16px 24px;background:#f8f9fa;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s}.lesson-header:hover{background:#f1f3f5}.lesson-title-box{display:flex;align-items:center;gap:12px}.lesson-title{font-weight:600;color:var(--jira-text-primary);font-size:15px}.lesson-meta{color:var(--jira-text-secondary);font-size:13px}.topics-container{padding:0;background:#fff}.topics-table-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px 10px 52px;background:#fafbfc;border-bottom:1px solid var(--jira-border);font-size:12px;font-weight:700;color:var(--jira-text-secondary);text-transform:uppercase;letter-spacing:.5px}.topic-cell-header{flex:1}.topic-row{display:flex;justify-content:space-between;align-items:center;padding:12px 24px 12px 52px;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.approved-box{background:#e3fcef;color:#064;padding:4px 12px;border-radius:4px;font-weight:600;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #b7eb8f;width:fit-content}.topic-row:hover{background-color:#f9fafb}.topic-row:last-child{border-bottom:none}.topic-cell{flex:1;font-size:14px;color:var(--jira-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:12px;display:flex;align-items:center}.topic-id{font-family:monospace;font-size:12px;color:var(--jira-blue);background:var(--jira-blue-light);padding:2px 6px;border-radius:3px;width:fit-content}.topic-title-cell{flex:0 0 500px!important;font-weight:500;display:flex;align-items:center;gap:10px}.topic-icon{color:var(--jira-text-subtle);font-size:16px}.topic-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:12px;text-transform:uppercase}.badge-course_video{background:#e3fcef;color:#064}.badge-demo_video{background:#deebff;color:#0052cc}.topic-duration{color:var(--jira-text-secondary);font-size:13px}.topic-actions{display:flex;gap:8px}.rotate-icon{transition:transform .3s;font-size:12px;color:var(--jira-text-secondary)}.icon-expanded{transform:rotate(180deg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c7d0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a5adba}
