:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px}.conflict-modal-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.conflict-modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:500px;font-family:inherit;overflow:hidden;box-shadow:0 4px 12px #00000026}.conflict-modal-header{background-color:#fef2f2;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.conflict-modal-header h3{color:#b91c1c;margin:0;font-size:1.1rem;font-weight:600}.conflict-close-button{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:1.5rem}.conflict-close-button:hover{color:#111827}.conflict-modal-body{color:#374151;padding:24px;font-size:.95rem;line-height:1.5}.conflict-modal-body p{margin:0 0 12px}.conflict-modal-body p:last-child{margin-bottom:0}.conflict-modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.conflict-btn-secondary{cursor:pointer;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-weight:500}.conflict-btn-secondary:hover{background-color:#f3f4f6}.conflict-btn-primary{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;padding:8px 16px;font-weight:500}.conflict-btn-primary:hover{background-color:#dc2626}*{box-sizing:border-box}body{color:#171726;background:#f8f8fd;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app-layout{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e5e5ee;flex-direction:column;width:260px;min-height:100vh;padding:20px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brand-logo-image{object-fit:contain;background:#fff;border-radius:9px;width:52px;height:52px}.brand-text h2{color:#3429bb;margin:0;font-size:20px;font-weight:750}.brand-text p{color:#77778b;margin:3px 0 0;font-size:11px}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.nav-item{color:#555568;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:13px;width:100%;padding:12px 14px;font-size:15px;transition:background .2s,color .2s;display:flex}.nav-item:hover{color:#4338ca;background:#f4f3ff}.nav-item.active{color:#3d31c4;background:#ecebff;font-weight:600;position:relative}.nav-item.active:before{content:"";background:#4338ca;border-radius:0 5px 5px 0;width:4px;position:absolute;top:8px;bottom:8px;left:0}.nav-icon{text-align:center;width:22px;font-size:18px}.settings-item{margin-top:18px}.profile-link{border-top:1px solid #ececf2;align-items:center;gap:10px;margin-top:auto;padding:18px 10px 3px;display:flex}.profile-avatar{color:#4338ca;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex;box-shadow:0 2px 6px #4338ca26}.profile-info strong{color:#242433;font-size:14px;display:block}.profile-info span{color:#8b8b9a;margin-top:2px;font-size:11px;display:block}.sidebar-logout-btn{color:#dc2626;cursor:pointer;background:#fff5f5;border:1px solid #fee2e2;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.sidebar-logout-btn:hover{color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc262640}.main-content{flex:1;min-width:0;margin-left:260px}.topbar{background:#fff;border-bottom:1px solid #e5e5ee;justify-content:space-between;align-items:center;height:74px;padding:0 30px;display:flex}.workspace-title{align-items:center;gap:10px;display:flex}.workspace-title h2{color:#191925;margin:0;font-size:20px;font-weight:700}.star{color:#77778b;cursor:pointer;font-size:22px}.topbar-actions{align-items:center;gap:16px;display:flex}.member-avatars{align-items:center;display:flex}.member-avatars span{color:#4338ca;background:#e8e6ff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-7px;font-size:11px;font-weight:700;display:flex}.member-avatars span:first-child{margin-left:0}.invite-btn{color:#fff;cursor:pointer;background:#4338ca;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-weight:600;transition:background .2s,transform .2s;display:flex}.invite-btn:hover{background:#352bb0;transform:translateY(-1px)}.notification-btn{color:#292936;cursor:pointer;background:0 0;border:none;padding:6px;font-size:24px;position:relative}.notification-dot{background:#e11d48;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:3px}.content-area{padding:28px 30px 35px}.board-area{width:100%}.board-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.board-label{color:#77778b;margin:0 0 4px;font-size:13px}.board-heading h1{color:#191925;margin:0;font-size:28px;font-weight:750}.board-status{color:#656576;background:#fff;border:1px solid #dddde7;border-radius:20px;align-items:center;gap:7px;padding:7px 13px;font-size:12px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.board-columns{grid-template-columns:repeat(3,minmax(280px,1fr));align-items:stretch;gap:20px;display:grid}.board-column{background:#fbfbfe;border:1px solid #dddde6;border-radius:12px;flex-direction:column;min-height:610px;display:flex;overflow:hidden}.column-header{background:#fff;border-bottom:1px solid #e6e6ee;justify-content:space-between;align-items:center;height:65px;padding:0 18px;display:flex}.column-title-wrap{align-items:center;gap:9px;display:flex}.column-title-wrap h2{color:#20202d;margin:0;font-size:17px;font-weight:700}.task-count{color:#4338ca;background:#ebeafe;border-radius:20px;justify-content:center;align-items:center;min-width:25px;height:25px;padding:0 8px;font-size:12px;font-weight:600;display:flex}.column-actions{align-items:center;gap:4px;display:flex}.column-action-btn,.column-menu,.task-menu{color:#717182;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .18s;display:inline-flex}.column-action-btn:hover,.column-menu:hover{color:#4338ca;background:#ebe9fe;border-color:#dcd7fe}.column-action-btn.delete:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.task-list{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex}.task-card{background:#fff;border:1px solid #e2e1ec;border-radius:12px;padding:14px 16px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s;position:relative;box-shadow:0 2px 6px #1e195008}.task-card:hover{border-color:#c7c4f8;transform:translateY(-2px);box-shadow:0 10px 24px -4px #4338ca1f}.task-card-header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.task-card-actions{opacity:.6;align-items:center;gap:2px;transition:opacity .15s;display:flex}.task-card:hover .task-card-actions{opacity:1}.task-action-btn{color:#8b8b9e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:inline-flex}.task-action-btn.edit:hover{color:#4338ca;background:#ecebff}.task-action-btn.delete:hover{color:#dc2626;background:#fef2f2}.priority-badge{letter-spacing:.2px;text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.priority-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.priority-badge.high{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2}.priority-badge.high .priority-dot{background:#ef4444;box-shadow:0 0 6px #ef444499}.priority-badge.medium{color:#b45309;background:#fffbeb;border:1px solid #fef3c7}.priority-badge.medium .priority-dot{background:#f59e0b;box-shadow:0 0 6px #f59e0b99}.priority-badge.low{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7}.priority-badge.low .priority-dot{background:#10b981;box-shadow:0 0 6px #10b98199}.task-title{color:#1e1b4b;margin:0 0 6px;font-size:15px;font-weight:650;line-height:1.4;transition:color .15s}.task-title:hover{color:#4338ca}.task-description{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.task-footer{border-top:1px solid #f1f1f7;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:12px;display:flex}.assignee{color:#475569;align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.assignee .avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex;box-shadow:0 2px 5px #4338ca40}.assignee-name{white-space:nowrap;text-overflow:ellipsis;max-width:90px;overflow:hidden}.task-status-select-wrap{align-items:center;display:inline-flex;position:relative}.task-status-select{appearance:none;color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;padding:4px 24px 4px 8px;font-size:11px;font-weight:600;transition:all .15s}.task-status-select:hover{background:#f1f5f9;border-color:#94a3b8}.select-chevron{pointer-events:none;color:#64748b;position:absolute;right:6px}.task-card-editing{background:#fff;border:1px solid #6366f1!important;box-shadow:0 0 0 3px #6366f126!important}.task-edit-header{color:#4338ca;text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.task-edit-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.task-edit-close:hover{color:#334155;background:#f1f5f9}.task-edit-input{color:#1e293b;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;margin-bottom:8px;padding:7px 10px;font-size:13px;font-weight:600}.task-edit-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11f}.task-edit-textarea{color:#334155;resize:vertical;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;margin-bottom:10px;padding:7px 10px;font-family:inherit;font-size:12px}.task-edit-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11f}.task-priority-selector{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.task-priority-label{color:#64748b;font-size:11px;font-weight:600}.priority-chips{gap:4px;display:flex}.priority-chip{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:600;transition:all .15s;display:inline-flex}.priority-chip .priority-dot{border-radius:50%;width:5px;height:5px}.priority-chip.low .priority-dot{background:#10b981}.priority-chip.medium .priority-dot{background:#f59e0b}.priority-chip.high .priority-dot{background:#ef4444}.priority-chip.active.low{color:#166534;background:#f0fdf4;border-color:#86efac}.priority-chip.active.medium{color:#92400e;background:#fffbeb;border-color:#fde68a}.priority-chip.active.high{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.task-edit-actions{justify-content:flex-end;gap:6px;display:flex}.task-btn-secondary{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s}.task-btn-secondary:hover{color:#1e293b;background:#f8fafc}.task-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%);border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #4338ca40}.task-btn-primary:hover{filter:brightness(1.08);box-shadow:0 4px 10px #4338ca59}.add-task-btn{color:#6366f1;cursor:pointer;background:#fff;border:none;border-top:1px solid #e6e6ee;justify-content:center;align-items:center;gap:7px;width:100%;padding:13px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.add-task-btn:hover{color:#4338ca;background:#f5f4ff}.add-task-form{background:#fff;border-top:1px solid #e6e6ee;padding:12px}.add-task-input{color:#1e1b4b;box-sizing:border-box;border:1px solid #c7c4f8;border-radius:6px;outline:none;width:100%;margin-bottom:8px;padding:8px 10px;font-size:13px}.add-task-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.add-task-actions{gap:6px;display:flex}.add-task-submit{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.add-task-submit:hover{background:#4338ca}.add-task-cancel{color:#64748b;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:6px;padding:6px 10px;font-size:12px}.add-task-cancel:hover{color:#334155;background:#f8fafc}.board-switcher-wrap{align-items:center;display:inline-flex;position:relative}.board-switcher-select{appearance:none;color:#4338ca;cursor:pointer;background:#fff;border:1px solid #dcdbe8;border-radius:6px;padding:4px 24px 4px 10px;font-size:12px;font-weight:600;transition:all .15s;box-shadow:0 1px 3px #0000000a}.board-switcher-select:hover{border-color:#6366f1}.board-switcher-chevron{pointer-events:none;color:#6366f1;position:absolute;right:7px}.status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green;display:inline-block;box-shadow:0 0 #10b981b3}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:1s linear infinite spin}@media (width<=1100px){.board-columns{grid-template-columns:repeat(2,minmax(280px,1fr))}}@media (width<=800px){.sidebar{width:82px;padding-left:10px;padding-right:10px}.brand{justify-content:center;padding-left:0;padding-right:0}.brand-logo-image{width:48px;height:48px}.brand-text{display:none}.nav-item{justify-content:center;padding-left:8px;padding-right:8px}.nav-item span:not(.nav-icon){display:none}.nav-icon{width:auto}.profile-info{display:none}.profile-link{justify-content:center}.main-content{margin-left:82px}.board-columns{grid-template-columns:1fr}.member-avatars{display:none}.content-area{padding:22px 18px}.topbar{padding:0 18px}}@media (width<=520px){.workspace-title h2{font-size:16px}.invite-btn{padding:9px 12px}.board-heading{flex-direction:column;align-items:flex-start;gap:15px}.board-heading h1{font-size:24px}}.page-wrapper{background:#f8f8fd;min-height:100vh}.dashboard-page{padding:32px}.dashboard-intro{margin-bottom:28px}.dashboard-intro h1{color:#171726;margin:0;font-size:32px;font-weight:750}.dashboard-intro p{color:#6f6f7e;margin:8px 0 0;font-size:15px}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:34px;display:grid}.stat-card{background:#fff;border:1px solid #dddde7;border-radius:12px;min-height:120px;padding:20px;box-shadow:0 3px 10px #26215b0a}.stat-card-top{justify-content:space-between;align-items:center;display:flex}.stat-card-top>span{color:#676777;letter-spacing:.4px;font-size:13px}.stat-icon{color:#4338ca;background:#ebeaff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-weight:700;display:flex}.stat-card strong{color:#1d1d2b;margin-top:18px;font-size:30px;display:block}.dashboard-boards-section{width:100%}.section-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-heading h2{margin:0;font-size:23px}.section-heading button{color:#4338ca;cursor:pointer;background:0 0;border:none;font-weight:600}.dashboard-board-grid{grid-template-columns:repeat(3,minmax(250px,1fr));align-items:stretch;gap:18px;display:grid}.dashboard-board-card{background:#fff;border:1px solid #dddde7;border-radius:12px;min-height:265px;padding:20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 3px 10px #26215b0a}.dashboard-board-card:before{content:"";background:#4338ca;height:4px;position:absolute;top:0;left:0;right:0}.dashboard-board-card:nth-child(2):before{background:#7c3aed}.dashboard-board-card:nth-child(3):before{background:#f59e0b}.dashboard-board-card:nth-child(4):before{background:#0284c7}.dashboard-board-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #26215b14}.board-card-top{justify-content:space-between;align-items:flex-start;display:flex}.board-card-top h3{color:#20202d;margin:0;font-size:18px}.board-card-top button{color:#696979;cursor:pointer;background:0 0;border:none;font-size:20px}.dashboard-board-card>p{color:#696979;min-height:42px;margin:10px 0 16px;font-size:13px;line-height:1.5}.board-meta{color:#656576;gap:16px;font-size:12px;display:flex}.board-progress-heading{color:#556;justify-content:space-between;margin-top:22px;margin-bottom:8px;font-size:13px;display:flex}.progress-track{background:#e5e7f6;border-radius:20px;width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:inherit;background:#4338ca;height:100%}.board-card-footer{border-top:1px solid #ececf2;justify-content:space-between;align-items:center;margin-top:20px;padding-top:18px;display:flex}.dashboard-members{display:flex}.dashboard-members span{color:#4338ca;background:#ebeaff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-right:-5px;font-size:10px;font-weight:700;display:flex}.dashboard-priority{border-radius:6px;padding:5px 9px;font-size:11px;font-weight:600}.dashboard-priority.high{color:#b42318;background:#fee4e2}.dashboard-priority.medium{color:#555b8c;background:#eef0ff}.dashboard-priority.low{color:#62677d;background:#eef0ff}.dashboard-priority.done{color:#15803d;background:#dcfce7}.create-board-card{text-align:center;cursor:pointer;background:#f3f3ff;border:2px dashed #c8c8d8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:265px;padding:30px;display:flex}.create-board-icon{color:#4338ca;background:#e4e3fb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;display:flex}.create-board-card h3{margin:15px 0 5px;font-size:18px}.create-board-card p{color:#696979;max-width:190px;margin:0;font-size:13px;line-height:1.5}@media (width<=1100px){.dashboard-stats,.dashboard-board-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.dashboard-page{padding:20px}.dashboard-stats,.dashboard-board-grid{grid-template-columns:1fr}.dashboard-intro h1{font-size:26px}}.recent-page{padding:32px}.recent-heading{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.recent-heading h1{color:#171726;margin:0;font-size:32px}.recent-heading p{color:#6f6f7e;margin:7px 0 0}.recent-actions{gap:10px;display:flex}.recent-actions button{color:#4d4d5c;cursor:pointer;background:#fff;border:1px solid #d7d7e3;border-radius:8px;padding:9px 14px}.recent-grid{grid-template-columns:repeat(4,minmax(220px,1fr));gap:18px;display:grid}.recent-card{background:#fff;border:1px solid #dddde7;border-radius:12px;min-height:220px;padding:18px;box-shadow:0 3px 10px #26215b0a}.recent-card-top{justify-content:space-between;align-items:center;display:flex}.recent-card-top>span{color:#666b88;background:#eef0ff;border-radius:20px;padding:5px 9px;font-size:11px}.recent-icon{color:#4338ca;background:#ebeaff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.recent-card h3{margin:18px 0 7px;font-size:18px}.recent-card p{color:#686879;min-height:42px;font-size:13px;line-height:1.5}.recent-card-footer{border-top:1px solid #ececf2;justify-content:space-between;align-items:center;margin-top:24px;padding-top:14px;display:flex}.recent-members{display:flex}.recent-members span{color:#4338ca;background:#e9e7ff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-right:-5px;font-size:10px;font-weight:700;display:flex}.recent-card-footer strong{color:#556;font-size:12px}@media (width<=1100px){.recent-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.recent-page{padding:20px}.recent-heading{flex-direction:column;align-items:flex-start;gap:16px}.recent-grid{grid-template-columns:1fr}}.assigned-page{padding:32px}.assigned-heading{justify-content:space-between;align-items:flex-start;margin-bottom:26px;display:flex}.assigned-heading h1{color:#171726;margin:0;font-size:32px}.assigned-heading p{color:#6f6f7e;margin:7px 0 0}.view-toggle{background:#f3f3fb;border:1px solid #d9d9e5;border-radius:9px;padding:4px;display:flex}.view-toggle button{color:#606071;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 14px}.view-toggle button.active{color:#292938;background:#fff;box-shadow:0 1px 4px #1e1e4614}.task-filters{background:#fff;border:1px solid #dddde7;border-radius:10px;align-items:center;gap:12px;margin-bottom:26px;padding:16px 18px;display:flex}.task-filters span{color:#59596a;font-size:13px;font-weight:600}.task-filters button{color:#4f4f60;cursor:pointer;background:#fff;border:1px solid #d8d8e3;border-radius:7px;padding:8px 13px}.assigned-table-wrapper{background:#fff;border:1px solid #d9d9e5;border-radius:12px;overflow-x:auto}.assigned-table{border-collapse:collapse;width:100%}.assigned-table th{color:#59596c;text-transform:uppercase;letter-spacing:.4px;text-align:left;background:#f1f2ff;padding:15px 18px;font-size:11px}.assigned-table td{color:#454555;border-top:1px solid #e7e7ef;padding:17px 18px;font-size:13px}.assigned-table tbody tr:hover{background:#fafaff}.task-name{color:#242433;align-items:center;gap:10px;font-weight:600;display:flex}.task-status-dot{background:#4338ca;border-radius:50%;flex-shrink:0;width:7px;height:7px}.completed-task{color:#848493;text-decoration:line-through}.board-chip{color:#3f466f;background:#e8eaff;border:1px solid #cdd0e9;border-radius:5px;max-width:160px;padding:5px 9px;display:inline-block}.assigned-priority{border-radius:20px;padding:5px 8px;font-size:11px;font-weight:600;display:inline-block}.assigned-priority.high{color:#b42318;background:#fee4e2}.assigned-priority.medium{color:#35558a;background:#e3ebff}.assigned-priority.low{color:#62677c;background:#eceef7}.assigned-status{padding-left:14px;position:relative}.assigned-status:before{content:"";background:#a5a5b4;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.assigned-status.doing:before{background:#7c3aed}.assigned-status.done:before{background:#4338ca}.due-today{font-weight:700;color:#c62828!important}.table-action-btn{color:#606070;cursor:pointer;background:0 0;border:none;font-size:20px}@media (width<=800px){.assigned-page{padding:20px}.assigned-heading{flex-direction:column;gap:16px}.task-filters{flex-wrap:wrap;align-items:flex-start}.assigned-table{min-width:850px}}.team-page{padding:32px}.team-heading{justify-content:space-between;align-items:flex-start;margin-bottom:26px;display:flex}.team-heading h1{color:#171726;margin:0;font-size:32px}.team-heading p{color:#6f6f7e;margin:7px 0 0}.invite-member-btn{color:#fff;cursor:pointer;background:#4338ca;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-weight:600;display:flex}.invite-member-btn:hover{background:#352bb0}.team-toolbar{background:#fff;border:1px solid #dddde7;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;padding:16px;display:flex}.team-search{background:#fafaff;border:1px solid #d8d8e4;border-radius:8px;flex:1;align-items:center;gap:10px;padding:10px 14px;display:flex}.team-search span{color:#696979;font-size:20px}.team-search input{color:#292938;background:0 0;border:none;outline:none;width:100%;font-size:14px}.team-filter{align-items:center;gap:9px;display:flex}.team-filter span{color:#676778;font-size:11px;font-weight:700}.team-filter button{color:#505060;cursor:pointer;background:#fff;border:1px solid #d8d8e4;border-radius:7px;padding:8px 12px}.team-grid{grid-template-columns:repeat(3,minmax(240px,1fr));gap:20px;display:grid}.team-card{background:#fff;border:1px solid #dddde7;border-radius:11px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 10px #26215b0a}.team-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #26215b14}.team-avatar-wrapper{width:fit-content;position:relative}.team-avatar{color:#4338ca;background:#ebeaff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:17px;font-weight:800;display:flex}.member-status-dot{border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:2px;right:0}.member-status-dot.online{background:#22c55e}.member-status-dot.away{background:#f59e0b}.team-card h3{color:#20202d;margin:16px 0 3px;font-size:18px}.team-card>p{color:#6c6c7b;margin:0;font-size:13px}.team-card-footer{border-top:1px solid #ececf2;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;display:flex}.member-role{color:#424970;text-transform:uppercase;background:#eef0ff;border-radius:5px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-block}.member-role.admin{color:#4338ca;background:#ece8ff}.member-email-btn{color:#686879;cursor:pointer;background:0 0;border:none;font-size:18px}@media (width<=1000px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.team-page{padding:20px}.team-heading{flex-direction:column;gap:16px}.team-toolbar{flex-direction:column;align-items:stretch}.team-filter{justify-content:space-between}.team-grid{grid-template-columns:1fr}}.activity-page{padding:32px}.activity-heading{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.activity-heading h1{color:#171726;margin:0;font-size:32px}.activity-heading p{color:#6f6f7e;margin:7px 0 0}.activity-filter-btn{color:#4f4f60;cursor:pointer;background:#fff;border:1px solid #d8d8e4;border-radius:8px;padding:9px 14px}.activity-timeline{max-width:1000px;position:relative}.activity-timeline:before{content:"";background:#dcdceb;width:1px;position:absolute;top:20px;bottom:20px;left:22px}.activity-item{gap:18px;margin-bottom:24px;display:flex;position:relative}.activity-avatar{z-index:2;color:#4338ca;background:#ebeaff;border:3px solid #f8f8fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:flex;position:relative}.activity-card{background:#fff;border:1px solid #dddde7;border-radius:10px;flex:1;padding:18px 20px;box-shadow:0 3px 10px #26215b0a}.activity-card-top{color:#444454;justify-content:space-between;gap:20px;font-size:14px;display:flex}.activity-card-top strong{color:#20202d}.activity-target{color:#4338ca;font-weight:600}.activity-time{color:#77778a;flex-shrink:0;font-size:11px}.activity-extra{color:#666676;background:#f5f5fb;border-radius:6px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.5}.file-extra{background:#fafaff;border:1px solid #dddde7;align-items:center;gap:10px;width:fit-content;display:flex}.file-icon{color:#b42318;background:#fee4e2;border-radius:4px;padding:4px 6px;font-size:10px;font-weight:800}.load-more-activity{color:#4338ca;cursor:pointer;background:0 0;border:none;margin:10px auto 0;font-weight:600;display:block}@media (width<=700px){.activity-page{padding:20px}.activity-heading{flex-direction:column;gap:16px}.activity-card-top{flex-direction:column;gap:6px}}.settings-page{padding:32px}.settings-heading{margin-bottom:28px}.settings-heading h1{color:#171726;margin:0;font-size:32px}.settings-heading p{color:#6f6f7e;margin:7px 0 0}.settings-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:28px;display:grid}.settings-menu{flex-direction:column;gap:6px;display:flex}.settings-tab{color:#556;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:13px 16px;font-size:14px;display:flex}.settings-tab span{color:#556;text-align:center;width:22px}.settings-tab:hover{color:#4338ca;background:#f2f1ff}.settings-tab.active{color:#4338ca;background:#e7e8ff;font-weight:700}.settings-card{background:#fff;border:1px solid #dcdce7;border-radius:12px;max-width:820px;padding:26px;box-shadow:0 3px 10px #26215b0a}.settings-card h2{color:#20202d;margin:0;font-size:22px}.settings-divider{background:#e9e9f0;height:1px;margin:20px 0}.profile-picture-section{align-items:center;gap:20px;display:flex}.settings-avatar{color:#fff;background:#4338ca;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:82px;height:82px;font-size:26px;font-weight:800;display:flex}.profile-picture-info h3{margin:0;font-size:16px}.profile-picture-info p{color:#6e6e7d;margin:5px 0 12px;font-size:12px}.profile-picture-actions{gap:12px;display:flex}.upload-btn{color:#333342;cursor:pointer;background:#fff;border:1px solid #bfc0cd;border-radius:7px;padding:8px 16px}.remove-btn{color:#b42318;cursor:pointer;background:0 0;border:none;font-weight:600}.profile-form{width:100%}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-group{margin-bottom:20px}.form-group label{color:#242433;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group textarea{color:#292938;width:100%;font:inherit;background:#fbfbfe;border:1px solid #d5d5df;border-radius:8px;outline:none;padding:12px 14px}.form-group input:focus,.form-group textarea:focus{border-color:#4338ca;box-shadow:0 0 0 3px #4338ca14}.form-group textarea{resize:vertical;min-height:120px}.bio-counter{text-align:right;color:#77778a;margin-top:6px;font-size:11px}.settings-form-actions{justify-content:flex-end;gap:12px;display:flex}.cancel-btn,.save-btn{cursor:pointer;border-radius:8px;padding:10px 18px;font-weight:600}.cancel-btn{color:#4f4f60;background:#fff;border:1px solid #d2d2dd}.save-btn{color:#fff;background:#4338ca;border:none}.save-btn:hover{background:#352bb0}@media (width<=900px){.settings-layout{grid-template-columns:1fr}.settings-menu{grid-template-columns:repeat(4,1fr);display:grid}}@media (width<=700px){.settings-page{padding:20px}.settings-menu{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.profile-picture-section{flex-direction:column;align-items:flex-start}}.login-page{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-visual{background:#f5f6ff;flex-direction:column;min-height:100vh;padding:42px 70px;display:flex;position:relative;overflow:hidden}.login-brand img{object-fit:contain;width:60px;height:60px}.login-hero-image{border-radius:18px;width:100%;max-width:480px;height:330px;margin:80px auto 0;overflow:hidden}.login-hero-image img{object-fit:cover;width:100%;height:100%}.login-message{width:100%;max-width:480px;margin:40px auto 0}.login-message h1{color:#3f32d4;margin:0;font-size:48px;font-weight:800;line-height:1.3}.login-message p{color:#4f4f60;max-width:430px;margin:22px 0 0;font-size:16px;line-height:1.7}.trusted-section{color:#777789;letter-spacing:.7px;align-items:center;gap:15px;margin-top:auto;font-size:11px;font-weight:700;display:flex}.trusted-dots{gap:7px;display:flex}.trusted-dots span{background:#c8c9d9;border-radius:50%;width:8px;height:8px}.login-form-side{background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:50px;display:flex}.login-form-container{width:100%;max-width:440px}.login-form-container h2{color:#171726;margin:0;font-size:36px}.login-subtitle{color:#626273;margin:8px 0 36px;font-size:15px}.login-form{width:100%}.auth-form-group{margin-bottom:22px}.auth-form-group label{color:#292938;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.password-label-row{justify-content:space-between;align-items:center;display:flex}.password-label-row button{color:#4338ca;cursor:pointer;background:0 0;border:none;font-size:11px}.auth-input-wrapper{background:#fff;border:1px solid #d5d5df;border-radius:8px;align-items:center;gap:10px;min-height:54px;padding:0 14px;display:flex}.auth-input-wrapper:focus-within{border-color:#4338ca;box-shadow:0 0 0 3px #4338ca14}.auth-input-wrapper>span{color:#777789}.auth-input-wrapper input{color:#242433;min-width:0;font:inherit;background:0 0;border:none;outline:none;flex:1}.password-eye{cursor:pointer}.remember-row{color:#556;cursor:pointer;align-items:center;gap:9px;margin:5px 0 24px;font-size:13px;display:flex}.remember-row input{width:17px;height:17px}.signin-btn{color:#fff;cursor:pointer;background:#4338ca;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font-weight:700;display:flex}.signin-btn:hover{background:#352bb0}.auth-divider{text-align:center;margin:30px 0;position:relative}.auth-divider:before{content:"";background:#e2e2e9;height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{color:#777789;letter-spacing:.5px;background:#fff;padding:0 15px;font-size:10px;position:relative}.social-login-buttons{grid-template-columns:1fr 1fr;gap:14px;display:grid}.social-login-buttons button{color:#333342;cursor:pointer;background:#fff;border:1px solid #d5d5df;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;font-weight:600;display:flex}.social-login-buttons button:hover{background:#f8f8fd}.create-account-text{text-align:center;color:#556;margin:30px 0;font-size:13px}.create-account-text a{color:#4338ca;font-weight:600;text-decoration:none}.auth-footer{color:#81818f;border-top:1px solid #ececf2;justify-content:center;gap:25px;padding-top:25px;font-size:10px;display:flex}@media (width<=950px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-form-side{padding:30px}}@media (width<=520px){.login-form-side{padding:24px}.login-form-container h2{font-size:30px}.social-login-buttons{grid-template-columns:1fr}}.register-page{background:#f8f8fd;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.register-card{background:#fff;border:1px solid #e0e0e8;border-radius:14px;width:100%;max-width:500px;padding:42px 36px;box-shadow:0 12px 32px #26215b14}.register-logo{object-fit:contain;width:64px;height:64px;margin:0 auto 22px;display:block}.register-card h1{text-align:center;color:#171726;margin:0;font-size:30px}.register-subtitle{text-align:center;color:#6f6f7e;margin:8px 0 30px;font-size:14px}.register-form-group{margin-bottom:18px}.register-form-group label{color:#292938;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.register-input-wrapper{background:#fbfbfe;border:1px solid #d5d5df;border-radius:7px;align-items:center;gap:10px;min-height:50px;padding:0 13px;display:flex}.register-input-wrapper:focus-within{border-color:#4338ca;box-shadow:0 0 0 3px #4338ca14}.register-input-wrapper span{color:#777789}.register-input-wrapper input{color:#242433;min-width:0;font:inherit;background:0 0;border:none;outline:none;flex:1}.password-strength{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px;display:grid}.password-strength span{background:#d7d7e2;border-radius:20px;height:4px}.password-strength span.weak{background:#dc2626}.password-strength span.fair{background:#f59e0b}.password-strength span.good{background:#10b981}.password-strength span.strong{background:#059669}.register-form-group small{color:#666676;margin-top:5px;font-size:10px;display:block}.create-account-btn{color:#fff;cursor:pointer;background:#4338ca;border:none;border-radius:7px;width:100%;min-height:50px;margin-top:5px;font-weight:700}.create-account-btn:hover{background:#352bb0}.signin-account-text{text-align:center;color:#556;margin:28px 0 0;font-size:13px}.signin-account-text a{color:#4338ca;font-weight:600;text-decoration:none}@media (width<=520px){.register-card{padding:32px 22px}.register-card h1{font-size:26px}}.offline-banner{color:#664d03;background:#fff3cd;border:1px solid #ffecb5;border-radius:8px;width:100%;margin-bottom:16px;padding:12px 16px;font-weight:600}