header[data-v-2e63c581]{margin:0;box-sizing:border-box;position:fixed;top:0;right:0;left:var(--sidebar-width, 280px);height:60px;background-color:#0f172a;padding:0 24px;display:flex;justify-content:flex-end;align-items:center;gap:12px;color:#fff;z-index:1000}.classIcon[data-v-2e63c581]{display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;color:#000;background-color:#fff;border-radius:6px}.userIcon[data-v-2e63c581]{background-color:#0bac9f;width:40px;height:40px;font-size:18px;font-weight:700;display:flex;justify-content:center;align-items:center;border-radius:50%}nav[data-v-efe6fe13]{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;font-weight:700;z-index:1000}.container[data-v-efe6fe13]{background-color:#0f172a;color:#fff;width:100%;height:100%;padding:20px 16px;box-sizing:border-box}.logo[data-v-efe6fe13]{display:flex;align-items:center;gap:8px;margin-bottom:32px}.logoText[data-v-efe6fe13]{font-size:18px;font-weight:600;height:30px;line-height:30px;display:block;margin:0}.logoImg[data-v-efe6fe13]{width:30px;height:30px;border-radius:5px}.sideBarMenu[data-v-efe6fe13]{display:flex;flex-direction:column;gap:12px;padding:0;margin:0;list-style:none}.sideBarItem[data-v-efe6fe13]{font-size:20px;font-weight:600}.redirectATag[data-v-efe6fe13]{display:flex;align-items:center;gap:13px;width:100%;padding:10px 3px;color:#fff;text-decoration:none;border-radius:6px;transition:background-color .2s ease}.redirectATag[data-v-efe6fe13]:hover{background-color:#1e293b}.sideBarIcon[data-v-efe6fe13]{font-size:28px}.main[data-v-cca3219d]{position:fixed;top:var(--header-height);left:var(--sidebar-width);right:0;bottom:0;background-color:#f5f7fa;overflow-y:auto;padding:10px 24px}.layout[data-v-09850165]{height:100vh}.btn[data-v-2352b561]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;cursor:pointer;border:1px solid transparent;line-height:1;transition:all .2s ease}.btn-icon[data-v-2352b561]{width:1.2rem;height:1.2rem;display:block}.primary[data-v-2352b561]{color:#fff;background:#00bfa5}.outline[data-v-2352b561]{color:#00bfa5;background-color:#fff;border:1px solid #00BFA5}.danger[data-v-2352b561]{color:#fff;background-color:#f44336}.cancel[data-v-2352b561]{color:#757575;background-color:#fff;border:1px solid #e0e0e0}.btn[data-v-2352b561]:active{transform:scale(.98)}.primary[data-v-2352b561]:hover{background-color:#00a891}.outline[data-v-2352b561]:hover{background-color:#f0fdfa}.danger[data-v-2352b561]:hover{background-color:#d32f2f}.cancel[data-v-2352b561]:hover{background-color:#f5f5f5;border-color:#bdbdbd}.span[data-v-a111b8aa]{padding:8px 4px;border-radius:4px;font-size:12px;display:inline-flex;align-items:center;text-transform:capitalize}.status--open[data-v-a111b8aa]{color:#64748b;background-color:#eceff1}.status--working[data-v-a111b8aa]{color:#3b82f6;background-color:#e3f2fd}.status--pending[data-v-a111b8aa]{color:#f59e0b;background-color:#fff8e1}.status--completed[data-v-a111b8aa]{color:#10b981;background-color:#e0f2f1}.priority--high[data-v-a111b8aa]{color:#ef4444;background-color:#fdecea}.priority--medium[data-v-a111b8aa]{color:#f97316;background-color:#fff3e0}.priority--low[data-v-a111b8aa]{color:#84cc16;background-color:#e8f5e9}.type--task[data-v-a111b8aa]{color:#64748b;background-color:#eceff1}.type--feature[data-v-a111b8aa]{color:#1d4ed8;background-color:#e3f2fd}.type--bug[data-v-a111b8aa]{color:#dc2626;background-color:#fce4ec}.type--Enhancemant[data-v-a111b8aa]{color:#6d28d9;background-color:#ede7f6}*{font-family:sans-serif,Times New Roman,Times,serif}:root{--sidebar-width: 260px;--header-height: 65px;--primary-color: #00BFA5;--background-color: #0F172A;--background-active: #1E293B;--text-color: #212121;--border-color:#E0E0E0;--grey-color: #757575;--white-color: #FFFFFF;--success-color: #4CAF50;--warning-color: #FF9800;--error-color: #F44336}@media(max-width:1024px){:root{--sidebar-width: 80px}.logo p,.redirectATag span{display:none}}@media(max-width:768px){:root{--sidebar-width: 0px}}.page-header[data-v-8a7c190f]{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.title[data-v-8a7c190f]{font-size:48px;font-weight:700;margin:0;color:var(--text-color)}.subtitle[data-v-8a7c190f]{font-size:16px;color:var(--grey-color)}.filter-card[data-v-8a7c190f]{background:var(--white-color);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 2px 10px #00000005}.filter-row-search[data-v-8a7c190f],.filter-row-select[data-v-8a7c190f]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.form-group label[data-v-8a7c190f]{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-color)}.input-wrapper[data-v-8a7c190f]{position:relative;width:100%}.input-icon[data-v-8a7c190f]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--grey-color);transition:color .2s}input[data-v-8a7c190f],select[data-v-8a7c190f]{width:100%;height:40px;border:1px solid var(--border-color);border-radius:8px;padding:0 12px 0 38px;box-sizing:border-box;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}input[type=checkbox][data-v-8a7c190f]{width:16px;height:16px;color:var(--primary-color);cursor:pointer}select[data-v-8a7c190f]{padding-left:12px;background-color:var(--white-color)}input[data-v-8a7c190f]:focus,select[data-v-8a7c190f]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #00bfa51a}.input-wrapper:focus-within .input-icon[data-v-8a7c190f]{color:var(--primary-color)}.filter-row-actions[data-v-8a7c190f]{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--border-color)}.selection-text[data-v-8a7c190f]{color:var(--grey-color);font-size:14px;font-style:italic}.button-group[data-v-8a7c190f]{display:flex;gap:10px}.table-container[data-v-8a7c190f]{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:12px;margin-top:24px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.pagination-table[data-v-8a7c190f]{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;background-color:#fcfcfc}.showing-text[data-v-8a7c190f]{font-size:16px;color:var(--grey-color)}.pagination[data-v-8a7c190f]{display:flex;gap:6px;align-items:center}.page-btn[data-v-8a7c190f]{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--white-color);border-radius:6px;cursor:pointer;font-size:14px;color:var(--text-color);transition:all .2s ease}.page-btn[data-v-8a7c190f]:hover{border-color:var(--primary-color);color:var(--primary-color)}.page-btn.active[data-v-8a7c190f]{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white-color)}.page-dots[data-v-8a7c190f]{color:var(--grey-color);padding:0 4px}.table-wrapper[data-v-8a7c190f]{overflow-x:auto}.data-table[data-v-8a7c190f]{width:100%;border-collapse:collapse;text-align:left}.data-table thead[data-v-8a7c190f]{background-color:var(--background-color);color:var(--white-color)}.data-table th[data-v-8a7c190f]{padding:10px 4px;font-size:14px;font-weight:600;text-transform:uppercase}.data-table td[data-v-8a7c190f]{padding:10px 4px;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-color)}.data-table tbody tr[data-v-8a7c190f]:hover{background-color:#f9fafb}.action-buttons[data-v-8a7c190f]{display:flex;gap:10px;justify-content:center}.icon-btn[data-v-8a7c190f]{background:none;border:none;cursor:pointer;font-size:24px;display:flex;padding:4px;border-radius:4px;transition:background .2s}.icon-btn.view[data-v-8a7c190f]{color:#00bcd4}.icon-btn.delete[data-v-8a7c190f]{color:var(--error-color)}.icon-btn[data-v-8a7c190f]:hover{background-color:#f1f5f9}.task_form{max-width:2100px;margin:0 auto}.card{font-size:22px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px;margin-bottom:24px}.card small{font-size:12px;display:block;color:gray}.field{display:flex;flex-direction:column;gap:6px}label{font-weight:600;font-size:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.full{grid-column:1/-1}input,select,textarea{height:44px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-size:14px;box-sizing:border-box}input:focus,select:focus,textarea:focus{outline:none;border-color:#10b981}.line{border:1px solid #e4e4e4;margin:24px 0}textarea{min-height:140px;padding:12px;resize:none;line-height:1.5}.flex-btn{display:flex;margin-top:20px;justify-content:end;align-items:center}.flex-btn button{font-size:16px;font-weight:300}.flex-btn-btn{display:flex;justify-content:space-between}.deleteBtn{margin-top:20px;align-items:center}.deleteBtn button{font-size:16px;font-weight:300}.webTitle[data-v-718eaee7]{margin-top:50px;margin-bottom:20px}.webTitle span[data-v-718eaee7]{font-size:45px;font-weight:650;display:block;margin-bottom:2px}.webTitle small[data-v-718eaee7]{color:gray;margin-left:10px}.page-header[data-v-af1b3921]{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.title[data-v-af1b3921]{font-size:32px;font-weight:700;margin:0;color:var(--text-color)}.header-actions[data-v-af1b3921]{display:flex;gap:12px}.detail-main-container[data-v-af1b3921]{display:grid;grid-template-columns:1fr 320px;gap:40px;background-color:var(--white-color);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000008}.block-title[data-v-af1b3921]{font-size:20px;font-weight:700;margin:0 0 20px;padding-top:24px;padding-bottom:6px;border-bottom:1px solid var(--border-color);color:var(--text-color)}.description-text[data-v-af1b3921]{line-height:1.6;color:var(--grey-color)}.info-grid[data-v-af1b3921]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.info-group[data-v-af1b3921]{display:flex;flex-direction:column;gap:4px}.info-label[data-v-af1b3921]{font-size:12px;font-weight:600;color:var(--grey-color)}.progress-wrap[data-v-af1b3921]{width:100%}.progress-labels[data-v-af1b3921]{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:600;font-size:14px;color:var(--grey-color)}.progress-bar-bg[data-v-af1b3921]{height:10px;background:#f0f0f0;border-radius:5px;overflow:hidden}.progress-bar-fill[data-v-af1b3921]{height:100%;background:var(--primary-color)}.user-box[data-v-af1b3921]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-af1b3921]{width:44px;height:44px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.user-email[data-v-af1b3921]{margin:0;font-size:12px;color:var(--grey-color)}.meta-list[data-v-af1b3921]{display:flex;flex-direction:column;gap:12px}.meta-item[data-v-af1b3921]{display:flex;justify-content:space-between;font-size:14px;color:var(--grey-color)}.comments-section[data-v-af1b3921],.activity-section[data-v-af1b3921]{background:transparent;border:none;box-shadow:none;padding:0;margin-top:48px}.comment-input-area[data-v-af1b3921]{display:flex;gap:16px;margin-bottom:32px}.input-box-container[data-v-af1b3921]{width:100%}.textarea-wrapper[data-v-af1b3921]{border:1px solid var(--border-color);border-radius:8px;background-color:#fff;overflow:hidden;margin-bottom:16px}.textarea-wrapper textarea[data-v-af1b3921]{width:100%;padding:16px;border:none;outline:none;resize:none;font-family:inherit;font-size:14px;display:block;color:var(--text-color);box-sizing:border-box}.footer-buttons[data-v-af1b3921]{display:flex;justify-content:flex-end;gap:12px}.comment-item[data-v-af1b3921]{display:flex;gap:16px;margin-top:20px}.comment-content-wrapper[data-v-af1b3921]{flex:1;background-color:#f1f3f4;padding:16px;border-radius:10px}.comment-header[data-v-af1b3921]{display:flex;justify-content:space-between;margin-bottom:6px}.user-name[data-v-af1b3921]{font-weight:700;color:var(--text-color);margin:0}.comment-time[data-v-af1b3921]{font-size:12px;color:var(--grey-color)}.comment-actions[data-v-af1b3921]{margin-top:10px;display:flex;gap:15px}.action-btn[data-v-af1b3921]{background:none;border:none;font-size:12px;color:var(--grey-color);cursor:pointer;font-weight:600}.activity-list[data-v-af1b3921]{display:flex;flex-direction:column}.activity-item[data-v-af1b3921]{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border-color)}.activity-item[data-v-af1b3921]:last-child{border-bottom:none}.activity-content[data-v-af1b3921]{flex:1}.activity-text[data-v-af1b3921]{margin:0;font-size:14px;color:var(--text-color);line-height:1.5}.activity-time[data-v-af1b3921]{font-size:12px;color:var(--grey-color);margin-top:4px;display:block}.highlight[data-v-af1b3921]{color:var(--primary-color);font-weight:600}.webTitle[data-v-21b6ecec]{margin-top:50px;margin-bottom:20px}.webTitle span[data-v-21b6ecec]{font-size:45px;font-weight:650;display:block;margin-bottom:2px}.webTitle small[data-v-21b6ecec]{color:gray;margin-left:10px}