:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f5f7;color:#17202a;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#f7f9fb 0,#eef2f5 420px),#f3f5f7}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-width:0;min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:22px;min-width:0;height:100vh;padding:22px 16px;border-right:1px solid #d9e1ea;background:#fff}.brand{display:flex;align-items:center;gap:12px;min-height:44px;color:#0e5f68}.brand div{display:flex;flex-direction:column;gap:2px}.brand strong{font-size:15px;line-height:1.2}.brand span{color:#657586;font-size:12px;line-height:1.2}.sidebar nav{display:flex;flex-direction:column;gap:4px;min-width:0;max-width:100%}.nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;border:0;border-radius:8px;padding:0 10px;background:transparent;color:#405266;cursor:pointer;text-align:left}.nav-item:hover,.nav-item.active{background:#e7f3f2;color:#0d5961}.workspace{min-width:0;max-width:100%;padding:24px}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(180deg,#f7f9fb 0,#eef2f5),#f3f5f7}.login-panel{width:min(100%,440px);border:1px solid #d8e1e8;border-radius:8px;padding:22px;background:#fff}.login-brand{display:flex;align-items:center;gap:12px;color:#0e5f68}.login-brand div{display:flex;flex-direction:column;gap:2px}.login-brand strong{font-size:18px;line-height:1.15}.login-brand span{color:#657586;font-size:12px}.login-copy{margin:24px 0 18px}.login-copy h1{margin:0;font-size:24px;line-height:1.2}.login-copy p{margin:8px 0 0;color:#607083;font-size:13px;line-height:1.55}.login-form{display:grid;gap:12px}.login-status{display:grid;grid-template-columns:92px minmax(0,1fr);gap:0;margin:18px 0 0;border-top:1px solid #edf1f4;padding-top:10px}.login-status dt,.login-status dd{margin:0;padding:6px 0;color:#607083;font-size:12px;line-height:1.35}.login-status dd{color:#243341;font-weight:700}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.topbar h1{margin:0;font-size:24px;font-weight:700;line-height:1.18}.topbar p,.panel p{margin:6px 0 0;color:#607083;font-size:13px;line-height:1.5}.status-cluster,.button-row,.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-cluster{justify-content:flex-end}.status-pill,.icon-button,.secondary-button,.danger-button,.text-button,.primary-button,.row-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border-radius:8px;border:1px solid #d8e1e8;padding:0 11px;background:#fff;color:#283747;font-size:13px;line-height:1;white-space:nowrap}.status-pill{cursor:default}.status-pill strong{font-weight:700}.status-pill.green{border-color:#b9dfd0;background:#edf8f3;color:#126844}.status-pill.amber{border-color:#ead8a8;background:#fff7df;color:#816018}.icon-button,.secondary-button,.danger-button,.text-button,.primary-button,.row-actions button{cursor:pointer}.primary-button{border-color:#17636d;background:#17636d;color:#fff;font-weight:700}.primary-button:hover{background:#104f57}.icon-button:hover,.secondary-button:hover,.text-button:hover,.row-actions button:hover{border-color:#9fb3c2;background:#f8fafb}.danger-button{border-color:#e2b7b7;background:#fff1f1;color:#9a2424}.danger-button:hover{border-color:#d88f8f;background:#ffe7e7}.primary-button:disabled,.danger-button:disabled,.secondary-button:disabled,.icon-button:disabled,.text-button:disabled,.row-actions button:disabled{cursor:not-allowed;opacity:.58}.spin{animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notice{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;border:1px solid #cdd9e3;border-radius:8px;padding:11px 12px;background:#fff;color:#35465a;font-size:13px;line-height:1.45}.notice.warning{border-color:#efc2bf;background:#fff3f1;color:#8c2d25}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin-bottom:14px}.kpi{min-height:86px;border:1px solid #dce4ea;border-top:3px solid #8ca0b3;border-radius:8px;padding:14px;background:#fff}.kpi span{display:block;color:#5f6f80;font-size:12px;line-height:1.2}.kpi strong{display:block;margin-top:10px;font-size:28px;line-height:1}.kpi.blue{border-top-color:#3875d7}.kpi.green{border-top-color:#2c8f62}.kpi.amber{border-top-color:#c68a1a}.kpi.red{border-top-color:#c65353}.control-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;border:1px solid #dce4ea;border-radius:8px;padding:12px;background:#fff}.control-copy{display:flex;align-items:center;gap:10px;min-width:0}.control-copy div{display:flex;flex-direction:column;gap:3px;min-width:0}.control-copy span{color:#657586;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.content-grid,.two-column,.settings-grid,.agent-grid,.agent-management-grid,.agent-config-stack{display:grid;gap:14px}.content-grid{grid-template-columns:minmax(320px,.92fr) minmax(480px,1.4fr)}.two-column{grid-template-columns:minmax(320px,.78fr) minmax(520px,1.35fr);align-items:start}.settings-grid{grid-template-columns:repeat(2,minmax(320px,1fr))}.agent-grid{grid-template-columns:minmax(420px,1.16fr) minmax(320px,.84fr);align-items:start}.agent-management-grid{grid-template-columns:minmax(280px,.44fr) minmax(620px,1fr);align-items:start}.agent-config-stack{min-width:0}.agent-grid>.panel:first-child{grid-row:span 2}.panel{min-width:0;border:1px solid #dce4ea;border-radius:8px;background:#fff}.compliance-panel{grid-row:span 2}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:66px;padding:16px 16px 12px;border-bottom:1px solid #e5ebf0}.panel h2{margin:0;font-size:16px;line-height:1.25}.panel-body{min-width:0}.badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 9px;background:#eef2f6;color:#536474;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}.badge.green{background:#e7f7ef;color:#126844}.badge.amber,.badge.warning{background:#fff2ce;color:#7a5714}.badge.red{background:#ffe8e8;color:#982c2c}.badge.neutral{background:#eef2f6;color:#536474}.check-list{display:flex;flex-direction:column;gap:12px;margin:0;padding:16px;list-style:none}.check-list.compact{gap:10px;padding-top:14px}.check-list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;color:#2e3c4b;font-size:13px;line-height:1.45}.check-list strong,.check-list small{display:block}.check-list small{margin-top:2px;color:#687889}.check-icon{margin-top:1px}.check-icon.done{color:#20845a}.check-icon.blocked{color:#bb3d3d}.check-icon.partial{color:#b87a10}.check-icon.pending{color:#7e8da1}.policy-box{margin:0 16px 16px;border:1px solid #dce8dc;border-radius:8px;padding:12px;background:#f3faf3}.policy-box span,.policy-box strong{display:block;font-size:13px;line-height:1.35}.policy-box span{color:#5f6f80}.policy-box strong{margin-top:4px;color:#285b37}.form-grid,.agent-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.agent-list{display:grid;gap:8px;padding:16px 16px 0}.agent-card{display:grid;gap:4px;width:100%;border:1px solid #d8e1e8;border-radius:8px;padding:11px;background:#fff;color:#243341;cursor:pointer;text-align:left}.agent-card:hover,.agent-card.active{border-color:#95c8c4;background:#edf8f7}.agent-card span{color:#17202a;font-size:14px;font-weight:800;line-height:1.3}.agent-card code{color:#405266;font-size:12px;overflow-wrap:anywhere}.agent-card small{color:#607083;font-size:12px;line-height:1.35}.agent-add-form{display:grid;gap:10px;margin:14px 16px 16px;border-top:1px solid #edf1f4;padding-top:14px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-wide{grid-column:1 / -1}.field span,.checkbox-field span{color:#415267;font-size:12px;font-weight:700;line-height:1.25}.field input,.field select,.field textarea{width:100%;min-height:38px;border:1px solid #cfd9e2;border-radius:8px;padding:8px 10px;background:#fff;color:#17202a;outline:none}.field textarea{min-height:82px;resize:vertical;line-height:1.45}.field textarea.agent-prompt{min-height:300px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.variable-panel{display:grid;gap:12px;padding:16px}.variable-list,.variable-section{display:grid;gap:8px}.variable-section h3{margin:0;color:#243341;font-size:13px;line-height:1.25}.variable-alert{display:flex;align-items:flex-start;gap:8px;border:1px solid #f1c5ad;border-radius:8px;padding:10px;background:#fff6f0;color:#8b3f16;font-size:12px;line-height:1.4}.variable-alert code,.empty-state code,.form-note code{color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-weight:800}.variable-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 8px;width:100%;border:1px solid #d8e1e8;border-radius:8px;padding:10px;background:#fff;color:#243341;text-align:left}.variable-kind{display:inline-flex;align-items:center;justify-content:center;min-height:22px;border-radius:999px;padding:0 8px;background:#e7f3f2;color:#0d5961;font-size:11px;font-weight:800;line-height:1}.variable-row code{min-width:0;color:#17202a;font-size:12px;font-weight:700;overflow-wrap:anywhere}.error-note{color:#a3451a;font-weight:700}.recording-list{display:grid;gap:12px}.recording-item{display:grid;gap:12px;border:1px solid #d8e1e8;border-radius:8px;padding:14px;background:#fff}.recording-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.recording-head div{display:grid;gap:3px;min-width:0}.recording-head strong{color:#17202a;font-size:15px;line-height:1.3;overflow-wrap:anywhere}.recording-head span{color:#607083;font-size:12px;line-height:1.35}.recording-meta{display:grid;grid-template-columns:minmax(96px,.26fr) minmax(0,1fr);gap:0;margin:0;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4}.recording-meta dt,.recording-meta dd{margin:0;padding:7px 0;border-top:1px solid #edf1f4;color:#607083;font-size:12px;line-height:1.35}.recording-meta dt:first-of-type,.recording-meta dd:first-of-type{border-top:0}.recording-meta dd{color:#243341;font-weight:700;overflow-wrap:anywhere}.recording-link{justify-self:flex-start;color:#0d5961;font-size:13px;font-weight:800;text-decoration:none}.recording-link:hover{text-decoration:underline}.transcript-box{display:grid;gap:7px;border:1px solid #d8e1e8;border-radius:8px;padding:10px;background:#f8fafb}.transcript-box.summary{background:#fff}.transcript-box span{color:#405266;font-size:12px;font-weight:800}.transcript-box p,.transcript-box pre{margin:0;color:#243341;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.field input:focus,.field select:focus,.field textarea:focus{border-color:#17636d;box-shadow:0 0 0 3px #17636d24}.checkbox-field{display:flex;align-items:center;gap:9px;min-height:38px}.checkbox-field input{width:16px;height:16px;accent-color:#17636d}.form-note{margin:-2px 0 0;color:#657586;font-size:13px;line-height:1.45}.table-wrap{width:100%;overflow-x:auto}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid #edf1f4;text-align:left;font-size:13px;line-height:1.35;vertical-align:middle}th{color:#607083;font-size:12px;font-weight:700;background:#f8fafb}td{max-width:280px;color:#243341;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}.empty-state{display:flex;align-items:center;gap:9px;min-height:78px;padding:16px;color:#647486;font-size:13px}.empty-state.compact{min-height:46px;border:1px dashed #d8e1e8;border-radius:8px;padding:10px;font-size:12px}.row-actions{align-items:stretch}.row-actions button{min-height:30px;padding:0 9px}.detail-list{display:grid;grid-template-columns:minmax(130px,.42fr) minmax(0,1fr);gap:0;margin:0;padding:4px 0}.detail-list dt,.detail-list dd{margin:0;padding:11px 16px;border-bottom:1px solid #edf1f4;font-size:13px;line-height:1.4}.detail-list dt{color:#607083;font-weight:700}.detail-list dd{color:#243341;overflow-wrap:anywhere}.detail-list dt:last-of-type,.detail-list dd:last-of-type{border-bottom:0}.metric-list{display:grid;grid-template-columns:repeat(5,minmax(92px,1fr));gap:10px;padding:16px}.mini-metric{display:flex;flex-direction:column;justify-content:center;min-height:74px;border:1px solid #dce4ea;border-radius:8px;padding:12px;background:#f9fbfc}.mini-metric span{color:#607083;font-size:12px}.mini-metric strong{margin-top:8px;font-size:22px;line-height:1}@media(max-width:1180px){.content-grid,.two-column,.settings-grid,.agent-grid,.agent-management-grid{grid-template-columns:1fr}.compliance-panel,.agent-grid>.panel:first-child{grid-row:auto}}@media(max-width:980px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:sticky;z-index:2;height:auto;border-right:0;border-bottom:1px solid #d9e1ea}.sidebar nav{flex-direction:row;overflow-x:auto;padding-bottom:2px}.nav-item{flex:0 0 auto;width:auto}.topbar,.control-strip{flex-direction:column;align-items:stretch}.status-cluster,.button-row{justify-content:flex-start}.kpi-grid,.metric-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.workspace,.sidebar{padding:16px}.brand{min-height:auto}.topbar h1{font-size:20px}.status-pill,.icon-button,.secondary-button,.danger-button,.text-button,.primary-button{width:100%;justify-content:center}.form-grid,.agent-form,.metric-list{grid-template-columns:1fr}.kpi{min-height:76px}.kpi strong{font-size:24px}.panel-header{flex-direction:column;min-height:0}.detail-list{grid-template-columns:1fr}.detail-list dt{padding-bottom:2px;border-bottom:0}.detail-list dd{padding-top:0}}