:root{--agent-bg:#07101d;--agent-sidebar:#0b1626;--agent-panel:#0f1b2b;--agent-panel-2:#111f31;--agent-border:#22324a;--agent-text:#f4f7fb;--agent-muted:#94a4ba;--agent-accent:#7c4dff;--agent-accent-2:#9b6dff;--agent-good:#36d07c;--agent-warn:#f5a524}*{box-sizing:border-box}.agent-os{min-height:100vh;background:radial-gradient(circle at 72% 0%,rgba(79,67,155,.12),transparent 34%),var(--agent-bg);color:var(--agent-text);display:grid;grid-template-columns:222px minmax(0,1fr);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.agent-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0d1929,#091321);border-right:1px solid var(--agent-border);padding:22px 14px;display:flex;flex-direction:column}.agent-brand{display:flex;align-items:center;gap:10px;color:var(--agent-text);font-size:17px;font-weight:850;text-decoration:none;padding:0 8px 22px}.agent-brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#6b3be8,#b66cff);display:grid;place-items:center;box-shadow:0 8px 22px #764cff4d}.agent-nav{display:grid;gap:4px}.agent-nav-label{font-size:10px;color:#6f829c;letter-spacing:.12em;font-weight:800;padding:20px 10px 8px}.agent-nav-link{min-height:42px;border-radius:9px;padding:0 10px;display:flex;align-items:center;gap:10px;color:#b6c2d1;text-decoration:none;font-size:13px;position:relative}.agent-nav-link:hover{background:#122136;color:#fff}.agent-nav-link.is-active{background:linear-gradient(90deg,#7c4dff5c,#7c4dff29);color:#fff;border:1px solid rgba(132,91,255,.38)}.agent-active-dot{width:6px;height:6px;border-radius:50%;background:#cbb5ff;margin-left:auto;box-shadow:0 0 12px #8c5dff}.agent-sidebar-foot{margin-top:auto;border-top:1px solid var(--agent-border);padding:16px 6px 0}.agent-account{display:flex;gap:9px;align-items:center}.agent-account>span:last-child{display:grid;gap:2px}.agent-account strong{font-size:11px}.agent-account small{font-size:10px;color:var(--agent-muted)}.agent-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#19283c;color:#cbd7e7;font-size:10px;font-weight:900}.agent-main{padding:38px 38px 58px;max-width:1400px;width:100%;margin:0 auto}.agent-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.agent-page-head h1{font-size:32px;letter-spacing:-.035em;margin:0 0 5px}.agent-page-head p{margin:0;color:var(--agent-muted);font-size:14px}.agent-status-badge{font-size:11px;color:#c8d3e3;border:1px solid var(--agent-border);background:#0e1a29;border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.good{background:var(--agent-good);box-shadow:0 0 8px #36d07c8c}.status-dot.warn{background:var(--agent-warn);box-shadow:0 0 8px #f5a52466}.agent-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.agent-stat{background:linear-gradient(180deg,var(--agent-panel-2),var(--agent-panel));border:1px solid var(--agent-border);border-radius:12px;padding:16px;min-height:142px;display:flex;flex-direction:column}.agent-stat-top{display:flex;align-items:center;justify-content:space-between;color:#aebcd0;font-size:11px}.icon-box{width:31px;height:31px;border-radius:9px;display:grid;place-items:center}.icon-box.good{color:#61dfa0;background:#36d07c1a}.icon-box.warn{color:#ffc768;background:#f5a5241c}.agent-stat>strong{font-size:24px;margin-top:15px}.agent-stat>small{color:var(--agent-muted);font-size:11px;line-height:1.45;margin-top:auto}.agent-panel{background:linear-gradient(180deg,#101d2d,#0d1928);border:1px solid var(--agent-border);border-radius:12px;padding:17px;margin-bottom:18px}.agent-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid rgba(34,50,74,.72);padding-bottom:14px;margin-bottom:4px}.agent-panel-head h2,.config-panel-head h2{font-size:14px;margin:0 0 4px}.agent-panel-head p,.config-panel-head p{font-size:11px;color:var(--agent-muted);margin:0}.agent-secondary-action{height:34px;padding:0 11px;display:flex;align-items:center;gap:4px;border:1px solid var(--agent-border);border-radius:8px;color:#dce4ef;text-decoration:none;font-size:11px;background:#111e2e}.agent-activity-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 4px;border-bottom:1px solid rgba(34,50,74,.58)}.agent-activity-row:last-child{border-bottom:0}.agent-activity-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;color:#a77dff;background:#7c4dff1a}.agent-activity-row strong{font-size:12px}.agent-activity-row p{font-size:11px;color:var(--agent-muted);margin:4px 0 0;line-height:1.4}.agent-chip{font-size:10px;color:#76e8ab;background:#36d07c1c;border:1px solid rgba(54,208,124,.14);padding:5px 8px;border-radius:6px;white-space:nowrap}.agent-chip.warn{color:#ffc76a;background:#f5a5241a;border-color:#f5a52429}.agent-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.intent-list,.health-list{padding-top:8px}.intent-row{display:grid;grid-template-columns:86px minmax(100px,1fr) 145px;gap:12px;align-items:center;padding:10px 0}.intent-row>span{font-size:11px;font-weight:800;color:#d9caff}.intent-row small{font-size:10px;color:var(--agent-muted)}.intent-bar{height:5px;border-radius:99px;background:#1d2a3c;overflow:hidden}.intent-bar i{display:block;height:100%;background:linear-gradient(90deg,#814dff,#d05cff);border-radius:inherit}.health-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(34,50,74,.58);font-size:11px}.health-row:last-child{border-bottom:0}.health-row>span{display:flex;gap:9px;align-items:center}.good-icon{color:var(--agent-good)}.muted-icon{color:#61718a}.good-text{color:#72e3a9}.warn-text{color:#f7b955}.agent-callout{border:1px solid rgba(124,77,255,.38);background:linear-gradient(90deg,#7c4dff1f,#7c4dff09);border-radius:12px;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.agent-callout>div{display:flex;align-items:flex-start;gap:10px;color:#a98bff}.agent-callout span{display:grid;gap:3px}.agent-callout strong{font-size:12px;color:#e9e1ff}.agent-callout small{font-size:10px;color:#aab8ca}.agent-callout a{display:flex;align-items:center;gap:6px;color:#d8caff;font-size:11px;text-decoration:none}.config-tabs{display:flex;gap:24px;border-bottom:1px solid var(--agent-border);margin-bottom:18px;overflow:auto}.config-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:#aab8cb;padding:0 1px 11px;white-space:nowrap;font-size:11px;cursor:pointer}.config-tabs button.is-active{color:#b98cff;border-color:#8b55ff}.config-panel{background:linear-gradient(180deg,#101d2d,#0d1928);border:1px solid var(--agent-border);border-radius:12px;margin-bottom:16px;overflow:hidden}.config-panel-head{padding:17px 17px 15px;border-bottom:1px solid var(--agent-border)}.config-panel>div:last-child{padding:0 17px}.config-field{min-height:74px;display:grid;grid-template-columns:minmax(190px,1fr) minmax(280px,42%);gap:24px;align-items:center;border-bottom:1px solid rgba(34,50,74,.62)}.config-field:last-child{border-bottom:0}.config-field>span{display:grid;gap:4px}.config-field strong{font-size:11px}.config-field small{font-size:10px;color:var(--agent-muted);line-height:1.4}.config-field input,.config-field select{width:100%;height:38px;background:#0c1725;color:#e8eef6;border:1px solid #2a3c55;border-radius:7px;padding:0 11px;font:inherit;font-size:11px;outline:none}.config-field input:focus,.config-field select:focus{border-color:#7650d9;box-shadow:0 0 0 2px #7c4dff1f}.config-field select:disabled{opacity:.72}.toggle{width:38px;height:22px;border-radius:99px;border:1px solid #37465a;background:#192537;padding:2px;justify-self:end}.toggle i{display:block;width:16px;height:16px;border-radius:50%;background:#6f7e91;transition:.2s}.toggle.on{background:#713de0;border-color:#8958ec}.toggle.on i{transform:translate(16px);background:#fff}.response-preview{margin:18px 0;background:#0b1522;border:1px solid #27374d;border-radius:9px;padding:14px}.response-preview>span{font-size:10px;color:#8d9db2;text-transform:uppercase;letter-spacing:.08em}.response-preview p{font-size:12px;line-height:1.55}.response-preview small{font-size:10px;color:#9aabc0}.integration-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(34,50,74,.62)}.integration-row:last-child{border-bottom:0}.integration-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;color:#a789ff;background:#7c4dff1a}.integration-copy{display:grid;gap:3px}.integration-copy strong{font-size:11px}.integration-copy small{font-size:10px;color:var(--agent-muted)}.config-actions{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.config-actions>div{display:flex;align-items:center;gap:12px}.agent-reset,.agent-primary-action{height:38px;border-radius:8px;padding:0 14px;font-size:11px;font-weight:800;cursor:pointer}.agent-reset{background:#111e2d;color:#ced8e5;border:1px solid var(--agent-border)}.agent-primary-action{background:linear-gradient(135deg,#6d3be2,#9b5cff);color:#fff;border:0;box-shadow:0 8px 20px #6d3be240}.save-state{font-size:10px;color:#69dca1;opacity:0;transition:.2s}.save-state.is-visible{opacity:1}@media(max-width:980px){.agent-os{grid-template-columns:72px minmax(0,1fr)}.agent-sidebar{padding:20px 10px}.agent-brand>span:last-child,.agent-nav-link span:not(.agent-active-dot),.agent-nav-label,.agent-account>span:last-child{display:none}.agent-brand{justify-content:center;padding-inline:0}.agent-nav-link{justify-content:center;padding:0}.agent-sidebar-foot{padding-inline:0}.agent-account{justify-content:center}.agent-stat-grid{grid-template-columns:repeat(2,1fr)}.agent-main{padding:30px 24px}.agent-two-col{grid-template-columns:1fr}}@media(max-width:640px){.agent-os{display:block}.agent-sidebar{position:sticky;z-index:20;top:0;height:auto;display:flex;flex-direction:row;align-items:center;padding:10px 12px;border-right:0;border-bottom:1px solid var(--agent-border)}.agent-brand{padding:0;margin-right:auto}.agent-brand>span:last-child{display:inline}.agent-nav{display:flex;gap:5px}.agent-nav-link{width:40px}.agent-nav-link:first-child,.agent-nav-link:nth-child(2),.agent-nav-link:nth-of-type(n+5),.agent-nav-label{display:none}.agent-sidebar-foot{display:none}.agent-main{padding:24px 14px 42px}.agent-page-head{display:grid}.agent-status-badge{width:max-content}.agent-stat-grid{grid-template-columns:1fr 1fr}.agent-stat{min-height:132px}.agent-activity-row{grid-template-columns:28px minmax(0,1fr)}.agent-activity-row>.agent-chip{grid-column:2;width:max-content}.agent-two-col{grid-template-columns:1fr}.agent-callout{align-items:flex-start;flex-direction:column}.config-tabs{gap:18px}.config-field{grid-template-columns:1fr;gap:8px;padding:14px 0}.config-field>div{width:100%}.integration-row{grid-template-columns:32px minmax(0,1fr)}.integration-row>.agent-chip{grid-column:2;width:max-content}.config-actions{position:sticky;bottom:0;background:#07101df2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 0}.intent-row{grid-template-columns:76px 1fr}.intent-row small{grid-column:2}.agent-stat>strong{font-size:20px}}@tailwind base;@tailwind components;@tailwind utilities;@layer utilities{.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}