:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin-top:0}.brand{align-items:center;gap:12px;font-size:16px;font-weight:760;text-decoration:none;display:inline-flex}.brand-light{color:#fff}.brand-mark{background:#2563eb;border-radius:10px;align-items:end;gap:3px;width:32px;height:32px;padding:8px 7px;display:inline-flex}.brand-mark span{background:#dbeafe;border-radius:99px;width:4px;display:block}.brand-mark span:first-child{height:7px}.brand-mark span:nth-child(2){height:14px}.brand-mark span:nth-child(3){height:10px}.eyebrow{color:#2563eb;letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}.eyebrow-light{color:#93c5fd}.muted{color:#66748b;line-height:1.6}.auth-page{grid-template-columns:minmax(390px,.9fr) minmax(500px,1.1fr);min-height:100vh;display:grid}.auth-intro{color:#dbe7fa;background:radial-gradient(circle at 20% 80%,#2563eb5c,#0000 28rem),linear-gradient(145deg,#101a35,#172554 62%,#1e3a8a);flex-direction:column;justify-content:space-between;padding:clamp(42px,6vw,84px);display:flex}.auth-intro h1{color:#fff;letter-spacing:-.06em;max-width:610px;margin-bottom:24px;font-size:clamp(46px,5.8vw,82px);line-height:.98}.auth-intro>div>p:not(.eyebrow){max-width:560px;margin-bottom:0;font-size:18px;line-height:1.7}.auth-footnote{color:#9fb1ce;letter-spacing:.04em;margin:0;font-size:12px;font-weight:650}.auth-panel,.centred-page{background:radial-gradient(circle at 90% 10%,#3b82f61a,#0000 26rem),#f7f9fc;place-items:center;padding:40px;display:grid}.centred-page{min-height:100vh}.auth-card{background:#fff;border:1px solid #e0e6ef;border-radius:22px;width:min(440px,100%);padding:42px;box-shadow:0 28px 72px #1e40af1a}.setup-card{width:min(510px,100%)}.auth-card h2{color:#111d38;letter-spacing:-.035em;margin-bottom:12px;font-size:30px}label{gap:7px;margin-top:18px;display:grid}label>span{color:#49566d;font-size:12px;font-weight:720}input,select{color:#172033;background:#fff;border:1px solid #d7deea;border-radius:10px;outline:none;width:100%;height:44px;padding:0 13px;transition:border-color .14s,box-shadow .14s}input:focus,select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.primary-button,.secondary-button,.text-button{border:0;border-radius:10px;font-size:13px;font-weight:750}.primary-button{color:#fff;background:#2563eb;min-height:42px;padding:0 18px;box-shadow:0 8px 18px #2563eb2e}.primary-button:hover{background:#1d4ed8}.primary-button:disabled{opacity:.58;cursor:wait}.full-button{width:100%;margin-top:26px}.secondary-button{color:#24324a;background:#fff;border:1px solid #cbd5e1;min-height:40px;padding:0 15px}.text-button{color:#2563eb;text-align:right;background:0 0;padding:8px 0}.alert{border-radius:10px;margin-top:20px;padding:12px 14px;font-size:13px;line-height:1.5}.alert.error{color:#991b1b;background:#fff1f2;border:1px solid #fecaca}.alert.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.loading-page{color:#64748b;background:#f6f8fc;align-content:center;place-items:center;min-height:100vh;display:grid}.loading-mark{border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:38px;height:38px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-shell{background:#f5f7fb;grid-template-columns:254px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#cbd5e1;background:#111a32;flex-direction:column;height:100vh;padding:25px 18px 18px;display:flex;position:sticky;top:0}.sidebar>.brand{margin:0 10px 42px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#aebbd0;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:46px;padding:8px 11px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#3b82f629}.sidebar nav button>span:last-child{min-width:0;display:grid}.sidebar nav strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sidebar nav small{color:#7f90ab;text-transform:capitalize;margin-top:2px;font-size:10px}.nav-icon,.nav-avatar,.user-avatar{color:#dbeafe;background:#253150;border-radius:8px;flex:none;place-items:center;width:29px;height:29px;font-size:12px;font-weight:800;display:grid}.nav-icon{font-size:17px}.sidebar-user{border-top:1px solid #27314b;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:auto;padding:14px 10px 3px;display:grid}.sidebar-user>div{min-width:0;display:grid}.sidebar-user strong,.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-user strong{color:#f8fafc;font-size:12px}.sidebar-user>div span{color:#7f90ab;margin-top:2px;font-size:10px}.logout-button{color:#8290a8;background:0 0;border:0;width:28px;height:28px;font-size:17px}.dashboard-main{min-width:0}.dashboard-topbar{color:#6b7890;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;border-bottom:1px solid #e2e7f0;justify-content:space-between;align-items:center;height:64px;padding:0 42px;font-size:11px;font-weight:700;display:flex}.dashboard-topbar div{align-items:center;gap:8px;display:flex}.system-indicator{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22c55e1f}.workspace-section{width:min(1220px,100vw - 320px);margin:0 auto;padding:54px 0 90px}.section-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px;display:flex}.section-heading h2{color:#111d38;letter-spacing:-.045em;margin-bottom:7px;font-size:35px}.section-heading p:last-child{margin-bottom:0;font-size:14px}.inline-form{background:#fff;border:1px solid #dfe5ef;border-radius:16px;align-items:end;gap:18px;margin-bottom:24px;padding:24px;display:grid;box-shadow:0 12px 34px #1e40af0f}.inline-form label{margin:0}.tenant-form{grid-template-columns:repeat(3,minmax(150px,1fr))}.member-form{grid-template-columns:repeat(3,minmax(160px,1fr)) auto}.form-title{grid-column:1/-1;gap:4px;display:grid}.form-title strong{font-size:15px}.form-title span{color:#718096;font-size:12px}.form-submit{height:44px}.setup-result{background:#eff6ff;border:1px solid #bfdbfe;border-radius:15px;margin-bottom:24px;padding:20px 22px}.setup-result strong{color:#1e3a8a;font-size:14px}.setup-result p{color:#50617c;margin:5px 0 14px;font-size:12px;line-height:1.5}.setup-link-row{gap:9px;display:flex}.setup-link-row input{color:#42526c;background:#ffffffc7;height:40px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.table-card{background:#fff;border:1px solid #dfe5ef;border-radius:16px;overflow:hidden;box-shadow:0 14px 40px #1e40af0d}.table-head,.table-row{align-items:center;gap:24px;padding:0 24px;display:grid}.tenant-row{grid-template-columns:minmax(220px,1.5fr) .7fr .5fr .7fr .5fr}.member-row{grid-template-columns:minmax(240px,1.5fr) .7fr .7fr .7fr}.table-head{color:#8490a3;letter-spacing:.08em;text-transform:uppercase;background:#f9fafc;border-bottom:1px solid #e7ebf2;min-height:46px;font-size:10px;font-weight:800}.table-row{color:#4d5a70;border-bottom:1px solid #edf0f5;min-height:70px;font-size:13px}.table-row:last-child{border-bottom:0}.table-row>div{gap:3px;display:grid}.table-row strong{color:#172033;font-size:13px}.table-row div span{color:#8792a5;font-size:11px}.capitalise,.status-pill{text-transform:capitalize}.status-pill{border-radius:999px;justify-self:start;padding:5px 8px;font-size:10px;font-weight:780}.status-pill.active{color:#166534;background:#dcfce7}.status-pill.invited{color:#92400e;background:#fef3c7}.status-pill.suspended,.status-pill.closed{color:#991b1b;background:#fee2e2}.empty-state,.empty-workspace{color:#7b8799;text-align:center;padding:48px 24px;font-size:13px}.empty-workspace{margin-top:80px}.empty-workspace h2{color:#1e293b;margin-bottom:10px}.tenant-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.tenant-heading h2{color:#111d38;letter-spacing:-.045em;margin:0;font-size:35px}.role-badge{color:#526078;text-transform:capitalize;background:#fff;border:1px solid #dbe3ef;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.workspace-tabs{border-bottom:1px solid #dfe5ef;gap:6px;margin-bottom:36px;padding-bottom:10px;display:flex}.workspace-tabs button{color:#69768b;background:0 0;border:0;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:720}.workspace-tabs button:hover,.workspace-tabs button.active{color:#1d4ed8;background:#eaf2ff}.subsection-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.subsection-heading h3{color:#172033;letter-spacing:-.025em;margin-bottom:6px;font-size:22px}.subsection-heading p{color:#718096;margin-bottom:0;font-size:13px}.configuration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.configuration-card{background:#fff;border:1px solid #dfe5ef;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 14px 38px #1e40af0d}.configuration-card-head{justify-content:space-between;align-items:start;gap:18px;padding:22px 22px 18px;display:flex}.configuration-card-head h3{margin:9px 0 4px;font-size:17px}.configuration-card-head p{color:#7a8799;margin:0;font-size:11px}.card-actions{gap:14px;display:flex}.widget-preview{background:#f6f8fb;border-radius:12px;align-items:center;gap:12px;margin:0 22px 18px;padding:15px;display:flex}.widget-preview>div{gap:2px;display:grid}.widget-preview strong{font-size:13px}.widget-preview span:not(.preview-bubble){color:#7b8799;font-size:10px}.preview-bubble{color:#fff;background:var(--preview-accent);border-radius:12px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid}.code-block{color:#cbd5e1;background:#151f36;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 22px 22px;padding:11px 12px;display:grid}.code-block code{text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.5;overflow:hidden}.code-block button{color:#93c5fd;background:0 0;border:0;font-size:10px;font-weight:750}.configuration-form{background:#fbfcfe;border-top:1px solid #e6eaf1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 22px 23px;display:grid}.configuration-form label{margin:0}.configuration-form .form-submit{align-self:end}.create-configuration{background:#fff;border:1px solid #dfe5ef;border-radius:15px;margin-bottom:22px}.form-span{grid-column:1/-1}input[type=color]{padding:5px}.department-summary{background:#f7f9fc;border-radius:12px;grid-template-columns:repeat(3,1fr);margin:0 22px 18px;padding:15px;display:grid}.department-summary>div{border-right:1px solid #e3e8f1;gap:4px;padding:0 12px;display:grid}.department-summary>div:last-child{border:0}.department-summary span{color:#8490a3;text-transform:uppercase;font-size:9px;font-weight:750}.department-summary strong{text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;font-size:11px;overflow:hidden}.assigned-team{flex-wrap:wrap;gap:6px;min-height:30px;margin:0 22px 22px;display:flex}.assigned-team span{color:#315381;background:#eaf2ff;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:700}.assigned-team small{color:#96a0af}.member-checkboxes{border:1px solid #dfe5ef;border-radius:10px;flex-wrap:wrap;gap:8px 18px;margin:3px 0;padding:14px;display:flex}.member-checkboxes legend{color:#56647a;padding:0 5px;font-size:11px;font-weight:750}.member-checkboxes label{align-items:center;gap:7px;display:flex}.member-checkboxes input,.settings-switches input{width:17px;height:17px}.empty-configuration{color:#8190a4;text-align:center;border:1px dashed #cfd7e4;border-radius:15px;grid-column:1/-1;padding:54px;font-size:13px}.settings-card{background:#fff;border:1px solid #dfe5ef;border-radius:16px;padding:26px;box-shadow:0 14px 38px #1e40af0d}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-grid label{margin:0}.settings-switches{border-top:1px solid #e7ebf2;margin:24px 0}.switch-row{border-bottom:1px solid #e7ebf2;justify-content:space-between;align-items:center;gap:28px;margin:0;padding:18px 2px;display:flex}.switch-row>div{gap:4px;display:grid}.switch-row strong{font-size:13px}.switch-row span{color:#7b8799;font-size:11px;font-weight:400}.inbox-heading{margin-bottom:18px}.realtime-state{color:#64748b;text-transform:uppercase;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:800;display:flex}.realtime-state span{background:#f59e0b;border-radius:50%;width:7px;height:7px}.realtime-state.connected span{background:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.inbox-alert{margin-bottom:14px}.inbox-shell{background:#fff;border:1px solid #dfe5ef;border-radius:18px;grid-template-columns:350px minmax(0,1fr);height:min(680px,100vh - 285px);min-height:500px;display:grid;overflow:hidden;box-shadow:0 18px 48px #1e40af12}.conversation-list{background:#fbfcfe;border-right:1px solid #e5eaf1;min-width:0}.conversation-filters{border-bottom:1px solid #e8edf3;gap:4px;padding:12px;display:flex;overflow-x:auto}.conversation-filters button{color:#738096;text-transform:capitalize;background:0 0;border:0;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:750}.conversation-filters button.active{color:#1d4ed8;background:#eaf2ff}.conversation-scroll{height:calc(100% - 55px);overflow-y:auto}.conversation-item{color:#172033;text-align:left;background:0 0;border:0;border-bottom:1px solid #edf0f5;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:76px;padding:13px 14px;display:grid}.conversation-item:hover,.conversation-item.active{background:#f1f6ff}.conversation-item.active{box-shadow:inset 3px 0 #2563eb}.conversation-avatar{color:#1e40af;background:#dbeafe;border-radius:12px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.conversation-copy{gap:5px;min-width:0;display:grid}.conversation-copy strong,.conversation-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-copy strong{font-size:12px}.conversation-copy small{color:#7c899d;font-size:10px}.conversation-status{color:#64748b;text-transform:uppercase;background:#e9eef5;border-radius:999px;padding:4px 6px;font-size:8px;font-weight:800}.conversation-status.queued{color:#92400e;background:#fef3c7}.conversation-status.active{color:#166534;background:#dcfce7}.conversation-empty,.conversation-placeholder{color:#8190a4;text-align:center;align-content:center;place-items:center;height:100%;padding:30px;font-size:12px;display:grid}.conversation-panel{flex-direction:column;min-width:0;min-height:0;display:flex}.conversation-header{border-bottom:1px solid #e7ebf2;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:12px 18px;display:flex}.conversation-header>div:first-child{gap:5px;display:grid}.conversation-header strong{font-size:13px}.conversation-header span{color:#7c899d;font-size:10px}.conversation-actions{gap:8px;display:flex}.conversation-actions button,.conversation-actions select{color:#475569;background:#fff;border:1px solid #d7deea;border-radius:8px;height:34px;padding:0 10px;font-size:10px;font-weight:750}.message-thread{background:#f8fafc;flex-direction:column;flex:1;gap:11px;min-height:0;padding:22px;display:flex;overflow-y:auto}.message-row{display:flex}.message-row.agent{justify-content:flex-end}.message-bubble{background:#fff;border:1px solid #e1e7ef;border-radius:6px 14px 14px;max-width:min(72%,540px);padding:10px 12px;box-shadow:0 5px 14px #0f172a0a}.message-row.agent .message-bubble{color:#fff;background:#2563eb;border-color:#2563eb;border-radius:14px 6px 14px 14px}.message-bubble strong{opacity:.75;margin-bottom:4px;font-size:9px;display:block}.message-bubble p{white-space:pre-wrap;margin:0;font-size:12px;line-height:1.5}.message-bubble time{opacity:.55;text-align:right;margin-top:5px;font-size:8px;display:block}.reply-composer{border-top:1px solid #e5eaf1;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;display:grid}.reply-composer input{margin:0}.conversation-placeholder{gap:6px}.conversation-placeholder strong{color:#475569;font-size:14px}.operations-grid{gap:20px;display:grid}.operations-span{grid-column:1/-1;margin:0}.operations-card{background:#fff;border:1px solid #dfe5ef;border-radius:16px;overflow:hidden;box-shadow:0 14px 38px #1e40af0d}.compact-heading{border-bottom:1px solid #e7ebf2;margin:0;padding:22px 24px}.secret-result{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin:18px 22px;padding:16px}.secret-result strong,.secret-result p{display:block}.secret-result strong{color:#1e3a8a;font-size:12px}.secret-result p{color:#64748b;margin:4px 0 11px;font-size:10px}.secret-result>div{gap:8px;display:flex}.secret-result code{text-overflow:ellipsis;background:#fff;border:1px solid #d8e5f7;border-radius:8px;flex:1;padding:9px;font-size:10px;overflow:hidden}.secret-result button,.webhook-actions button{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:9px;font-weight:750}.webhook-form{background:#f8fafc;border:1px solid #dbe3ef;border-radius:12px;grid-template-columns:.7fr 1.3fr;gap:14px;margin:18px 22px;padding:18px;display:grid}.webhook-form label{margin:0}.webhook-form fieldset{border:1px solid #dbe3ef;border-radius:10px;grid-column:1/-1;gap:14px;padding:13px;display:flex}.webhook-form legend{color:#64748b;padding:0 5px;font-size:9px;font-weight:750}.webhook-form fieldset label{color:#536178;align-items:center;gap:5px;font-size:9px;display:flex}.webhook-form fieldset input{width:14px;height:14px}.webhook-form>button{justify-self:start}.webhook-list{display:grid}.webhook-row{border-bottom:1px solid #edf0f5;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 22px;display:grid}.webhook-row>div:first-child{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 9px;min-width:0;display:grid}.webhook-row strong{font-size:12px}.webhook-row code,.webhook-row small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:9px;overflow:hidden}.webhook-actions{gap:6px;display:flex}.webhook-actions button{min-height:31px;padding:0 9px}.delivery-list{background:#f8fafc;padding:18px 22px}.delivery-list h4{margin:0 0 10px;font-size:11px}.delivery-list>div{border-bottom:1px solid #e7ebf2;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:40px;font-size:9px;display:grid}.delivery-list p{color:#8190a4;font-size:10px}.audit-list{max-height:420px;overflow-y:auto}.audit-row{border-bottom:1px solid #edf0f5;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:10px 22px;display:grid}.audit-mark{background:#60a5fa;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #eff6ff}.audit-row>div{gap:3px;display:grid}.audit-row strong{text-transform:capitalize;font-size:11px}.audit-row span,.audit-row time{color:#8190a4;font-size:9px}.operations-empty{color:#8190a4;text-align:center;padding:32px;font-size:11px}@media (width<=1050px){.auth-page{grid-template-columns:1fr 1fr}.auth-intro{padding:42px}.workspace-section{width:auto;margin:0 34px}.tenant-form{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (width<=760px){.auth-page{grid-template-columns:1fr}.auth-intro{display:none}.auth-panel,.centred-page{padding:20px}.auth-card{padding:30px}.dashboard-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:16px;display:block;position:static}.sidebar>.brand{margin:0 0 16px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav button{min-width:150px}.sidebar-user{display:none}.dashboard-topbar{padding:0 20px}.workspace-section{margin:0 20px;padding-top:34px}.section-heading{flex-direction:column;align-items:start}.tenant-form,.member-form,.configuration-form,.settings-grid,.webhook-form{grid-template-columns:1fr}.webhook-form fieldset{flex-direction:column;grid-column:auto;align-items:start}.webhook-row{grid-template-columns:1fr}.webhook-actions{flex-wrap:wrap}.configuration-grid{grid-template-columns:1fr}.inbox-shell{grid-template-columns:1fr;height:auto;min-height:0}.conversation-list{border-bottom:1px solid #e5eaf1;border-right:0;height:280px}.conversation-panel{height:540px}.form-span{grid-column:auto}.setup-link-row{flex-direction:column;align-items:stretch}.table-card{overflow-x:auto}.table-head,.table-row{min-width:720px}}