*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1419;color:#e4e6eb}.command-center{display:flex;flex-direction:column;height:100vh}.navbar{background:#1a1f26;border-bottom:1px solid #2d3748;padding:0 1.5rem;height:60px;display:flex;align-items:center;justify-content:space-between}.navbar-left .logo{font-size:1.25rem;font-weight:700;color:#10b981}.navbar-right{display:flex;gap:1rem;align-items:center}.icon-btn{background:transparent;border:none;color:#9ca3af;font-size:1.25rem;cursor:pointer;padding:.5rem;position:relative;transition:color .2s}.icon-btn:hover{color:#e4e6eb}.icon-btn .badge{position:absolute;top:0;right:0;background:#ef4444;color:#fff;font-size:.7rem;padding:.1rem .4rem;border-radius:10px;font-weight:600}.profile-menu{position:relative}.dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#1a1f26;border:1px solid #2d3748;border-radius:8px;padding:.5rem;min-width:150px;z-index:100}.dropdown button{width:100%;background:transparent;border:none;color:#e4e6eb;padding:.6rem;text-align:left;cursor:pointer;border-radius:4px;transition:background .2s}.dropdown button:hover{background:#2d3748}.layout-container{display:flex;flex:1;overflow:hidden}.sidebar-nav{width:220px;background:#1a1f26;border-right:1px solid #2d3748;display:flex;flex-direction:column;padding:1rem 0;overflow-y:auto}.sidebar-nav a{color:#9ca3af;text-decoration:none;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.75rem;transition:all .2s;border-left:3px solid transparent}.sidebar-nav a:hover{background:#2d3748;color:#e4e6eb}.sidebar-nav a.active{background:#10b98114;color:#10b981;border-left-color:#10b981;font-weight:600}.main-content{flex:1;overflow-y:auto;padding:2rem;background:#0f1419}.breadcrumb{color:#6b7280;font-size:.9rem;margin-bottom:1.5rem}h1{font-size:2rem;margin-bottom:1.5rem;color:#e4e6eb}h2{font-size:1.5rem;margin-bottom:1rem;color:#e4e6eb}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{background:#1a1f26;border:1px solid #2d3748;border-radius:8px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9811a}.metric-card.yellow{border-color:#f59e0b}.metric-label{color:#9ca3af;font-size:.875rem;margin-bottom:.5rem}.metric-value{font-size:2rem;font-weight:700;color:#10b981}.metric-card.yellow .metric-value{color:#f59e0b}.panel{background:#1a1f26;border:1px solid #2d3748;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.current-task{background:#0f1419;border:1px solid #2d3748;border-radius:8px;padding:1.5rem}.task-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.task-agent{color:#10b981;font-weight:600;margin-bottom:.25rem}.task-title{font-size:1.1rem;color:#e4e6eb}.task-progress{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.progress-bar{flex:1;height:8px;background:#2d3748;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s}.progress-text{color:#9ca3af;font-size:.875rem;min-width:40px}.task-meta{color:#6b7280;font-size:.875rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.green{background:#10b98120;color:#10b981}.status-badge.yellow{background:#f59e0b20;color:#f59e0b}.status-badge.red{background:#ef444420;color:#ef4444}.status-badge.gray{background:#6b728020;color:#9ca3af}.status-badge.blue{background:#3b82f620;color:#3b82f6}.status-badge.purple{background:#8b5cf620;color:#8b5cf6}.approval-list{display:flex;flex-direction:column;gap:1rem}.approval-item{background:#0f1419;border:1px solid #2d3748;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s}.approval-item:hover{border-color:#10b981}.approval-title{font-weight:600;color:#e4e6eb;margin-bottom:.25rem}.approval-meta{color:#6b7280;font-size:.875rem}.btn-sm,.link-btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-sm{background:#10b981;color:#fff;border:none}.btn-sm:hover{background:#059669}.link-btn{background:transparent;color:#10b981;border:1px solid #10b981}.link-btn:hover{background:#10b98120}.btn-primary,.btn-success,.btn-danger,.btn-secondary{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:#10b981;color:#fff}.btn-primary:hover{background:#059669}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-secondary{background:#2d3748;color:#e4e6eb}.btn-secondary:hover{background:#374151}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.agent-card{background:#1a1f26;border:1px solid #2d3748;border-radius:8px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.agent-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9811a}.agent-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.agent-name{font-size:1.1rem;font-weight:600;color:#e4e6eb}.agent-task{color:#9ca3af;margin-bottom:.5rem;font-size:.9rem}.agent-result{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.agent-detail{max-width:900px}.detail-header{display:flex;gap:1rem;align-items:center;margin-bottom:2rem}.back-btn{background:#2d3748;color:#e4e6eb;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background .2s}.back-btn:hover{background:#374151}.tabs{display:flex;gap:.5rem;border-bottom:1px solid #2d3748;margin-bottom:1.5rem}.tabs button{background:transparent;border:none;color:#9ca3af;padding:.75rem 1.5rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tabs button:hover{color:#e4e6eb}.tabs button.active{color:#10b981;border-bottom-color:#10b981}.tab-content{background:#1a1f26;border:1px solid #2d3748;border-radius:8px;padding:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-item{border-left:3px solid #10b981;padding-left:1rem}.info-label{color:#9ca3af;font-size:.875rem;margin-bottom:.25rem}.info-value{color:#e4e6eb;font-weight:600}.placeholder{color:#6b7280;font-style:italic}.settings-form{display:flex;flex-direction:column;gap:1rem}.settings-form label{display:flex;flex-direction:column;gap:.5rem;color:#9ca3af;font-size:.875rem}.settings-form input,.settings-form textarea{background:#0f1419;border:1px solid #2d3748;color:#e4e6eb;padding:.75rem;border-radius:6px;font-family:inherit}.settings-form input:focus,.settings-form textarea:focus{outline:none;border-color:#10b981}.table-container{background:#1a1f26;border:1px solid #2d3748;border-radius:8px;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#0f1419;border-bottom:1px solid #2d3748}.data-table th{text-align:left;padding:1rem;color:#9ca3af;font-weight:600;font-size:.875rem;text-transform:uppercase}.data-table td{padding:1rem;border-bottom:1px solid #2d3748;color:#e4e6eb}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:#0f1419}.type-badge{background:#2d3748;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#9ca3af}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#1a1f26;border:1px solid #2d3748;border-radius:12px;max-width:800px;width:90%;max-height:90vh;display:flex;flex-direction:column}.modal-header{padding:1.5rem;border-bottom:1px solid #2d3748;display:flex;justify-content:space-between;align-items:center}.close-btn{background:transparent;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;transition:color .2s}.close-btn:hover{color:#e4e6eb}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.approval-meta-info{display:flex;gap:1rem;margin-bottom:1rem;color:#9ca3af;font-size:.875rem}.markdown-preview{background:#0f1419;border:1px solid #2d3748;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;overflow-x:auto}.markdown-preview pre{color:#e4e6eb;white-space:pre-wrap;font-family:monospace;line-height:1.6}.comment-section label{display:flex;flex-direction:column;gap:.5rem;color:#9ca3af;font-size:.875rem}.comment-section textarea{background:#0f1419;border:1px solid #2d3748;color:#e4e6eb;padding:.75rem;border-radius:6px;font-family:inherit;resize:vertical}.comment-section textarea:focus{outline:none;border-color:#10b981}.modal-footer{padding:1.5rem;border-top:1px solid #2d3748;display:flex;gap:1rem;justify-content:flex-end}.pipeline-board{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;overflow-x:auto}.pipeline-column{background:#1a1f26;border:1px solid #2d3748;border-radius:8px;min-width:280px}.column-header{padding:1rem;border-bottom:1px solid #2d3748;display:flex;justify-content:space-between;align-items:center}.column-header h3{font-size:1rem;color:#e4e6eb;margin:0}.column-header .count{background:#2d3748;color:#9ca3af;padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600}.column-items{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.pipeline-card{background:#0f1419;border:1px solid #2d3748;border-radius:8px;padding:1rem;transition:border-color .2s}.pipeline-card:hover{border-color:#10b981}.card-title{font-weight:600;color:#e4e6eb;margin-bottom:.5rem}.card-meta{display:flex;justify-content:space-between;color:#6b7280;font-size:.75rem;margin-bottom:.75rem}.filters{display:flex;gap:1rem;margin-bottom:1.5rem}.filters select{background:#1a1f26;border:1px solid #2d3748;color:#e4e6eb;padding:.75rem;border-radius:6px;cursor:pointer}.filters select:focus{outline:none;border-color:#10b981}.timeline{display:flex;flex-direction:column;gap:1rem}.timeline-event{background:#1a1f26;border:1px solid #2d3748;border-radius:8px;padding:1.5rem;display:flex;gap:1rem}.event-icon{font-size:1.5rem}.event-content{flex:1}.event-header{display:flex;gap:1rem;margin-bottom:.5rem}.event-agent{font-weight:600;color:#10b981}.event-type{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.event-type.green{background:#10b98120;color:#10b981}.event-type.yellow{background:#f59e0b20;color:#f59e0b}.event-type.blue{background:#3b82f620;color:#3b82f6}.event-type.red{background:#ef444420;color:#ef4444}.event-message{color:#e4e6eb;margin-bottom:.5rem}.event-time{color:#6b7280;font-size:.875rem}.search-bar{margin-bottom:1.5rem}.search-bar input{width:100%;max-width:400px;background:#1a1f26;border:1px solid #2d3748;color:#e4e6eb;padding:.75rem;border-radius:6px}.search-bar input:focus{outline:none;border-color:#10b981}.file-icon{margin-right:.5rem}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f1419}.login-box{background:#1a1f26;border:1px solid #2d3748;border-radius:12px;padding:2rem;width:100%;max-width:400px}.login-box h1{text-align:center;margin-bottom:2rem}.login-box input{width:100%;background:#0f1419;border:1px solid #2d3748;color:#e4e6eb;padding:.75rem;border-radius:6px;margin-bottom:1rem}.login-box input:focus{outline:none;border-color:#10b981}.login-box button{width:100%;background:#10b981;color:#fff;border:none;padding:.75rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.login-box button:hover{background:#059669}.error{color:#ef4444;margin-top:1rem;text-align:center}@media (max-width: 768px){.sidebar-nav{display:none}.metrics,.agent-grid,.pipeline-board{grid-template-columns:1fr}.modal{width:95%}}