@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg: #f3f1ea;--panel: #fffdf7;--panel-soft: #f8f5ec;--text: #1f2a2a;--text-muted: #5f6b6d;--brand: #005f73;--brand-strong: #0a9396;--accent: #ee9b00;--danger: #bb3e03;--ok: #2a9d8f;--line: #d4d8cc;--shadow: 0 20px 45px rgba(10, 42, 43, .08);--radius: 18px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body.chatko-body{background:radial-gradient(circle at 15% 20%,rgba(238,155,0,.14),transparent 28%),radial-gradient(circle at 78% 12%,rgba(10,147,150,.15),transparent 31%),linear-gradient(180deg,#faf8f1,#f3f1ea 55%,#ece7dc);color:var(--text);font-family:IBM Plex Sans,system-ui,sans-serif;padding:1.2rem;position:relative}.ambient{pointer-events:none;position:fixed;border-radius:999px;filter:blur(40px);opacity:.35;z-index:0}.ambient-one{width:280px;height:280px;top:-90px;left:-50px;background:#ee9b00}.ambient-two{width:320px;height:320px;right:-90px;bottom:-120px;background:#0a9396}.topbar,.layout,#global-alert{position:relative;z-index:2}.topbar{align-items:center;background:#fffdf7eb;border:1px solid rgba(0,95,115,.12);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1.2rem 1.4rem}.eyebrow{color:var(--brand);font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.14em;margin:0;text-transform:uppercase}.brand-title{font-family:Space Grotesk,sans-serif;font-size:clamp(1.15rem,2vw,1.55rem);margin:.35rem 0 0}.session-box{align-items:center;display:flex;gap:.8rem}.session-box p{color:var(--text-muted);margin:0;max-width:360px;text-align:right}.session-summary-grid{display:grid;gap:.45rem;margin:.75rem 0}.session-summary-item{background:var(--panel-soft);border:1px solid var(--line);border-radius:11px;padding:.52rem .62rem}.session-summary-label{color:var(--text-muted);display:block;font-size:.74rem;font-weight:600;margin-bottom:.2rem}.session-summary-item strong{font-family:Space Grotesk,sans-serif;font-size:.89rem;word-break:break-word}#logged-in-logout-button{width:100%}.layout{display:grid;gap:1rem;grid-template-columns:minmax(245px,280px) minmax(0,1fr)}.sidebar,.content{animation:rise .42s ease both}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1rem}.nav-stack{display:flex;flex-direction:column;gap:.45rem}.nav-button{background:var(--panel-soft);border:1px solid transparent;border-radius:12px;color:var(--text);cursor:pointer;font-weight:600;padding:.7rem .8rem;text-align:left;transition:.18s ease}.nav-button:hover{border-color:#005f7354;transform:translate(3px)}.nav-button.active{background:linear-gradient(135deg,#0a93962b,#ee9b0029);border-color:#005f734d}.view-panel{display:none;opacity:0;transform:translateY(6px)}.view-panel.active{animation:panel-in .26s ease both;display:block}.panel-head{align-items:center;display:flex;gap:1rem;justify-content:space-between}.stats-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:1rem}.stat-card{background:linear-gradient(145deg,#fffef9,#f8f4e8);border:1px solid var(--line);border-radius:16px;padding:1rem}.stat-card .label{color:var(--text-muted);font-size:.82rem;font-weight:600;margin:0}.stat-card .value{font-family:Space Grotesk,sans-serif;font-size:1.7rem;font-weight:700;margin:.3rem 0 0}.split-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(285px,1fr))}.stack{display:flex;flex-direction:column;gap:.75rem}.stack-inline{align-items:end;display:grid;gap:.7rem;grid-template-columns:minmax(110px,170px) minmax(150px,1fr) minmax(180px,2fr) auto;margin-bottom:1rem}label{color:var(--text-muted);display:block;font-size:.84rem;font-weight:600}input,textarea,select{background:#fff;border:1px solid #b9c3b8;border-radius:11px;color:var(--text);font-family:inherit;font-size:.93rem;margin-top:.36rem;min-height:40px;padding:.58rem .72rem;width:100%}textarea{min-height:88px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--brand-strong);box-shadow:0 0 0 3px #0a939633;outline:none}.btn{background:linear-gradient(120deg,var(--brand),var(--brand-strong));border:none;border-radius:12px;color:#f8fefe;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.02em;min-height:40px;padding:.58rem .92rem;transition:transform .15s ease,filter .15s ease}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid rgba(0,95,115,.4);color:var(--brand)}.btn-danger{background:linear-gradient(135deg,#bb3e03,#ae2012)}.alert{border-radius:14px;font-weight:600;margin-bottom:1rem;padding:.8rem 1rem}.alert.ok{background:#2a9d8f29;border:1px solid rgba(42,157,143,.45);color:#12574f}.alert.error{background:#ae201224;border:1px solid rgba(174,32,18,.4);color:#752015}.hidden{display:none!important}.table-wrap{overflow:auto}table{border-collapse:collapse;min-width:620px;width:100%}th,td{border-bottom:1px solid #d8ddcf;font-size:.88rem;padding:.58rem .4rem;text-align:left;vertical-align:top}th{color:var(--text-muted);font-weight:700}.table-actions{display:flex;flex-wrap:wrap;gap:.35rem}.table-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end;margin-top:.7rem}.table-pagination .btn{min-height:34px;padding:.4rem .72rem}.pagination-size{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.8rem;gap:.35rem}.pagination-size select{margin-top:0;min-height:34px;padding:.35rem .5rem;width:auto}.knowledge-guide-card{margin-top:.85rem}.guide-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.35rem 0 .75rem}.guide-tab{background:#fff;border:1px solid #c8d0c0;border-radius:999px;color:#2d3e3f;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:700;min-height:34px;padding:.25rem .58rem}.guide-tab.active{background:#005f731f;border-color:#005f7373;color:#005f73}.knowledge-guide-body h4,.knowledge-guide-body h5{margin-bottom:.35rem}.knowledge-guide-body h5{margin-top:.7rem}.chip{background:#005f731a;border:1px solid rgba(0,95,115,.2);border-radius:999px;color:var(--brand);display:inline-block;font-size:.78rem;font-weight:700;padding:.22rem .48rem}.simple-list,.chat-log{list-style:none;margin:0;padding:0}.simple-list li,.chat-log li{border-bottom:1px dashed #ccd2c2;padding:.55rem 0}.chat-log li strong{color:var(--brand)}.conversation-messages-table{min-width:860px}.conversation-messages-table .message-cell{min-width:280px;white-space:pre-wrap;word-break:break-word}.muted{color:var(--text-muted)}.wizard-steps{display:grid;gap:.45rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.wizard-step{background:var(--panel-soft);border:1px solid var(--line);border-radius:10px;color:var(--text);cursor:pointer;font-weight:700;min-height:38px;padding:.35rem .5rem}.wizard-step.active{background:linear-gradient(130deg,#0a939633,#ee9b0033);border-color:#005f7366}.wizard-panel{display:none}.wizard-panel.active{display:block}.wizard-actions{display:flex;gap:.55rem;justify-content:flex-end}.integration-simple-card{background:#f7f3e8;border:1px dashed #c7cdbf;box-shadow:none;margin:.5rem 0;padding:.85rem}.integration-simple-card h4{margin:0 0 .35rem}.integration-required-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;margin:.1rem 0 .6rem}.required-legend-badge{background:#005f731f;border:1px solid rgba(0,95,115,.24);border-radius:999px;color:#005f73;display:inline-flex;font-size:.72rem;font-weight:700;letter-spacing:.01em;padding:.2rem .45rem}.required-fields-list{display:inline-flex;flex-wrap:wrap;gap:.32rem}.required-field-chip{background:#fff;border:1px solid #d8ddcf;border-radius:999px;color:#2d3e3f;display:inline-flex;font-size:.74rem;font-weight:600;line-height:1.15;padding:.2rem .45rem}.required-field-none{color:var(--text-muted);font-size:.78rem;font-style:italic}.integration-simple-group,.integration-simple-subgroup{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.integration-advanced{border:1px solid var(--line);border-radius:12px;padding:.6rem .8rem}.integration-advanced-toggle{align-self:flex-start}.integration-advanced summary{color:var(--brand);cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:.88rem;font-weight:700}.modal{align-items:center;background:#18232373;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:1rem;position:fixed;z-index:30}.modal.hidden{display:none}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);max-height:calc(100vh - 3rem);max-width:760px;overflow:auto;padding:1rem;width:min(760px,100%)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){body.chatko-body{padding:.75rem}.layout{grid-template-columns:1fr}.session-box{align-items:end;flex-direction:column}.stack-inline{grid-template-columns:1fr}.wizard-steps{grid-template-columns:repeat(2,minmax(0,1fr))}table{min-width:560px}}