:root{--primary:#1d9e75;--primary-light:#e1f5ee;--primary-dark:#0f6e56;--amber:#ef9f27;--amber-light:#faeeda;--amber-dark:#854f0b;--purple:#7f77dd;--purple-light:#eeedfe;--purple-dark:#534ab7;--red:#a32d2d;--red-light:#fcebeb;--green-light:#eaf3de;--green-dark:#3b6d11;--surface:#f5f5f3;--surface-white:#fff;--border:#00000026;--border-faint:#00000014;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--text-tertiary:#9a9a9a;--shadow-toast:0 2px 8px #0000000f;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sidebar-width:200px;--right-panel-width:220px;--topbar-height:52px;--column-width:300px;--column-min-width:280px;--column-gap:20px;--card-radius:12px;--card-padding:12px;--avatar-sm:22px;--avatar-topbar:28px;--progress-height:3px;--stripe-width:3px;--sidebar-bg:#f8f8f7;--sidebar-border:#0000000f;--sidebar-text:#1a1a1a;--sidebar-text-muted:#6b6b6b;--sidebar-hover:#0000000a}.dark-theme{--surface:#0f0f0f;--surface-white:#1a1a1a;--border:#ffffff14;--border-faint:#ffffff0a;--text-primary:#efefef;--text-secondary:#aaa;--text-tertiary:#666;--primary-light:#1d9e7533;--purple-light:#7f77dd33;--amber-light:#ef9f2733;--red-light:#a32d2d33;--sidebar-bg:#1a1a1a;--sidebar-border:#ffffff0d;--sidebar-text:#fff;--sidebar-text-muted:#fff9;--sidebar-hover:#ffffff0d}.dark-theme ::-webkit-scrollbar-thumb{background:#ffffff1a}.dark-theme ::-webkit-scrollbar-thumb:hover{background:#fff3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font);color:var(--text-primary);background:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;font-weight:400;line-height:1.5}#root{width:100%;height:100%}.micro-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);font-size:10px;font-weight:500}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes slideIn{0%{opacity:0;transform:translate(240px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}::selection{background:var(--primary-light);color:var(--primary-dark)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.theme-toggle-btn{width:28px;height:28px;color:var(--text-tertiary);border-radius:6px;justify-content:center;align-items:center;margin-right:4px;transition:all .15s;display:flex}.theme-toggle-btn:hover{background:var(--surface);color:var(--text-primary)}.dark-theme .theme-toggle-btn{color:var(--amber)}.notif-container{align-items:center;display:flex;position:relative}.notif-bell{width:28px;height:28px;color:var(--text-tertiary);border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.notif-bell:hover{background:var(--surface);color:var(--text-primary)}.notif-bell--active{color:var(--primary)}.notif-badge{background:var(--red);color:#fff;border:1.5px solid var(--surface-white);border-radius:10px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 2px;font-size:8px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.notif-dropdown{background:var(--surface-white);border:.5px solid var(--border);z-index:1000;border-radius:12px;flex-direction:column;width:300px;max-height:400px;animation:.2s fadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.notif-header{border-bottom:.5px solid var(--border-faint);justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;font-weight:600;display:flex}.notif-clear-all{color:var(--primary);font-size:10px;font-weight:500}.notif-clear-all:hover{text-decoration:underline}.notif-list{flex:1;overflow-y:auto}.notif-empty{text-align:center;color:var(--text-tertiary);padding:32px 16px;font-size:11px}.notif-item{cursor:pointer;border-bottom:.5px solid var(--border-faint);gap:12px;padding:12px 16px;transition:background .15s;display:flex;position:relative}.notif-item:hover{background:var(--surface)}.notif-item--unread{background:#1d9e750a}.notif-content{flex-direction:column;flex:1;gap:2px;display:flex}.notif-title{color:var(--text-primary);font-size:11px;font-weight:600}.notif-message{color:var(--text-secondary);font-size:11px;line-height:1.4}.notif-time{color:var(--text-tertiary);margin-top:4px;font-size:9px}.notif-unread-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;margin-top:4px}.app-shell{background:var(--surface);border:.5px solid var(--border);border-radius:8px;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:10;flex-direction:column;justify-content:space-between;display:flex;overflow-y:auto;box-shadow:4px 0 15px #0000001a}.sidebar-top{padding-top:16px}.sidebar-logo{cursor:pointer;align-items:center;gap:10px;padding:24px 20px;transition:transform .2s;display:flex}.sidebar-logo:hover{transform:scale(1.02)}.logo-icon{background:linear-gradient(135deg, var(--primary), #2ed19d);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 4px 10px #1d9e754d}.logo-text{letter-spacing:-.02em;color:var(--sidebar-text);font-size:15px;font-weight:600}.sidebar-nav{margin-bottom:8px}.nav-item{width:calc(100% - 24px);color:var(--sidebar-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;margin:2px 12px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text);padding-left:18px}.nav-item--active{color:var(--primary);background:linear-gradient(90deg,#1d9e7526,#0000)}.nav-item--active:hover{color:var(--primary);background:linear-gradient(90deg,#1d9e7533,#0000)}.nav-active-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sidebar-projects{border-top:1px solid var(--sidebar-border);padding:20px 0}.project-item{width:calc(100% - 24px);color:var(--sidebar-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;margin:1px 12px;padding:8px 14px;font-size:12px;transition:all .2s;display:flex}.project-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text);padding-left:16px}.project-item--active{background:var(--sidebar-hover);color:var(--sidebar-text);font-weight:500}.project-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.project-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-content{flex:1;overflow:auto}.topbar{height:var(--topbar-height);min-height:var(--topbar-height);background:var(--surface-white);border-bottom:.5px solid var(--border-faint);align-items:center;gap:12px;padding:0 16px;display:flex}.topbar-left{align-items:center;gap:8px;display:flex}.topbar-project-name{color:var(--text-primary);font-size:14px;font-weight:500}.topbar-status-badge{background:var(--primary-light);color:var(--primary-dark);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.topbar-live{background:var(--primary-light);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;display:flex}.live-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite pulse}.live-text{color:var(--primary-dark);font-size:11px;font-weight:500}.topbar-spacer{flex:1}.topbar-right{align-items:center;gap:8px;display:flex}.topbar-search{width:160px;position:relative}.topbar-search input{background:var(--surface);border:.5px solid var(--border-faint);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:5px 8px 5px 26px;font-size:12px;transition:border-color .15s}.topbar-search input::placeholder{color:var(--text-tertiary)}.topbar-search input:focus{border-color:var(--primary)}.search-icon{position:absolute;top:50%;left:8px;transform:translateY(-50%)}.topbar-add-btn{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.topbar-add-btn:hover{background:var(--primary-dark)}.topbar-avatar{width:var(--avatar-topbar);height:var(--avatar-topbar);background:var(--purple-light);color:var(--purple-dark);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:500;transition:opacity .15s;display:flex}.topbar-avatar:hover{opacity:.8}.right-panel{width:var(--right-panel-width);min-width:var(--right-panel-width);background:var(--surface-white);border-left:.5px solid var(--border-faint);grid-template-rows:65% 35%;height:100%;display:grid;overflow:hidden}.right-section{flex-direction:column;min-height:0;padding:16px;display:flex;overflow:hidden}.right-section-title{color:var(--text-primary);flex-shrink:0;margin-bottom:12px;font-size:12px;font-weight:500}.activity-timeline{flex-direction:column;flex:1;padding-right:4px;display:flex;overflow-y:auto}.timeline-item{cursor:default;border-radius:8px;flex-shrink:0;gap:12px;min-height:54px;padding:4px 8px;transition:background .15s;display:flex}.timeline-item:hover{background:var(--surface)}.timeline-marker{flex-direction:column;flex-shrink:0;align-items:center;width:24px;display:flex}.timeline-avatar{color:#fff;z-index:1;width:24px;height:24px;box-shadow:0 0 0 2px var(--surface-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:600;display:flex}.timeline-connector{background:var(--border-faint);flex:1;width:1px;margin-top:4px;margin-bottom:-4px}.timeline-content{flex-direction:column;flex:1;gap:2px;min-width:0;padding-bottom:12px;display:flex}.timeline-action{color:var(--text-primary);font-size:11px;font-weight:400;line-height:1.4}.timeline-time{color:var(--text-tertiary);font-size:10px}.right-section--members{border-top:.5px solid var(--border-faint)}.members-list-compact{flex-direction:column;flex:1;gap:8px;margin-top:8px;padding-right:4px;display:flex;overflow-y:auto}.member-row{cursor:default;border-radius:6px;align-items:center;gap:10px;padding:4px 6px;transition:background .15s;display:flex}.member-row:hover{background:var(--surface)}.member-avatar-sm{width:var(--avatar-sm);height:var(--avatar-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:500;display:flex}.member-name-sm{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.member-tag{border-radius:3px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:500}.member-tag--admin{background:var(--purple-light);color:var(--purple-dark)}.member-tag--member{background:var(--surface);color:var(--text-secondary)}.right-empty-state{text-align:center;color:var(--text-tertiary);flex-direction:column;align-items:center;gap:4px;padding:16px 8px;font-size:11px;display:flex}.toast-container{z-index:1000;flex-direction:column;gap:8px;display:flex;position:absolute;top:10px;right:10px}.toast{background:var(--surface-white);border:.5px solid var(--border);border-left:3px solid var(--primary);width:220px;box-shadow:var(--shadow-toast);cursor:pointer;border-radius:12px;padding:10px 14px;transition:opacity .15s;animation:.3s ease-out slideIn}.toast:hover{opacity:.9}.toast-title{color:var(--text-primary);margin-bottom:2px;font-size:12px;font-weight:500}.toast-body{color:var(--text-secondary);font-size:11px;line-height:1.4}.auth-container{background:var(--surface);min-height:100vh;font-family:var(--font);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--surface-white);border:.5px solid var(--border-faint);border-radius:12px;width:100%;max-width:380px;padding:32px}.auth-card h1{text-align:center;color:var(--primary);justify-content:center;align-items:center;gap:8px;margin-bottom:4px;font-size:18px;font-weight:500;display:flex}.auth-card h2{text-align:center;color:var(--text-primary);margin-bottom:24px;font-size:14px;font-weight:500}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.form-group input{border:.5px solid var(--border-faint);background:var(--surface);box-sizing:border-box;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s}.form-group input:focus{border-color:var(--primary)}.form-group input.input-error,.form-group input.input-error:focus{border-color:var(--red)}.field-hint{color:var(--text-tertiary);margin-top:3px;font-size:10px;display:block}.field-hint--error{color:var(--red)}.password-strength{align-items:center;gap:8px;margin-top:6px;display:flex}.strength-bar{background:var(--border-faint);border-radius:2px;flex:1;height:3px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:width .3s,background-color .3s}.strength-label{white-space:nowrap;font-size:10px;font-weight:500}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:8px;font-size:13px;font-weight:500;transition:background .15s}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{background:var(--border-faint);color:var(--text-tertiary);cursor:not-allowed}.error-message{background:var(--red-light);color:var(--red);border-left:3px solid var(--red);border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:12px}.auth-link{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:12px}.auth-link a{color:var(--primary);font-weight:500}.auth-link a:hover{color:var(--primary-dark)}.dashboard-view{width:100%;padding:24px}.dashboard-loading{color:var(--text-tertiary);padding:40px 24px;font-size:13px}.dashboard-greeting h1{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:500}.dashboard-greeting p{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.stats-grid{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.stat-card{background:var(--surface-white);border:.5px solid var(--border-faint);border-radius:10px;flex:1;min-width:120px;padding:14px 18px}.stat-value{color:var(--text-primary);margin-bottom:2px;font-size:22px;font-weight:500}.stat-label{color:var(--text-tertiary);font-size:11px}.stat-card--todo{border-left:3px solid #b4b2a9}.stat-card--progress{border-left:3px solid var(--amber)}.stat-card--done{border-left:3px solid var(--primary)}.stat-card--overdue{border-left:3px solid var(--red)}.stat-card--overdue .stat-value{color:var(--red)}.dashboard-tasks h2{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:500}.empty-state{color:var(--text-tertiary);padding:16px 0;font-size:12px}.task-grid{flex-direction:column;gap:8px;display:flex}.dash-task-card{background:var(--surface-white);border:.5px solid var(--border-faint);border-radius:10px;padding:12px;transition:border-color .15s}.dash-task-card:hover{border-color:var(--border)}.dash-task-card--overdue{border-left:3px solid var(--red)}.dash-task-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.dash-task-title{color:var(--text-primary);font-size:12px;font-weight:500}.dash-task-priority{border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:500}.dashboard-projects-summary{margin-top:32px}.dashboard-projects-summary h2{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:500}.project-summary-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.project-summary-card{background:var(--surface-white);border:1px solid var(--border-faint);cursor:pointer;border-radius:10px;padding:12px;transition:all .15s}.project-summary-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.ps-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.ps-name{color:var(--text-primary);font-size:13px;font-weight:500}.ps-status{background:var(--primary-light);color:var(--primary-dark);border-radius:4px;padding:1px 6px;font-size:10px}.ps-meta{color:var(--text-tertiary);font-size:11px}.view-all-tasks-btn{background:var(--surface);color:var(--text-secondary);border-radius:8px;margin-top:24px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .15s}.view-all-tasks-btn:hover{background:var(--border-faint);color:var(--text-primary)}.priority-low{background:var(--green-light);color:var(--green-dark)}.priority-medium{background:var(--amber-light);color:var(--amber-dark)}.priority-high{background:var(--red-light);color:var(--red)}.dash-task-desc{color:var(--text-tertiary);margin-bottom:6px;font-size:11px;line-height:1.4}.dash-task-bottom{align-items:center;gap:8px;display:flex}.dash-task-status{border-radius:4px;padding:1px 6px;font-size:10px;font-weight:500}.status-todo{background:var(--surface);color:var(--text-secondary)}.status-in_progress{background:var(--amber-light);color:var(--amber-dark)}.status-completed{background:var(--primary-light);color:var(--primary-dark)}.dash-task-due{color:var(--text-tertiary);font-size:10px}.due-overdue{color:var(--red);font-weight:500}.dash-task-title-group{flex-direction:column;gap:2px;display:flex}.dash-task-project-label{color:var(--primary);text-transform:uppercase;letter-spacing:.02em;font-size:10px;font-weight:600}.projects-view{width:100%;padding:32px}.projects-view-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.projects-view-header h1{color:var(--text-primary);font-size:18px;font-weight:500}.btn-new-project{background:var(--primary);color:#fff;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:background .15s}.btn-new-project:hover{background:var(--primary-dark)}.project-create-form{background:var(--surface-white);border:.5px solid var(--border-faint);border-radius:10px;margin-bottom:16px;padding:16px;animation:.2s fadeIn}.pf-group{margin-bottom:10px}.pf-group label{color:var(--text-secondary);margin-bottom:4px;font-size:11px;font-weight:500;display:block}.pf-group input,.pf-group textarea{border:.5px solid var(--border-faint);background:var(--surface);resize:vertical;border-radius:6px;outline:none;width:100%;padding:7px 10px;font-size:12px;transition:border-color .15s}.pf-group input:focus,.pf-group textarea:focus{border-color:var(--primary)}.pf-actions{gap:6px;display:flex}.pf-submit{background:var(--primary);color:#fff;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:background .15s}.pf-submit:hover{background:var(--primary-dark)}.pf-cancel{background:var(--surface);color:var(--text-secondary);border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:background .15s}.pf-cancel:hover{background:var(--border-faint)}.projects-loading{color:var(--text-tertiary);padding:16px 0;font-size:12px}.projects-empty{text-align:center;color:var(--text-tertiary);padding:40px 0;font-size:13px}.projects-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.project-card{background:var(--surface-white);border:1px solid var(--border-faint);border-radius:16px;flex-direction:column;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 24px #0000000d}.project-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.project-card-title{align-items:center;gap:10px;display:flex}.project-card-name{color:var(--text-primary);font-size:16px;font-weight:600}.project-card-desc{color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:39px;margin-bottom:24px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.project-card-footer{border-top:1px solid var(--border-faint);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.project-card-actions{gap:8px;display:flex}.proj-card-btn{background:var(--surface);color:var(--text-secondary);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.proj-card-btn:hover{background:var(--primary-light);color:var(--primary-dark)}.proj-card-btn--primary{background:var(--primary);color:#fff}.proj-card-btn--primary:hover{background:var(--primary-dark);color:#fff}.project-card-meta{flex-direction:column;gap:4px;display:flex}.project-card-date{color:var(--text-tertiary);font-size:11px}.project-progress-container{margin-bottom:24px}.project-progress-info{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.project-progress-bar{background:var(--surface);border-radius:10px;height:6px;overflow:hidden}.project-progress-fill{background:var(--primary);border-radius:10px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.project-card--completed .project-progress-fill{background:var(--text-tertiary)}.team-members-container{background:var(--surface-white);border:.5px solid var(--border-faint);border-radius:10px;padding:16px}.team-members-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.team-members-header h3{color:var(--text-primary);font-size:13px;font-weight:500}.btn-add-member{background:var(--primary);color:#fff;border-radius:5px;padding:4px 10px;font-size:11px;font-weight:500;transition:background .15s}.btn-add-member:hover{background:var(--primary-dark)}.add-member-form{gap:6px;margin-bottom:12px;animation:.2s fadeIn;display:flex}.add-member-form input{border:.5px solid var(--border-faint);background:var(--surface);border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:12px;transition:border-color .15s}.add-member-form input:focus{border-color:var(--primary)}.add-member-form button{background:var(--primary);color:#fff;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:500;transition:background .15s}.add-member-form button:hover{background:var(--primary-dark)}.members-list{flex-direction:column;gap:6px;display:flex}.no-members{color:var(--text-tertiary);padding:8px 0;font-size:12px}.member-card{background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;transition:background .15s;display:flex}.member-card:hover{background:var(--border-faint)}.member-info{min-width:0}.member-name{color:var(--text-primary);font-size:12px;font-weight:500}.member-email{color:var(--text-tertiary);font-size:11px}.member-actions{align-items:center;gap:8px;display:flex}.member-role{background:var(--purple-light);color:var(--purple-dark);border-radius:3px;padding:1px 6px;font-size:10px;font-weight:500}.btn-remove-member{width:20px;height:20px;color:var(--text-tertiary);border-radius:4px;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.btn-remove-member:hover{color:var(--red);background:var(--red-light)}.detail-view{max-width:700px;padding:24px}.detail-loading{color:var(--text-tertiary);font-size:12px}.detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.detail-header-left h1{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:500}.detail-desc{color:var(--text-secondary);font-size:13px}.detail-header-actions{flex-shrink:0;gap:6px;display:flex}.detail-btn{background:var(--surface);color:var(--text-secondary);border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s}.detail-btn:hover{background:var(--primary-light);color:var(--primary-dark)}.detail-edit-form{background:var(--surface-white);border:.5px solid var(--border-faint);border-radius:10px;flex-direction:column;gap:8px;margin-bottom:16px;padding:16px;animation:.2s fadeIn;display:flex}.detail-edit-form input,.detail-edit-form textarea{border:.5px solid var(--border-faint);background:var(--surface);resize:vertical;border-radius:6px;outline:none;width:100%;padding:7px 10px;font-size:12px;transition:border-color .15s}.detail-edit-form input:focus,.detail-edit-form textarea:focus{border-color:var(--primary)}.detail-form-actions{gap:6px;display:flex}.detail-content{margin-top:8px}.kanban-loading{height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:13px;display:flex}.kanban-error{background:var(--red-light);color:var(--red);border-left:3px solid var(--red);padding:8px 16px;font-size:12px}.kanban-board-wrapper{flex-direction:column;height:100%;display:flex}.kanban-filter-bar{border-bottom:.5px solid var(--border-faint);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;display:flex}.filter-toggle{color:var(--text-secondary);background:var(--surface);border:.5px solid var(--border-faint);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.filter-toggle:hover,.filter-toggle--active{border-color:var(--primary);color:var(--primary)}.filter-badge{background:var(--primary);color:#fff;text-align:center;border-radius:8px;min-width:14px;padding:1px 5px;font-size:9px;font-weight:600}.filter-dropdowns{flex-wrap:wrap;align-items:center;gap:6px;animation:.2s fadeIn;display:flex}.filter-select{border:.5px solid var(--border-faint);background:var(--surface-white);color:var(--text-secondary);cursor:pointer;border-radius:6px;outline:none;padding:4px 8px;font-family:inherit;font-size:11px;transition:border-color .15s}.filter-select:focus{border-color:var(--primary)}.filter-clear{color:var(--red);background:var(--red-light);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:500;transition:opacity .15s}.filter-clear:hover{opacity:.8}.kanban-board{gap:var(--column-gap);flex:1;padding:16px;display:flex;overflow-x:auto}.kanban-column{min-width:var(--column-min-width);flex-direction:column;flex:1;gap:8px;max-height:100%;display:flex}.kanban-column--drag-over{background:#1d9e7508;border-radius:8px}.column-header{align-items:center;gap:6px;margin-bottom:4px;padding:4px 0;display:flex}.column-stripe{width:var(--stripe-width);border-radius:1px;flex-shrink:0;height:14px}.column-title{color:var(--text-secondary);flex:1;font-size:12px;font-weight:500}.column-count{background:var(--surface);color:var(--text-secondary);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:500}.column-tasks{flex-direction:column;flex:1;gap:8px;min-height:40px;padding-bottom:12px;padding-right:4px;display:flex;overflow-y:auto}.column-tasks::-webkit-scrollbar{width:4px}.column-tasks::-webkit-scrollbar-track{background:0 0}.column-tasks::-webkit-scrollbar-thumb{background:var(--border-faint);border-radius:4px}.column-tasks::-webkit-scrollbar-thumb:hover{background:var(--border)}.column-empty{color:var(--text-tertiary);border:1px dashed var(--border-faint);border-radius:var(--card-radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:24px 8px;font-size:11px;display:flex}.column-empty-hint{opacity:.6;font-size:10px}.task-card{background:var(--surface-white);border:.5px solid var(--border-faint);border-radius:var(--card-radius);padding:var(--card-padding);cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .15s,box-shadow .15s;position:relative}.task-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000000d}.dark-theme .task-card:hover{box-shadow:0 4px 12px #0000004d}.task-card--completed{opacity:.7}.task-card--dragging{opacity:.85;border-color:var(--primary);box-shadow:0 4px 12px #1d9e7526}.task-card--due-soon{border-left:3px solid var(--amber)}.task-card--overdue-border{border-left:3px solid var(--red)}.card-delete{width:18px;height:18px;color:var(--text-tertiary);opacity:0;border-radius:4px;justify-content:center;align-items:center;font-size:14px;transition:opacity .15s,color .15s,background .15s;display:flex;position:absolute;top:6px;right:6px}.task-card:hover .card-delete{opacity:1}.card-delete:hover{color:var(--red);background:var(--red-light)}.card-top{justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:4px;display:flex}.card-title{color:var(--text-primary);word-break:break-word;flex:1;font-size:12px;font-weight:500;line-height:1.4}.card-title--done{color:var(--text-tertiary);text-decoration:line-through}.card-priority{white-space:nowrap;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:500}.card-description{color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 4px;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-progress{height:var(--progress-height);background:var(--surface);border-radius:2px;margin:6px 0 4px;overflow:hidden}.card-progress-fill{background:var(--amber);border-radius:2px;height:100%;transition:width .3s}.card-footer{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.card-due{color:var(--text-tertiary);align-items:center;gap:3px;font-size:10px;display:flex}.card-due--overdue{color:var(--red)}.deadline-badge{text-transform:uppercase;margin-right:2px;font-size:8px;font-weight:700}.card-avatars{display:flex}.card-avatar{width:var(--avatar-sm);height:var(--avatar-sm);border:1.5px solid var(--surface-white);border-radius:50%;justify-content:center;align-items:center;margin-left:-4px;font-size:9px;font-weight:500;display:flex}.card-avatar:first-child{margin-left:0}.add-task-ghost{border:.5px dashed var(--border);border-radius:var(--card-radius);width:100%;color:var(--text-tertiary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:4px;margin-top:4px;padding:8px;font-size:12px;transition:border-color .15s,color .15s;display:flex}.add-task-ghost:hover{border-color:var(--primary);color:var(--primary)}.inline-task-form{background:var(--surface-white);border:.5px solid var(--border);border-radius:var(--card-radius);flex-direction:column;gap:6px;margin-top:4px;padding:10px;animation:.2s fadeIn;display:flex}.inline-task-form input,.inline-task-form select,.inline-task-form textarea{border:.5px solid var(--border-faint);background:var(--surface);border-radius:6px;outline:none;padding:6px 8px;font-family:inherit;font-size:12px;transition:border-color .15s}.inline-task-form input:focus,.inline-task-form select:focus,.inline-task-form textarea:focus{border-color:var(--primary)}.inline-task-description{resize:vertical;min-height:40px}.inline-form-row{gap:4px;display:flex}.inline-form-row select,.inline-form-row input{flex:1;min-width:0}.inline-date-input{color:var(--text-secondary);font-size:11px!important}.inline-assignee-select{width:100%}.inline-form-actions{gap:4px;display:flex}.inline-form-submit{background:var(--primary);color:#fff;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:500;transition:background .15s}.inline-form-submit:hover{background:var(--primary-dark)}.inline-form-cancel{background:var(--surface);color:var(--text-secondary);border-radius:6px;padding:4px 12px;font-size:11px;font-weight:500;transition:background .15s}.inline-form-cancel:hover{background:var(--border-faint)}.project-complete-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #1d9e7533}.project-complete-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px #1d9e754d}.project-complete-btn svg{stroke-width:3px}