@font-face{font-family:Instrument Sans;src:url('/fonts/InstrumentSans.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:Bricolage Grotesque;src:url('/fonts/BricolageGrotesque.ttf') format('truetype');font-weight:400 800;font-display:swap}
:root{font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;font-size:14px;color-scheme:light;color:#18324B;background:#F7FAFD;--bg:#F7FAFD;--panel:#FFF;--panel2:#EEF4F9;--ink:#18324B;--muted:#5D7083;--border:#DCE6EE;--accent:#2563EB;--purple:#2563EB;--blue-light:#EAF1FF;--apricot:#FFC76B;--mint:#CBEDE4;--green:#216A53;--red:#B3343C;--shadow:0 16px 45px #18324B0D}
*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0}body.menu-open{overflow:hidden}button,input,textarea,select{font:inherit}button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button,input,textarea,select{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #2563EB;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Bricolage Grotesque,Instrument Sans,system-ui,sans-serif}h1{font-size:34px;line-height:1.15;letter-spacing:-1.1px;font-weight:650}h2{font-size:21px;line-height:1.3;letter-spacing:-.5px;font-weight:650}h3{font-size:16px;line-height:1.4;font-weight:650}p{line-height:1.65}small{font-size:12px}.muted{color:var(--muted)}.subtext{font-size:14px;color:var(--muted);line-height:1.6;margin-top:9px;max-width:70ch}.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}[hidden]{display:none!important}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.required-marker{color:#8B4D12;margin-inline-start:3px}.skip-link{position:fixed;inset-block-start:-70px;inset-inline-start:20px;z-index:250;background:var(--ink);color:#fff;padding:13px 18px;border-radius:8px}.skip-link:focus{inset-block-start:12px}
.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:750;letter-spacing:-.5px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);border-radius:12px 12px 12px 4px;width:39px;height:39px;font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-weight:750;color:#fff;letter-spacing:-4px;padding-right:3px}.brand-mark span{color:#FFF}.brand small{display:block;font-family:Instrument Sans,sans-serif;font-size:11px;letter-spacing:0;font-weight:450;color:var(--muted);margin-top:3px}.boot{height:100dvh;display:flex;align-items:center;justify-content:center;gap:25px}.loader{width:20px;height:20px;border:2px solid #2563EB25;border-top-color:var(--accent);border-radius:50%;display:inline-block;flex-shrink:0;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary .loader{border-color:#FFFFFF55;border-top-color:#FFF}
.layout{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100dvh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:238px;padding:29px 18px 20px;background:#FFF;border-inline-end:1px solid var(--border);display:flex;flex-direction:column;z-index:30;overflow:auto}.sidebar .brand{padding-inline:9px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between}.menu-close{display:none}.nav-label{font-size:12px;font-weight:550;color:var(--muted);margin:39px 13px 13px}.nav{display:flex;flex-direction:column;gap:6px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 13px;color:var(--muted);font-size:14px;border-radius:10px;min-height:45px}.nav-link:hover{background:var(--bg);color:var(--ink)}.nav-link.active{background:var(--blue-light);color:#1D4ED8;font-weight:650}.nav-link.active svg{stroke:#2563EB}.sidebar-bottom{margin-top:auto}.sidebar-help{padding:17px;background:#F0F8F5;border-radius:13px;margin:28px 4px 22px}.sidebar-help .row{gap:8px}.sidebar-help .row>svg{width:17px;height:17px;color:var(--green)}.sidebar-help h3{font-size:15px}.sidebar-help p{font-size:12px;color:var(--muted);margin:8px 0 13px}.sidebar-help .btn{width:100%;font-size:12px;padding:8px;background:#FFF;border-color:#D0E2DA;min-height:38px}.user-block{display:flex;align-items:center;gap:9px;border-top:1px solid var(--border);padding:18px 3px 0}.user-info{min-width:0;flex:1}.user-info strong,.user-info small{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.user-info strong{font-size:12px;font-weight:650}.user-info small{margin-top:3px;color:var(--muted);font-size:11px}.avatar{width:35px;height:35px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#E5EDF8;color:#2A5079;font-size:12px;font-weight:650}.avatar-lg{width:42px;height:42px}.main{grid-column:2;min-width:0}.topbar{height:77px;padding:0 38px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#FFFFFFE8;gap:18px}.breadcrumb{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:11px}.breadcrumb svg{width:15px;height:15px;color:#8EA2B4}.breadcrumb strong{color:var(--ink);font-weight:550}.top-actions{display:flex;align-items:center;gap:19px}.language-select{width:auto;max-width:150px;background:#FFF;border:1px solid var(--border);color:var(--ink);font-size:13px;padding:9px 11px;border-radius:8px;min-height:40px}.site-link{color:var(--muted);font-size:13px;display:inline-flex;align-items:center;gap:7px;min-height:32px}.site-link:hover{color:var(--accent)}.site-link svg{width:15px;height:15px}.content{padding:36px 38px 46px;max-width:1580px;margin:auto}.content:focus,.content h1:focus{outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:28px}.page-heading>div{min-width:0}.eyebrow{display:flex;align-items:center;gap:7px;color:#3C6587;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;margin-bottom:12px}.eyebrow svg{width:16px;height:16px}.btn{border:1px solid #C5D4E2;border-radius:9px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal;text-align:center;font-size:13px;font-weight:600;background:#FFF;line-height:1.45;min-height:42px;text-decoration:none}.btn:hover{background:#F1F6FB;border-color:#94AEC6}.btn-primary{border-color:var(--accent);background:var(--accent);color:#FFF;box-shadow:0 3px 0 #1B4BB515}.btn-primary:hover{background:#1D4ED8;border-color:#1D4ED8}.btn-ghost{background:transparent}.btn-danger{color:var(--red);background:#FFF5F4;border-color:#E2B1B2}.btn-danger:hover{background:#FFE9E7;border-color:#C85B62}.btn-sm{padding:7px 10px;min-height:35px;font-size:12px}.btn svg{width:17px;height:17px}.icon-btn{border:0;background:transparent;color:var(--muted);padding:9px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px}.icon-btn:hover{color:var(--ink);background:#EAF0F6}.icon-btn.danger:hover{color:var(--red);background:#FFF0EF}.text-action{color:var(--accent);font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:7px;min-height:32px}.text-action:hover{text-decoration:underline}.text-action svg{height:15px;width:15px}.card{border:1px solid var(--border);border-radius:14px;background:var(--panel);overflow:hidden}.card-header{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border)}.card-header h2{font-size:19px}.card-body{padding:24px}.card-title-icon{width:39px;height:39px;background:var(--blue-light);color:var(--accent);display:flex;align-items:center;justify-content:center;border-radius:11px;flex-shrink:0}
.welcome-banner{padding:29px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#E8F6F0;border:1px solid #CCE7DA;border-radius:18px 18px 42px 18px;margin-bottom:29px;position:relative;overflow:hidden}.welcome-copy{max-width:690px;position:relative;z-index:1}.welcome-banner h2{font-size:29px;font-weight:650;max-width:25ch;margin-bottom:10px;letter-spacing:-.8px}.welcome-banner p{color:#46675D;font-size:14px;max-width:61ch}.welcome-banner .btn{margin-top:19px;background:#FFF;border-color:#A7CCBC;color:#1E5947}.welcome-banner .btn:hover{background:#F9FFFC;border-color:#4B987C}.welcome-illustration{mask-image:radial-gradient(ellipse at center,#000 48%,transparent 73%);width:168px;height:168px;object-fit:contain;flex-shrink:0;margin:-15px -10px -20px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:31px;border:1px solid var(--border);background:#FFF;border-radius:14px;overflow:hidden}.stat{padding:22px 24px;border:0;border-inline-end:1px solid var(--border);border-radius:0;background:transparent;position:relative}.stat:last-child{border-inline-end:0}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px}.stat-top svg{width:19px;height:19px;color:#7E98B1}.stat-number{font-family:Bricolage Grotesque,sans-serif;font-size:35px;font-weight:650;margin:15px 0 3px;letter-spacing:-1px;color:var(--ink)}.stat-label{color:var(--muted);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(315px,1fr);gap:24px}.setup-card{border-top:4px solid var(--apricot)}.setup-progress{font-size:12px;color:#6F511C;white-space:nowrap;background:#FFF3D9;padding:5px 8px;border-radius:6px}.setup-item{display:flex;gap:13px;padding:18px 0;border-bottom:1px solid var(--border)}.setup-item:first-child{padding-top:0}.setup-item:last-child{border:0;padding-bottom:0}.setup-number{width:27px;height:27px;background:#FFF1D6;border:1px solid #EED6A5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#805B1B;font-size:12px;flex-shrink:0;font-weight:600}.setup-number.complete{background:#E7F6EE;border-color:#B7DCCB;color:#216A53}.setup-number svg{width:16px;height:16px}.setup-item h3{font-family:Instrument Sans,sans-serif;font-size:14px;font-weight:650}.setup-item p{font-size:12px;color:var(--muted);margin:5px 0 8px;line-height:1.65}.setup-item a{font-size:12px;color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:5px;min-height:28px}.setup-item a:hover{text-decoration:underline}.setup-item a svg{width:14px;height:14px}.setup-state{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--green);margin-top:7px}.setup-state svg{width:13px;height:13px}.empty-state{padding:43px 28px;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:11px;min-height:290px}.empty-state .empty-icon{width:64px;height:64px;background:#EEF5FF;border-radius:18px;color:#467BAF;display:flex;align-items:center;justify-content:center;margin-bottom:7px}.empty-icon svg{width:28px;height:28px}.empty-illustration{width:96px;height:96px;object-fit:contain;margin-bottom:6px}.empty-illustration.companion{width:124px;height:124px;margin:-10px 0 0}.empty-state h3{font-size:19px}.empty-state p{color:var(--muted);max-width:43ch;font-size:13px;line-height:1.65}.empty-state .btn{margin-top:7px}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:start}th{text-align:start;color:#506A81;font-size:12px;font-weight:650;background:#F6F9FC;padding:13px 23px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:18px 23px;font-size:13px;border-bottom:1px solid #E7EDF3;vertical-align:middle}tbody tr:last-child td{border:0}tbody tr:hover{background:#FAFCFE}td .cell-main{font-weight:600;color:var(--ink);overflow-wrap:anywhere}td .cell-sub{margin-top:5px;color:var(--muted);font-size:12px;white-space:normal;max-width:350px;line-height:1.6;overflow-wrap:anywhere}.cell-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.cell-actions .btn{white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:550;background:#EAF1FF;color:#325F9A;line-height:1.35}.badge-green{color:#216A53;background:#E6F4ED}.badge-gray{color:#536C82;background:#EDF2F6}.badge-warning{color:#805B19;background:#FFF3DA}.badge-red{color:#A52E36;background:#FFECEE}.dot{height:6px;width:6px;background:currentColor;border-radius:50%;flex-shrink:0}.searchbox{display:flex;align-items:center;gap:9px;min-width:0;max-width:335px;width:100%;border:1px solid #CCD9E5;border-radius:9px;background:#FFF;padding:0 11px}.searchbox:focus-within{outline:2px solid var(--accent);outline-offset:2px}.searchbox svg{color:#70879C;width:17px;height:17px}.searchbox input{padding:10px 0;border:0;background:transparent;box-shadow:none;outline:none;width:100%;font-size:13px}.searchbox input:focus-visible{outline:0;box-shadow:none}.count{font-size:12px;color:var(--muted);font-weight:450;margin-inline-start:8px;white-space:nowrap}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:21px;min-width:0}.field:last-child{margin-bottom:0}.field label,.field-label{font-size:13px;color:var(--ink);font-weight:600}.field small{color:var(--muted);font-size:12px;line-height:1.65}input,textarea,select{background:#FFF;border:1px solid #9DB0C1;border-radius:8px;padding:11px 12px;color:var(--ink);min-width:0;width:100%;outline:none;line-height:1.45}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563EB12}input::placeholder,textarea::placeholder{color:#6F8295;opacity:1}input:disabled,textarea:disabled,select:disabled{background:#EDF2F6;color:#697D90}textarea{resize:vertical;min-height:115px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid .full{grid-column:1/-1}.form-section{margin-bottom:25px}.form-section h3{margin-bottom:20px}.form-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:22px;border-top:1px solid var(--border);margin-top:25px}.form-footer .btn-primary{min-width:130px}.notice{padding:14px 16px;border:1px solid #CDDFF2;background:#EFF6FD;border-radius:10px;color:#3A5E7E;font-size:12px;line-height:1.7;display:flex;align-items:flex-start;gap:10px;margin-bottom:22px;max-width:100%}.notice svg{width:17px;height:17px;flex-shrink:0;margin-top:2px}.notice a{text-decoration:underline;text-underline-offset:3px;font-weight:600}.error{padding:13px 15px;background:#FFF2F1;border:1px solid #E5AEAF;color:#A22A34;border-radius:9px;font-size:13px;margin-bottom:18px;line-height:1.65;overflow-wrap:anywhere}.error:empty{display:none}.error:focus{outline:2px solid #B3343C;outline-offset:3px}.check-label{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:13px;cursor:pointer;font-weight:500;line-height:1.55}.check-label input{accent-color:var(--accent);width:18px;height:18px;min-width:18px;box-shadow:none}.settings-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:24px}.settings-grid .card{height:fit-content}.settings-note{padding:23px;font-size:13px;color:var(--muted);line-height:1.75;background:#FDFEFF}.settings-note>svg{color:#4C7EA7;margin-bottom:12px}.settings-note h3{color:var(--ink);margin-bottom:10px}.settings-note .btn{margin-top:17px}.settings-aside-illustration{max-width:110px;height:110px;object-fit:contain;margin-bottom:17px}.channels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.channel-card{padding:26px}.channel-card h2{margin-bottom:8px}.channel-icon{height:47px;width:47px;border-radius:13px;background:#E8F6EF;color:#28745C;display:flex;align-items:center;justify-content:center;margin-bottom:22px}.channel-card.instagram .channel-icon{background:#FFF2DF;color:#9A5B30}.channel-card p{font-size:13px;color:var(--muted);min-height:42px;margin-bottom:22px;max-width:49ch}.channel-existing{margin-top:27px}.channel-detail{padding:24px;border-bottom:1px solid var(--border)}.channel-detail:last-child{border-bottom:0}.channel-detail>.row{align-items:flex-start}.channel-detail .subtext{font-size:12px}.channel-meta{display:grid;gap:15px;margin-top:19px;padding-top:18px;border-top:1px solid var(--border)}.channel-meta summary{cursor:pointer;color:var(--accent);font-size:13px;font-weight:600;padding:6px 0}.channel-meta[open] summary{margin-bottom:13px}.channel-diagnostic{margin-top:15px;font-size:12px;color:var(--muted);line-height:1.7;display:flex;align-items:flex-start;gap:8px}.channel-diagnostic>svg{width:16px;height:16px;margin-top:2px}.channel-diagnostic.has-error{color:#A22A34;background:#FFF3F2;padding:12px;border-radius:8px}.channel-diagnostic p{overflow-wrap:anywhere}.copy-field{display:flex;gap:8px;align-items:center;min-width:0}.copy-field code{font-family:ui-monospace,monospace;color:#42617C;font-size:12px;overflow-wrap:anywhere;flex:1;min-width:0;padding:11px;background:#F2F6FA;border:1px solid var(--border);border-radius:7px;line-height:1.6}.channel-meta label{font-size:12px;color:var(--muted);display:block;margin-bottom:8px}
.inbox{display:grid;grid-template-columns:315px minmax(0,1fr);height:calc(100dvh - 234px);min-height:530px}.conversation-list{border-inline-end:1px solid var(--border);overflow:auto;background:#FFF}.inbox-controls{padding:17px;border-bottom:1px solid var(--border)}.tabs{display:flex;gap:6px;margin-top:14px}.tab{background:transparent;border:1px solid transparent;border-radius:7px;padding:7px 11px;font-size:12px;color:var(--muted);min-height:34px}.tab:hover{background:#F1F5FA}.tab.active{color:#1D4ED8;border-color:#B8CFF8;background:#EAF1FF;font-weight:600}.conversation-item{display:flex;gap:11px;padding:19px 17px;border-bottom:1px solid var(--border);cursor:pointer;width:100%;text-align:start;background:#FFF;color:inherit;border-inline:0;border-top:0}.conversation-item:hover{background:#F7FAFE}.conversation-item.selected{background:#EDF4FF;box-shadow:inset 3px 0 #2563EB}.conversation-info{flex:1;min-width:0}.conversation-info strong{font-size:13px;font-weight:650;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 10px}.conversation-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-top time{color:#49647C;font-size:11px;white-space:nowrap}.conversation-list .empty-state{padding:34px 20px;min-height:280px}.conversation-list .empty-state h3{font-size:17px}.conversation-list .empty-illustration{width:68px;height:68px}.conversation-list .empty-state p{font-size:12px}.thread{min-width:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}.thread .empty-state{flex:1;background:#F8FBFD}.thread-header{padding:17px 21px;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:#FFF}.thread-header>.row:first-child{min-width:0}.thread-header strong{font-size:14px;overflow-wrap:anywhere}.thread-header small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.thread-header>.row:last-child{gap:8px}.messages{padding:25px;display:flex;flex-direction:column;gap:20px;overflow:auto;overscroll-behavior:contain;flex:1;background:#F5F9FC}.message{max-width:84%;align-self:flex-start}.message.outbound{align-self:flex-end}.message-bubble{padding:12px 16px;border-radius:13px 13px 13px 3px;background:#FFF;border:1px solid #D4E2EC;line-height:1.7;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.outbound .message-bubble{background:#E1EDFF;border-color:#C6D9F5;border-radius:13px 13px 3px 13px;color:#163C6A}.message-meta{font-size:12px;color:#49647C;margin-top:7px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.message-meta svg{width:12px;height:12px}.outbound .message-meta{justify-content:flex-end}.compose{padding:17px;border-top:1px solid var(--border);display:flex;gap:10px;align-items:flex-end;background:#FFF}.compose textarea{min-height:45px;max-height:145px;font-size:14px;resize:vertical;flex:1}.compose .btn{min-height:45px;white-space:nowrap}.ai-container{max-width:940px;margin:auto}.ai-card{height:calc(100dvh - 310px);min-height:460px;display:flex;flex-direction:column}.ai-card .messages{min-height:0}.ai-card .empty-state{padding:30px;min-height:260px}.ai-card .compose{flex-shrink:0}.ai-card .card-header{padding:19px 23px}.inline-status{margin-top:17px;font-size:12px;color:var(--muted);display:flex;align-items:flex-start;gap:7px;line-height:1.6}.inline-status>svg{width:15px;height:15px;margin-top:2px}.inline-status .dot{color:#777084}.secret-configured{color:var(--green)!important}.danger-text{color:var(--red)}
.auth-page{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:#FFF}.auth-visual{background:#EAF5F1;padding:34px 45px 27px;display:flex;flex-direction:column;border-inline-end:1px solid #D5E7DE;position:relative;overflow:hidden}.auth-visual .brand{position:relative;z-index:1}.auth-copy{margin:auto 0;max-width:560px;padding:45px 0 26px;position:relative;z-index:1}.auth-copy h1{font-size:45px;line-height:1.12;letter-spacing:-1.5px;font-weight:650;max-width:15ch}.auth-copy h1 span{display:block;color:var(--ink)}.auth-copy>.eyebrow{color:#477661;font-size:13px;margin-bottom:16px}.auth-copy>p{margin-top:19px;font-size:14px;color:#526E63;max-width:48ch;line-height:1.7}.auth-scene{margin:25px -20px 0;max-width:580px;width:calc(100% + 40px);height:auto;border-radius:20px;object-fit:contain;mix-blend-mode:multiply}.auth-features{margin-top:23px;display:flex;gap:15px 22px;flex-wrap:wrap;color:#426759;font-size:12px}.auth-features span{display:flex;align-items:center;gap:7px}.auth-features svg{width:16px;height:16px;color:#3A8064}.auth-bottom{font-size:11px;color:#456457;position:relative;z-index:1}.auth-main{padding:28px 45px;display:flex;flex-direction:column}.auth-top{display:flex;justify-content:flex-end;align-items:center;gap:20px}.auth-form{width:100%;max-width:410px;margin:auto;padding:48px 0}.auth-form h2{font-size:32px;line-height:1.2;letter-spacing:-.8px;margin-bottom:12px}.auth-form>.subtext{margin-bottom:30px}.auth-form>.eyebrow{color:#5A748C;margin-bottom:17px}.auth-form .btn-primary{width:100%;padding:12px;margin-top:5px;min-height:46px}.auth-form .field{margin-bottom:19px}.auth-toggle{font-size:13px;color:var(--muted);text-align:center;margin-top:24px;line-height:1.8}.auth-toggle button{background:transparent;border:0;color:#1D4ED8;font:inherit;font-weight:650;cursor:pointer;padding:0 3px}.auth-toggle button:hover{text-decoration:underline}.auth-legal{font-size:11px;color:#49647C;text-align:center;margin-top:22px;line-height:1.8}.auth-legal svg{width:12px;height:12px;margin-inline-end:5px;vertical-align:-2px}.auth-mobile-brand{display:none}.toast{position:fixed;bottom:25px;inset-inline-end:25px;max-width:450px;background:#FFF;border:1px solid #AAC8B8;border-inline-start:4px solid #2F8463;border-radius:10px;box-shadow:0 12px 45px #18324B23;padding:15px 20px;font-size:13px;line-height:1.65;color:var(--ink);z-index:150;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .18s,transform .18s}.toast.visible{opacity:1;transform:translateY(0)}dialog{border:1px solid #C9D7E3;background:#FFF;color:var(--ink);border-radius:18px;width:550px;max-width:calc(100vw - 30px);max-height:90dvh;padding:0;box-shadow:0 30px 100px #18324B33}dialog::backdrop{background:#18324B66}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--border);gap:12px}.modal-header h2{font-size:23px}.modal-body{padding:25px 26px}.modal-body>p{color:var(--muted);font-size:14px;margin-bottom:22px;line-height:1.7}.modal-body .form-footer{padding-top:21px;margin-top:24px}.menu-btn{display:none}.mobile-overlay{display:none}.mobile-back{display:none}.loading-page{min-height:350px;display:flex;align-items:center;justify-content:center;gap:13px;color:var(--muted);font-size:14px}
[dir=rtl] .brand-mark{direction:ltr}[dir=rtl] .auth-copy h1,[dir=rtl] h1,[dir=rtl] h2{letter-spacing:0;line-height:1.4}[dir=rtl] .conversation-item.selected{box-shadow:inset -3px 0 #2563EB}[dir=rtl] .message-bubble{border-radius:13px 13px 3px 13px}[dir=rtl] .outbound .message-bubble{border-radius:13px 13px 13px 3px}[dir=rtl] .welcome-banner{border-radius:18px 18px 18px 42px}[dir=rtl] .welcome-illustration{margin:-15px 0 -20px -10px}
@media(min-width:1700px){.content{padding-top:43px}.welcome-banner{padding:34px 38px}.welcome-illustration{width:187px;height:187px}.stat{padding:25px 28px}}
@media(max-width:1200px){.layout{grid-template-columns:216px minmax(0,1fr)}.sidebar{width:216px;padding-inline:12px}.content{padding:29px 25px 38px}.topbar{padding-inline:25px}.dashboard-grid{grid-template-columns:1fr}.stat{padding:20px}.settings-grid{grid-template-columns:minmax(0,1fr) minmax(240px,.7fr)}.inbox{grid-template-columns:270px minmax(0,1fr)}.auth-visual{padding:32px}.auth-copy h1{font-size:38px}.auth-main{padding-inline:32px}.auth-features{gap:12px}.welcome-banner h2{font-size:27px}.sidebar-help{padding:14px}.sidebar-help h3{font-size:14px}}
@media(max-width:950px){.settings-grid{grid-template-columns:1fr}.settings-grid>aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.settings-grid>aside .card{margin-top:0}.settings-note{padding:17px}.settings-note .btn{font-size:12px;padding:8px}.settings-note h3{font-size:15px}.settings-note p{font-size:12px}}
@media(max-width:850px){.layout{display:block}.main{width:100%}.sidebar{transform:translateX(-100%);visibility:hidden;width:260px;transition:transform .2s,visibility .2s}.sidebar.open{transform:translateX(0);visibility:visible}[dir=rtl] .sidebar{transform:translateX(100%)}[dir=rtl] .sidebar.open{transform:translateX(0)}.mobile-overlay.active{display:block;position:fixed;inset:0;background:#18324B66;z-index:25}.menu-btn,.menu-close{display:inline-flex}.menu-btn{gap:8px;font-size:13px;font-weight:600}.menu-close{margin-inline-end:-5px}.sidebar-heading .brand{padding-inline:5px}.topbar{height:68px;padding-inline:20px}.breadcrumb{display:none}.content{padding:28px 20px 35px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(2){border-inline-end:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--border)}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-mobile-brand{display:flex;margin-bottom:25px}.auth-main{min-height:100dvh;padding:24px}.auth-form{max-width:430px;padding:38px 0}.auth-form h2{font-size:31px}.auth-top{justify-content:space-between}.auth-top .site-link{font-size:13px}.inbox{height:calc(100dvh - 230px);min-height:510px}.page-heading{margin-bottom:25px}h1{font-size:30px}.welcome-banner{padding:25px}.welcome-illustration{width:140px;height:140px}.top-actions{gap:14px}.thread-header>.row:last-child{width:100%;justify-content:flex-end}.page-heading>.btn{flex-shrink:0;max-width:220px}}
@media(max-width:600px){html{scroll-padding-top:20px}.content{padding:25px 16px 32px}.topbar{padding-inline:13px;gap:7px}.top-actions{gap:10px}.top-actions>.avatar{display:none}.top-actions .site-link{font-size:12px;gap:4px}.top-actions .language-select{max-width:100px;font-size:12px;padding-inline:8px}.menu-btn{font-size:12px;padding:8px 5px;gap:6px}.page-heading{align-items:flex-start;flex-direction:column;gap:17px}.page-heading h1{font-size:28px;line-height:1.2}.page-heading .subtext{font-size:13px}.page-heading>.btn{max-width:100%;min-height:42px;font-size:13px;padding:10px 14px}.page-heading>.btn svg{width:17px;height:17px}.stat{padding:18px}.stat-top{font-size:12px;gap:8px}.stat-top svg{width:16px;height:16px}.stat-number{font-size:31px;margin-top:12px}.stat-label{font-size:11px}.welcome-banner{padding:23px 22px;border-radius:15px 15px 32px 15px;align-items:flex-start;gap:9px}.welcome-copy{width:100%}.welcome-banner h2{font-size:25px;max-width:22ch;padding-inline-end:36px}.welcome-banner p{font-size:13px;max-width:100%}.welcome-banner .btn{font-size:12px;max-width:calc(100% - 40px)}.welcome-illustration{width:82px;height:82px;position:absolute;inset-inline-end:5px;inset-block-end:3px;opacity:.9;margin:0!important;pointer-events:none}.dashboard-grid{gap:21px}.card-header{padding:19px 18px;align-items:flex-start;flex-wrap:wrap}.card-header h2{font-size:18px}.card-body{padding:20px}.stats-grid{margin-bottom:24px}.channels-grid{grid-template-columns:1fr}.channel-card{padding:22px}.channel-card p{min-height:0}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.form-footer{flex-wrap:wrap;gap:9px}.form-footer .btn{flex:1;min-width:110px}.settings-grid{gap:20px}.settings-grid>aside{display:block}.settings-grid>aside .card{margin-top:15px}.settings-note{padding:20px}.settings-note h3{font-size:17px}.settings-note p{font-size:13px}.inbox{grid-template-columns:1fr;height:calc(100dvh - 275px);min-height:470px}.conversation-list{border-inline-end:0}.inbox.has-thread .conversation-list{display:none}.inbox:not(.has-thread) .thread{display:none}.mobile-back{display:inline-flex;gap:5px;font-size:12px;padding:8px;min-height:36px}.thread-header{padding:13px;gap:10px}.thread-header .avatar{width:31px;height:31px}.thread-header>.row:first-child{width:100%;gap:8px}.thread-header strong{font-size:13px}.thread-header small{font-size:10px}.thread-header>.row:last-child{justify-content:flex-start;padding-inline-start:0;gap:7px}.thread-header .btn-sm{font-size:11px;padding:7px 9px}.messages{padding:17px}.message{max-width:92%}.message-bubble{font-size:13px;padding:11px 13px}.message-meta{font-size:12px}.compose{padding:12px;gap:8px}.compose textarea{font-size:13px;min-height:43px}.compose .btn{font-size:12px;padding:10px;min-height:43px;gap:5px}.compose .btn svg{width:16px;height:16px}.ai-card{height:calc(100dvh - 330px);min-height:440px}.ai-card .empty-state{padding:23px;min-height:235px}.ai-card .card-header{padding:16px}.modal-header{padding:19px 20px}.modal-body{padding:22px 20px}.modal-header h2{font-size:21px}.toast{inset-inline:15px;bottom:15px;max-width:none;font-size:13px}.channel-detail{padding:19px}.channel-detail>.row{flex-wrap:wrap;gap:15px}.channel-detail>.row>.row{align-items:flex-start}.channel-detail h3{font-size:16px}.channel-detail .subtext{font-size:12px}.notice{font-size:12px;padding:13px}.auth-main{padding:22px}.auth-form{padding:36px 0}.auth-legal{max-width:350px;margin-inline:auto}.auth-form>.eyebrow{display:none}.searchbox{max-width:none}.count{margin-inline-start:0}.empty-state{padding:34px 22px;min-height:285px}.empty-state h3{font-size:19px}.empty-state p{font-size:13px}.empty-state .btn{font-size:13px}.collection-table thead{position:absolute;clip:rect(0,0,0,0);height:1px;width:1px;overflow:hidden}.collection-table table,.collection-table tbody,.collection-table tr,.collection-table td{display:block;width:100%}.collection-table tr{padding:19px;border-bottom:1px solid var(--border)}.collection-table tr:last-child{border-bottom:0}.collection-table td{padding:6px 0;border:0;display:grid;grid-template-columns:98px minmax(0,1fr);gap:12px;align-items:start;font-size:13px}.collection-table td::before{content:attr(data-label);font-size:12px;color:var(--muted);font-weight:550;padding-top:2px}.collection-table td:first-child{padding-top:0;margin-bottom:5px}.collection-table .cell-actions{justify-content:flex-start;flex-wrap:wrap}.collection-table td .cell-sub{margin-top:0}.collection-table td:first-child .cell-sub{margin-top:4px}.collection-table td .row{gap:8px}.collection-table .avatar{width:28px;height:28px;font-size:10px}.collection-table .btn-sm{min-height:36px}.table-wrap:not(.collection-table) table{min-width:400px}.channel-meta summary{line-height:1.5}.language-select{min-height:39px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.welcome-illustration{mix-blend-mode:multiply}.toast.is-error{border-color:#D89CA1;border-inline-start-color:#B3343C}.recent-conversation{display:flex;align-items:flex-start;gap:12px;padding:19px 23px;border-bottom:1px solid var(--border)}.recent-conversation:last-child{border-bottom:0}.recent-conversation:hover{background:#F7FAFE}.recent-content{flex:1;min-width:0}.recent-content strong{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.recent-content>span{display:block;color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.recent-content small{display:block;color:#526F89;font-size:11px;margin-top:7px}.recent-conversation>.badge{flex-shrink:0;margin-top:3px}.setup-state{display:flex}.setup-item a{margin-inline-end:8px}.btn[aria-busy=true]{cursor:wait}
@media(max-width:600px){.recent-conversation{padding:18px;gap:10px}.recent-conversation>.badge{font-size:10px;padding:4px 6px}.recent-content strong{font-size:13px}.copy-field{flex-wrap:wrap}.copy-field code{flex-basis:calc(100% - 95px)}.topbar .language-select{min-width:82px}.field input,.field textarea,.field select,.compose textarea,.searchbox input{font-size:16px}}
@media(min-width:851px){.sidebar .menu-close{display:none}}