:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#1a2533;background:radial-gradient(circle at 10% 10%,#f3f7ff,#f0faf5 60%,#eef2ff)}html,body,#root{height:100%}*{box-sizing:border-box}body{margin:0;overflow:hidden}.layout{height:100%;max-width:1400px;margin:0 auto;padding:1rem;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.topbar{background:linear-gradient(120deg,#09304a,#0e5a57);color:#f5fbff;border-radius:.9rem;padding:1rem 1.25rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.topbar h1{margin:0}.topbar p{margin:.3rem 0 0;opacity:.9}.session-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end;min-width:0}.session-bar span{font-size:.85rem;word-break:break-word}.nav-bar{display:flex;gap:.4rem;margin-bottom:1rem}.nav-btn{border:1px solid #b8d5e5;background:#f6fbff;border-radius:.5rem;padding:.5rem 1rem;cursor:pointer;font-weight:500;color:#1a2533;text-decoration:none;font:inherit}.nav-btn.active{background:#0d6068;color:#fff;border-color:#0d6068}.page-content{min-height:0;display:grid;overflow:auto}.loading,.error{margin:.75rem 0;padding:.65rem;border-radius:.5rem}.loading{background:#e3f0ff}.error{background:#ffe5e5;color:#7a1f1f}.panel{background:#fffc;border:1px solid #d7e6f0;border-radius:.9rem;padding:1rem}.panel h2{margin-top:0}.service-list,.machine-list{list-style:none;padding:0;margin:0 0 1rem}.service-list li{margin-bottom:.35rem}.service-btn{border:1px solid #b8d5e5;background:#f6fbff;width:100%;text-align:left;border-radius:.5rem;padding:.45rem .6rem;cursor:pointer}.service-btn.active{background:#d9f1f2;border-color:#4b96a4}.services-panel{background:linear-gradient(180deg,#fffffffa,#eef6fbf5)}.services-panel h2,.services-panel h3{color:#123041}.services-panel .service-list{display:grid;gap:.55rem}.services-panel .service-list li{margin-bottom:0}.services-panel .service-btn{border-color:#89a9bb;background:linear-gradient(180deg,#edf4f8,#d8e5ee);color:#102433;font-weight:600;box-shadow:inset 0 1px #ffffffb8;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}.services-panel .service-btn:hover{background:linear-gradient(180deg,#e3eef5,#ccdbe6);border-color:#6f92a7}.services-panel .service-btn:focus-visible{outline:3px solid rgba(20,89,104,.2);outline-offset:2px}.services-panel .service-btn.active{background:linear-gradient(135deg,#145968,#0c4251);border-color:#0a3b49;color:#f4fcff;box-shadow:inset 0 1px #ffffff24,0 10px 24px #0c42512e}.services-panel .markdown-preview{border-style:solid;border-color:#9bb3c3;background:linear-gradient(180deg,#f8fcff,#e7eff6);color:#102433;line-height:1.65}.stacked-form{display:grid;gap:.5rem;margin-bottom:1rem}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;border:1px solid #bfd5e4;border-radius:.5rem;padding:.5rem;background:#fff}textarea{min-height:110px;resize:vertical}button{border:none;border-radius:.5rem;padding:.55rem .7rem;background:#0d6068;color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{border:1px solid #a8c1d0;background:#f7fbfc;color:#163447}.secondary-btn:hover:not(:disabled){background:#e9f2f6}.danger-btn{border:1px solid #d9aaaa;background:#fff4f4;color:#8d2222}.danger-btn:hover:not(:disabled){background:#ffe7e7}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-panel{width:min(100%,420px);border:1px solid #d7e6f0;border-radius:.9rem;background:#fffe;padding:1.2rem;box-shadow:0 18px 44px #0d46521f}.auth-header{margin-bottom:1rem}.auth-header p{margin:0;color:#0d6068;font-weight:700}.auth-header h1{margin:.15rem 0 0;font-size:1.7rem}.auth-form{display:grid;gap:.55rem}.auth-form label{font-weight:700;color:#123041}.markdown-preview{border:1px dashed #b8d5e5;border-radius:.5rem;padding:.6rem;min-height:130px;white-space:pre-wrap;background:#fbfdff}.chat-page{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);height:100%;min-height:0;padding:0;overflow:hidden}.chat-history-panel{min-height:0;border-right:1px solid #d7e6f0;background:#f7fbfc;padding:.85rem;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.75rem}.chat-history-header,.chat-main-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.chat-history-header h2,.chat-main-header h2{margin:0}.chat-session-list{display:grid;align-content:start;gap:.45rem;overflow:auto;min-height:0}.chat-session-btn{width:100%;border:1px solid #c4d9e7;background:#fff;color:#183246;text-align:left;display:grid;gap:.15rem;border-radius:.5rem}.chat-session-btn.active{background:#0d6068;border-color:#0d6068;color:#fff}.chat-session-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-session-btn small{color:inherit;opacity:.72}.chat-main-panel{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.chat-main-header{grid-row:1;padding:.85rem 1rem;border-bottom:1px solid #d7e6f0}.chat-main-header p{margin:.15rem 0 0;color:#59717f}.chat-main-panel>.error{grid-row:2;margin:.75rem 1rem 0}.chat-window{grid-row:3;min-height:0;overflow:auto;overscroll-behavior:contain;padding:1rem;display:flex;flex-direction:column;gap:.75rem;font-size:.95rem}.empty-chat{margin:auto;width:min(100%,520px);text-align:center;color:#486371}.empty-chat h3{margin:0 0 .3rem;color:#123041}.empty-chat p{margin:0}.chat-bubble{max-width:min(780px,82%);border-radius:.75rem;padding:.7rem .8rem}.chat-bubble h4{margin:0 0 .25rem;font-size:.78rem;letter-spacing:.02em;text-transform:uppercase}.chat-bubble p{margin:0;white-space:pre-wrap}.plan-trace{margin-top:.35rem;font-size:.82rem;color:#4c6673}.plan-trace-link{background:none;border:none;padding:0;color:#0d6068;text-decoration:underline;cursor:pointer;font:inherit;font-family:IBM Plex Mono,SFMono-Regular,monospace}.plan-trace-link:hover{color:#094a50}.chat-plan{margin-top:.75rem}.chat-plan h5{margin:0 0 .4rem;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:#40606b}.plan-list{list-style:none;margin:0;padding-left:1.3rem;display:grid;gap:.45rem}.plan-list .plan-list{margin-top:.35rem;padding-left:.8rem}.plan-list .plan-list>li{border:1px solid #d0e2ec;border-radius:.5rem;background:#f8fcff;padding:.45rem .6rem}.plan-accordion{border:1px solid #d0e2ec;border-radius:.5rem;background:#f8fcff}.plan-accordion summary{cursor:pointer;padding:.45rem .6rem;list-style:none}.plan-accordion summary::-webkit-details-marker{display:none}.plan-accordion summary:before{content:"▶";font-size:.7rem;margin-right:.4rem;display:inline-block;transition:transform .15s}.plan-accordion[open]>summary:before{transform:rotate(90deg)}.plan-accordion>.plan-step-meta,.plan-accordion>.plan-list{padding:0 .6rem .5rem}.execution-list{margin:0;padding-left:1.3rem;display:grid;gap:.55rem}.execution-list .execution-list{margin-top:.35rem}.plan-step-heading{display:flex;gap:.45rem;align-items:baseline;flex-wrap:wrap}.plan-step-id{font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.82rem;color:#0d6068}.plan-step-meta{margin:.2rem 0 0;font-size:.85rem;color:#4c6673}.execution-status{border-radius:999px;padding:.1rem .45rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.execution-status.completed{background:#d7f2de;color:#25653a}.execution-status.failed{background:#ffe0e0;color:#8d2222}.execution-status.blocked{background:#f4e7c4;color:#745400}.execution-summary,.execution-error{margin:.28rem 0 0}.execution-error{color:#8d2222}.tool-call-list{margin:.35rem 0 0;padding-left:1.1rem;color:#4a6479}.tool-call-list li{margin-bottom:.2rem}.chat-bubble.user{background:#e6f1ff;border:1px solid #b8d6ff;align-self:flex-end}.chat-bubble.assistant{background:#e9f8ee;border:1px solid #c2e7ce;align-self:flex-start}.chat-bubble.pending{opacity:.72}.chat-form{grid-row:4;border-top:1px solid #d7e6f0;padding:.85rem 1rem;display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:end;background:#fffe}.chat-form textarea{min-height:48px;max-height:160px;resize:vertical}.chat-actions{margin-top:.8rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;border:1px solid #c8dde4;border-radius:.65rem;background:#f7fbfc}.chat-actions p{margin:0;color:#4c6673}.machine-card{border:1px solid #d5e2ee;border-radius:.6rem;background:#fafdff;padding:.7rem;margin-bottom:.7rem}.machine-card-header{display:flex;align-items:baseline;gap:.6rem}.machine-card h3{margin:0;flex-shrink:0}.machine-card-link{color:#0d6068;text-decoration:none;font-weight:600;font-size:.88rem}.machine-card-link:hover{color:#094a50;text-decoration:underline}.machine-card-ip{color:#4a6479;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.machine-card-toggle{background:#eef5fb;border:1px solid #cbdcea;border-radius:.3rem;color:#0d6068;cursor:pointer;font-size:1rem;font-weight:600;line-height:1;width:1.4rem;height:1.4rem;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.machine-card-toggle:hover{background:#d8e8f3}.machine-card p{margin:.2rem 0 .6rem;color:#4a6479}.machine-card dl{margin:.6rem 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.machine-card dt{color:#556b80;font-size:.84rem}.machine-card dd{margin:0;font-weight:600}.agents-panel{min-height:0;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.agents-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.85rem;border-bottom:1px solid #d6e5ee}.agents-header h2{margin:0;color:#123041}.agents-header p{margin:.25rem 0 0;color:#587083}.agents-layout{min-height:0;display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:1rem;padding-top:1rem}.agents-list-panel{min-height:0;overflow:auto}.agents-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.agent-list-btn{width:100%;display:grid;gap:.25rem;text-align:left;border:1px solid #cbdcea;background:#fafdff;color:#183246;border-radius:.5rem}.agent-list-btn.active{border-color:#0d6068;background:#e6f5f6}.agent-list-btn span{font-weight:700;word-break:break-word}.agent-list-btn small{color:#587083;word-break:break-word}.agent-state{width:fit-content;border-radius:999px;padding:.14rem .45rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.agent-state.active{background:#d7f2de;color:#25653a}.agent-state.inactive{background:#e7edf2;color:#657484}.agent-editor{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:1rem;overflow:auto}.agent-form{display:grid;gap:.8rem;border:1px solid #d5e2ee;border-radius:.6rem;background:#fafdff;padding:.85rem}.agent-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.agent-form label,.agent-instructions-field{display:grid;gap:.3rem;color:#123041;font-weight:700}.agent-form label span{font-size:.82rem}.agent-active-toggle{display:inline-flex;align-items:center;gap:.45rem;width:fit-content}.agent-active-toggle input{width:auto}.agent-instructions-field textarea{min-height:220px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.9rem;line-height:1.5}.agent-actions{display:flex;flex-wrap:wrap;gap:.55rem}.agent-log-section{min-width:0}.agent-log-section h3{margin:0 0 .65rem;color:#123041}.agent-log-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.agent-log-card{border:1px solid #cfdee8;border-radius:.65rem;background:#fafdff;padding:.75rem .85rem}.agent-log-topline{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.agent-log-topline strong{color:#123041;font-size:.9rem}.agent-log-meta{margin:.65rem 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.agent-log-meta div{border:1px solid #d8e4ea;border-radius:.5rem;background:#ffffffc7;padding:.45rem .55rem}.agent-log-meta dt{margin-bottom:.18rem;color:#5a7183;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em}.agent-log-meta dd{margin:0;color:#163447;font-weight:600;word-break:break-word}.agent-log-result{margin:.65rem 0 0;color:#405a6d;line-height:1.55}.machine-detail-panel{background:linear-gradient(180deg,#fffffffa,#f1f8fcf5)}.machine-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #d6e5ee}.machine-detail-header h3{margin:0;color:#123041}.machine-detail-header p{margin:.3rem 0 0;color:#486274}.machine-detail-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.machine-detail-badge{border-radius:999px;padding:.3rem .65rem;background:#e5f0f7;color:#204356;font-size:.8rem;font-weight:600}.machine-detail-badge.accent{background:#d9f1f2;color:#0d5560}.machine-detail-section{margin-top:1.25rem}.machine-detail-section h4{margin:0 0 .6rem;font-size:.88rem;text-transform:uppercase;letter-spacing:.05em;color:#40606b}.machine-detail-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.machine-detail-grid div{border:1px solid #d5e2ee;border-radius:.6rem;background:#fafdff;padding:.7rem .8rem}.machine-detail-grid dt{color:#5a7183;font-size:.82rem;margin-bottom:.25rem}.machine-detail-grid dd{margin:0;color:#102433;font-weight:600;word-break:break-word}.machine-detail-empty{margin:0;padding:.85rem .95rem;border:1px dashed #bfd4e0;border-radius:.6rem;background:#f8fbfd;color:#587083}.machine-schedule-list{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}.machine-schedule-card{border:1px solid #ccdce6;border-radius:.7rem;background:linear-gradient(180deg,#fffdf7,#f4f0e4);padding:.8rem .9rem}.machine-schedule-topline{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.5rem}.machine-schedule-time,.machine-schedule-user{border-radius:999px;padding:.28rem .6rem;font-size:.78rem;font-weight:700}.machine-schedule-time{background:#233c46;color:#f7fbfc}.machine-schedule-user{background:#e9dfc3;color:#594621}.machine-schedule-card code{display:block;color:#123041;white-space:pre-wrap;word-break:break-word}.machine-schedule-card p{margin:.5rem 0 0;color:#647685;font-size:.84rem}.machine-service-description{color:#405a6d;line-height:1.55;white-space:pre-wrap}.service-detail-panel{background:linear-gradient(180deg,#fffffffa,#f4f9fcf5)}.service-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #d6e5ee}.service-detail-header h3{margin:0;color:#123041}.service-detail-header p{margin:.3rem 0 0;color:#587083;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.82rem}.service-machine-link{display:inline-flex;align-items:center;border:1px solid #bfd4e0;border-radius:999px;padding:.35rem .7rem;color:#0d6068;background:#eef7fa;text-decoration:none;font-weight:600}.service-machine-link:hover{background:#e0f0f4}.service-detail-section{margin-top:1.25rem}.service-detail-section h4{margin:0 0 .6rem;font-size:.88rem;text-transform:uppercase;letter-spacing:.05em;color:#40606b}.service-detail-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.service-detail-grid div{border:1px solid #d5e2ee;border-radius:.6rem;background:#fafdff;padding:.7rem .8rem}.service-detail-grid dt{color:#5a7183;font-size:.82rem;margin-bottom:.25rem}.service-detail-grid dd{margin:0;color:#102433;font-weight:600;word-break:break-word}.service-detail-description{border:1px solid #cfdfe8;border-radius:.65rem;background:#f8fbfd;padding:.85rem .95rem;color:#405a6d;line-height:1.65;white-space:pre-wrap}.service-detail-empty{margin:0;padding:.85rem .95rem;border:1px dashed #bfd4e0;border-radius:.6rem;background:#f8fbfd;color:#587083}.service-connection-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.service-connection-card{border:1px solid #cfdee8;border-radius:.75rem;background:linear-gradient(180deg,#fafdff,#eef5f9);padding:.85rem .95rem}.service-connection-card.stale{border-style:dashed;background:#f8fafc;opacity:.78}.service-connection-topline{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.service-connection-link{color:#123041;font-weight:700;text-decoration:none}.service-connection-link:hover{color:#0d6068;text-decoration:underline}.service-connection-count{display:inline-flex;align-items:center;border:1px solid #c2d6e2;border-radius:999px;padding:.22rem .55rem;background:#eef7fa;color:#174256;font-size:.82rem;font-weight:700;white-space:nowrap}.service-connection-count.stale{border-color:#ccd5de;background:#f2f5f8;color:#64707c}.service-connection-meta{margin:.7rem 0 .6rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.service-connection-meta div{border:1px solid #d8e4ea;border-radius:.55rem;background:#ffffffc7;padding:.45rem .55rem}.service-connection-meta dt{margin-bottom:.18rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:#5a7183}.service-connection-meta dd{margin:0;color:#163447;font-weight:600;word-break:break-word}.service-connection-machine-link{color:#0d6068;text-decoration:none}.service-connection-machine-link:hover{text-decoration:underline}.service-connection-description{color:#405a6d;line-height:1.55;white-space:pre-wrap}.service-event-summary{margin:0 0 .9rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.service-event-summary div{border:1px solid #d5e2ee;border-radius:.6rem;background:#fafdff;padding:.7rem .8rem}.service-event-summary dt{color:#5a7183;font-size:.78rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.service-event-summary dd{margin:0;color:#102433;font-weight:700;word-break:break-word}.service-event-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.service-event-group{min-width:0}.service-event-group h5{margin:0 0 .55rem;color:#123041;font-size:.95rem}.service-event-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.service-event-card{border:1px solid #cfdee8;border-radius:.65rem;background:#fafdff;padding:.75rem .85rem}.service-event-topline{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.service-event-title{color:#123041;font-weight:700;word-break:break-word}.service-event-status,.service-event-cost{display:inline-flex;align-items:center;border:1px solid #c2d6e2;border-radius:999px;padding:.2rem .55rem;background:#eef7fa;color:#174256;font-size:.78rem;font-weight:700;white-space:nowrap;text-transform:capitalize}.service-event-status.completed{border-color:#b9dbc5;background:#edf9f1;color:#23613a}.service-event-status.failed{border-color:#efb8b8;background:#fff2f2;color:#9a2c2c}.service-event-status.running{border-color:#f0d59a;background:#fff8e6;color:#74510f}.service-event-cost{text-transform:none}.service-event-meta{margin:.65rem 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.service-event-meta div{border:1px solid #d8e4ea;border-radius:.55rem;background:#ffffffc7;padding:.45rem .55rem}.service-event-meta dt{margin-bottom:.18rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:#5a7183}.service-event-meta dd{margin:0;color:#163447;font-weight:600;word-break:break-word}.service-event-link{display:inline-flex;margin-top:.65rem;color:#0d6068;font-weight:700;text-decoration:none}.service-event-link:hover{text-decoration:underline}.service-event-error{margin:.65rem 0 0;border:1px solid #efb8b8;border-radius:.55rem;background:#fff2f2;color:#9a2c2c;padding:.55rem .65rem;word-break:break-word}.plans-list{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.plans-list-btn{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .75rem;border:1px solid #d0e2ec;border-radius:.5rem;background:#f8fcff;cursor:pointer;text-decoration:none;color:inherit}.plans-list-btn:hover{background:#eef6fb;border-color:#4b96a4}.plans-list-question{font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plans-list-info{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.plans-list-date{font-size:.82rem;color:#4c6673}.plan-status-badge{border-radius:999px;padding:.1rem .5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.plan-status-badge.planned{background:#e3f0ff;color:#1a5296}.plan-status-badge.running{background:#fff4d6;color:#745400}.plan-status-badge.completed{background:#d7f2de;color:#25653a}.plan-status-badge.failed{background:#ffe0e0;color:#8d2222}.plan-status-badge.cancelled{background:#eee;color:#555}.back-btn{display:inline-block;background:transparent;color:#0d6068;border:1px solid #b8d5e5;border-radius:.5rem;padding:.35rem .7rem;font-size:.85rem;margin-bottom:.75rem;text-decoration:none}.back-btn:hover{background:#f0f8fb}.plan-detail h3{margin:0 0 .5rem}.plan-detail-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.plan-detail-date{font-size:.82rem;color:#4c6673}.plan-detail-section{margin-top:1.25rem}.plan-detail-section h4{margin:0 0 .5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;color:#40606b}.plan-detail-answer{border:1px solid #c2e7ce;border-radius:.6rem;background:#f2faf4;padding:.75rem;white-space:pre-wrap}.machine-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.1rem;border-bottom:1px solid #d5e2ee;padding-bottom:.6rem}.machine-tab-count{margin-left:.3rem;color:#6a8194;font-weight:500}.machine-documents{display:grid;gap:.85rem}.machine-documents-toolbar{display:flex;justify-content:flex-end}.machine-document-form{display:grid;gap:.6rem;border:1px solid #d5e2ee;border-radius:.7rem;background:#fafdff;padding:.85rem .95rem}.machine-document-form label{display:grid;gap:.3rem}.machine-document-form label span{font-size:.82rem;color:#5a7183}.machine-document-form-actions{display:flex;gap:.5rem}.machine-document-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.machine-document-card{border:1px solid #ccdce6;border-radius:.7rem;background:#fafdff;padding:.75rem .85rem;display:grid;gap:.55rem}.machine-document-topline{display:flex;align-items:center;gap:.6rem}.machine-document-toggle{flex:1;text-align:left;background:transparent;color:#102433;padding:.35rem .1rem;display:grid;gap:.15rem}.machine-document-toggle:hover:not(:disabled){color:#0d6068}.machine-document-filename{font-weight:600;word-break:break-word}.machine-document-updated{font-size:.78rem;color:#5a7183}.machine-document-content{border-top:1px solid #d5e2ee;padding-top:.55rem}.machine-document-content pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;color:#102433}.costs-panel{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;align-content:start;gap:1rem}.cost-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.cost-page-header h2{margin-bottom:.25rem}.cost-page-header p{margin:0;color:#5a7183}.cost-filter-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;flex-wrap:wrap;border:1px solid #d5e2ee;border-radius:.7rem;background:#fafdff;padding:.75rem}.cost-preset-group{display:flex;gap:.4rem;flex-wrap:wrap}.cost-custom-range{display:flex;gap:.6rem;flex-wrap:wrap}.cost-custom-range label{display:grid;gap:.25rem;min-width:150px}.cost-custom-range span{font-size:.78rem;color:#5a7183;text-transform:uppercase;letter-spacing:.04em}.cost-empty{margin:0;color:#5a7183}.cost-summary-grid{margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem}.cost-summary-grid div{border:1px solid #d5e2ee;border-radius:.65rem;background:#fafdff;padding:.75rem .85rem}.cost-summary-grid dt{margin-bottom:.25rem;color:#5a7183;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}.cost-summary-grid dd{margin:0;color:#102433;font-size:1.05rem;font-weight:700;word-break:break-word}.cost-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.cost-chart-card{min-width:0;border:1px solid #d5e2ee;border-radius:.7rem;background:#fff;padding:.8rem}.cost-chart-card h3,.cost-breakdown-section h3{margin:0 0 .6rem;color:#123041;font-size:1rem}.cost-chart-svg{display:block;width:100%;height:auto}.cost-chart-axis{stroke:#bdd0dc;stroke-width:1}.cost-chart-bar{fill:#0d6068}.cost-token-bar.input{fill:#4f8bf2}.cost-token-bar.cached{fill:#27ae60}.cost-token-bar.output{fill:#f2994a}.cost-token-bar.reasoning{fill:#bb6bd9}.cost-chart-label{fill:#5a7183;font-size:12px}.cost-chart-empty{margin:0;min-height:220px;display:grid;place-items:center;color:#5a7183;background:#f7fbfd;border:1px dashed #c8d8e2;border-radius:.6rem}.cost-chart-legend{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem .8rem;color:#4c6673;font-size:.85rem}.cost-chart-legend li{display:inline-flex;align-items:center;gap:.35rem}.cost-chart-legend span{width:.75rem;height:.75rem;border-radius:.2rem;display:inline-block}.cost-chart-legend .input{background:#4f8bf2}.cost-chart-legend .cached{background:#27ae60}.cost-chart-legend .output{background:#f2994a}.cost-chart-legend .reasoning{background:#bb6bd9}.cost-breakdown-grid{display:grid;grid-template-columns:1fr;gap:.9rem}.cost-breakdown-section{min-width:0}.cost-table-wrap{overflow-x:auto;border:1px solid #d5e2ee;border-radius:.7rem;background:#fff}.cost-table{width:100%;min-width:720px;border-collapse:collapse}.cost-table th,.cost-table td{padding:.65rem .7rem;text-align:left;border-bottom:1px solid #e4edf3;vertical-align:middle}.cost-table th{color:#5a7183;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;background:#f5fafc}.cost-table tbody tr:last-child td{border-bottom:none}.cost-table td{color:#102433;font-size:.9rem}.cost-breakdown-link{color:#0d6068;font-weight:700;text-decoration:none}.cost-breakdown-link:hover{text-decoration:underline}.cost-share-track{display:block;width:100%;min-width:90px;height:.5rem;overflow:hidden;border-radius:999px;background:#e8f0f4}.cost-share-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0d6068,#27ae60)}@media (max-width: 720px){.topbar{flex-direction:column}.session-bar{justify-content:flex-start}.machine-detail-header,.service-detail-header{flex-direction:column;align-items:flex-start}.machine-detail-badges{justify-content:flex-start}.machine-detail-grid,.service-detail-grid,.service-event-summary,.service-event-columns,.cost-summary-grid,.cost-chart-grid,.cost-breakdown-grid,.agents-layout,.agent-form-grid,.agent-log-meta,.machine-card dl,.service-connection-meta,.service-event-meta{grid-template-columns:1fr}.cost-page-header,.cost-filter-bar{flex-direction:column;align-items:stretch}.service-connection-topline,.agent-log-topline,.service-event-topline{flex-direction:column;align-items:flex-start}.chat-page{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);min-height:0}.chat-history-panel{border-right:none;border-bottom:1px solid #d7e6f0;grid-template-rows:auto auto}.chat-session-list{display:flex;overflow-x:auto}.chat-session-btn{min-width:220px}.chat-bubble{max-width:94%}.chat-form{grid-template-columns:1fr}}.markdown-body{color:#102433;line-height:1.6;font-size:.95rem;word-wrap:break-word}.markdown-body>*:first-child{margin-top:0}.markdown-body>*:last-child{margin-bottom:0}.markdown-body p{margin:.6em 0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin:1.2em 0 .5em;line-height:1.25;color:#0c2a3a;font-weight:700}.markdown-body h1{font-size:1.5rem;border-bottom:1px solid #d5e2ee;padding-bottom:.25em}.markdown-body h2{font-size:1.3rem;border-bottom:1px solid #e2ecf3;padding-bottom:.2em}.markdown-body h3{font-size:1.12rem}.markdown-body h4{font-size:1rem}.markdown-body h5,.markdown-body h6{font-size:.95rem;color:#355668}.markdown-body ul,.markdown-body ol{margin:.6em 0;padding-left:1.6em}.markdown-body li+li{margin-top:.25em}.markdown-body li>p{margin:.25em 0}.markdown-body ul.contains-task-list{list-style:none;padding-left:.4em}.markdown-body .task-list-item{display:flex;align-items:flex-start;gap:.45em}.markdown-body .task-list-item input[type=checkbox]{width:auto;margin-top:.35em}.markdown-body blockquote{margin:.7em 0;padding:.1em .9em;border-left:3px solid #9bbed0;background:#f1f7fb;color:#355668}.markdown-body code{background:#eef4f8;border:1px solid #d5e2ee;border-radius:.3em;padding:.05em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.markdown-body pre{background:#0f2230;color:#e7eff6;border-radius:.5em;padding:.8em 1em;margin:.8em 0;overflow-x:auto;line-height:1.45}.markdown-body pre code{background:transparent;border:0;padding:0;color:inherit;font-size:.88em}.markdown-body a{color:#0d6068;text-decoration:underline}.markdown-body a:hover{color:#0a3b49}.markdown-body hr{border:0;border-top:1px solid #d5e2ee;margin:1.2em 0}.markdown-body table{border-collapse:collapse;margin:.8em 0;width:100%;overflow-x:auto;display:block}.markdown-body table th,.markdown-body table td{border:1px solid #d5e2ee;padding:.4em .65em;text-align:left}.markdown-body table th{background:#eef4f8;font-weight:700}.markdown-body table tr:nth-child(2n) td{background:#f7fbfd}.markdown-body img{max-width:100%;height:auto;border-radius:.4em}.markdown-body del{color:#7a8b97}.markdown-body-empty{margin:0;color:#7a8b97;font-style:italic}.cloud-panel{display:flex;flex-direction:column;gap:12px}.cloud-hint{margin:0;color:#7a8b97}.cloud-graph{width:100%;height:70vh;min-height:480px;background:#fff;border:1px solid #e2e6ea;border-radius:6px}.cloud-legend{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.9em;color:#4a5560}.cloud-legend li{display:inline-flex;align-items:center;gap:6px}.cloud-legend-swatch{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.cloud-legend-line{display:inline-block;width:18px;height:2px;border-radius:999px}.cloud-legend-line.active{background:#8f9aa6}.cloud-legend-line.stale{background:#d4dbe2}