.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--font-family: "Inter", sans-serif;--text-color: #262626;--header-bg: #ffffff;--header-text: #454545;--header-border: #d9d9d9;--header-shadow: #e4e2e280;--header-item-text: #262626;--header-item-active: #1976d2;--header-item-hover: #1976d2;--header-item-active-bg: #a6d2fd;--header-item-active-border: #1976d2;--header-arrow-bg: #00000033;--header-arrow-color: #ffffff;--sab-primary-color: #3cc575;--sab-primary-color-pop-up: #249C70;--sab-primary-hover-color: #2d9d5b;--sab-header-bg: #2d9d5b;--sab-user-message-bg: #bae6fd;--sab-bot-message-bg: #e5e7eb;--sab-input-border: #d1d5db;--sab-input-focus-border: #3cc575;--sab-input-focus-shadow: #3b82f633}.btn-view-phieu{padding:3px;margin:0 1px;border-radius:3px;background:#fff;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.2);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,.2);box-shadow:0 0 5px #0003;cursor:pointer}*{padding:0;margin:0;border:none;outline:none;box-sizing:border-box;font-family:var(--font-family),serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb{background-color:#e8e8e8;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#d3d3d3}.headerPowersheet{position:relative;display:flex;justify-content:space-between;align-items:center}.headerTitle{display:flex;width:max-content;align-items:center;gap:5px}.headerTitle>span{color:#248627;font-size:23px;font-weight:700;line-height:35.41px}.headerAction{display:flex;justify-content:flex-end;width:85%;height:100%;gap:20px;align-items:center}.generalButton{display:flex;height:35px;background:#d9d9d9;border-radius:10px;text-align:center;align-items:center;line-height:24px;padding:0 20px;color:#454545;cursor:pointer}.btn-normal{display:flex;height:27px;background:#e1e1e1;border-radius:10px;text-align:center;align-items:center;line-height:24px;padding:0 20px;color:#868686;cursor:pointer}.btn-normal{font-size:14px}.save-btn{display:flex;height:35px;color:#454545;border:1px solid #1171E6;background:#e3f4ff;border-radius:10px;text-align:center;align-items:center;line-height:24px;padding:0 20px;cursor:pointer;gap:5px;width:fit-content}.zoomIn{animation:zoomIn .5s ease-out forwards}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ant-menu-submenu-title{padding-left:16px!important;display:flex!important;align-items:center!important}.ant-menu.ant-menu-sub.ant-menu-inline>li{padding-left:17px!important}.ant-menu-submenu-popup.ant-menu-submenu-placement-rightTop>ul{max-height:350px!important;background-color:#f0f0f0;margin-left:-5%}.ant-menu-item .ant-menu-item-only-child{padding-left:0}.ant-menu-light .ant-menu-submenu-selected>.ant-menu-submenu-title{color:#249e57!important}#react-doc-viewer{height:100%!important;border-radius:10px}:root{--bg-gradient-dark: linear-gradient(135deg, #0a192f 0%, #112240 100%);--bg-gradient-light: linear-gradient(90deg, rgba(218,218,218,1) 0%, rgba(218,218,218,1) 100%);--card-bg-dark: rgba(16, 24, 39, .8);--card-bg-light: rgba(255, 255, 255, .9);--text-primary-dark: #fff;--text-primary-light: #333;--text-secondary-dark: rgba(255, 255, 255, .8);--text-secondary-light: rgba(0, 0, 0, .7);--accent-color-dark: rgba(0, 212, 255, .5);--accent-color-light: rgba(99, 102, 241, .5);--button-hover-dark: rgba(0, 212, 255, .1);--button-hover-light: rgba(99, 102, 241, .1)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;position:relative;overflow:hidden;transition:background .3s ease}.login-container.dark{background:var(--bg-gradient-dark)}.login-container.light{background:var(--bg-gradient-light)}.theme-toggle{position:fixed;top:20px;right:20px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.theme-toggle:hover{transform:scale(1.1)}.theme-icon{fill:currentColor}.dark .theme-icon{color:var(--text-primary-dark)}.light .theme-icon{color:var(--text-primary-light)}.cyber-lines{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.dark .cyber-lines{background:linear-gradient(90deg,rgba(0,212,255,.1) 1px,transparent 1px) 0 0 / 50px 50px,linear-gradient(rgba(0,212,255,.1) 1px,transparent 1px) 0 0 / 50px 50px}.light .cyber-lines{background:linear-gradient(90deg,#6366f11a 1px,transparent 1px) 0 0 / 50px 50px,linear-gradient(rgba(99,102,241,.1) 1px,transparent 1px) 0 0 / 50px 50px}.login-card{padding:40px;border-radius:20px;width:100%;max-width:400px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1;animation:fadeIn .5s ease-out;transition:all .3s ease}.dark .login-card{background:var(--card-bg-dark);box-shadow:0 0 40px #00d4ff33;border:1px solid rgba(0,212,255,.2)}.light .login-card{background:var(--card-bg-light);box-shadow:0 0 40px #b7b7b8;border:1px solid rgba(99,102,241,.2)}.logo-container{position:relative;width:80px;height:80px;margin:0 auto 20px}.logo-circle{position:absolute;width:100%;height:100%;border-radius:50%;animation:pulse 2s ease-in-out infinite}.dark .logo-circle{background:radial-gradient(circle,rgba(0,212,255,.2) 0%,transparent 70%)}.light .logo-circle{background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%)}.logo-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;animation:rotate 4s linear infinite}.dark .logo-ring{border:2px solid rgba(0,212,255,.5)}.light .logo-ring{border:2px solid rgba(99,102,241,.5)}.login-header h1{font-size:1.5rem;margin-bottom:10px;font-weight:700;transition:color .3s ease}.dark .login-header h1{color:var(--text-primary-dark);text-shadow:0 0 10px rgba(0,212,255,.5)}.light .login-header h1{color:var(--text-primary-light)}.login-header p{font-size:1.1rem;margin:0;transition:color .3s ease}.dark .login-header p{color:var(--text-secondary-dark)}.light .login-header p{color:var(--text-secondary-light)}.login-button{width:100%;padding:15px 20px;background:transparent;border-radius:50px;font-size:1rem;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.dark .login-button{color:var(--text-primary-dark);border:2px solid var(--accent-color-dark)}.light .login-button{color:var(--text-primary-light);border:2px solid #1171E6}.button-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:0;transition:opacity .3s ease}.dark .button-glow{background:radial-gradient(circle,rgba(0,212,255,.4) 0%,transparent 70%)}.light .button-glow{background:radial-gradient(circle,rgba(99,102,241,.4) 0%,transparent 70%)}.login-button:hover{transform:translateY(-2px)}.dark .login-button:hover{box-shadow:0 0 20px #00d4ff4d;background:var(--button-hover-dark)}.button-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px}.login-icon{fill:currentColor;animation:spin 20s linear infinite}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.dark .particles{background:radial-gradient(circle,rgba(0,212,255,.1) 1px,transparent 1px) 0 0 / 100px 100px}.light .particles{background:radial-gradient(circle,rgba(99,102,241,.1) 1px,transparent 1px) 0 0 / 100px 100px}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes moveLines{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes sparkle{0%{opacity:.3}50%{opacity:.5}to{opacity:.3}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body,.project-task-tracker{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f9fafb}.top-bar{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:none}.top-bar-inner{padding:12px 24px}.top-bar-tabs{display:flex;align-items:center;gap:12px;overflow-x:auto;padding-bottom:4px}.top-bar-tab{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:0 16px;cursor:pointer;transition:all .15s ease;min-width:200px;min-height:32px;height:32px;line-height:32px;flex-shrink:0;font-size:.95rem;display:flex;align-items:center;gap:6px}.top-bar-tab:hover{background:#f3f4f6;border-color:#d1d5db}.top-bar-tab.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 1px 3px #2563eb1a}.top-tab-content{display:flex;flex-direction:column;gap:0;justify-content:center}.top-tab-name{font-size:.92rem;font-weight:600;color:#1e293b;line-height:1.1}.top-tab-overview{font-size:.8rem;color:#64748b;line-height:1.1;display:none}.add-progress-btn{flex-shrink:0;margin-left:auto}.top-bar-tab{position:relative}.top-tab-actions{position:absolute;top:8px;right:8px;display:flex;gap:2px;opacity:0;transition:opacity .15s ease}.top-bar-tab:hover .top-tab-actions{opacity:1}.top-tab-actions .ant-btn{width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1)}.top-tab-actions .ant-btn:hover{background:#fff;border-color:#d1d5db}.progress-edit-form{display:flex;flex-direction:column;gap:8px;width:100%}.progress-edit-input,.progress-edit-textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem}.progress-edit-input:focus,.progress-edit-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.progress-edit-actions{display:flex;gap:6px;margin-top:4px}.progress-edit-actions .ant-btn{flex:1;height:28px;font-size:.85rem}.main-layout{display:flex;height:100vh;background:#f9fafb}.panel{background:#fff;border-right:1px solid #e5e7eb;padding:24px 0 0;min-width:280px;max-width:340px;height:100%;overflow-y:auto;box-shadow:none}.project-panel{min-width:320px}.task-panel{min-width:525px;max-width:550px}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px 16px}.panel-header-title,.panel-header h2{font-size:1.1rem;font-weight:600;color:#111827}.panel-header-actions{display:flex;gap:8px}.panel-list{display:flex;flex-direction:column;gap:16px;padding:0 24px}.project-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px 18px 12px;box-shadow:0 1px 2px #101e360f;cursor:pointer;transition:border .15s,box-shadow .15s;position:relative}.project-card.selected{border:2px solid #2563eb;box-shadow:0 2px 8px #2563eb14}.task-card.hidden{opacity:.6;background:#f8f9fa;border-color:#dee2e6}.task-card.hidden:hover{opacity:.8}.project-card h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 4px}.project-card p{font-size:.95rem;color:#64748b;margin:0 0 12px}.card-actions{position:absolute;top:10px;right:10px;display:flex;gap:4px;opacity:.3;transition:opacity .15s ease}.project-card:hover .card-actions,.task-card:hover .card-actions{opacity:1}.card-actions-vertical{display:flex;flex-direction:column;gap:2px}.card-actions .ant-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#fffffff2;border:1px solid rgba(0,0,0,.15);font-size:14px;z-index:10}.card-actions .ant-btn:hover{background:#fff;border-color:#d1d5db;transform:scale(1.05)}.card-actions .ant-btn.ant-btn-dangerous:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.task-count-container{display:flex;justify-content:space-between;align-items:center;margin-top:8px;border-top:1px solid #f1f5f9;padding-top:8px}.task-count-item{display:flex;flex-direction:column;align-items:center;gap:2px}.task-count-circle{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9em;font-weight:600;border:1.5px solid #e5e7eb;background:#f3f4f6;color:#64748b}.task-count-circle.status-backlog{background:#f3f4f6;color:#64748b;border-color:#d1d5db}.task-count-circle.status-pending{background:#fef3c7;color:#b45309;border-color:#f59e0b}.task-count-circle.status-doing{background:#dbeafe;color:#2563eb;border-color:#3b82f6}.task-count-circle.status-complete{background:#ede9fe;color:#7c3aed;border-color:#8b5cf6}.task-count-circle.status-approve{background:#d1fae5;color:#059669;border-color:#10b981}.project-card.selected .task-count-circle{border-color:#2563eb}.task-count-label{font-size:10px;color:#a0aec0;font-weight:600}.task-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 16px 10px;box-shadow:0 1px 2px #101e360f;cursor:pointer;transition:border .15s,box-shadow .15s;position:relative}.task-card.selected{border:2px solid #2563eb;box-shadow:0 2px 8px #2563eb14}.task-card-content h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 2px;display:flex;align-items:center;gap:8px}.task-id{font-family:JetBrains Mono,Menlo,Monaco,monospace;color:#64748b;font-size:.95em;margin-right:8px}.task-title{color:#1e293b;font-size:1em}.task-card-content p{color:#64748b;font-size:.97em;margin:0 0 8px}.task-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.task-card-status{display:flex;align-items:center;gap:6px}.task-date{color:#64748b;font-size:.95em}.status-badge{padding:2px 12px;border-radius:16px;font-size:.92em;font-weight:500;border:none;text-transform:capitalize;background:#f3f4f6;color:#64748b;cursor:pointer;transition:background .15s,color .15s}.status-backlog{background:#f3f4f6;color:#64748b}.status-pending{background:#fef3c7;color:#b45309}.status-doing{background:#dbeafe;color:#2563eb}.status-complete{background:#ede9fe;color:#7c3aed}.status-approve{background:#d1fae5;color:#059669}.status-badge:hover{filter:brightness(.97)}.btn-primary{background:#2563eb;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-weight:500;font-size:.98em;cursor:pointer;transition:background .15s;display:inline-flex;align-items:center;gap:6px}.btn-primary:disabled{background:#c7d2fe;color:#fff;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:6px;padding:6px 16px;font-weight:500;font-size:.98em;cursor:pointer;transition:background .15s;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{background:#e5e7eb}.action-btn{background:transparent;border:none;color:#64748b;border-radius:5px;padding:4px;cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}.action-btn.edit:hover{background:#e0e7ef;color:#2563eb}.action-btn.delete:hover{background:#fee2e2;color:#dc2626}.action-btn.move:hover{background:#d1fae5;color:#059669}.action-btn:active{filter:brightness(.95)}.form-group{display:flex;flex-direction:column;gap:10px}.form-actions{display:flex;gap:8px;margin-top:6px}.form-checkbox{display:flex;align-items:center;gap:6px;margin-top:2px}.form-input,.form-textarea,.form-select{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:1em;background:#fff;color:#1e293b;transition:border .15s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#2563eb}.form-textarea{min-height:60px;resize:vertical}.search-container{position:relative;margin-bottom:16px}.search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:1em;background:#fff;color:#1e293b;transition:border .15s}.search-input:focus{border-color:#2563eb}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#a0aec0}.filter-container{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px;margin-left:20px}.filter-btn{padding:2px 8px;border:1px solid #e5e7eb;border-radius:12px;font-size:.8em;font-weight:500;background:#fff;color:#64748b;cursor:pointer;transition:background .15s,color .15s,border .15s;min-width:auto;height:24px;line-height:1}.filter-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.filter-btn:hover:not(.active){background:#f3f4f6;color:#2563eb}.view-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:2px;gap:2px}.view-toggle-btn{padding:4px 16px;border:none;border-radius:6px;font-size:.97em;font-weight:500;background:transparent;color:#64748b;cursor:pointer;transition:background .15s,color .15s}.view-toggle-btn.active{background:#fff;color:#2563eb;box-shadow:0 1px 2px #101e360f}.view-toggle-btn:hover:not(.active){color:#2563eb}.content-panel{background:#fff;border-radius:10px;margin:24px 24px 0;box-shadow:0 1px 2px #101e360f;flex:1;display:flex;flex-direction:column;min-width:0;height:fit-content}.content-panel-inner{padding:24px;display:flex;flex-direction:column;height:100%}.content-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.content-panel-header h2{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.content-panel-actions{display:flex;gap:8px;justify-content:end;align-items:center;flex-wrap:nowrap;min-width:0}.content-panel-actions>button,.content-panel-actions>.ant-btn{flex-shrink:0;white-space:nowrap}.rich-text-toolbar{display:flex;align-items:center;gap:2px;padding:8px;border:1px solid #e5e7eb;border-bottom:none;border-radius:8px 8px 0 0;background:#f9fafb}.toolbar-btn{padding:6px;border:none;border-radius:5px;background:transparent;color:#64748b;cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background:#e5e7eb;color:#2563eb}.toolbar-divider{width:1px;height:22px;background:#e5e7eb;margin:0 6px}.text-editor{flex:1;padding:18px;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;font-family:JetBrains Mono,Menlo,Monaco,monospace;font-size:1em;line-height:1.6;resize:none;background:#fff;color:#1e293b;min-height:220px}.text-editor:focus{border-color:#2563eb}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000014;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:10px;padding:24px;max-width:420px;width:95%;box-shadow:0 2px 16px #101e361a}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-header h3{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0}.modal-body{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.modal-log-item{display:flex;align-items:flex-start;gap:10px;background:#f9fafb;border-radius:6px;padding:10px}.modal-log-content{flex:1}.modal-log-header{display:flex;align-items:center;justify-content:space-between}.modal-log-status{font-weight:600;color:#1e293b;font-size:1em}.modal-log-timestamp,.modal-log-user{color:#64748b;font-size:.95em}.modal-footer{margin-top:16px}@media (max-width: 1024px){.main-layout{flex-direction:column}.panel{width:100%!important;border-right:none;border-bottom:1px solid #e5e7eb}.content-panel{margin:16px 8px 0}}@media (max-width: 768px){.project-card,.task-card{padding:12px}.search-input{padding:8px 8px 8px 32px}.modal-content{margin:8px;padding:12px}.content-panel-inner{padding:12px}.project-panel{min-width:100%!important;max-width:100%!important}.task-panel{display:none}.main-layout{flex-direction:column}.panel-list{padding:0 16px}.project-panel{display:none}.mobile-step-sidebar{position:fixed;top:0;left:-100%;width:320px;height:100vh;background:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 8px #0000001a;z-index:1000;transition:left .3s ease;overflow-y:auto}.mobile-step-sidebar.open{left:0}.mobile-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.mobile-sidebar-header h3{margin:0;font-size:1.1em;font-weight:600;color:#1e293b}.mobile-sidebar-content{padding:16px}.mobile-section{margin-bottom:24px}.mobile-section-title{margin:0 0 12px;font-size:1em;font-weight:600;color:#1e293b;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.mobile-step-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .15s ease}.mobile-step-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}.mobile-step-item.selected{border-color:#2563eb;background:#eff6ff}.mobile-step-item h4{margin:0 0 4px;font-size:1em;font-weight:600;color:#1e293b}.mobile-step-item p{margin:0 0 8px;font-size:.9em;color:#64748b}.mobile-step-counts{display:flex;gap:8px;flex-wrap:wrap}.mobile-count-item{display:flex;flex-direction:column;align-items:center;gap:2px}.mobile-count-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8em;font-weight:600;border:2px solid #e5e7eb}.mobile-count-label{font-size:.7em;color:#a0aec0;font-weight:600}.mobile-search-container{margin-bottom:12px}.mobile-search-input{width:100%;border-radius:6px}.mobile-filter-container{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.mobile-filter-btn{font-size:.8em;padding:4px 8px;height:28px}.mobile-task-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:10px;margin-bottom:6px;cursor:pointer;transition:all .15s ease}.mobile-task-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}.mobile-task-item.selected{border-color:#2563eb;background:#eff6ff}.mobile-task-item.hidden{opacity:.6}.mobile-task-content h4{margin:0 0 6px;font-size:.95em;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:6px}.mobile-task-id{color:#64748b;font-size:.85em;font-weight:500}.mobile-task-title{color:#1e293b;flex:1}.mobile-task-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-status-badge{font-size:.75em;padding:2px 6px;height:20px;border-radius:4px}.mobile-task-date{font-size:.75em;color:#64748b}.mobile-step-toggle{position:fixed;bottom:20px;left:20px;z-index:999}.mobile-top-bar{position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:998;padding:12px 16px;box-shadow:0 1px 3px #0000001a;display:none}.mobile-top-bar-content{display:flex;align-items:center;gap:12px}.mobile-sidebar-toggle{flex-shrink:0}.mobile-top-bar-title{margin:0;font-size:1.1em;font-weight:600;color:#1e293b;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-top-bar-title .task-id{color:#64748b;font-size:.9em;margin-right:6px}.mobile-top-bar-title .task-title{color:#1e293b}.main-layout{margin-top:0}.desktop-only{display:block}.has-attachments{position:relative}.has-attachments:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#ef4444;border-radius:50%;border:2px solid #fff}.desktop-only{display:none!important}.has-attachments:after{top:1px;left:1px;width:10px;height:10px}.mobile-top-bar{display:block}.mobile-step-toggle{display:none}.main-layout{margin-top:60px}}.posts-panel{margin-top:6px;border-top:1px solid #e5e7eb;padding-top:24px}.posts-panel h3{font-size:1.1rem;font-weight:600;color:#111827;margin:0 0 16px}.posts-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;max-height:calc(100vh - 415px);overflow-y:auto}.post-item{position:relative;display:flex;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.post-avatar{flex-shrink:0}.post-content{flex:1;min-width:0}.post-text{color:#1e293b;font-size:.95rem;line-height:1.5;margin-bottom:8px;word-wrap:break-word}.post-meta{display:flex;align-items:center;gap:12px;font-size:.85rem}.post-author{color:#2563eb;font-weight:500}.post-date{color:#64748b}.new-post-form{border-top:1px solid #e5e7eb;padding-top:16px}.post-input-container{display:flex;flex-direction:column;gap:8px}.post-input-container .ant-input{border:1px solid #e5e7eb;border-radius:8px;resize:none}.post-input-container .ant-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.post-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.task-action-buttons{display:flex;gap:8px}.complete-btn{background:#10b981;border-color:#10b981;color:#fff}.complete-btn:hover{background:#059669;border-color:#059669;color:#fff}.complete-btn:disabled{background:#d1fae5;border-color:#d1fae5;color:#a7f3d0}.approve-btn{background:#7c3aed;border-color:#7c3aed;color:#fff}.approve-btn:hover{background:#6d28d9;border-color:#6d28d9;color:#fff}.approve-btn:disabled{background:#ede9fe;border-color:#ede9fe;color:#c4b5fd}.approve-btn.complete-btn-disabled{background:#e0f2f1!important;border-color:#e0f2f1!important;color:#b2dfdb!important;cursor:not-allowed!important;opacity:.7}.task-description-section{margin-bottom:16px;padding:0}.description-display-container{display:flex;align-items:center;justify-content:space-between;gap:12px}.description-text{color:#374151;line-height:1.4;font-size:.95rem;flex:1}.description-edit-container{display:flex;align-items:center;gap:12px}.description-input{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;flex:1}.description-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.description-edit-actions{display:flex;gap:8px}.progress-tabs{border-bottom:1px solid #e5e7eb;padding:0 24px 16px;margin-bottom:16px}.tabs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tabs-header h3{font-size:1rem;font-weight:600;color:#111827;margin:0}.tabs-container{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.progress-tab{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;cursor:pointer;transition:all .15s ease}.progress-tab:hover{background:#f3f4f6;border-color:#d1d5db}.progress-tab.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 1px 3px #2563eb1a}.tab-content{display:flex;flex-direction:column;gap:4px}.tab-name{font-size:.95rem;font-weight:600;color:#1e293b;line-height:1.3}.tab-overview{font-size:.85rem;color:#64748b;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.new-progress-form{padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:8px;margin:0 24px 16px}.tiptap-editor{border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.tiptap-menu-bar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.menu-group{display:flex;gap:2px;padding-right:8px;border-right:1px solid #e5e7eb}.menu-group:last-child{border-right:none}.tiptap-content{padding:12px;min-height:120px;max-height:300px;overflow-y:auto}.tiptap-content .ProseMirror{outline:none;min-height:100px}.tiptap-content .ProseMirror p{margin:0 0 8px}.tiptap-content .ProseMirror p:last-child{margin-bottom:0}.tiptap-content .ProseMirror ul,.tiptap-content .ProseMirror ol{margin:8px 0;padding-left:20px}.tiptap-content .ProseMirror blockquote{border-left:3px solid #e5e7eb;margin:8px 0;padding-left:12px;color:#6b7280}.tiptap-content .ProseMirror code{background:#f3f4f6;padding:2px 4px;border-radius:3px;font-size:.9em}.tiptap-content .ProseMirror pre{background:#f3f4f6;padding:12px;border-radius:6px;overflow-x:auto}.tiptap-content .ProseMirror img{max-width:100%;height:auto;margin:8px 0;display:block;position:relative;cursor:default}.tiptap-content .ProseMirror img.tiptap-image-resizable{position:relative;-webkit-user-select:none;user-select:none}.tiptap-content .ProseMirror img.tiptap-image-resizable:hover{outline:2px solid #2563eb;outline-offset:2px}.tiptap-content .ProseMirror img.tiptap-image-resizable:after{content:"";position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;background:#2563eb;border:2px solid white;border-radius:3px;cursor:nwse-resize;opacity:0;transition:opacity .2s;box-shadow:0 2px 4px #0003;pointer-events:none}.tiptap-content .ProseMirror img.tiptap-image-resizable:hover:after{opacity:1;pointer-events:auto}.tiptap-content .ProseMirror a{color:#2563eb;text-decoration:underline}.tiptap-content .ProseMirror a:hover{color:#1d4ed8}.post-item .post-content img{max-width:90%;height:auto;display:block;margin:8px 0}.post-item .post-content img[width]{max-width:90%;height:auto}.post-item .post-content img[height]{max-width:90%;width:auto}.post-edit-container{margin-bottom:8px}.post-edit-actions{display:flex;gap:8px;margin-top:8px}.post-meta{display:flex;align-items:center;gap:8px;color:#64748b;font-size:.9em;margin-top:4px}.post-edit-btn{position:absolute;top:8px;right:8px;z-index:2;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000000a;transition:background .15s}.post-edit-btn:hover{background:#e5e7eb}.attached-files-inline{display:flex;align-items:center;gap:8px;margin-right:8px;flex-wrap:nowrap;flex:1 1 auto;min-width:0;max-width:calc(100% - 120px);overflow-x:auto;overflow-y:hidden;padding-bottom:4px;flex-shrink:1}.attached-files-inline::-webkit-scrollbar{height:6px}.attached-files-inline::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.attached-files-inline::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.attached-files-inline::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.attached-file-inline{display:flex;align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .15s ease}.attached-file-inline:hover{background:#e5e7eb;border-color:#d1d5db}.file-name-inline{color:#374151;font-weight:500;margin-right:4px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attached-file-inline .ant-btn{height:20px;padding:0 4px;font-size:11px;line-height:1}._main_wnwca_1{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f4f4f4}._img_wnwca_11{width:50%;height:50%}._img_wnwca_11 img{width:100%;height:100%}._button_wnwca_21{width:50%;height:5%;display:flex;justify-content:center;align-items:center}