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-ff95e76f]{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;font-weight:700;z-index:1000}.container[data-v-ff95e76f]{background-color:#0f172a;color:#fff;width:100%;height:100%;padding:20px 16px;box-sizing:border-box}.logo[data-v-ff95e76f]{display:flex;align-items:center;gap:8px;margin-bottom:32px}.logoText[data-v-ff95e76f]{font-size:18px;font-weight:600;height:30px;line-height:30px;display:block;margin:0}.logoImg[data-v-ff95e76f]{width:30px;height:30px;border-radius:5px}.sideBarMenu[data-v-ff95e76f]{display:flex;flex-direction:column;gap:12px;padding:0;margin:0;list-style:none}.sideBarItem[data-v-ff95e76f]{font-size:20px;font-weight:600}.redirectATag[data-v-ff95e76f]{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-ff95e76f]:hover{background-color:#1e293b}.sideBarIcon[data-v-ff95e76f]{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}.badge-wrapper[data-v-c7632029]{position:relative;display:inline-block}.span-badge[data-v-c7632029]{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:all .2s;-webkit-user-select:none;user-select:none;white-space:nowrap}.badge--editable[data-v-c7632029]{cursor:pointer;padding-right:8px}.badge--editable[data-v-c7632029]:hover{filter:brightness(.95)}.dropdown-arrow[data-v-c7632029]{font-size:14px;transition:transform .2s;opacity:.7}.dropdown-arrow--open[data-v-c7632029]{transform:rotate(180deg)}.dropdown-menu[data-v-c7632029]{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:140px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden;padding:4px}.dropdown-item[data-v-c7632029]{display:flex;align-items:center;padding:8px 10px;cursor:pointer;border-radius:4px;font-size:13px;color:#475569}.dropdown-item[data-v-c7632029]:hover{background-color:#f1f5f9}.dropdown-item--active[data-v-c7632029]{background-color:#e2e8f0;font-weight:600}.dot[data-v-c7632029]{width:8px;height:8px;border-radius:50%;margin-right:8px;flex-shrink:0}.label[data-v-c7632029]{flex:1}.check-icon[data-v-c7632029]{color:#10b981;font-size:16px}.fade-enter-active[data-v-c7632029],.fade-leave-active[data-v-c7632029]{transition:opacity .2s,transform .2s}.fade-enter-from[data-v-c7632029],.fade-leave-to[data-v-c7632029]{opacity:0;transform:translateY(-5px)}.container[data-v-8a325342]{width:420px}.overlay[data-v-8a325342]{position:fixed;inset:0;background:#00000040;display:flex;justify-content:center;align-items:center}.card[data-v-8a325342]{background-color:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 10px 25px #0003}.card--delete[data-v-8a325342]{background:linear-gradient(180deg,#fff1f2,#fff 60%)}.card--delete .card-title[data-v-8a325342]{color:#b91c1c}.title-wrapper[data-v-8a325342]{display:flex;align-items:center;justify-content:center;gap:8px}.title-icon[data-v-8a325342]{font-size:22px;color:#b91c1c}.card-title[data-v-8a325342]{font-size:20px;text-align:center;font-weight:700}.card-body[data-v-8a325342]{margin-top:8px;font-size:16px;font-weight:400;color:#000}.btn[data-v-8a325342]{display:flex;justify-content:flex-end;gap:5px}*{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-cd7dfeb4]{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.title[data-v-cd7dfeb4]{font-size:48px;font-weight:700;margin:0;color:var(--text-color)}.subtitle[data-v-cd7dfeb4]{font-size:16px;color:var(--grey-color)}.filter-card[data-v-cd7dfeb4]{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-cd7dfeb4],.filter-row-select[data-v-cd7dfeb4]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.form-group label[data-v-cd7dfeb4]{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-color)}.input-wrapper[data-v-cd7dfeb4]{position:relative;width:100%}.input-icon[data-v-cd7dfeb4]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--grey-color);transition:color .2s}input[data-v-cd7dfeb4],select[data-v-cd7dfeb4]{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-cd7dfeb4]{width:16px;height:16px;color:var(--primary-color);cursor:pointer}select[data-v-cd7dfeb4]{padding-left:12px;background-color:var(--white-color)}input[data-v-cd7dfeb4]:focus,select[data-v-cd7dfeb4]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #00bfa51a}.input-wrapper:focus-within .input-icon[data-v-cd7dfeb4]{color:var(--primary-color)}.filter-row-actions[data-v-cd7dfeb4]{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--border-color)}.selection-text[data-v-cd7dfeb4]{color:var(--grey-color);font-size:14px;font-style:italic}.button-group[data-v-cd7dfeb4]{display:flex;gap:10px}.table-container[data-v-cd7dfeb4]{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-cd7dfeb4]{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;background-color:#fcfcfc}.showing-text[data-v-cd7dfeb4]{font-size:16px;color:var(--grey-color)}.pagination[data-v-cd7dfeb4]{display:flex;gap:6px;align-items:center}.page-btn[data-v-cd7dfeb4]{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-cd7dfeb4]:hover{border-color:var(--primary-color);color:var(--primary-color)}.page-btn.active[data-v-cd7dfeb4]{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white-color)}.page-dots[data-v-cd7dfeb4]{color:var(--grey-color);padding:0 4px}.table-wrapper[data-v-cd7dfeb4]{overflow-x:auto}.data-table[data-v-cd7dfeb4]{width:100%;border-collapse:collapse;text-align:left}.data-table thead[data-v-cd7dfeb4]{background-color:var(--background-color);color:var(--white-color)}.data-table th[data-v-cd7dfeb4]{padding:10px 4px;font-size:14px;font-weight:600;text-transform:uppercase}.data-table td[data-v-cd7dfeb4]{padding:10px 4px;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-color)}.data-table tbody tr[data-v-cd7dfeb4]:hover{background-color:#f9fafb}.action-buttons[data-v-cd7dfeb4]{display:flex;gap:10px;justify-content:center}.icon-btn[data-v-cd7dfeb4]{background:none;border:none;cursor:pointer;font-size:24px;display:flex;padding:4px;border-radius:4px;transition:background .2s}.icon-btn.view[data-v-cd7dfeb4]{color:#00bcd4}.icon-btn.delete[data-v-cd7dfeb4]{color:var(--error-color)}.icon-btn[data-v-cd7dfeb4]: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}.card[data-v-62b75f29]{max-width:360px;height:auto;padding:15px 20px;background-color:#fff;border-radius:10px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;font-size:17px;box-shadow:0 2px 8px #0000001f;gap:15px;position:fixed;bottom:24px;right:24px;animation:slideInRight-62b75f29 .35s ease-out;z-index:10000000000}.card[data-v-62b75f29]:hover{transform:translate(-.5px);box-shadow:0 4px 12px #00000029}.card--success[data-v-62b75f29]{border-left:green solid 5px}.card--error[data-v-62b75f29]{border-left:5px solid red}.card-icon[data-v-62b75f29]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.card--warning[data-v-62b75f29]{border-left:5px solid #FF9800}.card-close[data-v-62b75f29]{background-color:#fff;color:gray;font-size:20px;border:none;transition:color .2s ease,transform .2s ease}.card-main[data-v-62b75f29]{flex-grow:6}.card-main__header[data-v-62b75f29]{text-align:left;text-transform:uppercase;font-size:16px;font-weight:550}.card-main__body[data-v-62b75f29]{text-align:left;text-transform:capitalize;font-size:13px;color:gray;margin-top:10px}.card--success .card-icon[data-v-62b75f29]{color:#fff;background:green}.card--error .card-icon[data-v-62b75f29]{background-color:red;color:#fff}.card--warning .card-icon[data-v-62b75f29]{background-color:#ff9800;color:#fff}.card-close[data-v-62b75f29]:hover{color:#313131;transform:scale(1.1)}@keyframes slideInRight-62b75f29{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight-62b75f29{0%{transform:translate(0);opacity:1}to{transform:translate(24px);opacity:0}}.card--leaving[data-v-62b75f29]{animation:slideOutRight-62b75f29 .25s ease-in forwards}.webTitle[data-v-4a4aaba4]{margin-top:50px;margin-bottom:20px}.webTitle span[data-v-4a4aaba4]{font-size:45px;font-weight:650;display:block;margin-bottom:2px}.webTitle small[data-v-4a4aaba4]{color:gray;margin-left:10px}.page-header[data-v-126eca07]{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.title[data-v-126eca07]{font-size:32px;font-weight:700;margin:0;color:var(--text-color)}.header-actions[data-v-126eca07]{display:flex;gap:12px}.detail-main-container[data-v-126eca07]{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-126eca07]{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-126eca07]{line-height:1.6;color:var(--grey-color)}.info-grid[data-v-126eca07]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.info-group[data-v-126eca07]{display:flex;flex-direction:column;gap:4px}.info-label[data-v-126eca07]{font-size:12px;font-weight:600;color:var(--grey-color)}.progress-wrap[data-v-126eca07]{width:100%}.progress-labels[data-v-126eca07]{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:600;font-size:14px;color:var(--grey-color)}.progress-bar-bg[data-v-126eca07]{height:10px;background:#f0f0f0;border-radius:5px;overflow:hidden}.progress-bar-fill[data-v-126eca07]{height:100%;background:var(--primary-color)}.user-box[data-v-126eca07]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-126eca07]{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-126eca07]{margin:0;font-size:12px;color:var(--grey-color)}.meta-list[data-v-126eca07]{display:flex;flex-direction:column;gap:12px}.meta-item[data-v-126eca07]{display:flex;justify-content:space-between;font-size:14px;color:var(--grey-color)}.comments-section[data-v-126eca07],.activity-section[data-v-126eca07]{background:transparent;border:none;box-shadow:none;padding:0;margin-top:48px}.comment-input-area[data-v-126eca07]{display:flex;gap:16px;margin-bottom:32px}.input-box-container[data-v-126eca07]{width:100%}.textarea-wrapper[data-v-126eca07]{border:1px solid var(--border-color);border-radius:8px;background-color:#fff;overflow:hidden;margin-bottom:16px}.textarea-wrapper textarea[data-v-126eca07]{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-126eca07]{display:flex;justify-content:flex-end;gap:12px}.comment-item[data-v-126eca07]{display:flex;gap:16px;margin-top:20px}.comment-content-wrapper[data-v-126eca07]{flex:1;background-color:#f1f3f4;padding:16px;border-radius:10px}.comment-header[data-v-126eca07]{display:flex;justify-content:space-between;margin-bottom:6px}.user-name[data-v-126eca07]{font-weight:700;color:var(--text-color);margin:0}.comment-time[data-v-126eca07]{font-size:12px;color:var(--grey-color)}.comment-actions[data-v-126eca07]{margin-top:10px;display:flex;gap:15px}.action-btn[data-v-126eca07]{background:none;border:none;font-size:12px;color:var(--grey-color);cursor:pointer;font-weight:600}.activity-list[data-v-126eca07]{display:flex;flex-direction:column}.activity-item[data-v-126eca07]{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border-color)}.activity-item[data-v-126eca07]:last-child{border-bottom:none}.activity-content[data-v-126eca07]{flex:1}.activity-text[data-v-126eca07]{margin:0;font-size:14px;color:var(--text-color);line-height:1.5}.activity-time[data-v-126eca07]{font-size:12px;color:var(--grey-color);margin-top:4px;display:block}.highlight[data-v-126eca07]{color:var(--primary-color);font-weight:600}.webTitle[data-v-5cfeaf2a]{margin-top:50px;margin-bottom:20px}.webTitle span[data-v-5cfeaf2a]{font-size:45px;font-weight:650;display:block;margin-bottom:2px}.webTitle small[data-v-5cfeaf2a]{color:gray;margin-left:10px}