:root{--color-main: #60d8ff;--color-main-strong: #22b8f2;--color-hover: #a5eaff;--color-bg: #061426;--color-panel: #0c2038;--color-panel-soft: #123255;--color-panel-strong: #071b31;--color-border: #2f89bd;--color-border-soft: rgba(96, 216, 255, .32);--color-text: #f2fbff;--color-muted: #b6d2e3;--color-danger: #fb7185;--color-warning: #fbbf24;--color-success: #8df2ff;--shadow: 0 24px 80px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(96,216,255,.18),transparent 28rem),radial-gradient(circle at bottom right,rgba(34,184,242,.16),transparent 28rem),linear-gradient(135deg,#07111ffa,#020817);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid var(--color-border);background:#38bdf814;color:var(--color-text);border-radius:10px;padding:.58rem .78rem;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease,opacity .18s ease,transform .18s ease}button:hover:not(:disabled){border-color:var(--color-hover);color:var(--color-hover);background:#38bdf81f}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.45}input,textarea{background:#071322;border:1px solid var(--color-border);color:var(--color-text);border-radius:10px;padding:.7rem .78rem;outline:none}input:focus,textarea:focus{border-color:var(--color-main);box-shadow:0 0 0 3px #38bdf81f}textarea{resize:none}.appShell{height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:.7rem;padding:.75rem;overflow:hidden}.topBar{min-height:42px;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:0 .1rem}.topBar h1{margin:0;color:var(--color-main);letter-spacing:-.045em;font-size:clamp(1.55rem,2.2vw,2.2rem);line-height:1}.statusCluster{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:nowrap;min-width:0}.statusPill,.connectionBadge{border-radius:999px;padding:.38rem .62rem;font-size:.78rem;border:1px solid var(--color-border-soft);background:#081727c2;white-space:nowrap}.statusPill{display:flex;gap:.35rem;color:var(--color-muted);min-width:0}.statusPill strong{color:var(--color-hover);overflow:hidden;text-overflow:ellipsis;max-width:min(28vw,22rem)}.connectionBadge.online{color:var(--color-success)}.connectionBadge.offline{color:var(--color-danger)}.compactLogout{padding:.4rem .62rem;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(320px,var(--chat-column)) 9px minmax(320px,1fr);gap:.45rem;min-height:0;overflow:hidden}.workspaceResizer{min-width:9px;cursor:col-resize;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(56,189,248,.26),transparent);position:relative}.workspaceResizer:after{content:"";position:absolute;top:50%;left:50%;width:3px;height:54px;border-radius:999px;background:#7dd3fc80;transform:translate(-50%,-50%)}.workspaceResizer:hover:after{background:var(--color-hover)}.panel{min-width:0;min-height:0;background:#0d1b2fdb;border:1px solid var(--color-border-soft);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.chatPanel,.monitorPanel{height:100%;display:grid;min-height:0}.chatPanel{grid-template-rows:1fr auto}.monitorPanel{grid-template-rows:auto 1fr}.messages,.eventList{overflow:auto;min-height:0;scrollbar-color:rgba(96,216,255,.75) rgba(7,19,34,.7)}.messages{padding:.9rem .9rem .55rem;display:flex;flex-direction:column;gap:.55rem}.messageRow{display:flex;width:100%}.messageRow.assistant,.messageRow.system{justify-content:flex-start}.messageRow.user{justify-content:flex-end}.messageBubble{max-width:min(78%,54rem);padding:.62rem .78rem;line-height:1.42;white-space:pre-wrap;word-break:break-word;border:1px solid transparent;border-radius:15px}.messageRow.assistant .messageBubble{color:#dff6ff;background:#0ea5e938;border-color:#60d8ff57;border-bottom-left-radius:4px}.messageRow.user .messageBubble{color:#effaff;background:#2563eb66;border-color:#7dd3fc80;border-bottom-right-radius:4px}.messageRow.system .messageBubble{max-width:72%;color:var(--color-muted);background:#081727a6;border-color:#94a3b82e;font-size:.86rem}.composer{display:grid;grid-template-columns:1fr auto;gap:.55rem;padding:.72rem;border-top:1px solid var(--color-border-soft);background:#081727b8}.composer textarea{min-height:58px;max-height:140px}.composerActions{display:flex;align-items:flex-end;gap:.35rem}.iconControl{width:2.72rem;height:2.72rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:14px;font-size:1rem;background:#60d8ff21;border-color:#60d8ff7a;color:var(--color-hover)}.iconControl:hover:not(:disabled){background:#60d8ff38;border-color:var(--color-hover);color:#fff}.iconGlyph{width:1.48rem;height:1.48rem;display:inline-flex;align-items:center;justify-content:center;line-height:1}.iconGlyph svg{width:100%;height:100%;overflow:visible}.iconGlyph path{fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}.micGlyph{width:1.62rem;height:1.62rem}.clipGlyph{width:1.52rem;height:1.52rem}.sendControl{background:var(--color-main);color:#031525;border-color:var(--color-main);font-weight:900}.sendControl:hover:not(:disabled),.primaryButton:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-hover);color:#031525}.listeningButton{color:var(--color-warning);border-color:#fbbf248c;background:#fbbf241a}.primaryButton{background:var(--color-main);color:#031525;border-color:var(--color-main);font-weight:800}.monitorToolbar{display:grid;gap:.55rem;padding:.7rem;border-bottom:1px solid var(--color-border-soft);background:#081727b3}.monitorFilterRow{display:grid;grid-template-columns:auto minmax(120px,.58fr) minmax(120px,.58fr) minmax(200px,1fr);gap:.55rem;align-items:center}.monitorFilterRow h2{margin:0;color:var(--color-main);letter-spacing:-.03em;font-size:1.35rem}.monitorActionRow{display:flex;gap:.45rem;justify-content:flex-end;flex-wrap:wrap}.monitorActionRow button{padding:.5rem .65rem;font-size:.86rem}.inlineSearchFilter{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:.45rem;align-items:center}.inlineSearchFilter span{color:var(--color-muted);font-size:.82rem;font-weight:700}.inlineSearchFilter input{width:100%;min-height:2.45rem}.dropdownFilter{position:relative;min-width:0}.dropdownFilter summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.55rem;min-height:2.45rem;border:1px solid var(--color-border-soft);border-radius:10px;background:#071322e6;color:var(--color-text);padding:.52rem .62rem;cursor:pointer;-webkit-user-select:none;user-select:none}.dropdownFilter summary::-webkit-details-marker{display:none}.dropdownFilter summary:after{content:"▾";color:var(--color-muted);font-size:.75rem}.dropdownFilter[open] summary{border-color:var(--color-main);box-shadow:0 0 0 3px #38bdf81f}.dropdownFilter summary span{color:var(--color-muted);font-size:.78rem;font-weight:700}.dropdownFilter summary strong{color:var(--color-text);font-size:.82rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdownMenu{position:absolute;z-index:30;top:calc(100% + .45rem);left:0;width:min(18rem,80vw);max-height:16rem;overflow:auto;display:grid;gap:.35rem;padding:.6rem;border:1px solid var(--color-border);border-radius:14px;background:#071322;box-shadow:var(--shadow)}.dropdownCheckboxItem{display:flex;align-items:center;gap:.5rem;border:1px solid rgba(56,189,248,.18);border-radius:10px;padding:.52rem .58rem;background:#0d1b2fb8;color:var(--color-muted);font-size:.82rem;line-height:1.2}.dropdownCheckboxItem input{width:.95rem;height:.95rem;accent-color:var(--color-main);margin:0;padding:0}.groupedEventList{padding:.72rem}.eventGroup{border:1px solid var(--color-border-soft);border-radius:13px;margin-bottom:.55rem;overflow:hidden;background:#071322bd}.eventGroup.completed,.eventHistoryItem.completed{border-color:#67e8f95c}.eventGroup.pending,.eventGroup.running,.eventGroup.approved,.eventHistoryItem.pending,.eventHistoryItem.running,.eventHistoryItem.approved{border-color:#fbbf246b}.eventGroup.failed,.eventGroup.blocked,.eventGroup.rejected,.eventHistoryItem.failed,.eventHistoryItem.blocked,.eventHistoryItem.rejected{border-color:#fb718580}.eventGroupSummary,.eventHistorySummary{width:100%;border:0;border-radius:0;background:transparent;text-align:left}.eventGroupSummary{display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.58rem .65rem}.eventGroupMessage{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-weight:700}.eventDisplayId,.eventTimestamp,.statusChip,.eventCount,.eventStep{border:1px solid rgba(56,189,248,.22);border-radius:999px;padding:.17rem .45rem;background:#38bdf812;color:var(--color-hover);white-space:nowrap;font-size:.76rem;font-weight:800}.eventTimestamp{color:var(--color-muted);font-weight:650}.statusChip.completed{color:var(--color-success)}.statusChip.running,.statusChip.pending,.statusChip.approved{color:var(--color-warning)}.statusChip.failed,.statusChip.blocked,.statusChip.rejected{color:var(--color-danger)}.eventCount{color:var(--color-muted)}.eventGroupHistory{display:grid;gap:.4rem;padding:.5rem;border-top:1px solid var(--color-border-soft);background:#030a1457}.eventHistoryItem{border:1px solid rgba(56,189,248,.15);border-radius:11px;overflow:hidden;background:#0d1b2f8c}.eventHistorySummary{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;gap:.48rem;padding:.48rem .58rem;color:var(--color-muted)}.eventHistorySummary span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.eventDetail{margin:0;padding:.75rem;border-top:1px solid var(--color-border-soft);overflow:auto;color:#b9d6e8;background:#020817b8;font-size:.8rem;line-height:1.42}.emptyState{color:var(--color-muted);border:1px dashed var(--color-border);border-radius:12px;padding:1rem;text-align:center}.approvalDock{display:grid;grid-template-columns:minmax(150px,auto) 1fr;gap:.75rem;background:#0d1b2ff5;border:1px solid var(--color-border-soft);border-radius:16px;padding:.7rem;box-shadow:var(--shadow);min-height:0}.approvalList{display:flex;gap:.5rem;align-items:flex-start;flex-wrap:wrap}.approvalList>strong{width:100%;color:var(--color-muted);font-size:.82rem}.approvalList .active{background:var(--color-main);color:#031525}.approvalCard{display:grid;grid-template-columns:1fr 1.2fr 1.2fr auto;gap:1rem;align-items:start}.approvalCard h3,.approvalCard p,.commandExplanation h4,.commandExplanation p{margin:0 0 .35rem}.approvalCard dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem .7rem;margin:0}.approvalCard dt{color:var(--color-muted)}.approvalCard dd{margin:0;word-break:break-word}.commandExplanation{color:var(--color-muted)}.commandExplanation strong{color:var(--color-text)}.approvalActions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.hiddenInput{display:none}.loginShell,.bootShell{min-height:100vh;display:grid;place-items:center;padding:1rem}.loginPanel,.bootCard,.exportModal{width:min(36rem,100%);border:1px solid var(--color-border-soft);border-radius:20px;background:#0d1b2feb;box-shadow:var(--shadow);padding:1.35rem}.loginBrand h1,.bootCard h1{color:var(--color-main);margin:.2rem 0 .5rem;font-size:clamp(2rem,7vw,4rem);letter-spacing:-.06em;line-height:.95}.loginBrand p,.loginFootnote,.authNotice,.modalHint,.eyebrow{color:var(--color-muted)}.eyebrow{margin:0 0 .25rem;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.googleButton{width:100%;margin-top:.9rem}.loginFootnote{margin-top:1rem;border-top:1px solid var(--color-border-soft);padding-top:.8rem;font-size:.9rem}.authNotice.danger{color:#fecdd3;border:1px solid rgba(251,113,133,.4);background:#fb718514;border-radius:12px;padding:.7rem;margin-top:.8rem}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1rem;background:#020817ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modalHeader,.modalActions{display:flex;justify-content:space-between;gap:1rem;align-items:center}.modalHeader h3{margin:0}.modalBody{display:grid;gap:.8rem;margin:1rem 0}.searchFilter{display:grid;gap:.45rem}.searchFilter>strong{color:var(--color-muted);font-size:.82rem}.iconButton{width:2.25rem;height:2.25rem;display:inline-grid;place-items:center;padding:0}@media (max-width: 1180px){.appShell{min-height:100vh;height:auto;overflow:visible}.workspace{grid-template-columns:1fr;grid-template-rows:minmax(560px,70vh) minmax(500px,58vh);overflow:visible}.workspaceResizer{display:none}.approvalCard{grid-template-columns:1fr}}@media (max-width: 760px){.appShell{padding:.65rem}.topBar,.statusCluster,.approvalDock,.composer{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.topBar{gap:.6rem}.statusCluster{align-items:flex-start;flex-wrap:wrap}.monitorFilterRow,.inlineSearchFilter,.eventGroupSummary,.eventHistorySummary{grid-template-columns:1fr}.eventGroupMessage,.eventHistorySummary span:last-child{white-space:normal}.composerActions{justify-content:flex-end}.messageBubble{max-width:90%}}.mobileMonitorButton{display:none;align-items:center;gap:.38rem;padding:.4rem .62rem;white-space:nowrap}.mobileMonitorButton span{min-width:1.25rem;height:1.25rem;display:inline-grid;place-items:center;border-radius:999px;background:#60d8ff2e;color:var(--color-hover);font-size:.72rem;font-weight:900}.mobileMonitorOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;align-items:end;background:#020817bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobileMonitorSheet{width:100%;height:min(92dvh,46rem);display:grid;grid-template-rows:auto 1fr;border:1px solid var(--color-border-soft);border-bottom:0;border-radius:22px 22px 0 0;background:#071322fa;box-shadow:0 -24px 90px #00000075;overflow:hidden}.mobileMonitorHeader{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem .95rem;border-bottom:1px solid var(--color-border-soft);background:#081727e0}.mobileMonitorHeader h2{margin:0;color:var(--color-main);font-size:1.35rem;letter-spacing:-.03em}.mobileMonitorBody{min-height:0;overflow:hidden}.mobileMonitorBody .monitorPanel{height:100%;border:0;border-radius:0;background:transparent}@media (max-width: 760px){html,body,#root{height:100%;min-height:100%}body{overflow:hidden}.appShell{height:100dvh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;gap:.5rem;padding:.5rem;overflow:hidden}.topBar{min-height:auto;display:grid;grid-template-columns:1fr;gap:.48rem;align-items:stretch}.topBar h1{font-size:clamp(1.6rem,9vw,2.25rem)}.statusCluster{display:grid;grid-template-columns:1fr auto auto;gap:.4rem;align-items:center}.statusPill,.connectionBadge,.compactLogout,.mobileMonitorButton{min-height:2.15rem;padding:.36rem .5rem;font-size:.72rem}.statusPill{display:grid;grid-template-columns:auto minmax(0,1fr);min-width:0}.statusPill strong{max-width:100%}.connectionBadge{display:none}.mobileMonitorButton{display:inline-flex;justify-content:center}.compactLogout{justify-self:end}.workspace{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);gap:0;min-height:0;overflow:hidden}.workspaceResizer,.desktopMonitorPanel{display:none}.panel{border-radius:15px}.chatArea{min-height:0;height:100%}.chatPanel{height:100%;grid-template-rows:minmax(0,1fr) auto}.messages{padding:.7rem .65rem .5rem;gap:.48rem}.messageBubble{max-width:88%;padding:.55rem .68rem;font-size:.92rem}.messageRow.system .messageBubble{max-width:88%}.composer{grid-template-columns:1fr auto;gap:.45rem;padding:.55rem;align-items:end}.composer textarea{min-height:46px;max-height:96px;padding:.62rem .68rem;font-size:.92rem}.composerActions{display:grid;grid-template-columns:repeat(3,2.38rem);gap:.28rem;justify-content:end;align-items:end}.iconControl{width:2.38rem;height:2.38rem;border-radius:12px}.iconGlyph{width:1.32rem;height:1.32rem}.micGlyph,.clipGlyph{width:1.42rem;height:1.42rem}.approvalDock{max-height:38dvh;overflow:auto;display:grid;grid-template-columns:1fr;gap:.55rem;padding:.55rem;border-radius:15px}.approvalList{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.2rem}.approvalList>strong{width:auto;flex:0 0 auto;align-self:center}.approvalCard{grid-template-columns:1fr;gap:.65rem}.approvalActions{justify-content:stretch}.approvalActions button{flex:1 1 9rem}.monitorToolbar{padding:.58rem}.monitorFilterRow{grid-template-columns:1fr 1fr;gap:.45rem}.monitorFilterRow h2{grid-column:1 / -1;font-size:1.18rem}.inlineSearchFilter{grid-column:1 / -1;grid-template-columns:1fr;gap:.24rem}.monitorActionRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.35rem}.monitorActionRow button{padding:.45rem .38rem;font-size:.73rem}.groupedEventList{padding:.56rem}.eventGroupSummary{grid-template-columns:auto auto 1fr auto;gap:.4rem;padding:.52rem}.eventGroupSummary .statusChip{grid-column:1 / 2}.eventGroupMessage{grid-column:2 / 5;white-space:normal;font-size:.88rem}.eventHistorySummary{grid-template-columns:auto auto 1fr;gap:.36rem;padding:.45rem}.eventHistorySummary .statusChip{grid-column:1 / 2}.eventHistorySummary span:last-child{grid-column:2 / 4;white-space:normal}.eventDetail{font-size:.72rem;max-height:38dvh}.dropdownMenu{width:min(18rem,calc(100vw - 2rem))}.modalOverlay{z-index:100}.exportModal{max-height:88dvh;overflow:auto}}