@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap";:root{--bg: #0c0c0f;--surface: #141418;--surface2: #1c1c22;--surface3: #24242c;--border: #2a2a35;--border2: #35353f;--text: #f0f0f5;--text2: #9898a8;--text3: #5a5a6a;--accent: #e8ff47;--accent2: #b8cc30;--red: #ff4d6d;--orange: #ff8c42;--blue: #4d9fff;--purple: #a855f7;--green: #34d399;--sidebar-w: 240px;--sidebar-w-collapsed: 64px;--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--shadow-card: 0 8px 24px rgba(0,0,0,.2);--shadow-modal: 0 24px 48px rgba(0,0,0,.5);--overlay-bg: rgba(0,0,0,.6);--overlay-subtle: rgba(0,0,0,.5)}html[data-theme=light]{--bg: #F4F4F0;--surface: #FFFFFF;--surface2: #F0F0EC;--surface3: #E8E8E4;--border: #D8D8D2;--border2: #C8C8C0;--text: #0C0C0F;--text2: #4A4A5A;--text3: #8A8A9A;--accent: #E8FF47;--accent2: #b8cc30;--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--shadow-card: 0 4px 16px rgba(0,0,0,.08);--shadow-modal: 0 16px 40px rgba(0,0,0,.15);--overlay-bg: rgba(0,0,0,.35);--overlay-subtle: rgba(0,0,0,.25)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:Syne,sans-serif;letter-spacing:-.02em}.app-shell{height:100vh;display:flex;overflow:hidden}.main-content{margin-left:var(--sidebar-w);background:var(--bg);flex:1;transition:margin-left .25s cubic-bezier(.4,0,.2,1);overflow-y:auto}.main-content.sidebar-collapsed{margin-left:var(--sidebar-w-collapsed)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}*:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:6px}input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:none;border-color:var(--accent)}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.badge-todo{background:var(--surface3);color:var(--text2)}.badge-inprogress{color:#f5c542;background:#f5c54226}.badge-review{color:var(--purple);background:#a855f726}.badge-done{color:var(--green);background:#34d39926}.priority-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.priority-urgent{background:var(--red)}.priority-high{background:var(--orange)}.priority-medium{background:var(--blue)}.priority-low{background:var(--text3)}button{cursor:pointer;border:none;outline:none;font-family:DM Sans,sans-serif}input,textarea,select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text3)}input::placeholder,textarea::placeholder{color:var(--text3)}.btn-primary{background:var(--accent);color:#0c0c0f;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:6px}.btn-primary:hover:not(:disabled){background:var(--accent2);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-ghost{color:var(--text2);background:transparent;border-radius:8px;padding:8px 12px;font-size:13px;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-icon{color:var(--text3);background:transparent;border-radius:6px;padding:6px;transition:all .2s;display:inline-flex;justify-content:center;align-items:center}.btn-icon:hover{background:var(--surface2);color:var(--text)}.btn-danger{background:var(--red);color:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-danger:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.btn-sm{font-size:12px;padding:5px 10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translateY(8px)}}@keyframes slideIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards}.skeleton{background:linear-gradient(90deg,var(--surface2) 25%,var(--surface3) 37%,var(--surface2) 63%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:6px}.skeleton-line{height:14px;margin-bottom:8px}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-card{height:120px;border-radius:12px}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:100;display:flex;flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar-header{border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;min-height:60px;padding:16px 12px}.logo{display:flex;align-items:center;gap:10px;overflow:hidden}.logo-icon{background:var(--accent);color:#0c0c0f;border-radius:8px;flex-shrink:0;width:32px;height:32px;font-family:Syne,sans-serif;font-size:16px;font-weight:800;display:flex;justify-content:center;align-items:center}.logo-text{color:var(--text);white-space:nowrap;font-family:Syne,sans-serif;font-size:16px;font-weight:700}.toggle-btn{color:var(--text3);flex-shrink:0;font-size:12px}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.nav-label{letter-spacing:.08em;color:var(--text3);white-space:nowrap;padding:8px 10px 4px;font-size:10px;font-weight:700;text-transform:uppercase}.nav-item{width:100%;color:var(--text2);white-space:nowrap;background:transparent;border-radius:8px;display:flex;align-items:center;gap:10px;margin-bottom:2px;padding:9px 10px;font-size:13.5px;transition:all .15s;position:relative;text-align:left}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{color:var(--accent);background:#e8ff471a}.nav-item:focus-visible{box-shadow:var(--focus-ring)}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:15px;display:inline-flex;justify-content:center}.nav-text{flex:1;text-align:left}.unread-badge{background:var(--accent);color:#0c0c0f;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;justify-content:center;align-items:center;flex-shrink:0}.sidebar-projects{border-top:1px solid var(--border);padding:12px 8px;overflow-y:auto;flex:1;min-height:0}.project-item{cursor:pointer;border-radius:7px;display:flex;align-items:center;gap:8px;margin-bottom:1px;padding:7px 10px;transition:background .15s}.project-item:hover{background:var(--surface2)}.project-item:focus-visible{box-shadow:var(--focus-ring)}.project-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.project-name{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden;text-align:left}.project-count{color:var(--text3);background:var(--surface3);border-radius:4px;padding:1px 6px;font-size:11px;flex-shrink:0}.add-project{width:100%;color:var(--text3);justify-content:flex-start;margin-top:4px;padding:6px 10px;font-size:12px;text-align:left}.sidebar-footer{border-top:1px solid var(--border);padding:12px}.user-card{cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:10px;padding:8px;transition:background .15s}.user-card:hover{background:var(--surface2)}.user-card:focus-visible{box-shadow:var(--focus-ring)}.user-avatar{color:#0c0c0f;background:linear-gradient(135deg,#e8ff47,#b8cc30);border-radius:8px;flex-shrink:0;width:32px;height:32px;font-size:11px;font-weight:700;display:flex;justify-content:center;align-items:center}.user-info{overflow:hidden}.user-name{color:var(--text);white-space:nowrap;font-size:13px;font-weight:500;text-align:left}.user-role{color:var(--text3);white-space:nowrap;font-size:11px;text-align:left}.dashboard{max-width:1400px;padding:32px}.dash-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:16px}.dash-greeting{color:var(--text);margin-bottom:4px;font-size:26px;font-weight:700}.dash-date{color:var(--text3);font-size:13px}.dash-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:var(--shadow-card)}.stat-card:focus-visible{box-shadow:var(--focus-ring)}.stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:8px;font-size:11px;font-weight:600}.stat-value{color:var(--text);margin-bottom:12px;font-family:Syne,sans-serif;font-size:36px;font-weight:700;line-height:1}.stat-value.accent{color:var(--accent)}.stat-value.green{color:var(--green)}.stat-value.red{color:var(--red)}.stat-bar{background:var(--surface3);border-radius:2px;height:3px;overflow:hidden}.stat-fill{border-radius:2px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h3{color:var(--text);font-size:15px;font-weight:600}.task-list,.team-list,.projects-list{display:flex;flex-direction:column;gap:2px}.task-row{cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:10px;padding:10px 8px;transition:background .15s}.task-row:hover{background:var(--surface2)}.task-row:focus-visible{box-shadow:var(--focus-ring)}.task-row-content{flex:1;min-width:0}.task-row-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.task-row-meta{display:flex;gap:8px;margin-top:2px}.task-project{font-size:11px;font-weight:500}.task-due{color:var(--text3);font-size:11px}.mini-avatar{background:var(--surface3);width:24px;height:24px;color:var(--text2);border-radius:6px;flex-shrink:0;display:flex;justify-content:center;align-items:center;font-size:9px;font-weight:700}.team-row{cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:10px;padding:10px 8px;transition:background .15s}.team-row:hover{background:var(--surface2)}.team-row:focus-visible{box-shadow:var(--focus-ring)}.team-avatar-wrap{position:relative}.team-avatar{background:var(--surface3);width:32px;height:32px;color:var(--text2);border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:11px;font-weight:700}.team-row-info{flex:1;min-width:0}.team-row-name{color:var(--text);font-size:13px;font-weight:500}.team-row-role{color:var(--text3);font-size:11px}.team-progress{display:flex;flex-direction:column;align-items:flex-end;gap:4px;width:60px}.team-progress-text{color:var(--text3);font-size:11px}.team-progress-bar{background:var(--surface3);border-radius:2px;width:100%;height:3px;overflow:hidden}.team-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .5s}.project-row{cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:10px;padding:10px 8px;transition:background .15s}.project-row:hover{background:var(--surface2)}.project-row:focus-visible{box-shadow:var(--focus-ring)}.project-row-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.project-row-info{flex:1;min-width:0}.project-row-name{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:500}.project-row-bar{display:flex;align-items:center;gap:8px}.project-row-track{background:var(--surface3);border-radius:2px;flex:1;height:3px;overflow:hidden}.project-row-fill{border-radius:2px;height:100%;transition:width .5s}.project-row-pct{color:var(--text3);text-align:right;width:28px;font-size:11px}.project-row-count{color:var(--text3);white-space:nowrap;font-size:11px}.empty-state{text-align:center;color:var(--text3);padding:24px;font-size:13px;line-height:1.6}.empty-state-icon{font-size:28px;margin-bottom:8px;opacity:.6}.empty-state-heading{color:var(--text2);font-size:14px;font-weight:500;margin-bottom:4px}.empty-state-action{margin-top:12px}.board-view{display:flex;flex-direction:column;height:100%;padding:32px}.board-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.board-header h2{font-size:22px;font-weight:700}.board-subtitle{color:var(--text3);margin-top:2px;font-size:13px}.board-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.board-actions select{padding:8px 12px;font-size:13px}.board-actions input{font-size:13px}.kanban-board{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;min-height:0;overflow:hidden}.kanban-col{background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s,background .2s}.kanban-col.drag-over{border-color:var(--accent);background:#e8ff4708}.kanban-col.col-highlighted{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.col-header{border-bottom:1px solid var(--border);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:14px 16px}.col-title{color:var(--text);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.col-dot{border-radius:50%;width:8px;height:8px}.col-count{background:var(--surface3);color:var(--text3);border-radius:10px;padding:2px 7px;font-size:11px;font-weight:600}.col-tasks{display:flex;flex-direction:column;flex:1;gap:8px;padding:12px;overflow-y:auto}.kanban-card{background:var(--surface2);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:10px;padding:14px;transition:all .15s cubic-bezier(.4,0,.2,1)}.kanban-card:hover{border-color:var(--border2);transform:translateY(-1px);box-shadow:var(--shadow-card)}.kanban-card:focus-visible{box-shadow:var(--focus-ring)}.kanban-card.dragging{opacity:.4;transform:rotate(2deg)}.card-project{letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:600}.card-title{color:var(--text);margin-bottom:8px;font-size:13px;line-height:1.4}.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.card-tag{color:var(--text3);background:var(--surface3);border-radius:4px;padding:2px 6px;font-size:10px}.card-footer{display:flex;justify-content:space-between;align-items:center}.card-meta{display:flex;align-items:center;gap:8px}.card-due{color:var(--text3);font-size:11px}.card-due.overdue{color:var(--red)}.card-assignee{background:var(--surface3);width:22px;height:22px;color:var(--text2);border-radius:5px;display:flex;justify-content:center;align-items:center;font-size:9px;font-weight:700}.add-task-btn{border:1px dashed var(--border);color:var(--text3);text-align:left;cursor:pointer;background:transparent;border-radius:8px;width:100%;padding:8px;font-size:12px;transition:all .15s}.add-task-btn:hover{border-color:var(--border2);color:var(--text2);background:var(--surface2)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:var(--overlay-bg);display:flex;justify-content:center;align-items:center;padding:24px;position:fixed;top:0;right:0;bottom:0;left:0;animation:fadeIn .15s}.modal-box{background:var(--surface);border:1px solid var(--border2);border-radius:16px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;animation:slideIn .2s cubic-bezier(.4,0,.2,1)}.modal-header{border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:20px 24px}.modal-header h3{font-size:16px;font-weight:600}.modal-body{display:flex;flex-direction:column;gap:16px;padding:24px}.modal-footer{border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;padding:16px 24px}.form-group{display:flex;flex-direction:column;flex:1;gap:6px}.form-group label{letter-spacing:.05em;text-transform:uppercase;color:var(--text3);font-size:11px;font-weight:600}.form-row{display:flex;gap:12px}.task-modal{background:var(--surface);border:1px solid var(--border2);border-radius:16px;width:100%;max-width:600px;max-height:85vh;overflow-y:auto;animation:slideIn .2s cubic-bezier(.4,0,.2,1);position:relative}.task-modal-header{border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.task-modal-project{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.task-modal-actions{display:flex;align-items:center;gap:4px}.task-modal-body{display:flex;flex-direction:column;gap:20px;padding:24px}.task-modal-title{color:var(--text);font-size:20px;font-weight:700;line-height:1.3}.task-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meta-item{display:flex;flex-direction:column;gap:6px}.meta-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text3);font-size:10px;font-weight:700}.task-section{display:flex;flex-direction:column;gap:6px}.task-description{color:var(--text2);margin-top:6px;font-size:13px;line-height:1.6}.task-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.comment-input-row{display:flex;align-items:center;gap:10px}.comment-item{display:flex;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}.comment-item:last-child{border-bottom:none}.comment-header{display:flex;align-items:center;gap:6px;font-size:12px;flex-wrap:wrap}.comment-author{color:var(--text);font-weight:500}.comment-time{color:var(--text3);font-weight:400}.comment-actions{display:inline-flex;gap:2px;margin-left:4px;opacity:0;transition:opacity .15s}.comment-item:hover .comment-actions{opacity:1}.comment-text{font-size:13px;color:var(--text2);margin-top:4px;line-height:1.5}.team-view{padding:32px}.team-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:16px}.team-header h2{font-size:22px;font-weight:700}.team-subtitle{color:var(--text3);margin-top:2px;font-size:13px}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.member-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.member-card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:var(--shadow-card)}.member-card:focus-visible{box-shadow:var(--focus-ring)}.member-card-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.member-avatar-wrap{position:relative}.member-avatar{background:var(--surface3);width:44px;height:44px;color:var(--text2);border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700}.status-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--surface)}.status-dot.online{background:var(--green)}.status-dot.away{background:var(--orange)}.status-dot.offline{background:var(--text3)}.member-name{color:var(--text);font-size:14px;font-weight:600}.member-role{color:var(--text3);font-size:12px;margin-top:1px}.member-status{font-size:11px;text-transform:capitalize;margin-top:2px}.member-status.online{color:var(--green)}.member-status.away{color:var(--orange)}.member-status.offline{color:var(--text3)}.member-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;padding:12px;background:var(--surface2);border-radius:8px}.member-stat{text-align:center}.member-stat-val{color:var(--text);font-size:16px;font-weight:700;font-family:Syne,sans-serif}.member-stat-label{color:var(--text3);font-size:10px;margin-top:2px}.member-progress-section{margin-bottom:12px}.member-progress-label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:11px;color:var(--text3)}.member-progress-bar{background:var(--surface3);height:4px;border-radius:2px;overflow:hidden}.member-progress-fill{background:var(--accent);height:100%;border-radius:2px;transition:width .5s}.member-task{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px;color:var(--text2)}.member-task-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-task-project{flex-shrink:0}.calendar-view{padding:32px}.cal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.cal-header h2{font-size:22px;font-weight:700}.cal-subtitle{color:var(--text3);margin-top:2px;font-size:13px}.cal-nav{display:flex;align-items:center;gap:12px}.cal-month{color:var(--text);font-family:Syne,sans-serif;font-size:16px;font-weight:600;min-width:160px;text-align:center}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:24px}.cal-day-label{background:var(--surface);color:var(--text3);text-align:center;padding:10px;font-size:11px;font-weight:600;letter-spacing:.05em}.cal-cell{background:var(--surface);min-height:90px;padding:8px;transition:background .15s;cursor:pointer}.cal-cell:hover{background:var(--surface2)}.cal-cell.empty{background:var(--bg);cursor:default}.cal-cell.empty:hover{background:var(--bg)}.cal-cell.today{background:#e8ff470d}.cal-cell.cal-drop-target{background:#e8ff471a;outline:1px dashed var(--accent);outline-offset:-2px}.cal-day-num{font-size:12px;color:var(--text3);margin-bottom:4px}.cal-day-num.today-num{color:var(--accent);font-weight:700}.cal-task-dots{display:flex;flex-direction:column;gap:2px}.cal-task-chip{background:var(--surface2);border-radius:4px;padding:2px 6px;font-size:10px;color:var(--text2);display:flex;align-items:center;gap:4px;overflow:hidden;cursor:grab;transition:background .15s}.cal-task-chip:hover{background:var(--surface3)}.cal-chip-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-more{font-size:10px;color:var(--text3);padding:2px 6px}.cal-upcoming{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.cal-upcoming h3{font-size:15px;font-weight:600;margin-bottom:16px}.upcoming-list{display:flex;flex-direction:column;gap:2px}.upcoming-item{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:8px;cursor:pointer;transition:background .15s}.upcoming-item:hover{background:var(--surface2)}.upcoming-item:focus-visible{box-shadow:var(--focus-ring)}.upcoming-item.overdue{background:#ff4d6d0d}.upcoming-date{color:var(--text3);font-size:12px;font-weight:600;min-width:50px}.upcoming-content{flex:1;min-width:0}.upcoming-title{color:var(--text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-project{font-size:11px;margin-top:1px}.overdue-tag{background:#ff4d6d26;color:var(--red);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.inbox-view{padding:32px;max-width:700px}.inbox-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.inbox-header h2{font-size:22px;font-weight:700}.inbox-subtitle{color:var(--text3);margin-top:2px;font-size:13px}.inbox-section{margin-bottom:24px}.inbox-section-label{color:var(--text3);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:8px 0}.notif-card{display:flex;align-items:flex-start;gap:12px;padding:14px 12px;border-radius:10px;cursor:pointer;transition:all .15s;border:1px solid transparent}.notif-card:hover{background:var(--surface)}.notif-card:focus-visible{box-shadow:var(--focus-ring)}.notif-card.unread{background:var(--surface);border-color:var(--border)}.notif-icon{width:36px;height:36px;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:14px;flex-shrink:0}.notif-icon.type-mention{background:#4d9fff26;color:var(--blue)}.notif-icon.type-assigned{background:#a855f726;color:var(--purple)}.notif-icon.type-comment{background:#e8ff4726;color:var(--accent)}.notif-icon.type-due{background:#ff4d6d26;color:var(--red)}.notif-icon.type-status{background:#34d39926;color:var(--green)}.notif-content{flex:1;min-width:0}.notif-type{font-size:10px;font-weight:700;color:var(--text3);letter-spacing:.06em;text-transform:uppercase}.notif-text{font-size:13px;color:var(--text);margin-top:2px}.notif-time{font-size:11px;color:var(--text3);margin-top:4px}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px}.inbox-empty{text-align:center;padding:48px}.inbox-empty-icon{font-size:32px;color:var(--text3);margin-bottom:12px;opacity:.6}.inbox-empty-text{color:var(--text2);font-size:14px;font-weight:500}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--overlay-subtle);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;animation:fadeIn .15s}.search-box{background:var(--surface);border:1px solid var(--border2);border-radius:16px;width:100%;max-width:560px;overflow:hidden;box-shadow:var(--shadow-modal);animation:slideIn .2s cubic-bezier(.4,0,.2,1)}.search-input-wrap{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.search-input-wrap input{flex:1;background:transparent;border:none;color:var(--text);font-size:16px;padding:0}.search-input-wrap input:focus{border:none;box-shadow:none}.search-icon{color:var(--text3);font-size:18px;flex-shrink:0}.search-kbd{color:var(--text3);background:var(--surface3);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;cursor:pointer;flex-shrink:0}.search-results{max-height:400px;overflow-y:auto;padding:8px}.search-result-group{padding:4px 12px}.search-result-label{color:var(--text3);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:8px 0 4px}.search-result-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .1s}.search-result-item:hover,.search-result-item.active{background:var(--surface2)}.search-result-item .result-title{color:var(--text);font-size:13px;flex:1}.search-result-item .result-meta{color:var(--text3);font-size:11px;flex-shrink:0}.search-empty{text-align:center;color:var(--text3);padding:32px;font-size:13px}.search-hint{padding:8px 12px;font-size:11px;color:var(--text3);border-top:1px solid var(--border);display:flex;gap:12px}.color-picker-grid{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:28px;height:28px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .15s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:var(--text);transform:scale(1.15)}.color-swatch:focus-visible{box-shadow:var(--focus-ring)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:3000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;background:var(--surface);border:1px solid var(--border2);border-radius:10px;padding:12px 16px;font-size:13px;color:var(--text);display:flex;align-items:center;gap:8px;animation:slideIn .25s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-card);max-width:320px}.toast-icon{font-size:16px;flex-shrink:0}.toast.success{border-left:3px solid var(--green)}.toast.info{border-left:3px solid var(--blue)}.toast.warning{border-left:3px solid var(--orange)}.input-error{border-color:var(--red)!important}.form-error{color:var(--red);font-size:11px;margin-top:2px}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{transform:none;background:var(--accent)}.mobile-menu-btn{display:none;position:fixed;top:16px;left:16px;z-index:200;background:var(--surface);border:1px solid var(--border);width:40px;height:40px;font-size:18px;border-radius:8px}.sidebar-mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-subtle);z-index:99}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.kanban-board{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.mobile-menu-btn{display:inline-flex}.sidebar-mobile-overlay{display:block}.sidebar{display:none}.sidebar.mobile-open{display:flex;z-index:150}.main-content{margin-left:0!important;padding-top:56px}.stats-grid{grid-template-columns:1fr 1fr}.kanban-board{grid-template-columns:1fr;overflow-y:auto}.team-grid{grid-template-columns:1fr}.dashboard,.board-view,.team-view,.calendar-view,.inbox-view,.activity-view{padding:16px}.dash-header,.board-header,.team-header,.cal-header,.inbox-header,.activity-header{flex-direction:column;gap:12px}.board-actions{width:100%}.board-actions input{width:100%!important}.board-actions select{flex:1;min-width:0}.form-row{flex-direction:column}.task-meta-grid{grid-template-columns:1fr}.cal-grid{font-size:11px}.cal-cell{min-height:60px;padding:4px}.modal-overlay{padding:12px;align-items:flex-end}.modal-box,.task-modal{max-height:90vh;border-radius:16px 16px 0 0}.search-overlay{padding-top:8vh;padding:12px}.search-box{max-width:100%}.toast-container{bottom:12px;right:12px;left:12px}.toast{max-width:100%}.invite-row{flex-direction:column;align-items:flex-start;gap:10px}.invite-actions{align-self:flex-end}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.stat-value{font-size:28px}.member-stats{grid-template-columns:repeat(2,1fr)}}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--bg);padding:24px}.auth-container{width:100%;max-width:400px;animation:slideIn .4s cubic-bezier(.4,0,.2,1)}.auth-brand{text-align:center;margin-bottom:32px}.auth-brand .logo-icon{margin:0 auto 24px}.auth-title{color:var(--text);font-family:Syne,sans-serif;font-size:24px;font-weight:700;margin-bottom:6px}.auth-subtitle{color:var(--text3);font-size:14px}.auth-form{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;gap:16px}.auth-submit{width:100%;justify-content:center;padding:12px 16px;font-size:14px;margin-top:4px}.auth-error{background:#ff4d6d1a;color:var(--red);border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.4}.auth-success{background:#34d3991a;color:var(--green);border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.4}.auth-footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:20px}.auth-footer-text{color:var(--text3);font-size:13px}.auth-link{background:none;border:none;color:var(--text2);font-size:13px;cursor:pointer;padding:4px 0;transition:color .15s;font-family:DM Sans,sans-serif}.auth-link:hover{color:var(--text)}.auth-icon-btn{background:none;border:none;color:var(--text3);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:color .15s,background .15s}.auth-icon-btn:hover{color:var(--text);background:var(--surface2)}.auth-icon-btn:disabled{opacity:.3;cursor:default}.auth-link.accent{color:var(--accent);font-weight:600}.auth-link.accent:hover{color:var(--accent2)}.auth-divider{width:100%;height:1px;background:var(--border);margin:8px 0}.subtask-progress-bar{background:var(--surface3);border-radius:2px;height:3px;overflow:hidden;margin:4px 0 8px}.subtask-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.subtask-list{display:flex;flex-direction:column;gap:2px}.subtask-item{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:6px;transition:background .15s}.subtask-item:hover{background:var(--surface2)}.subtask-item:hover .subtask-delete{opacity:1}.subtask-item.completed .subtask-title{color:var(--text3);text-decoration:line-through}.subtask-check{width:18px;height:18px;border-radius:4px;flex-shrink:0;border:1.5px solid var(--border2);background:transparent;color:transparent;display:flex;justify-content:center;align-items:center;font-size:11px;transition:all .15s;cursor:pointer}.subtask-check:hover{border-color:var(--accent)}.subtask-check.checked{background:var(--accent);border-color:var(--accent);color:#0c0c0f}.subtask-title{flex:1;font-size:13px;color:var(--text);cursor:pointer;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subtask-delete{opacity:0;transition:opacity .15s;color:var(--text3)}.subtask-add-row{display:flex;align-items:center;gap:8px;margin-top:8px}.card-subtask-progress{display:flex;align-items:center;gap:6px;margin-bottom:6px}.card-subtask-bar{background:var(--surface3);border-radius:2px;flex:1;height:3px;overflow:hidden}.card-subtask-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.card-subtask-text{color:var(--text3);font-size:10px;flex-shrink:0}.attachment-grid{display:flex;flex-direction:column;gap:6px;margin-top:4px}.attachment-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background:var(--surface2);transition:background .15s}.attachment-item:hover{background:var(--surface3)}.attachment-thumb{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0}.attachment-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.attachment-file-icon{width:40px;height:40px;border-radius:6px;background:var(--surface3);display:flex;justify-content:center;align-items:center;font-size:18px;flex-shrink:0;text-decoration:none}.attachment-info{flex:1;min-width:0}.attachment-name{color:var(--text);font-size:13px;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-name:hover{color:var(--accent)}.attachment-size{color:var(--text3);font-size:11px}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#e8ff4714;border:2px dashed var(--accent);border-radius:16px;display:flex;justify-content:center;align-items:center;animation:fadeIn .15s}.drop-overlay-text{color:var(--accent);font-size:16px;font-weight:600;font-family:Syne,sans-serif}.task-tabs{display:flex;gap:2px}.task-tab{background:transparent;color:var(--text3);border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:DM Sans,sans-serif}.task-tab:hover{color:var(--text);background:var(--surface2)}.task-tab.active{color:var(--accent);background:#e8ff471a}.task-activity-timeline{display:flex;flex-direction:column;gap:0;padding-left:12px;border-left:2px solid var(--border)}.timeline-entry{display:flex;align-items:flex-start;gap:12px;padding:10px 0;position:relative}.timeline-dot{position:absolute;left:-19px;top:14px;width:8px;height:8px;border-radius:50%;background:var(--border2);border:2px solid var(--surface)}.timeline-content{display:flex;flex-direction:column;gap:2px}.timeline-action{font-size:13px;color:var(--text2)}.timeline-time{font-size:11px;color:var(--text3)}.activity-view{padding:32px;max-width:800px}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.activity-header h2{font-size:22px;font-weight:700}.activity-subtitle{color:var(--text3);margin-top:2px;font-size:13px}.activity-group{margin-bottom:24px}.activity-group-label{color:var(--text3);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:8px 0}.activity-card{display:flex;align-items:flex-start;gap:12px;padding:12px 10px;border-radius:10px;transition:all .15s;border:1px solid transparent}.activity-card.clickable{cursor:pointer}.activity-card.clickable:hover{background:var(--surface);border-color:var(--border)}.activity-card.clickable:focus-visible{box-shadow:var(--focus-ring)}.activity-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0;display:flex;justify-content:center;align-items:center;font-size:14px;background:var(--surface2);color:var(--text2)}.activity-icon.action-task_created{background:#e8ff4726;color:var(--accent)}.activity-icon.action-status_changed{background:#34d39926;color:var(--green)}.activity-icon.action-assignee_changed{background:#a855f726;color:var(--purple)}.activity-icon.action-comment_added{background:#4d9fff26;color:var(--blue)}.activity-icon.action-task_deleted{background:#ff4d6d26;color:var(--red)}.activity-icon.action-attachment_added{background:#ff8c4226;color:var(--orange)}.activity-icon.action-project_created{background:#e8ff4726;color:var(--accent)}.activity-content{flex:1;min-width:0}.activity-text{font-size:13px;color:var(--text)}.activity-actor{font-weight:500}.activity-target{color:var(--text2)}.activity-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:3px;font-size:11px}.activity-time{color:var(--text3)}.activity-project{font-weight:500}.activity-change{color:var(--text3);background:var(--surface2);border-radius:4px;padding:1px 6px}.activity-file{color:var(--text3)}.team-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px}.team-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text3);font-size:13px;font-weight:500;padding:10px 16px;cursor:pointer;transition:all .15s;font-family:DM Sans,sans-serif}.team-tab:hover{color:var(--text2)}.team-tab.active{color:var(--text);border-bottom-color:var(--accent)}.workspace-role-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px;border:1px solid;line-height:1;white-space:nowrap}.invite-role-grid{display:flex;flex-direction:column;gap:6px}.invite-role-option{display:flex;flex-direction:column;gap:2px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;cursor:pointer;text-align:left;transition:all .15s;font-family:DM Sans,sans-serif}.invite-role-option:hover{border-color:var(--border2);background:var(--surface3)}.invite-role-option.active{border-color:var(--accent);background:#e8ff470d}.invite-role-label{font-size:13px;font-weight:500;color:var(--text)}.invite-role-desc{font-size:11px;color:var(--text3)}.invites-list{display:flex;flex-direction:column;gap:8px}.invite-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 18px;transition:border-color .15s}.invite-row:hover{border-color:var(--border2)}.invite-info{display:flex;flex-direction:column;gap:4px}.invite-email{font-size:14px;font-weight:500;color:var(--text)}.invite-meta{display:flex;align-items:center;gap:8px}.invite-actions{display:flex;gap:6px}.role-change-btn{opacity:0;transition:opacity .15s}.member-card:hover .role-change-btn{opacity:1}.alert-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:12px;line-height:1.5}.alert-banner.warning{background:#ff8c421a;color:var(--orange)}.alert-banner.info{background:#4d9fff1a;color:var(--blue)}.alert-banner.success{background:#34d3991a;color:var(--green)}.profile-view{padding:32px;max-width:640px}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.profile-header h2{font-family:Syne,sans-serif;font-size:20px;font-weight:700}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;display:flex;gap:32px}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;min-width:100px}.profile-avatar-large{width:80px;height:80px;border-radius:50%;background:var(--accent);color:#0c0c0f;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:28px}.profile-details{flex:1;display:flex;flex-direction:column;gap:16px}.profile-field{display:flex;flex-direction:column;gap:4px}.profile-field-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text3)}.profile-field-value{font-size:14px;color:var(--text)}@media (max-width: 600px){.profile-card{flex-direction:column;align-items:center;text-align:center}.profile-details{width:100%}}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px}.client-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;cursor:pointer;transition:border-color .2s,transform .15s}.client-card:hover{border-color:var(--border2);transform:translateY(-1px)}.client-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.client-dot{width:12px;height:12px;border-radius:4px;flex-shrink:0}.client-dot-lg{width:18px;height:18px;border-radius:6px;flex-shrink:0}.client-card-name{font-family:Syne,sans-serif;font-weight:600;font-size:15px;flex:1}.client-card-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.client-card:hover .client-card-actions{opacity:1}.client-card-desc{font-size:12px;color:var(--text3);margin-bottom:10px;line-height:1.4}.client-card-stats{display:flex;gap:16px;font-size:12px;color:var(--text2)}.btn-icon-sm{background:none;border:none;color:var(--text3);cursor:pointer;font-size:13px;padding:4px 6px;border-radius:4px;transition:background .15s,color .15s}.btn-icon-sm:hover{background:var(--surface3);color:var(--text)}.client-form-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.client-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:0}.client-tab{background:none;border:none;color:var(--text3);font-size:13px;font-weight:500;padding:10px 16px;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.client-tab:hover{color:var(--text2)}.client-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.client-items-list{display:flex;flex-direction:column;gap:2px}.client-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background:var(--surface);border:1px solid var(--border);transition:background .15s}.client-item:hover{background:var(--surface2)}.client-item.clickable{cursor:pointer}.stakeholder-avatar{width:32px;height:32px;border-radius:8px;background:var(--surface3);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text2);flex-shrink:0}.empty-state{text-align:center;padding:60px 20px;color:var(--text2)}.empty-state h3{font-family:Syne,sans-serif;margin-bottom:4px}.empty-state-sm{padding:30px 16px;text-align:center;color:var(--text3);font-size:13px}.btn-sm{font-size:12px;padding:6px 14px}.client-workspace{height:100vh;display:flex;flex-direction:column;background:var(--bg)}.client-ws-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.client-ws-body{display:flex;flex:1;overflow:hidden}.client-ws-sidebar{width:240px;border-right:1px solid var(--border);background:var(--surface);overflow-y:auto;flex-shrink:0}.client-ws-nav{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:none;border:none;color:var(--text2);font-size:13px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.client-ws-nav:hover{background:var(--surface2);color:var(--text)}.client-ws-nav.active{background:var(--surface2);color:var(--accent)}.client-ws-main{flex:1;overflow-y:auto;padding:24px 32px}.client-task-detail{max-width:700px}.client-comments{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.client-comment{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px}.mention-dropdown{position:absolute;bottom:100%;left:0;right:0;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:4px;margin-bottom:4px;z-index:50;max-height:200px;overflow-y:auto}.mention-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:none;background:transparent;color:var(--text);font-size:13px;border-radius:6px;cursor:pointer;text-align:left}.mention-item:hover{background:var(--surface3)}.client-item-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s}.client-item:hover .client-item-actions{opacity:1}@media (max-width: 768px){.clients-grid{grid-template-columns:1fr}.client-ws-sidebar{display:none}.client-ws-main{padding:16px}.client-ws-header{padding:10px 16px}}.channels-sidebar{width:240px;border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;border-radius:12px}.channels-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px 14px;border-bottom:1px solid var(--border)}.channels-list{flex:1;overflow-y:auto;padding:6px}.channel-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:8px;background:none;border:none;color:var(--text2);font-size:13px;cursor:pointer;text-align:left;transition:all .15s;font-family:DM Sans,sans-serif}.channel-item:hover{background:var(--surface2);color:var(--text)}.channel-item.active{background:var(--surface2);color:var(--accent)}.channel-hash{color:var(--text3);font-weight:600;font-size:15px}.channel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-member-count{font-size:10px;color:var(--text3);background:var(--surface3);padding:1px 5px;border-radius:4px}.dm-unread-badge{font-size:10px;color:#0c0c0f;background:var(--accent);padding:1px 6px;border-radius:8px;margin-left:6px;font-weight:700}.dm-unread-dot{font-size:9px;color:#0c0c0f;background:var(--accent);min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700}.channel-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--border);background:var(--surface);border-radius:12px}.channel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.channel-members-panel{padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface);max-height:240px;overflow-y:auto}.channel-member-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-radius:6px;transition:background .15s}.channel-member-row:hover{background:var(--surface2)}.channel-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.chat-message{display:flex;gap:10px;align-items:flex-end;max-width:75%;animation:fadeIn .15s}.chat-message.own{margin-left:auto;flex-direction:row-reverse}.chat-bubble{background:var(--surface2);border:1px solid var(--border);border-radius:14px 14px 14px 4px;padding:10px 14px;max-width:100%;word-break:break-word}.chat-bubble.own{background:#e8ff471f;border-color:#e8ff4733;border-radius:14px 14px 4px}.chat-author{font-size:11px;font-weight:600;color:var(--text2);margin-bottom:2px}.chat-text{font-size:13px;color:var(--text);line-height:1.45}.chat-time{font-size:10px;color:var(--text3);margin-top:3px;text-align:right}.channel-input{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--border);background:var(--surface)}.quick-status-btn{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;border:1px solid;background:transparent;cursor:pointer;opacity:0;transition:all .15s;font-family:DM Sans,sans-serif;white-space:nowrap}.kanban-card:hover .quick-status-btn{opacity:1}.quick-status-btn:hover{background:var(--surface2)}.typing-indicator-bar{min-height:24px;padding:0 20px;display:flex;align-items:center}.typing-indicator{display:flex;align-items:center;gap:8px;animation:fadeIn .2s}.typing-dots{display:flex;gap:3px;align-items:center}.typing-dot{width:5px;height:5px;border-radius:50%;background:var(--text3);animation:typingBounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(2){animation-delay:.16s}.typing-dot:nth-child(3){animation-delay:.32s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.typing-text{font-size:11px;color:var(--text3);font-style:italic}.read-receipts{display:flex;align-items:center;gap:4px;padding:2px 0 4px 38px}.read-receipts.own{justify-content:flex-end;padding-right:4px;padding-left:0}.read-receipt-avatar{width:16px;height:16px;border-radius:50%;background:var(--surface3);color:var(--text3);display:flex;align-items:center;justify-content:center;font-size:6px;font-weight:600;border:1px solid var(--surface);margin-left:-4px}.read-receipt-avatar:first-child{margin-left:0}.read-receipt-label{font-size:10px;color:var(--text3);margin-left:4px}.chat-attachment{margin-bottom:6px}.chat-attachment-img{display:block;border-radius:8px;overflow:hidden;max-width:280px}.chat-attachment-img img{width:100%;max-height:200px;-o-object-fit:cover;object-fit:cover;display:block;border-radius:8px}.chat-attachment-file{display:flex;align-items:center;gap:10px;text-decoration:none;background:var(--surface3);border-radius:8px;padding:10px 14px;transition:background .15s}.chat-attachment-file:hover{background:var(--border)}.chat-attachment-icon{font-size:20px;flex-shrink:0}.chat-attachment-info{display:flex;flex-direction:column;min-width:0}.chat-attachment-name{font-size:12px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-attachment-size{font-size:10px;color:var(--text3)}.channel-drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#e8ff4714;border:2px dashed var(--accent);border-radius:8px;display:flex;justify-content:center;align-items:center;color:var(--accent);font-size:13px;font-weight:600;pointer-events:none}.channel-input{position:relative}@media (max-width: 768px){.channels-sidebar{display:none}.channel-input{padding:10px 12px}}.view-toggle{display:inline-flex;background:var(--surface2);border:1px solid var(--border);border-radius:8px;overflow:hidden}.view-toggle-btn{background:transparent;color:var(--text3);padding:6px 10px;display:flex;align-items:center;justify-content:center;transition:all .15s}.view-toggle-btn:hover{color:var(--text2)}.view-toggle-btn.active{background:var(--surface3);color:var(--accent)}.list-view-table-wrap{overflow-x:auto;margin-top:4px}.list-view-table{width:100%;border-collapse:separate;border-spacing:0}.list-view-table thead{position:sticky;top:0;z-index:2}.list-th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;background:var(--surface);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.list-th:hover{color:var(--text2)}.sort-arrow{margin-left:4px;font-size:10px;color:var(--accent)}.list-row{cursor:pointer;transition:background .15s}.list-row:hover{background:var(--surface2)}.list-row td{padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text);white-space:nowrap}.list-title-cell{white-space:normal!important;min-width:200px;font-weight:500}.list-project{display:inline-flex;align-items:center;gap:6px}.list-project-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.list-assignee{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--surface3);font-size:11px;font-weight:600;color:var(--text2)}.list-overdue{color:var(--red);font-weight:600}.list-empty{text-align:center;padding:32px 14px!important;color:var(--text3)}.priority-badge{text-transform:capitalize}.priority-badge-urgent{background:#ff4d6d26;color:var(--red)}.priority-badge-high{background:#ff8c4226;color:var(--orange)}.priority-badge-medium{background:#4d9fff26;color:var(--blue)}.priority-badge-low{background:var(--surface3);color:var(--text3)}