.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:var(--radius);padding:.55rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.button--danger{background:var(--color-danger);color:#fff}.button--danger:hover:not(:disabled){background:var(--color-danger-hover)}.button--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.button--secondary:hover:not(:disabled){background:var(--color-bg)}.button--full{width:100%}.spinner{display:inline-block;width:1.1rem;height:1.1rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-container{display:flex;align-items:center;justify-content:center;padding:2rem}.nav-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.nav-bar__inner{max-width:1200px;margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-bar__brand{font-weight:700;font-size:1rem;color:var(--color-text);text-decoration:none;white-space:nowrap}.nav-bar__links{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.nav-bar__link{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;font-weight:500}.nav-bar__link:hover{color:var(--color-text)}.nav-bar__link--active{color:var(--color-primary)}.nav-bar__user{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--color-text-muted)}.chat-layout{display:flex;flex-direction:column;gap:1.5rem}.message-list{display:flex;flex-direction:column;gap:.75rem;max-height:460px;overflow-y:auto;padding-right:.25rem}.message-bubble{border:1px solid var(--color-border);border-radius:var(--radius);padding:.65rem .85rem;background:var(--color-bg)}.message-bubble__meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.3rem}.message-input{display:flex;gap:.5rem}.message-input textarea{flex:1;resize:vertical;min-height:48px}.agent-status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.agent-status-badge--pending,.agent-status-badge--planning{background:#eef0f3;color:var(--color-text-muted)}.agent-status-badge--running{background:#e0ecff;color:var(--color-primary)}.agent-status-badge--needs_approval{background:#fef3c7;color:var(--color-warning)}.agent-status-badge--completed{background:#dcfce7;color:var(--color-success)}.agent-status-badge--partially_completed{background:#fef3c7;color:var(--color-warning)}.agent-status-badge--failed,.agent-status-badge--blocked,.agent-status-badge--expired{background:#fee2e2;color:var(--color-danger)}.task-list{display:flex;flex-direction:column;gap:.75rem}.task-list-item{display:block;text-decoration:none;color:inherit}.task-timeline{display:flex;flex-direction:column;gap:.75rem}.step-card{border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;background:var(--color-surface);display:flex;flex-direction:column;gap:.5rem}.step-card__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.step-card__agent{font-weight:600}.step-card__output{white-space:pre-wrap;font-size:.9rem;background:var(--color-bg);border-radius:var(--radius);padding:.6rem .75rem}.step-card__warning{font-size:.9rem;background:#fff7e6;color:#8a5a00;border:1px solid #f0c36d;border-radius:var(--radius);padding:.6rem .75rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121773;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:var(--color-surface);border-radius:var(--radius);padding:1.5rem;width:100%;max-width:480px;box-shadow:0 10px 40px #0f121740}.modal__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.document-upload{display:flex;flex-direction:column;gap:.75rem}.document-list{display:flex;flex-direction:column;gap:.5rem}.document-row{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius)}.search-box{display:flex;gap:.5rem}.search-results{display:flex;flex-direction:column;gap:.6rem}.search-result{border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem .9rem}.search-result__meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-text-muted);margin-bottom:.35rem}.analytics-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.agent-stats-card__value{font-size:1.9rem;font-weight:700}.agent-stats-card__label{color:var(--color-text-muted);font-size:.85rem}.usage-chart{width:100%;height:320px}.integration-status-card{display:flex;flex-direction:column;gap:.4rem}.integration-status-card__header{display:flex;align-items:center;justify-content:space-between}.integration-dot{width:.55rem;height:.55rem;border-radius:999px;display:inline-block}.integration-dot--connected{background:var(--color-success)}.integration-dot--disconnected{background:var(--color-text-muted)}.admin-section{display:flex;flex-direction:column;gap:.75rem}:root{--color-bg: #f7f8fa;--color-surface: #ffffff;--color-border: #e2e5ea;--color-text: #1a1d23;--color-text-muted: #666c77;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-success: #16a34a;--color-warning: #d97706;--radius: 8px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text)}a{color:var(--color-primary)}h1,h2,h3{margin:0 0 .5rem}.page{max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem}.page--wide{max-width:1200px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;align-items:center;gap:.75rem}.row--between{justify-content:space-between}.text-muted{color:var(--color-text-muted)}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field label{font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.form-field input,.form-field textarea{padding:.55rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.95rem;font-family:inherit;background:var(--color-surface);color:var(--color-text)}.form-field input:focus,.form-field textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}.error-text{color:var(--color-danger);font-size:.9rem}.auth-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-card{width:100%;max-width:380px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--color-border);font-size:.9rem}th{color:var(--color-text-muted);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.03em}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.empty-state{color:var(--color-text-muted);text-align:center;padding:2rem 1rem}