:root{font-family:Inter,system-ui,sans-serif;color:#e8eefc;background:#0b1120}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px}main{max-width:1400px;margin:0 auto;padding:2rem}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.eyebrow{color:#7dd3fc;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}h1{font-size:clamp(1.7rem,4vw,3.2rem);margin:.5rem 0 1rem}h2{font-size:1rem;margin:0}.provider{font-size:.85rem;text-transform:capitalize}.provider.connected{color:#86efac}.provider.configured{color:#facc15}.provider.not_configured,.provider.unavailable{color:#fca5a5}.setup-note{color:#fcd34d;font-size:.85rem}button,input,select,textarea{font:inherit;border-radius:.55rem;border:1px solid #334155;background:#111c31;color:#e8eefc;padding:.7rem .85rem}button{cursor:pointer;font-weight:700}.stop{background:#7f1d1d;border-color:#ef4444}.stop.active{background:#166534;border-color:#4ade80}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.metrics div,.agent-card,.task-card,.task-form{border:1px solid #263653;border-radius:.8rem;background:#111b2e;padding:1rem}.metrics strong{display:block;font-size:2rem}.metrics span,small{color:#8fa0bc}.tabs{border-bottom:1px solid #263653;margin-bottom:1.5rem;display:flex;overflow-x:auto}.tabs button{border:0;border-radius:0;background:transparent;white-space:nowrap}.tabs .selected{color:#7dd3fc;border-bottom:2px solid #38bdf8}.tab-count{color:#8fa0bc;font-size:.75rem}.toolbar{display:flex;gap:.75rem;margin-bottom:1rem}.toolbar input{flex:1}.agent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}.card-heading{display:flex;align-items:center;gap:.5rem}.agent-id{margin-left:auto;font-size:.7rem;color:#64748b}.agent-card p{color:#b6c4da;margin:.55rem 0}.skills{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.7rem}.skills span{background:#1e3a5f;color:#bae6fd;border-radius:99px;padding:.25rem .45rem;font-size:.72rem}.status{width:.55rem;height:.55rem;border-radius:50%;background:#64748b}.status.idle{background:#4ade80}.status.queued{background:#facc15}.status.running{background:#38bdf8}.status.paused{background:#f87171}.task-layout{display:grid;grid-template-columns:280px 1fr;gap:1rem}.task-form{display:flex;flex-direction:column;gap:.75rem;align-self:start}.task-form textarea{min-height:120px;resize:vertical}.task-list{display:grid;gap:.8rem}.pill{float:right;border-radius:99px;padding:.25rem .5rem;font-size:.7rem;background:#334155}.execute{display:block;margin-top:.8rem;background:#075985}.result{white-space:pre-wrap;color:#bae6fd;margin-top:.8rem;font-family:inherit}.error{color:#fca5a5}.task-instruction{color:#b6c4da;line-height:1.5;overflow-wrap:anywhere}.task-instruction.expanded{white-space:pre-wrap}.details-button{padding:.35rem .55rem;font-size:.78rem;margin-bottom:.65rem}.task-output{margin-top:.75rem}.task-output summary{color:#7dd3fc;cursor:pointer}.opportunity-section{display:grid;gap:1rem}.opportunity-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.opportunity-summary div{border:1px solid #263653;border-radius:.8rem;background:#111b2e;padding:1rem}.opportunity-summary strong{display:block;font-size:1.6rem}.opportunity-summary span{color:#8fa0bc;font-size:.8rem}.opportunity-toolbar{margin-bottom:0}.opportunity-toolbar select{min-width:150px}.opportunity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:.8rem}.opportunity-card{border:1px solid #263653;border-radius:.8rem;background:#111b2e;padding:1rem;min-width:0}.opportunity-card h2{line-height:1.35;margin:.8rem 0 .55rem}.opportunity-card h2 a{color:#bae6fd;text-decoration:none}.opportunity-card h2 a:hover{text-decoration:underline}.opportunity-card p{color:#b6c4da;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.opportunity-heading{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.source-badge{color:#7dd3fc;background:#1e3a5f;border-radius:99px;padding:.25rem .5rem;font-size:.72rem;white-space:nowrap}.opportunity-heading small{text-align:right}.opportunity-card dl{border-top:1px solid #263653;margin:1rem 0 0;padding-top:.7rem;display:grid;gap:.35rem}.opportunity-card dl div{display:flex;justify-content:space-between;gap:.5rem}.opportunity-card dt,.opportunity-card dd{font-size:.75rem;margin:0}.opportunity-card dt{color:#8fa0bc}.opportunity-card dd{color:#dbeafe;text-align:right}.state-message{color:#8fa0bc;padding:2rem 1rem;text-align:center;border:1px dashed #334155;border-radius:.8rem}.prepare-button{margin-top:1rem;width:100%;background:#075985;border-color:#0ea5e9}.prepare-button:disabled{cursor:wait;opacity:.7}.review-layout{display:grid;gap:1rem;max-width:900px;margin:0 auto}.review-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.review-header p{color:#b6c4da}.review-card{border:1px solid #263653;border-radius:.8rem;background:#111b2e;padding:1.25rem}.review-card h3{color:#7dd3fc;margin:1.25rem 0 .4rem}.review-card h3:first-child{margin-top:0}.review-card p,.review-card li{color:#dbeafe;line-height:1.55}.review-actions{display:flex;gap:.75rem}.approve-button{background:#166534;border-color:#4ade80}.reject-button{background:#7f1d1d;border-color:#f87171}.earnings-layout{display:grid;gap:1rem}.earnings-filters{align-items:center;flex-wrap:wrap}.earnings-filters label{color:#8fa0bc;display:flex;align-items:center;gap:.4rem}.earnings-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.earnings-summary div,.ledger-card,.performance-card{border:1px solid #263653;border-radius:.8rem;background:#111b2e;padding:1rem}.earnings-summary strong{display:block;font-size:1.35rem}.earnings-summary span{color:#8fa0bc;font-size:.8rem}.ledger-list,.performance-grid{display:grid;gap:.75rem}.ledger-card>div{display:flex;justify-content:space-between;gap:.5rem}.ledger-card p,.performance-card p{color:#b6c4da}.confirm-payment{background:#92400e;border-color:#f59e0b}.confirmed{color:#86efac!important}.performance-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.performance-card h3{margin-top:0;color:#7dd3fc}@media(max-width:700px){main{padding:1rem}.topbar,.toolbar,.task-layout{display:flex;flex-direction:column}.stop,.toolbar input,.toolbar select{width:100%}.metrics,.opportunity-summary{grid-template-columns:repeat(2,1fr)}.opportunity-card dl div{align-items:flex-start;flex-direction:column;gap:.1rem}.opportunity-card dd{text-align:left}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem;box-sizing:border-box}.login-card{max-width:32rem;width:min(100%,32rem);margin:0 auto;padding:1.25rem;border:1px solid #334155;border-radius:1rem;background:#111827}.login-card input{display:block;width:100%;margin:.6rem 0}
