.agent-page{height:100%;padding:2rem 2.5rem 3rem;background:var(--color-bg);display:flex;flex-direction:column;overflow-y:auto}.agent-container{width:100%}.agent-container h2{font-size:1.8rem;color:var(--color-text);margin-bottom:.5rem}.agent-subtitle{color:var(--color-text-muted);margin-bottom:1.5rem;line-height:1.5}.example-prompts{margin-bottom:1.5rem}.examples-label{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.5rem;font-weight:500}.examples-grid{display:flex;flex-wrap:wrap;gap:.5rem}.example-btn{padding:.4rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);font-size:.8rem;cursor:pointer;transition:border-color .2s,color .2s}.example-btn:hover{border-color:var(--color-accent);color:var(--color-text)}.agent-input textarea{width:100%;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);font-size:.95rem;resize:vertical;outline:none;box-sizing:border-box;font-family:var(--font-body, "Inter", sans-serif)}.agent-input textarea:focus{border-color:var(--color-accent)}.agent-controls{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;gap:1rem}.model-selector{display:flex;align-items:center;gap:.5rem}.model-selector label{font-size:.85rem;color:var(--color-text-muted);white-space:nowrap}.model-selector select{padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.85rem;cursor:pointer;outline:none;appearance:auto}.model-selector select:focus{border-color:var(--color-accent)}.start-btn{padding:.75rem 2rem;background:var(--color-accent);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:opacity .2s;white-space:nowrap}.start-btn:hover{opacity:.9}.start-btn:disabled{opacity:.5;cursor:not-allowed}.run-panel{margin-top:1.5rem;border:1px solid var(--color-border);border-radius:14px;overflow:hidden;background:var(--color-surface)}.run-header{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:#ffffff04}.run-meta{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.run-task-description{font-size:.85rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500}.run-model-badge{font-size:.7rem;padding:.2rem .6rem;background:#ffffff0d;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.run-stats{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--color-text-muted)}.run-status{display:flex;align-items:center;gap:.35rem;font-weight:600;color:var(--color-text)}.run-status.status-complete{color:#2ecc71}.stop-btn{padding:.25rem .6rem;font-size:.7rem;font-weight:600;background:transparent;border:1px solid #e74c3c;border-radius:6px;color:#e74c3c;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}.stop-btn:hover{background:#e74c3c;color:#fff}.stop-btn:disabled{opacity:.5;cursor:not-allowed}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4ecdc4;animation:pulse 1.5s ease-in-out infinite}.done-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2ecc71}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.current-step{padding:.75rem 1.25rem;border-bottom:1px solid var(--color-border);background:#4ecdc40a}.current-step-inner{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--color-text)}.current-step-done{color:#2ecc71}.current-step-error{color:#e74c3c}.current-step-text{flex:1}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.1);border-top-color:#4ecdc4;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.step-timeline{max-height:350px;overflow-y:auto;padding:.5rem 0}.step-item{display:flex;align-items:center;gap:.6rem;padding:.5rem 1.25rem;font-size:.85rem;color:var(--color-text);border-bottom:1px solid rgba(255,255,255,.02);transition:background .2s}.step-item:hover{background:#ffffff05}.step-enter{animation:stepIn .3s ease-out}@keyframes stepIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.step-icon{font-size:1rem;flex-shrink:0;width:1.2rem;text-align:center}.step-content{flex:1;min-width:0;display:flex;align-items:baseline;gap:.5rem}.step-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.step-time{font-size:.7rem;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.step-type-badge{font-size:.65rem;padding:.1rem .4rem;border:1px solid;border-radius:4px;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.03em;font-weight:600}.step-error,.step-error .step-message{color:#e74c3c}.agent-report{padding:0 1.25rem 1.25rem}.view-report-btn{display:flex;align-items:center;gap:.85rem;padding:1rem 1.25rem;background:#2ecc710f;border:1px solid rgba(46,204,113,.2);border-radius:12px;text-decoration:none;color:inherit;transition:border-color .2s,background .2s,transform .15s;cursor:pointer}.view-report-btn:hover{border-color:#2ecc7166;background:#2ecc711a;transform:translateY(-1px)}.view-report-icon{font-size:1.5rem;flex-shrink:0}.view-report-text{flex:1;min-width:0}.view-report-title{display:block;font-weight:600;font-size:.95rem;color:#2ecc71}.view-report-sub{display:block;font-size:.78rem;color:var(--color-text-muted);margin-top:.15rem}.view-report-btn svg{flex-shrink:0;color:var(--color-text-muted)}.report-preview{margin-top:.75rem;padding:.85rem 1rem;background:#ffffff05;border:1px solid var(--color-border);border-radius:10px}.report-preview-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.4rem;font-weight:600}.report-preview-text{font-size:.85rem;line-height:1.5;color:var(--color-text);opacity:.8}.history-section{margin-top:3rem}.history-title{font-size:1.1rem;color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.history-card{border:1px solid var(--color-border);border-radius:10px;margin-bottom:.5rem;overflow:hidden;background:var(--color-surface);cursor:pointer;transition:border-color .2s}.history-card:hover{border-color:#ffffff26}.history-card-open{border-color:var(--color-accent)}.history-card-main{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}.history-status{font-size:1rem;flex-shrink:0}.history-card-info{flex:1;min-width:0}.history-task{font-size:.85rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.history-meta{display:flex;gap:.75rem;font-size:.7rem;color:var(--color-text-muted);margin-top:.2rem}.history-chevron{flex-shrink:0;color:var(--color-text-muted);transition:transform .2s}.history-card-open .history-chevron{transform:rotate(90deg)}.history-report{padding:0 1rem 1rem;cursor:default}.history-loading{font-size:.85rem;color:var(--color-text-muted);padding:.5rem 0}.history-error{font-size:.85rem;color:#e74c3c;padding:.5rem 0}