:root{--sidebar-bg:#111827;--sidebar-text:#9ca3af;--sidebar-text-active:#f9fafb;--sidebar-hover:hsla(0,0%,100%,.06);--sidebar-active-bg:rgba(16,185,129,.15);--sidebar-active-text:#10b981;--sidebar-border:hsla(0,0%,100%,.08);--sidebar-width:240px;--bg:#f1f5f9;--surface:#fff;--surface-raised:#f8fafc;--ink:#0f172a;--ink-soft:#64748b;--ink-muted:#94a3b8;--line:#e2e8f0;--line-subtle:#f1f5f9;--accent:#10b981;--accent-dark:#059669;--accent-soft:#d1fae5;--accent-text:#065f46;--warn:#f59e0b;--warn-soft:#fef3c7;--warn-text:#92400e;--danger:#ef4444;--danger-soft:#fee2e2;--danger-text:#991b1b;--info:#6366f1;--info-soft:#e0e7ff;--info-text:#3730a3;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow:0 1px 3px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.06);--shadow-lg:0 4px 6px rgba(0,0,0,.07),0 10px 30px rgba(0,0,0,.1)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:100}.main-content{margin-left:var(--sidebar-width);min-height:100vh}.content,.main-content{flex:1 1;display:flex;flex-direction:column}.content{padding:28px 32px;max-width:1280px;width:100%;margin:0 auto;gap:24px}.brand{padding:24px 20px 20px;border-bottom:1px solid var(--sidebar-border)}.brand-name{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sidebar-text);margin-bottom:4px}.brand h1{margin:0;font-size:1.25rem;font-weight:700;color:#f9fafb;letter-spacing:-.02em}.nav{padding:12px 10px;flex:1 1;display:flex;flex-direction:column;gap:2px}.nav-section-label{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#4b5563;padding:12px 10px 6px}.nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:.875rem;font-weight:450;transition:background .15s,color .15s}.nav a:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.nav a.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:500}.nav-icon{width:18px;height:18px;opacity:.7;flex-shrink:0}.nav a.active .nav-icon{opacity:1}.nav-bottom{padding:10px 10px 20px;border-top:1px solid var(--sidebar-border)}.logout-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:#ef4444!important;font-size:.875rem;transition:background .15s}.logout-link:hover{background:rgba(239,68,68,.1)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.page-header p{margin:4px 0 0;color:var(--ink-soft);font-size:.875rem}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--ink-muted);margin-bottom:4px}.breadcrumb a{color:var(--accent-dark)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{opacity:.5}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line-subtle)}.card-header,.card-title{display:flex;align-items:center}.card-title{font-size:.875rem;font-weight:600;color:var(--ink);gap:8px}.card-body{padding:20px}.card-footer{padding:12px 20px;border-top:1px solid var(--line-subtle);background:var(--surface-raised);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:16px;gap:16px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm)}.metric-label{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px}.metric-value{font-size:1.875rem;font-weight:700;letter-spacing:-.03em;color:var(--ink);line-height:1}.metric-sub{font-size:.75rem;color:var(--ink-muted);margin-top:4px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);padding:10px 16px;border-bottom:1px solid var(--line);background:var(--surface-raised)}.data-table th:first-child{border-radius:var(--radius-sm) 0 0 0}.data-table th:last-child{border-radius:0 var(--radius-sm) 0 0}.data-table td{padding:12px 16px;border-bottom:1px solid var(--line-subtle);font-size:.875rem;color:var(--ink);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--surface-raised)}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#f0fdf9!important}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap;letter-spacing:.02em}.badge-green{background:var(--accent-soft);color:var(--accent-text)}.badge-yellow{background:var(--warn-soft);color:var(--warn-text)}.badge-red{background:var(--danger-soft);color:var(--danger-text)}.badge-blue{background:var(--info-soft);color:var(--info-text)}.badge-gray{background:#f1f5f9;color:var(--ink-soft)}.badge-status-active{background:var(--accent-soft);color:var(--accent-text)}.badge-status-inactive{background:#f1f5f9;color:var(--ink-soft)}.badge-status-running{background:var(--info-soft);color:var(--info-text)}.badge-status-queued{background:var(--warn-soft);color:var(--warn-text)}.badge-status-done{background:var(--accent-soft);color:var(--accent-text)}.badge-status-failed{background:var(--danger-soft);color:var(--danger-text)}.badge-status-pending{background:#f1f5f9;color:var(--ink-soft)}.two-col{grid-template-columns:1fr 1fr;grid-gap:20px}.three-col,.two-col{display:grid;gap:20px}.three-col{grid-template-columns:1fr 1fr 1fr;grid-gap:20px}.sidebar-layout{display:grid;grid-template-columns:1fr 320px;grid-gap:24px;gap:24px;align-items:start}.detail-list{display:flex;flex-direction:column}.detail-row{display:flex;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-subtle)}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-label{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);min-width:120px;flex-shrink:0}.detail-value{font-size:.875rem;color:var(--ink);flex:1 1}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px}.agent-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;position:relative}.agent-card.is-lead{border-color:var(--accent);background:linear-gradient(135deg,#ecfdf5,#f0fdf9)}.agent-card-role{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin-bottom:4px}.agent-card-name{font-size:.9rem;font-weight:600;color:var(--ink);margin-bottom:6px}.agent-card-tags{display:flex;flex-wrap:wrap;gap:4px}.lead-crown{position:absolute;top:10px;right:12px;font-size:.75rem;color:var(--accent-dark);font-weight:700}.btn,button{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--accent);color:#fff;padding:8px 14px;border-radius:var(--radius);cursor:pointer;font-size:.85rem;font-weight:500;font-family:inherit;transition:background .15s,transform .1s}.btn:hover,button:hover{background:var(--accent-dark)}.btn:active,button:active{transform:scale(.98)}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn-secondary:hover{background:var(--surface-raised)}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#dc2626}.btn-sm{padding:5px 10px;font-size:.78rem;border-radius:var(--radius-sm)}input,select,textarea{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px;color:var(--ink);font-size:.875rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(16,185,129,.12)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px;gap:10px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.75rem;font-weight:600;color:var(--ink-soft);letter-spacing:.03em}.form-section{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:12px}.form-section h3{margin:0 0 12px;font-size:.875rem;font-weight:600;color:var(--ink)}.edit-item{border:1px solid var(--line);border-radius:var(--radius);padding:14px;background:var(--surface)}.edit-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:8px;gap:8px;margin-bottom:10px}.error-text{color:var(--danger);font-size:.8rem;margin:8px 0}.empty-state{padding:40px 20px;text-align:center;color:var(--ink-muted);font-size:.875rem}.empty-state p{margin:6px 0 0}.text-link{color:var(--accent-dark);text-decoration:none;font-weight:500}.text-link:hover{text-decoration:underline}.pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:.72rem;font-weight:600;white-space:nowrap}.muted{color:var(--ink-muted);font-size:.8rem}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg)}.login-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-lg)}.login-card h1{margin:0 0 6px;font-size:1.375rem;font-weight:700;letter-spacing:-.02em}.login-card p{color:var(--ink-soft);margin:0 0 24px;font-size:.875rem}.login-card .form-group{margin-bottom:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm)}.metric strong{display:block;font-size:1.875rem;font-weight:700;letter-spacing:-.03em;margin-top:10px}.label{letter-spacing:.06em;color:var(--ink-soft)}.kicker,.label{font-size:.72rem;font-weight:600;text-transform:uppercase}.kicker{display:inline-flex;align-items:center;gap:8px;letter-spacing:.12em;color:var(--accent-dark)}.title{margin:10px 0;font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.lede{color:var(--ink-soft);font-size:.9rem;line-height:1.6;max-width:60ch}.hero{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:20px;gap:20px}.list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.data-list{display:flex;flex-direction:column;gap:0}.data-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line-subtle)}.data-row:last-child{border-bottom:none;padding-bottom:0}.data-row strong{display:block;margin-bottom:2px;font-size:.875rem}.inline-link{color:var(--accent-dark);font-weight:500;font-size:.8rem}.inline-link:hover{text-decoration:underline}.split-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.action-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.button-danger{background:var(--danger)}.editor-box{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:12px}.editor-box h3{margin:0 0 12px;font-size:.875rem;font-weight:600}.editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-bottom:10px}.editor-form input,.editor-form select,.editor-grid input,.editor-grid select{width:100%}.editor-list{display:flex;flex-direction:column;gap:10px}.editor-item{border:1px solid var(--line);border-radius:var(--radius);padding:14px;background:var(--surface)}.editor-form{gap:12px}.editor-form,.editor-form label{display:flex;flex-direction:column}.editor-form label{gap:6px;font-size:.8rem;font-weight:500;color:var(--ink-soft)}.compact-list .data-row{padding-bottom:8px}.steps-list{display:flex;flex-direction:column;gap:8px}.step-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius)}.step-num{width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-info{flex:1 1;min-width:0}.step-type{font-size:.8rem;font-weight:600;color:var(--ink)}.step-agent{font-size:.75rem;color:var(--ink-soft);margin-top:1px}@media (max-width:1120px){.grid,.hero,.list-grid,.sidebar-layout,.three-col,.two-col{grid-template-columns:1fr}}@media (max-width:768px){:root{--sidebar-width:0px}.sidebar{display:none}.main-content{margin-left:0}.content{padding:16px 20px}.grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}.editor-grid{grid-template-columns:1fr}}