:root{
  --navy:#102f4f;--navy-2:#173f66;--green:#168e78;--green-2:#0f735f;--mint:#e8f7f3;
  --bg:#f3f6f9;--surface:#fff;--surface-2:#f8fafc;--line:#dce5ec;--line-2:#cbd8e2;
  --text:#172638;--muted:#627386;--soft:#8a99a8;--danger:#bd3c45;--danger-bg:#fff0f1;
  --warning:#9b6514;--warning-bg:#fff6e5;--success:#13735f;--shadow:0 18px 50px rgba(20,49,77,.11);
  --shadow-sm:0 5px 20px rgba(20,49,77,.08);--radius:18px;--radius-sm:11px;
  --font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit}a{color:var(--green-2);text-decoration:none}a:hover{text-decoration:none}main{min-height:calc(100vh - 130px)}
.site-header{height:70px;padding:0 max(24px,calc((100vw - 1180px)/2));background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-size:18px;font-weight:800;letter-spacing:.02em}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--navy),var(--green));color:#fff;display:grid;place-items:center;font-weight:900}.brand-centered{justify-content:center;margin-bottom:24px}.top-nav{display:flex;align-items:center;gap:18px}.top-nav>a:not(.button){color:var(--muted);font-weight:600}.top-nav>span{color:var(--muted);font-size:13px}.site-footer{padding:28px;text-align:center;color:var(--soft);font-size:13px}
.button{border:1px solid transparent;border-radius:10px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;transition:.18s ease;background:var(--surface);color:var(--navy)}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{background:var(--navy);color:#fff}.button-primary:hover{background:var(--navy-2)}.button-ghost{border-color:var(--line);background:var(--surface);color:var(--navy)}.button-danger{background:var(--danger-bg);color:var(--danger);border-color:#f3c7ca}.button-small{padding:7px 10px;font-size:12px}.button-large{padding:13px 20px;font-size:15px}
.hero{max-width:1180px;margin:0 auto;padding:88px 24px 80px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--green-2);text-transform:uppercase}.hero h1{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.045em;margin:16px 0 22px;color:var(--navy);max-width:720px}.hero-copy>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:640px}.hero-actions{display:flex;gap:12px;margin:30px 0 24px;flex-wrap:wrap}.trust-row{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:650}.hero-demo{position:relative}.hero-demo:before{content:"";position:absolute;inset:-45px;background:radial-gradient(circle,#bdeadd 0,rgba(189,234,221,0) 66%);z-index:-1}.demo-window{background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:0 35px 90px rgba(16,47,79,.18);overflow:hidden;transform:rotate(1.2deg)}.demo-header,.chat-app-header{padding:16px 18px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:12px}.assistant-avatar{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#37b79d,var(--green));color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.demo-header div,.chat-app-header div{display:flex;flex-direction:column}.demo-header small,.chat-app-header small{color:rgba(255,255,255,.7);font-size:12px}.demo-body{padding:28px 22px;background:#eef4f7;display:flex;flex-direction:column;gap:13px;min-height:350px}.demo-message{max-width:82%;padding:12px 15px;border-radius:16px;background:#fff;box-shadow:var(--shadow-sm);font-size:14px}.demo-message.user{align-self:flex-end;background:var(--green);color:#fff;border-bottom-right-radius:5px}.demo-message.ai{border-bottom-left-radius:5px}.demo-input{padding:17px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--soft)}.demo-input b{color:var(--green)}
.feature-section{max-width:1180px;margin:0 auto 80px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-section article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm)}.feature-number{color:var(--green);font-size:12px;font-weight:900;letter-spacing:.15em}.feature-section h2{font-size:20px;color:var(--navy);margin:14px 0 8px}.feature-section p{margin:0;color:var(--muted)}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,rgba(35,164,136,.2),transparent 30%),linear-gradient(135deg,#0c2944,#18446d)}.auth-card{width:min(430px,100%);background:var(--surface);border-radius:24px;padding:36px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.auth-card h1{text-align:center;margin:0 0 8px;color:var(--navy);font-size:28px}.auth-card>p{text-align:center;color:var(--muted);margin:0 0 26px}.text-link{display:block;text-align:center;margin-top:18px;font-weight:650}
.stack-form{display:flex;flex-direction:column;gap:16px}.stack-form.compact{gap:13px}.stack-form label,.form-panel label,.settings-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:750;color:var(--navy)}input,textarea,select{width:100%;border:1px solid var(--line-2);background:#fff;color:var(--text);border-radius:10px;padding:11px 12px;outline:none;transition:border .15s,box-shadow .15s}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,142,120,.12)}label small{color:var(--muted);font-weight:500}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.alert{border-radius:12px;padding:12px 15px;margin-bottom:18px;font-weight:650}.alert-error{background:var(--danger-bg);border:1px solid #efc6c9;color:var(--danger)}.alert-success{background:var(--mint);border:1px solid #b9e5d9;color:var(--success)}
.chat-page{max-width:1140px;margin:0 auto;padding:54px 24px 70px;display:grid;grid-template-columns:.72fr 1.28fr;gap:46px;align-items:start}.chat-page-info{padding-top:30px}.chat-page-info h1{font-size:43px;line-height:1.08;color:var(--navy);letter-spacing:-.035em;margin:14px 0}.chat-page-info>p{font-size:17px;color:var(--muted);line-height:1.7}.info-card{margin-top:18px;padding:16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.info-card span{color:var(--muted);font-size:13px}.chat-app{background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.chat-app-full{height:680px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.chat-app-widget{height:100vh;width:100vw}.chat-app-header{min-height:72px}.chat-app-header strong{font-size:15px}.chat-app-header small{display:flex;align-items:center;gap:6px}.chat-app-header small i{display:inline-block;width:7px;height:7px;background:#5be2b5;border-radius:50%;box-shadow:0 0 0 3px rgba(91,226,181,.15)}.chat-status{margin-left:auto;color:rgba(255,255,255,.72);font-size:12px}.widget-close{margin-left:auto;border:0;background:rgba(255,255,255,.1);color:#fff;border-radius:9px;width:34px;height:34px;font-size:23px;cursor:pointer}.chat-messages{flex:1;overflow-y:auto;padding:22px;background:linear-gradient(180deg,#f0f5f8,#f7f9fb);display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.chat-loading{margin:auto;color:var(--soft);font-size:13px}.chat-bubble{max-width:82%;padding:11px 14px;border-radius:16px;background:#fff;box-shadow:0 3px 14px rgba(22,54,82,.08);align-self:flex-start;border-bottom-left-radius:5px;white-space:pre-wrap;word-break:break-word}.chat-bubble>div{font-size:14px;line-height:1.5}.chat-bubble small{display:block;margin-top:6px;color:var(--soft);font-size:10px}.bubble-visitor,.bubble-user{align-self:flex-end;background:var(--green);color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:5px}.bubble-visitor small,.bubble-user small{color:rgba(255,255,255,.7);text-align:right}.bubble-agent{background:#e8f2ff;border:1px solid #c9def5}.bubble-system{align-self:center;background:transparent;box-shadow:none;color:var(--muted);font-size:12px;text-align:center}.typing-indicator{padding:7px 20px 10px;background:#f7f9fb;display:flex;align-items:center;gap:5px}.typing-indicator[hidden]{display:none}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--green);animation:bounce 1.15s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}.typing-indicator small{color:var(--muted);margin-left:4px}@keyframes bounce{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}.chat-alert{padding:10px 14px;background:var(--warning-bg);color:var(--warning);font-size:12px;border-top:1px solid #f2ddb5}.chat-alert[hidden]{display:none}.chat-alert a{font-weight:800;color:var(--warning)}.chat-compose{display:flex;align-items:flex-end;gap:10px;padding:13px;border-top:1px solid var(--line);background:#fff}.chat-compose textarea{border:0;background:var(--surface-2);min-height:44px;max-height:120px;resize:none;padding:11px 13px;box-shadow:none}.chat-compose textarea:focus{box-shadow:0 0 0 2px rgba(22,142,120,.13)}.chat-compose button{border:0;width:44px;height:44px;border-radius:13px;background:var(--navy);color:#fff;font-size:21px;cursor:pointer;flex:none}.chat-app-footer{text-align:center;padding:7px;color:var(--soft);font-size:10px;border-top:1px solid #eef2f5}.widget-body{margin:0;background:transparent;overflow:hidden}
.admin-body{background:#eef3f6}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:248px;background:var(--navy);color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:60}.admin-brand{color:#fff;padding:4px 8px 25px}.admin-brand .brand-mark{background:linear-gradient(145deg,#38b89e,#19836e)}.admin-nav{display:flex;flex-direction:column;gap:5px}.admin-nav a{color:rgba(255,255,255,.68);padding:11px 12px;border-radius:10px;font-weight:650}.admin-nav a:hover,.admin-nav a.active{background:rgba(255,255,255,.11);color:#fff}.sidebar-user{margin-top:auto;padding:14px 8px 2px;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.sidebar-user div{min-width:0}.sidebar-user strong,.sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user strong{font-size:12px}.sidebar-user small{font-size:10px;color:rgba(255,255,255,.55)}.sidebar-user>a{color:#fff;font-size:11px}.avatar{width:38px;height:38px;border-radius:12px;background:var(--mint);color:var(--green-2);display:grid;place-items:center;font-weight:850;flex:none}.admin-main{margin-left:248px;min-height:100vh;padding:0 28px 50px}.admin-topbar{height:82px;display:flex;align-items:center;justify-content:space-between}.admin-topbar h1{font-size:25px;color:var(--navy);margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:21px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.metric-card>span{color:var(--muted);font-size:12px;font-weight:750}.metric-card strong{font-size:34px;line-height:1.2;color:var(--navy);margin:7px 0}.metric-card small{color:var(--soft)}.metric-attention{border-color:#ecd39e;background:#fffaf0}.metric-attention strong{color:var(--warning)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden}.form-panel{padding:22px;overflow:visible}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.form-panel>.panel-heading{padding:0 0 17px;margin-bottom:18px}.panel-heading h2{font-size:17px;color:var(--navy);margin:0}.panel-heading p{font-size:12px;color:var(--muted);margin:4px 0 0}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--surface-2);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:11px 16px;border-bottom:1px solid var(--line)}.data-table td{padding:13px 16px;border-bottom:1px solid #edf1f4;color:var(--muted)}.data-table td strong{color:var(--text);display:block}.data-table td small{display:block;color:var(--soft)}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f8fbfc}.empty-cell{text-align:center;padding:40px!important}.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;text-transform:capitalize;white-space:nowrap}.status-open{background:var(--mint);color:var(--green-2)}.status-waiting_human{background:var(--warning-bg);color:var(--warning)}.status-human{background:#e9f2ff;color:#2f64a0}.status-closed{background:#edf0f3;color:#6f7d8b}
.inbox-shell{height:calc(100vh - 112px);display:grid;grid-template-columns:350px 1fr;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)}.inbox-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.inbox-filters{padding:12px;border-bottom:1px solid var(--line);display:grid;gap:8px}.inbox-filters input,.inbox-filters select{padding:9px;font-size:12px}.conversation-list{overflow-y:auto}.conversation-item{padding:13px 12px;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid #eef2f5;color:var(--text)}.conversation-item:hover,.conversation-item.active{background:#edf8f5}.conversation-copy{min-width:0}.conversation-copy strong,.conversation-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-copy strong{font-size:13px}.conversation-copy small{font-size:11px;color:var(--muted);margin-top:3px}.conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.conversation-meta time{font-size:9px;color:var(--soft)}.conversation-meta b{background:var(--green);color:#fff;border-radius:999px;font-size:9px;min-width:18px;height:18px;display:grid;place-items:center}.inbox-chat{display:flex;flex-direction:column;min-width:0}.chat-admin-header{min-height:75px;padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.person-title{display:flex;align-items:center;gap:10px;min-width:0}.person-title div{min-width:0}.person-title strong,.person-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-title small{color:var(--muted);font-size:11px}.chat-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.message-stream{flex:1;overflow-y:auto;padding:20px;background:#f3f7f9;display:flex;flex-direction:column;gap:10px}.message{max-width:76%;padding:10px 13px;border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(20,49,77,.07);white-space:pre-wrap}.message small{display:block;color:var(--soft);font-size:9px;margin-top:5px}.message-visitor,.message-user{align-self:flex-end;background:var(--green);color:#fff;border-bottom-right-radius:4px}.message-visitor small,.message-user small{color:rgba(255,255,255,.7);text-align:right}.message-ai{border-bottom-left-radius:4px}.message-agent{background:#e7f0ff;border-bottom-left-radius:4px}.message-system{align-self:center;background:transparent;box-shadow:none;color:var(--muted)}.admin-reply-form{padding:12px;display:flex;gap:10px;border-top:1px solid var(--line)}.admin-reply-form textarea{min-height:46px;resize:none}.empty-state{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted);gap:5px}.empty-state strong{color:var(--navy);font-size:18px}.empty-state.small{padding:35px 15px;height:auto}.empty-state.small strong{font-size:14px}.empty-state span{font-size:12px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.settings-grid>.panel{margin:0}.settings-grid label{margin-bottom:14px}.switch-row{flex-direction:row!important;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.switch-row span{display:flex;flex-direction:column}.switch-row input{width:20px;height:20px}.sticky-save{grid-column:1/-1;position:sticky;bottom:15px;background:rgba(238,243,246,.9);backdrop-filter:blur(10px);padding:12px;border-radius:15px;display:flex;justify-content:flex-end;border:1px solid var(--line)}.knowledge-grid{padding:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.knowledge-card{border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.knowledge-card.is-disabled{opacity:.55;background:#f5f6f7}.knowledge-card h3{margin:6px 0;color:var(--navy);font-size:15px}.knowledge-card p{margin:0;color:var(--muted);font-size:12px}.knowledge-card small{color:var(--soft);font-size:10px}.card-actions{display:flex;gap:7px}.card-actions form{margin:0}
@media(max-width:1050px){.hero{gap:35px}.metric-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.inbox-shell{grid-template-columns:300px 1fr}.chat-actions .button{padding:6px 8px}.knowledge-grid{grid-template-columns:1fr}.chat-page{grid-template-columns:1fr}.chat-page-info{padding-top:0}.chat-page-info .info-card{display:none}}
@media(max-width:780px){.site-header{padding:0 16px}.top-nav>a:not(.button),.top-nav>span{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero h1{font-size:45px}.hero-demo{display:none}.feature-section{grid-template-columns:1fr}.admin-sidebar{position:static;width:100%;height:auto;padding:12px}.admin-brand{padding:0}.admin-nav{flex-direction:row;overflow-x:auto;margin-top:10px}.admin-nav a{white-space:nowrap}.sidebar-user{display:none}.admin-main{margin-left:0;padding:0 12px 30px}.admin-topbar{height:72px}.inbox-shell{height:auto;min-height:calc(100vh - 100px);grid-template-columns:1fr}.inbox-list{max-height:280px;border-right:0;border-bottom:1px solid var(--line)}.inbox-chat{min-height:600px}.chat-admin-header{align-items:flex-start;flex-direction:column}.chat-actions{justify-content:flex-start}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.chat-page{padding:25px 12px}.chat-page-info h1{font-size:34px}.chat-app-full{height:calc(100vh - 160px);min-height:590px}.auth-card{padding:28px 22px}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.hero{padding:45px 18px}.hero h1{font-size:38px}.hero-copy>p{font-size:16px}.trust-row{flex-direction:column;gap:8px}.feature-section{padding:0 18px}.chat-page-info{display:none}.chat-page{display:block;padding:0}.chat-app-full{border-radius:0;border:0;height:calc(100vh - 70px);min-height:0}.chat-bubble{max-width:88%}.knowledge-grid{padding:12px}.admin-main{padding:0}.admin-topbar{padding:0 12px}.panel{border-radius:0}.inbox-shell{border-radius:0;border-left:0;border-right:0}.settings-grid{gap:10px}.settings-grid .panel{padding:16px}}
.portal-page{max-width:1100px;margin:0 auto;padding:52px 24px 75px}.portal-hero{margin-bottom:28px}.portal-hero h1,.portal-heading h1{font-size:38px;color:var(--navy);letter-spacing:-.03em;margin:10px 0 5px}.portal-hero p,.portal-heading p{color:var(--muted);margin:0}.portal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portal-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;gap:16px;box-shadow:var(--shadow-sm);color:var(--text);transition:.18s}.portal-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.portal-card>span{font-size:25px}.portal-card h2{margin:0 0 5px;color:var(--navy);font-size:18px}.portal-card p{margin:0;color:var(--muted);font-size:13px}.portal-heading{padding:0 0 22px;border:0}@media(max-width:780px){.portal-cards{grid-template-columns:1fr}.portal-page{padding:35px 16px}.portal-heading{align-items:flex-start}}