.kanban-horizontal-scroll{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;width:100%;max-width:100vw}.kanban-horizontal-scroll::-webkit-scrollbar{display:none}.kanban-container{width:calc(7 * 320px + 6 * 16px);min-width:calc(7 * 320px + 6 * 16px)}.kanban-column{flex-shrink:0;width:320px;min-width:320px;max-width:320px}.kanban-drag-scroll{position:relative;z-index:10;cursor:grab;user-select:none}.kanban-drag-scroll.dragging{cursor:grabbing;user-select:none}.form-container{display:flex;flex-direction:row;height:80vh;width:100%;position:relative;overflow:hidden}.form-content{flex:1;margin-left:30%;padding:20px 20px 40px;height:100%;overflow-y:auto;overflow-x:hidden}.form-content::-webkit-scrollbar{width:8px}.form-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.form-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0b8197,#0a6f7f);border-radius:4px;transition:background .3s ease}.form-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0a6f7f,#085a66)}.form-content::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#085a66,#064d55)}.timeline-column{position:absolute;top:0;left:0;width:30%;height:100%;padding:16px 24px;background:#f9fafb;border-right:1px solid #e5e7eb;z-index:10;overflow:hidden;display:flex;justify-content:center}.timeline-container{padding:20px 0;height:100%;overflow-y:auto;width:100%;max-width:280px}.timeline-container::-webkit-scrollbar{width:6px}.timeline-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.timeline-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0b8197,#0a6f7f);border-radius:3px;transition:background .3s ease}.timeline-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0a6f7f,#085a66)}.timeline-items{position:relative;display:flex;flex-direction:column;gap:24px;padding:8px 0}.timeline-items:before{content:"";position:absolute;left:15px;top:16px;height:calc(100% - 64px);width:2px;background:#e5e7eb}.timeline-item{position:relative;display:flex;align-items:flex-start;padding-left:40px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:0;top:2px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;z-index:2;box-shadow:0 2px 4px rgba(0,0,0,.1)}.timeline-item.active .timeline-marker{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 8px rgba(59,130,246,.3)}.timeline-item.completed .timeline-marker{background:#10b981;border-color:#10b981;box-shadow:0 4px 8px rgba(16,185,129,.3)}.timeline-item.timeline-empty .timeline-marker{background:#9ca3af;border-color:#9ca3af;box-shadow:0 2px 4px rgba(156,163,175,.2)}.timeline-item.timeline-partial .timeline-marker{background:#f59e0b;border-color:#f59e0b;box-shadow:0 4px 8px rgba(245,158,11,.3)}.timeline-item.timeline-complete .timeline-marker{background:#10b981;border-color:#10b981;box-shadow:0 4px 8px rgba(16,185,129,.3)}.timeline-number{font-size:13px;font-weight:700;color:#6b7280}.timeline-item.active .timeline-number,.timeline-item.completed .timeline-number,.timeline-item.timeline-complete .timeline-number,.timeline-item.timeline-partial .timeline-number{color:white}.timeline-content{flex:1;min-width:0;padding-right:8px}.timeline-title{font-size:15px;font-weight:600;color:#374151;margin:0 0 6px;line-height:1.3}.timeline-description{font-size:13px;color:#6b7280;margin:0;line-height:1.4}