*,*:before,*:after{box-sizing:border-box}*{margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;background:#0a0a0f}#root{min-height:100vh}::selection{background:#8b5cf64d;color:#f0f0f5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#12121a}::-webkit-scrollbar-thumb{background:#3a3a4a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a5a}:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}a{color:#a78bfa;text-decoration:none;transition:color .2s}a:hover{color:#c4b5fd}code{background:#1a1a25;padding:.125rem .375rem;border-radius:4px;font-size:.85em;font-family:JetBrains Mono,Fira Code,monospace}pre{background:#1a1a25;padding:1rem;border-radius:8px;overflow-x:auto;font-size:.85rem}pre code{background:transparent;padding:0}:root{--zelo-purple-900: #1a0a3e;--zelo-purple-800: #2E1065;--zelo-purple-700: #4c1d95;--zelo-purple-600: #6d28d9;--zelo-purple-500: #8b5cf6;--zelo-purple-400: #a78bfa;--zelo-purple-300: #c4b5fd;--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--bg-card: #1e1e2a;--bg-card-hover: #252535;--text-primary: #f0f0f5;--text-secondary: #a0a0b5;--text-muted: #6b6b80;--border-subtle: #2a2a3a;--border-accent: var(--zelo-purple-700);--status-inbox: #6366f1;--status-assigned: #8b5cf6;--status-in-progress: #f59e0b;--status-review: #06b6d4;--status-done: #22c55e;--status-blocked: #ef4444;--priority-low: #64748b;--priority-medium: #eab308;--priority-high: #f97316;--priority-urgent: #ef4444;--glow-purple: 0 0 20px rgba(139, 92, 246, .3);--glow-purple-strong: 0 0 30px rgba(139, 92, 246, .5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:var(--glow-purple)}50%{box-shadow:var(--glow-purple-strong)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.app{min-height:100vh;background:var(--bg-primary);background-image:radial-gradient(ellipse at top,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(46,16,101,.15) 0%,transparent 50%);color:var(--text-primary)}.app-header{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);padding:.75rem 2rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header .logo{height:40px;width:auto;border-radius:50%;box-shadow:var(--glow-purple);transition:box-shadow .3s ease}.app-header .logo:hover{box-shadow:var(--glow-purple-strong)}.app-header h1{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--zelo-purple-400) 0%,var(--zelo-purple-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header .subtitle{color:var(--text-muted);font-size:.75rem;padding-left:1rem;border-left:1px solid var(--border-subtle)}.app-layout{display:grid;grid-template-columns:280px 1fr 320px;height:calc(100vh - 60px)}.sidebar,.activity-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);padding:1.25rem;overflow-y:auto}.activity-sidebar{border-right:none;border-left:1px solid var(--border-subtle)}.agent-board h2,.activity-feed h2{font-size:.875rem;font-weight:600;margin-bottom:1.25rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.agent-list{display:flex;flex-direction:column;gap:.75rem}.agent-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeIn .3s ease-out;text-align:center}.agent-card.online{border-color:var(--zelo-purple-700)}.agent-card.offline{opacity:.6}.agent-card:hover{background:var(--bg-card-hover);transform:translate(4px);border-color:var(--zelo-purple-600);box-shadow:var(--glow-purple)}.agent-avatar-section{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:.5rem}.avatar-wrapper{position:relative;width:64px;height:64px}.agent-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--zelo-purple-700);transition:all .3s ease}.agent-card:hover .agent-avatar{border-color:var(--zelo-purple-500);box-shadow:var(--glow-purple)}.avatar-fallback{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:50%;border:3px solid var(--zelo-purple-700);font-size:2rem}.online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid var(--bg-card)}.agent-card.online .online-indicator{animation:pulse 2s infinite}.agent-emoji-small{font-size:.9rem;opacity:.8}.agent-header{display:flex;align-items:center;gap:.875rem}.agent-emoji{font-size:1.75rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:50%;border:2px solid var(--zelo-purple-700)}.agent-info{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.agent-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.agent-role{font-size:.75rem;color:var(--zelo-purple-400);font-weight:500}.agent-meta{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.agent-status{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.agent-last-active{font-size:.7rem;color:var(--text-muted)}.main-content{padding:1.5rem;overflow-y:auto;background:transparent}.task-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.task-list-header h2{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.create-task-form{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.875rem;animation:fadeIn .3s ease-out}.create-task-form input,.create-task-form textarea,.create-task-form select{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-size:.875rem;transition:all .2s}.create-task-form input:focus,.create-task-form textarea:focus,.create-task-form select:focus{outline:none;border-color:var(--zelo-purple-500);box-shadow:0 0 0 3px #8b5cf626}.create-task-form textarea{min-height:100px;resize:vertical}.form-row{display:flex;gap:.875rem}.form-row select{flex:1}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.btn{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--zelo-purple-600) 0%,var(--zelo-purple-700) 100%);color:#fff;box-shadow:0 2px 10px #8b5cf64d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--zelo-purple-500) 0%,var(--zelo-purple-600) 100%);transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf666}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--zelo-purple-700)}.kanban-board{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}.kanban-column{min-width:280px;flex:1;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:1rem;transition:border-color .3s}.kanban-column:hover{border-color:var(--border-accent)}.kanban-column[data-status=inbox] .column-indicator{background:var(--status-inbox)}.kanban-column[data-status=assigned] .column-indicator{background:var(--status-assigned)}.kanban-column[data-status=in_progress] .column-indicator{background:var(--status-in-progress)}.kanban-column[data-status=review] .column-indicator{background:var(--status-review)}.kanban-column[data-status=done] .column-indicator{background:var(--status-done)}.kanban-column[data-status=blocked] .column-indicator{background:var(--status-blocked)}.kanban-column h3{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.03em}.column-indicator{width:8px;height:8px;border-radius:50%}.kanban-column h3 .count{background:var(--bg-card);padding:.125rem .625rem;border-radius:999px;font-size:.7rem;color:var(--text-muted);margin-left:auto}.task-cards{display:flex;flex-direction:column;gap:.75rem}.task-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:1rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);animation:fadeIn .4s ease-out}.task-card:hover{background:var(--bg-card-hover);transform:translateY(-3px);border-color:var(--zelo-purple-600);box-shadow:0 8px 25px #0000004d,var(--glow-purple)}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.priority-badge{font-size:.625rem;padding:.2rem .625rem;border-radius:999px;color:#fff;text-transform:uppercase;font-weight:700;letter-spacing:.03em}.priority-low{background:var(--priority-low)}.priority-medium{background:var(--priority-medium);color:#1a1a25}.priority-high{background:var(--priority-high)}.priority-urgent{background:var(--priority-urgent);animation:pulse 1.5s infinite}.task-card h4{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.4}.task-description{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.task-assignees{display:flex;gap:-8px}.assignee-badge{font-size:1.1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:50%;border:2px solid var(--bg-card);margin-left:-8px}.assignee-badge:first-child{margin-left:0}.task-date{font-size:.7rem;color:var(--text-muted)}.task-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;animation:slideIn .3s ease-out}.back-btn{display:flex;align-items:center;gap:.5rem;color:var(--zelo-purple-400);cursor:pointer;font-size:.875rem;font-weight:500;transition:color .2s}.back-btn:hover{color:var(--zelo-purple-300)}.acting-as{display:flex;align-items:center;gap:.75rem}.acting-as label{font-size:.8rem;color:var(--text-muted)}.acting-as select{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:.5rem .75rem;color:var(--text-primary);font-size:.875rem}.task-detail-content{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;animation:fadeIn .4s ease-out}.task-main h1{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary);line-height:1.3}.task-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.task-meta .created-by,.task-meta .created-at{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.375rem}.task-labels-section{margin-bottom:1rem}.labels-container{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.task-label{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#fff;text-transform:lowercase;animation:fadeIn .2s ease-out}.task-label .label-remove{background:transparent;border:none;color:#ffffffb3;cursor:pointer;font-size:1rem;line-height:1;padding:0;margin-left:.125rem;transition:color .2s}.task-label .label-remove:hover:not(:disabled){color:#fff}.task-label .label-remove:disabled{cursor:not-allowed;opacity:.5}.add-label-inline input{background:var(--bg-tertiary);border:1px dashed var(--border-subtle);border-radius:999px;padding:.25rem .75rem;font-size:.75rem;color:var(--text-secondary);width:100px;transition:all .2s}.add-label-inline input:focus{outline:none;border-style:solid;border-color:var(--zelo-purple-500);width:140px}.add-label-inline input:disabled{opacity:.5;cursor:not-allowed}.task-dates-section{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px}.date-field{display:flex;flex-direction:column;gap:.375rem;flex:1}.date-field label{font-size:.75rem;font-weight:600;color:var(--text-muted)}.date-field input[type=date]{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:8px;padding:.5rem .75rem;color:var(--text-primary);font-size:.875rem;transition:all .2s}.date-field input[type=date]:focus{outline:none;border-color:var(--zelo-purple-500)}.date-field input[type=date]:disabled{opacity:.5;cursor:not-allowed}.date-field input[type=date].overdue{border-color:var(--status-blocked);background:#ef44441a}.overdue-badge{font-size:.65rem;padding:.125rem .5rem;border-radius:999px;background:var(--status-blocked);color:#fff;font-weight:700;text-transform:uppercase;animation:pulse 1.5s infinite;margin-top:.25rem}.task-card-labels{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.task-card-label{font-size:.6rem;padding:.125rem .5rem;border-radius:999px;color:#fff;font-weight:600}.task-card-due{font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem}.task-card-due.overdue{color:var(--status-blocked);font-weight:600}.task-description-full{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.task-description-full h3{font-size:.8rem;font-weight:600;color:var(--text-muted);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.03em}.task-description-full p{margin:0;line-height:1.7;white-space:pre-wrap;font-size:.9rem}.task-status-section,.task-assignees-section{margin-bottom:1.5rem}.task-status-section h3,.task-assignees-section h3{font-size:.8rem;font-weight:600;color:var(--text-muted);margin:0 0 .875rem;text-transform:uppercase;letter-spacing:.03em}.status-buttons,.assignee-list{display:flex;flex-wrap:wrap;gap:.5rem}.status-btn,.assignee-btn{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);font-size:.8rem;text-transform:capitalize;cursor:pointer;transition:all .2s;font-weight:500}.status-btn:disabled,.assignee-btn:disabled{opacity:.5;cursor:not-allowed}.status-btn:hover:not(:disabled),.assignee-btn:hover:not(:disabled){border-color:var(--zelo-purple-600);color:var(--text-primary)}.status-btn.active{background:linear-gradient(135deg,var(--zelo-purple-600) 0%,var(--zelo-purple-700) 100%);border-color:var(--zelo-purple-500);color:#fff}.assignee-btn.assigned{background:var(--status-done);border-color:var(--status-done);color:#fff}.task-comments{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;height:fit-content;max-height:600px}.task-comments h3{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.comment-thread{display:flex;flex-direction:column;gap:1rem;flex:1}.comments-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;max-height:400px}.comment{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:10px;padding:.875rem;animation:fadeIn .3s ease-out}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-author{font-weight:600;font-size:.85rem;color:var(--zelo-purple-400)}.comment-time{font-size:.7rem;color:var(--text-muted)}.comment-content{margin:0;font-size:.85rem;line-height:1.6;color:var(--text-primary)}.comment-form{display:flex;flex-direction:column;gap:.75rem}.comment-form textarea{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:8px;padding:.875rem;color:var(--text-primary);font-size:.875rem;resize:vertical;min-height:80px;transition:border-color .2s}.comment-form textarea:focus{outline:none;border-color:var(--zelo-purple-500)}.comment-form textarea:disabled{opacity:.5}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;gap:.875rem;padding:.875rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;animation:slideIn .3s ease-out;transition:all .2s}.activity-item:hover{border-color:var(--zelo-purple-700);transform:translate(2px)}.activity-icon{font-size:1.1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:8px}.activity-content{flex:1;min-width:0}.activity-message{margin:0 0 .25rem;font-size:.8rem;color:var(--text-primary);line-height:1.4}.activity-time{font-size:.7rem;color:var(--text-muted)}.empty-state{color:var(--text-muted);font-size:.875rem;text-align:center;padding:2rem 1rem;background:var(--bg-card);border:1px dashed var(--border-subtle);border-radius:10px}.loading{display:flex;justify-content:center;align-items:center;padding:2rem;color:var(--zelo-purple-400)}.loading:after{content:"";width:24px;height:24px;border:2px solid var(--border-subtle);border-top-color:var(--zelo-purple-500);border-radius:50%;animation:spin .8s linear infinite;margin-left:.5rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1400px){.app-layout{grid-template-columns:240px 1fr 280px}}@media(max-width:1200px){.app-layout{grid-template-columns:1fr}.sidebar,.activity-sidebar{display:none}.task-detail-content{grid-template-columns:1fr}}@media(max-width:768px){.app-header{padding:.75rem 1rem}.main-content{padding:1rem}.kanban-board{flex-direction:column}.kanban-column{min-width:100%}}