:root{color-scheme:light;--primary:#16397f;--primary-12:rgba(22,57,127,.12);--primary-08:rgba(22,57,127,.08);--primary-04:rgba(22,57,127,.04);--accent:#1b4ef5;--secondary:#1b4ef5;--secondary-12:rgba(27,78,245,.12);--secondary-08:rgba(27,78,245,.08);--dark:#111218;--ink:#111218;--gray:#757575;--gray-light:#b5b7bd;--gray-lighter:#e4e6eb;--gray-lightest:#eef0f4;--bg:#f3f5f9;--white:#fff;--line:#e6eaf2;--line-2:#eef1f7;--green:#1f8a5b;--amber:#c8861a;--rose:#c0364c;--success:#16a34a;--success-bg:#dcfce7;--warning:#d97706;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--info:#28527a;--info-bg:#dbeafe;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:48px;--s-10:64px;--r-card:20px;--r-pill:100px;--r-sm:8px;--r-md:12px;--border:1px solid var(--gray-lighter);--shadow-sm:0 1px 2px rgba(17,18,24,.04);--shadow-md:0 2px 8px rgba(17,18,24,.06);--shadow-lg:0 8px 24px rgba(17,18,24,.08)}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;overflow-x:hidden;overflow-y:auto}body{background:var(--bg);color:var(--dark);font-family:Raleway,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{border:0;background:none;cursor:pointer}button:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;border:1px solid var(--gray-lighter);border-radius:var(--r-md);background:var(--white);color:var(--dark);outline:none;padding:10px 12px;transition:border .15s,box-shadow .15s,background .15s}input:focus,select:focus,textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 3px var(--secondary-08)}textarea{min-height:48px;resize:vertical}label{display:grid;grid-gap:6px;gap:6px;color:var(--gray);font-size:12px;font-weight:700}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-lighter);border:2px solid var(--bg);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--gray-light)}.alert{padding:12px 14px}.alert-success{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.alert-danger{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.app{display:grid;grid-template-columns:240px minmax(0,1fr);height:100vh;background:var(--bg)}.sidebar{display:flex;flex-direction:column;border-right:var(--border);background:var(--white);padding:var(--s-6) var(--s-3);min-width:0}.brand{gap:var(--s-3);padding:0 var(--s-3) var(--s-7)}.brand-mark{width:32px;height:32px;border-radius:var(--r-sm);background:var(--primary);color:var(--white);font-size:14px}.brand-name{color:var(--dark);font-size:15px}.brand-sub{font-size:11px;font-weight:600}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-label{padding:var(--s-3) var(--s-3) var(--s-2);color:var(--gray);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.nav-item{position:relative;display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:42px;border-radius:var(--r-pill);color:var(--dark);padding:10px var(--s-3);text-align:left;transition:background .12s,color .12s}.nav-item:hover{background:var(--gray-lightest)}.nav-item.active{background:var(--primary)}.nav-badge,.nav-item.active{color:var(--white);font-weight:700}.nav-badge{min-width:22px;margin-left:auto;border-radius:var(--r-pill);background:var(--secondary);font-size:11px;padding:2px 8px;text-align:center}.nav-badge.muted-badge,.nav-item.active .nav-badge{background:var(--white);color:var(--primary)}.sidebar-spacer{flex:1 1}.sidebar-footer{margin-top:var(--s-3);border-top:var(--border);padding-top:var(--s-3)}.user-card{display:flex;align-items:center;gap:var(--s-3);width:100%;margin-top:4px;border-radius:var(--r-pill);padding:var(--s-2) var(--s-3);text-align:left}.user-card:hover{background:var(--gray-lightest)}.avatar{display:grid;width:32px;height:32px;flex-shrink:0;place-items:center;border-radius:var(--r-pill);background:var(--primary);color:var(--white);font-size:12px;font-weight:800}.avatar.sm{width:28px;height:28px;font-size:11px}.avatar.md{width:40px;height:40px;font-size:14px}.avatar.lg{width:48px;height:48px;font-size:16px}.user-meta{min-width:0;line-height:1.25}.user-name{color:var(--dark);font-size:13px;font-weight:700}.user-role{color:var(--gray);font-size:11px}.main{display:flex;min-width:0;flex-direction:column;overflow:hidden}.topbar{display:flex;height:64px;flex-shrink:0;align-items:center;gap:var(--s-4);border-bottom:var(--border);background:var(--white);padding:0 var(--s-7)}.topbar-title{color:var(--dark);font-size:18px;font-weight:800}.topbar-sub{color:var(--gray);font-size:13px}.topbar-spacer{flex:1 1}.search-input{display:flex;width:320px;align-items:center;gap:var(--s-2);border:1px solid transparent;border-radius:var(--r-pill);background:var(--bg);color:var(--gray);padding:8px var(--s-4);transition:border .15s,background .15s}.search-input:focus-within{border-color:var(--secondary);background:var(--white)}.search-input input{min-height:unset;border:0;background:none;box-shadow:none;padding:0;color:var(--dark);font-size:13px}.keycap{border-radius:var(--r-pill);background:var(--gray-lighter);color:var(--gray);font-size:11px;padding:2px 8px}.btn,.keycap{font-weight:700;white-space:nowrap}.btn{min-height:38px;justify-content:center;gap:var(--s-2);padding:9px var(--s-5);font-size:13px;transition:background .12s,color .12s,border .12s}.btn-primary{color:var(--white)}.btn-primary:hover{background:#0f2a60}.btn-secondary{background:var(--secondary);color:var(--white)}.btn-secondary:hover{background:#1640d4}.btn-ghost{background:var(--white)}.btn-ghost:hover{background:var(--gray-lightest)}.btn-sm{min-height:32px;padding:6px 14px;font-size:12px}.btn.full{width:100%}.icon-btn{display:grid;width:36px;height:36px;flex-shrink:0;place-items:center;border-radius:var(--r-pill);color:var(--dark)}.icon-btn:hover,.tag{background:var(--gray-lightest)}.tag{display:inline-flex;min-height:24px;align-items:center;gap:6px;border-radius:var(--r-pill);color:var(--dark);font-size:11px;font-weight:700;padding:3px 10px;white-space:nowrap}.tag-compact{background:var(--white);border:var(--border);color:var(--gray)}.tag-primary{background:var(--primary-12);color:var(--primary)}.tag-success{background:var(--success-bg);color:var(--success)}.tag-warning{background:var(--warning-bg);color:var(--warning)}.tag-danger{background:var(--danger-bg);color:var(--danger)}.tag-dot{display:inline-block;width:6px;height:6px;border-radius:var(--r-pill);background:currentColor}.tag-dot.good{background:var(--success)}.tag-dot.bad{background:var(--danger)}.page{flex:1 1;overflow:auto;padding:var(--s-7)}.page-inbox{overflow:hidden;padding:0}.page-grid{max-width:1440px;margin:0 auto}.card{overflow:hidden;border:var(--border);border-radius:var(--r-card);background:var(--white)}.card-pad{padding:var(--s-6)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);border-bottom:var(--border);padding:var(--s-5) var(--s-6)}.card-title{color:var(--dark);font-size:15px;font-weight:800}.card-sub{margin-top:2px;color:var(--gray);font-size:12px}.inbox{display:grid;grid-template-columns:330px minmax(0,1fr) 360px;height:100%;overflow:hidden;background:var(--bg)}.inbox-pane{display:flex;min-width:0;flex-direction:column;overflow:hidden;border-right:var(--border);background:var(--white)}.inbox-pane:last-child{border-right:none;border-left:var(--border)}.inbox-thread{display:flex;min-width:0;flex-direction:column;overflow:hidden;background:var(--bg)}.pane-head{flex-shrink:0;border-bottom:var(--border);padding:var(--s-5)}.pane-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-4)}.pane-title h2{font-size:16px;font-weight:800}.filter-row{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--gray-lighter);border-radius:var(--r-pill);color:var(--gray);font-size:12px;font-weight:700;padding:6px 12px}.filter-chip:hover{background:var(--gray-lightest)}.filter-chip.active{border-color:var(--primary);background:var(--primary);color:var(--white)}.channel-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:var(--border);padding:var(--s-2) var(--s-5)}.channel-tab{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);color:var(--gray);font-size:12px;font-weight:700;padding:8px 12px;white-space:nowrap}.channel-tab.active{background:var(--secondary-08);color:var(--secondary)}.contact-tools{display:grid;grid-gap:var(--s-3);gap:var(--s-3);border-bottom:var(--border);background:var(--white);padding:var(--s-4) var(--s-5)}.contact-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s-2);gap:var(--s-2)}.contact-summary span{min-width:0;border:var(--border);border-radius:8px;background:var(--bg);color:var(--gray);font-size:11px;font-weight:800;padding:8px 10px}.contact-summary strong{display:block;color:var(--dark);font-size:15px;line-height:1.1}.composer-upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--s-2);gap:var(--s-2)}.composer-upload-row input,.composer-upload-row select{min-width:0;min-height:36px;border:var(--border);border-radius:8px;background:var(--bg);color:var(--dark);font-size:12px;font-weight:700;padding:0 var(--s-3)}.composer-upload-row input:focus,.composer-upload-row select:focus{border-color:var(--secondary);background:var(--white);outline:none}.conv-list{flex:1 1;overflow-y:auto}.conv-item{position:relative;display:flex;width:100%;gap:var(--s-3);border-bottom:1px solid var(--gray-lightest);padding:var(--s-4) var(--s-5);text-align:left;transition:background .1s}.conv-item:hover{background:var(--gray-lightest)}.conv-item.active{background:var(--primary-04)}.conv-item.commerce-contact{align-items:flex-start;background:var(--white)}.conv-item.commerce-contact:hover{background:#f8fbff}.conv-item.commerce-contact.active{background:var(--secondary-08)}.conv-item.commerce-contact.invalid-phone{background:snow}.conv-item.active:before{position:absolute;top:12px;bottom:12px;left:0;width:3px;border-radius:var(--r-pill);background:var(--primary);content:""}.conv-avatar,.thread-avatar{position:relative;flex-shrink:0}.conv-channel-badge{position:absolute;right:-3px;bottom:-3px;display:grid;width:18px;height:18px;place-items:center;border:2px solid var(--white);border-radius:var(--r-pill);color:var(--white)}.commerce-badge{display:grid;place-items:center;background:#0f766e;color:#fff;font-size:10px;font-weight:800}.commerce-logo{background:#111827;color:#fff}.conv-body{min-width:0;flex:1 1}.conv-row1{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);margin-bottom:2px}.conv-name{font-size:13.5px;font-weight:700}.conv-time{flex-shrink:0;font-size:11px}.conv-preview{color:var(--gray);font-size:12.5px}.commerce-contact-line{display:flex;min-width:0;flex-wrap:wrap;gap:6px 10px;color:var(--gray);font-size:12px;font-weight:700}.commerce-contact-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commerce-contact-line .phone-ok{color:var(--success)}.commerce-contact-line .phone-bad{color:var(--danger)}.conv-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.commerce-meta{margin-top:8px}.conversation-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag-removable{padding-right:6px}.tag-remove{display:grid;width:16px;height:16px;place-items:center;border-radius:var(--r-pill);color:inherit;font-size:11px;font-weight:900;line-height:1}.tag-remove:hover{background:rgba(27,78,245,.12)}.unread-dot{width:8px;height:8px;flex-shrink:0;border-radius:var(--r-pill);background:var(--secondary)}.thread-head{display:flex;flex-shrink:0;align-items:center;gap:var(--s-4);border-bottom:var(--border);background:var(--white);padding:var(--s-4) var(--s-6)}.thread-head-info{min-width:0;flex:1 1}.thread-head-name{display:flex;align-items:center;gap:var(--s-2);color:var(--dark);font-size:15px;font-weight:800}.thread-head-meta{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:2px;color:var(--gray);font-size:12px}.thread-actions{display:flex;align-items:center;gap:var(--s-2)}.ticket-message-count{display:flex;align-items:center;gap:6px;color:var(--gray);font-size:11px;font-weight:800;white-space:nowrap}.ticket-message-count select{width:96px;height:34px;min-height:34px;padding:0 26px 0 10px;font-size:12px}.thread-body{display:flex;flex:1 1;flex-direction:column;gap:var(--s-4);overflow-y:auto;padding:var(--s-6)}.msg-day{color:var(--gray);font-size:11px;font-weight:800;letter-spacing:.06em;padding:var(--s-2) 0;text-align:center;text-transform:uppercase}.msg{max-width:72%;gap:var(--s-3)}.msg.out{flex-direction:row-reverse}.msg.note{align-self:center;width:min(560px,100%);max-width:86%}.internal-note-inline{width:100%;border:1px solid rgba(234,179,8,.36);border-radius:8px;background:rgba(255,248,214,.86);color:#5f4600;font-size:13px;line-height:1.5;padding:var(--s-3) var(--s-4)}.internal-note-inline-head{display:flex;align-items:center;gap:var(--s-2);margin-bottom:4px;color:#806000;font-size:11px}.internal-note-inline-head strong{color:#4d3a00}.internal-note-inline-head span:last-child{margin-left:auto;color:#8f7a35}.msg-bubble{overflow-wrap:anywhere;border-radius:18px;padding:var(--s-3) var(--s-4);font-size:13.5px;line-height:1.5}.msg.in .msg-bubble{border:var(--border);border-bottom-left-radius:6px;background:var(--white)}.msg.out .msg-bubble{border-bottom-right-radius:6px;background:var(--primary);color:var(--white)}.msg-attachments{display:grid;grid-gap:var(--s-2);gap:var(--s-2);margin-top:var(--s-2)}.msg-media{display:block;overflow:hidden;border-radius:10px;background:rgba(17,24,39,.08)}.msg-media img,.msg-media video{max-height:260px;object-fit:cover}.msg-media audio,.msg-media img,.msg-media video{display:block;width:min(300px,100%)}.msg-file{display:flex;align-items:center;gap:var(--s-2);max-width:300px;border-radius:10px;background:hsla(0,0%,100%,.16);color:inherit;font-size:12px;font-weight:700;padding:var(--s-2) var(--s-3)}.msg.in .msg-file{background:var(--gray-lightest);color:var(--dark)}.msg-file span{min-width:0;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-file small{color:currentColor;opacity:.68;white-space:nowrap}.msg-time{margin-top:4px;color:var(--gray);font-size:11px;padding:0 var(--s-2)}.msg.out .msg-time{text-align:right}.thread-composer{flex-shrink:0;border-top:var(--border);background:var(--white);padding:var(--s-4) var(--s-6)}.composer-actions{display:flex;align-items:center;gap:4px;margin-bottom:var(--s-2)}.composer-btn{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);color:var(--gray);font-size:12px;font-weight:700;padding:6px 10px}.composer-btn:hover{background:var(--gray-lightest);color:var(--dark)}.composer-btn.ai{background:var(--secondary-08);color:var(--secondary)}.composer-btn.active{background:var(--primary-08);color:var(--primary)}.composer-channel{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:var(--gray);font-size:11px;font-weight:700}.composer-attachment{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:var(--s-2);gap:var(--s-2);margin-bottom:var(--s-2)}.hidden-file-input{display:none}.composer-upload,.composer-upload-name{min-height:36px;border:var(--border);border-radius:10px;background:var(--bg);color:var(--dark);font-size:12px}.composer-upload{display:inline-flex;align-items:center;gap:var(--s-2);font-weight:800;padding:0 var(--s-3)}.composer-upload:hover{background:var(--gray-lightest)}.composer-upload-name{display:flex;align-items:center;min-width:0;overflow:hidden;color:var(--gray);font-weight:700;padding:0 var(--s-3);text-overflow:ellipsis;white-space:nowrap}.composer-upload-name.ready{background:var(--primary-08);color:var(--primary)}.composer-attachment input,.composer-attachment select{min-height:36px;border:var(--border);border-radius:10px;background:var(--bg);color:var(--dark);font-size:12px}.composer-attachment input,.composer-attachment select,.composer-clear{padding:0 var(--s-3)}.composer-clear{border-radius:10px;color:var(--gray);font-size:12px;font-weight:800}.composer-clear:hover{background:var(--gray-lightest);color:var(--dark)}.composer-input{position:relative;display:flex;align-items:flex-end;gap:var(--s-3);border:1px solid transparent;border-radius:var(--r-card);background:var(--bg);padding:var(--s-3) var(--s-4)}.composer-input:focus-within{border-color:var(--secondary);background:var(--white)}.composer-input textarea{width:100%;max-height:120px;min-height:22px;border:none;background:none;box-shadow:none;color:var(--dark);font-size:13.5px;line-height:1.5;padding:0;resize:none}.mention-textarea{position:relative;min-width:0;flex:1 1}.mention-textarea textarea{width:100%}.mention-menu{position:absolute;z-index:20;left:0;right:0;bottom:calc(100% + 6px);overflow:hidden;border:var(--border);border-radius:var(--r-card);background:var(--white);box-shadow:var(--shadow-lg)}.mention-option{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:var(--s-2);gap:var(--s-2);border-bottom:var(--border);color:var(--dark);padding:var(--s-2) var(--s-3);text-align:left}.mention-option:last-child{border-bottom:0}.mention-option.active,.mention-option:hover{background:var(--primary-08)}.mention-option small,.mention-option strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-option strong{font-size:12px}.mention-option small{color:var(--gray);font-size:11px}.mention-token{display:inline;border-radius:6px;background:var(--primary-08);color:var(--primary);font-weight:800;padding:1px 4px}.composer-send{display:grid;width:36px;height:36px;flex-shrink:0;place-items:center;border-radius:var(--r-pill);background:var(--primary);color:var(--white)}.composer-send:hover{background:#0f2a60}.composer-send:disabled{background:var(--gray-lighter)}.ctx-pane{overflow-y:auto}.ctx-customer{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);border-bottom:var(--border);padding:var(--s-5);text-align:center}.ctx-customer-name{color:var(--dark);font-size:16px;font-weight:800}.ctx-customer-handle{color:var(--gray);font-size:12px}.ctx-section{border-bottom:var(--border);padding:var(--s-5)}.ctx-section:last-child{border-bottom:0}.ctx-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-3);color:var(--gray);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.tag-editor{display:flex;gap:var(--s-2)}.tag-editor input{min-width:0;flex:1 1}.ctx-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-3);gap:var(--s-3)}.ctx-stat{border-radius:var(--r-md);background:var(--bg);padding:var(--s-3)}.ctx-stat-label{color:var(--gray);font-size:11px;font-weight:700}.ctx-stat-value{margin-top:2px;color:var(--dark);font-size:18px;font-weight:800}.ctx-row,.ctx-stat-value.small-value{font-size:13px}.ctx-row{display:flex;justify-content:space-between;gap:var(--s-3);padding:6px 0}.ctx-row .k{color:var(--gray)}.ctx-row .v{overflow-wrap:anywhere;text-align:right}.ctx-row .v,.ctx-select{color:var(--dark);font-weight:700}.ctx-select{width:100%;min-height:38px;border:var(--border);border-radius:10px;background:var(--bg);font-size:12px;padding:0 var(--s-3)}.ctx-muted{color:var(--gray);font-size:12px;font-weight:700}.internal-note-box,.internal-note-list{display:grid;grid-gap:var(--s-3);gap:var(--s-3)}.internal-note-box textarea{min-height:86px;resize:vertical}.internal-note{display:grid;grid-gap:var(--s-2);gap:var(--s-2);border:var(--border);border-radius:var(--r-card);background:var(--bg);color:var(--dark);font-size:12px;line-height:1.5;padding:var(--s-3)}.internal-note-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);color:var(--gray);font-size:11px}.internal-note-head strong{color:var(--dark)}.empty-state{display:grid;min-height:180px;place-items:center;align-content:center;color:var(--gray);padding:var(--s-6);text-align:center}.empty-title{margin-top:var(--s-3);color:var(--dark);font-weight:800}.empty-text{max-width:280px;color:var(--gray);font-size:12px}.channel-dot{display:inline-grid;flex-shrink:0;place-items:center;border-radius:var(--r-pill);font-weight:900;line-height:1}.hstack{display:flex;align-items:center;gap:var(--s-3)}.hstack.compact{gap:6px}.vstack{display:flex;flex-direction:column;gap:var(--s-3)}.vstack.tight{gap:8px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3)}.form-grid{display:grid;grid-gap:var(--s-4);gap:var(--s-4)}.section-head{align-items:flex-start;justify-content:space-between;gap:var(--s-4)}.integrations-hero,.section-head{display:flex;margin-bottom:var(--s-5)}.integrations-hero{align-items:center;gap:var(--s-7);padding:var(--s-6)}.hero-stat span{display:block;color:var(--gray);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.hero-stat strong{color:var(--dark);font-size:24px}.alert-stack{display:grid;grid-gap:var(--s-2);gap:var(--s-2);margin-bottom:var(--s-5)}.alert{border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font-size:13px;font-weight:700}.alert-danger{border:1px solid #f3b8b2;background:var(--danger-bg);color:var(--danger)}.alert-success{border:1px solid #b7dfcc;background:var(--success-bg);color:var(--success)}.alert-info{border:1px solid #c8d8ef;background:var(--info-bg);color:var(--info);margin-top:var(--s-5)}.alert.no-margin{margin-top:0}.setup-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3);margin-bottom:var(--s-5);padding:var(--s-4)}.setup-step{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:2px var(--s-3);gap:2px var(--s-3);align-items:center;border:var(--border);border-radius:var(--r-md);background:var(--bg);padding:var(--s-3)}.setup-step span{display:grid;grid-row:span 2;width:28px;height:28px;place-items:center;border-radius:var(--r-pill);background:var(--gray-lighter);color:var(--gray);font-size:12px;font-weight:900}.setup-step strong{color:var(--dark);font-size:13px}.setup-step small,.setup-step strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup-step small{color:var(--gray);font-size:11px;font-weight:700}.setup-step.done span{background:var(--success-bg);color:var(--success)}.integrations-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:var(--s-5);gap:var(--s-5)}.integrations-layout,.page-actions{margin-bottom:var(--s-5)}.compact-search{width:260px}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s-5);gap:var(--s-5)}.int-card{border:var(--border);border-radius:var(--r-card);background:var(--white);padding:var(--s-6);transition:border .15s,box-shadow .15s,transform .15s}.int-card.selected,.int-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.int-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--s-4)}.int-logo{display:grid;width:48px;height:48px;place-items:center;border-radius:var(--r-md);font-size:16px;font-weight:900}.int-name{margin-bottom:2px;color:var(--dark);font-size:15px;font-weight:800}.int-desc{min-height:58px;color:var(--gray);font-size:12.5px;line-height:1.5}.int-foot{display:flex;justify-content:space-between;gap:var(--s-3);border-top:var(--border);padding-top:var(--s-4)}.connect-result,.int-foot{align-items:center;margin-top:var(--s-5)}.connect-result{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:var(--s-4);gap:var(--s-4)}.link-box{overflow-wrap:anywhere;margin-top:var(--s-3);border:var(--border);color:var(--gray);font-size:12px}.account-row,.link-box{border-radius:var(--r-md);background:var(--bg);padding:var(--s-3)}.account-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:var(--s-3);gap:var(--s-3)}.account-row.large{grid-template-columns:auto minmax(0,1fr) auto auto;border-bottom:1px solid var(--gray-lightest);border-radius:0;background:var(--white);padding:var(--s-4) var(--s-5)}.account-title{color:var(--dark);font-size:13px;font-weight:800}.account-sub,.account-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-sub{color:var(--gray);font-size:11px}.account-table{display:grid}.salla-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3);margin-bottom:var(--s-5)}.salla-status-card{min-width:0;border:var(--border);border-radius:var(--r-md);background:var(--bg);padding:var(--s-4)}.salla-status-card.connected{border-color:rgba(22,163,74,.24);background:var(--success-bg)}.salla-status-card.warning{border-color:rgba(245,158,11,.28);background:var(--warning-bg)}.salla-status-card small,.salla-status-card span{display:block;overflow:hidden;color:var(--gray);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.salla-status-card strong{display:block;overflow:hidden;margin:3px 0;color:var(--dark);font-size:14px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.webhook-log-table{display:grid;border-top:var(--border)}.webhook-log-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto minmax(120px,.8fr);align-items:center;grid-gap:var(--s-3);gap:var(--s-3);border-bottom:var(--border);padding:var(--s-4) 0}.webhook-error{overflow:hidden;color:var(--gray);font-size:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.page-ticketing{overflow:auto}.ticketing-shell{display:grid;max-width:1500px;margin:0 auto;grid-gap:var(--s-5);gap:var(--s-5)}.ticket-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s-5);gap:var(--s-5)}.ticket-kpi{display:flex;align-items:center;justify-content:space-between;padding:var(--s-5)}.kpi-label{color:var(--gray);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.kpi-value{margin-top:4px;color:var(--dark);font-size:28px;font-weight:900;line-height:1}.ticket-kpi-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--r-md)}.ticket-kpi-icon.primary{background:var(--primary-08);color:var(--primary)}.ticket-kpi-icon.warning{background:var(--warning-bg);color:var(--warning)}.ticket-kpi-icon.danger{background:var(--danger-bg);color:var(--danger)}.ticket-kpi-icon.success{background:var(--success-bg);color:var(--success)}.ticket-filters,.ticket-toolbar{display:flex;align-items:center;gap:var(--s-3)}.ticket-filters{max-width:560px}.ticket-workspace{display:grid;grid-template-columns:420px minmax(0,1fr);grid-gap:var(--s-5);gap:var(--s-5);min-height:680px}.ticket-detail,.ticket-queue{min-width:0}.ticket-card-header{min-height:72px}.ticket-list{max-height:720px;overflow-y:auto}.ticket-item{display:flex;width:100%;border-bottom:1px solid var(--gray-lightest);padding:var(--s-4) var(--s-5);text-align:left;transition:background .12s}.ticket-item.active,.ticket-item:hover{background:var(--primary-04)}.ticket-item.active{box-shadow:inset 3px 0 0 var(--primary)}.ticket-item-main{display:grid;min-width:0;width:100%;grid-gap:6px;gap:6px}.ticket-comment-head,.ticket-item-meta,.ticket-item-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.ticket-item-title{overflow:hidden;color:var(--dark);font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.ticket-item-meta,.ticket-item-sub,.ticket-muted,.ticket-number{color:var(--gray);font-size:12px}.ticket-number{font-family:SF Mono,Consolas,monospace;font-weight:800}.ticket-number.large{margin-bottom:4px;font-size:13px}.ticket-detail{padding-bottom:var(--s-5)}.ticket-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-5);border-bottom:var(--border);padding:var(--s-6)}.ticket-title-input{border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--dark);font-size:22px;font-weight:900;line-height:1.2;padding:0}.ticket-title-input:focus{box-shadow:none}.ticket-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s-4);gap:var(--s-4);padding:var(--s-5) var(--s-6)}.ticket-field{margin:0 var(--s-6) var(--s-4)}.ticket-panels{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);grid-gap:var(--s-5);gap:var(--s-5);padding:0 var(--s-6)}.ticket-panel{min-width:0;border:var(--border);border-radius:var(--r-md);padding:var(--s-4)}.ticket-comments,.ticket-events{display:grid;grid-gap:var(--s-3);gap:var(--s-3);max-height:280px;overflow-y:auto}.ticket-comment{border-radius:var(--r-md);background:var(--bg);padding:var(--s-3);color:var(--dark);font-size:13px}.ticket-comment-head{margin-bottom:4px;color:var(--gray);font-size:11px}.ticket-note-box{display:grid;grid-gap:var(--s-3);gap:var(--s-3);margin-top:var(--s-4)}.ticket-event{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:var(--s-3);gap:var(--s-3);align-items:flex-start}.ticket-event-dot{width:10px;height:10px;margin-top:5px;border-radius:var(--r-pill);background:var(--secondary)}.ticket-event-title{color:var(--dark);font-size:13px;font-weight:800}.modal-backdrop{z-index:20;background:rgba(17,18,24,.35)}.ticket-modal{width:min(680px,100%);max-height:calc(100vh - 48px);overflow:auto}.ticket-modal-body{display:grid;grid-gap:var(--s-4);gap:var(--s-4);padding:var(--s-6)}.page-social{overflow:auto}.social-shell{display:grid;grid-template-columns:420px minmax(0,1fr);grid-gap:var(--s-5);gap:var(--s-5);max-width:1500px;margin:0 auto}.social-composer,.social-dashboard{min-width:0}.team-layout{display:block}.team-invite{display:grid;grid-gap:var(--s-5);gap:var(--s-5)}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3)}.permission-toggle{display:flex;align-items:flex-start;gap:var(--s-3);border:var(--border);border-radius:var(--r-card);background:var(--bg);padding:var(--s-3)}.permission-toggle input{width:auto;margin-top:3px}.permission-toggle span{display:grid;grid-gap:2px;gap:2px}.permission-toggle strong{color:var(--dark);font-size:13px}.permission-toggle small{color:var(--gray);font-size:11px;line-height:1.4}.team-row,.team-table{display:grid}.team-row{grid-template-columns:42px minmax(180px,1fr) 120px minmax(260px,1.2fr) 120px;align-items:center;grid-gap:var(--s-3);gap:var(--s-3);border-top:var(--border);padding:var(--s-4) var(--s-5)}.team-person{display:grid;min-width:0;grid-gap:2px;gap:2px}.team-person span,.team-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-person span{color:var(--gray);font-size:12px}.team-row select{min-height:34px;font-size:12px}.team-permissions{display:flex;flex-wrap:wrap;gap:var(--s-2)}.permission-chip{border-radius:var(--r-pill);background:var(--gray-lightest);color:var(--gray);font-size:11px;font-weight:800;padding:6px 9px}.permission-chip.active{background:var(--primary-08);color:var(--primary)}.social-composer{align-self:start}.social-composer-body,.social-empty-action{display:grid;grid-gap:var(--s-4);gap:var(--s-4);padding:var(--s-6)}.social-form-section{display:grid;grid-gap:var(--s-3);gap:var(--s-3);background:var(--bg)}.social-advanced,.social-form-section{border:var(--border);border-radius:var(--r-md);padding:var(--s-4)}.social-advanced{background:var(--white)}.social-advanced summary{color:var(--dark);cursor:pointer;font-size:13px;font-weight:800}.social-advanced[open]{display:grid;grid-gap:var(--s-4);gap:var(--s-4)}.toggle-row{display:flex;grid-template-columns:none;align-items:center;gap:var(--s-2);color:var(--dark);font-size:13px}.toggle-row input{width:auto}.social-empty-action{justify-items:center}.social-account-picker{display:flex;flex-wrap:wrap;gap:var(--s-2)}.social-account-chip{display:inline-flex;align-items:center;gap:var(--s-2);border:1px solid var(--gray-lighter);border-radius:var(--r-pill);background:var(--white);color:var(--dark);font-size:12px;font-weight:800;padding:7px 11px}.social-account-chip.active{border-color:var(--primary);background:var(--primary-08);color:var(--primary)}.social-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s-4);gap:var(--s-4);margin-bottom:var(--s-5)}.social-toolbar{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5)}.social-select{width:180px}.social-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s-5);gap:var(--s-5)}.social-post-card{display:grid;grid-gap:var(--s-3);gap:var(--s-3);padding:var(--s-5)}.social-post-foot,.social-post-head,.social-post-platforms{display:flex;align-items:center;gap:var(--s-2)}.social-post-foot,.social-post-head{justify-content:space-between}.social-post-title{color:var(--dark);font-size:16px;font-weight:900}.social-post-content{display:-webkit-box;overflow:hidden;min-height:60px;color:var(--gray);font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.social-post-platforms{flex-wrap:wrap}.social-post-foot{border-top:var(--border);color:var(--gray);font-size:12px;padding-top:var(--s-3)}.page-analytics,.page-snippets{background:linear-gradient(180deg,hsla(0,0%,100%,.72),rgba(243,245,249,0) 220px),var(--bg)}.analytics-shell,.snippets-shell{display:grid;max-width:1440px;margin:0 auto;grid-gap:var(--s-5);gap:var(--s-5)}.analytics-header,.snippets-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-5);border:var(--border);border-radius:var(--r-card);background:var(--white);box-shadow:var(--shadow-sm);padding:var(--s-6)}.analytics-title-block h1,.snippets-hero h1{color:var(--dark);font-size:30px;font-weight:900;line-height:1.1}.analytics-title-block p,.snippets-hero p{max-width:680px;margin-top:var(--s-2);color:var(--gray);font-size:13px;font-weight:600}.analytics-header-actions{display:flex;align-items:center;gap:var(--s-3)}.analytics-account-summary{display:grid;min-width:190px;border:var(--border);border-radius:var(--r-md);background:var(--gray-lightest);padding:10px 14px}.analytics-account-summary strong{color:var(--dark);font-size:18px;line-height:1}.analytics-account-summary span{color:var(--gray);font-size:11px;font-weight:700}.analytics-control-card,.snippets-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);border:var(--border);border-radius:var(--r-card);background:var(--white);box-shadow:var(--shadow-sm);padding:var(--s-4)}.analytics-tabs{display:flex;flex-wrap:wrap;gap:var(--s-2)}.analytics-filters,.snippet-filters{display:flex;align-items:end;gap:var(--s-3)}.inline-label{min-width:140px}.analytics-date-input,.analytics-select,.snippet-filters select{min-height:38px}.analytics-select{width:170px}.notice{border-radius:var(--r-md);font-size:13px;font-weight:700;padding:12px 14px}.notice-error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.analytics-content{display:grid;grid-gap:var(--s-5);gap:var(--s-5)}.analytics-table-wrap,.snippets-table-card{overflow:hidden;border:var(--border);border-radius:var(--r-card);background:var(--white);box-shadow:var(--shadow-sm)}.analytics-table-title,.snippets-table-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);border-bottom:var(--border);padding:var(--s-5) var(--s-6)}.analytics-table-title h2,.snippets-table-head h2{color:var(--dark);font-size:16px;font-weight:900}.analytics-table-title p,.snippets-table-head p{margin-top:2px;color:var(--gray);font-size:12px;font-weight:600}.analytics-table,.snippets-table{width:100%;min-width:980px;border-collapse:collapse}.analytics-table td,.analytics-table th,.snippets-table td,.snippets-table th{border-bottom:var(--border);padding:14px 16px;vertical-align:middle}.analytics-table th,.snippets-table th{background:#fafbfe;color:var(--gray);font-size:11px;font-weight:900;letter-spacing:.04em;text-align:left;text-transform:uppercase}.snippets-table th{text-align:right}.analytics-table tbody tr:hover,.snippets-table tbody tr:hover{background:var(--primary-04)}.analytics-post-cell,.snippet-title-cell{display:grid;min-width:220px;grid-gap:4px;gap:4px}.analytics-post-cell strong,.snippet-title-cell strong{color:var(--dark);font-size:13px;font-weight:900}.analytics-post-cell span,.snippet-title-cell span{display:-webkit-box;overflow:hidden;color:var(--gray);font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.analytics-followers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s-4);gap:var(--s-4)}.analytics-best-card,.analytics-follower-card,.snippet-stat-card{border:var(--border);border-radius:var(--r-card);background:var(--white);box-shadow:var(--shadow-sm);padding:var(--s-5)}.analytics-follower-header{display:flex;align-items:center;gap:var(--s-3)}.analytics-follower-header>div{display:grid;min-width:0;grid-gap:var(--s-2);gap:var(--s-2)}.analytics-follower-header strong{overflow:hidden;color:var(--dark);font-size:15px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.analytics-platform-mark{display:grid;width:42px;height:42px;flex-shrink:0;place-items:center;border-radius:var(--r-md);background:var(--primary);color:var(--white);font-size:12px;font-weight:900;text-transform:uppercase}.analytics-follower-count{margin-left:auto;border-radius:var(--r-pill);background:var(--gray-lightest);color:var(--dark);font-size:12px;font-weight:900;padding:6px 10px}.analytics-follower-growth{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-4);border-top:var(--border);padding-top:var(--s-4)}.growth-negative,.growth-positive{font-size:20px;font-weight:900}.growth-positive{color:var(--success)}.growth-negative{color:var(--danger)}.analytics-follower-period{color:var(--gray);font-size:12px;font-weight:700}.analytics-best-card h3{color:var(--dark);font-size:18px;font-weight:900}.best-times-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3);margin-top:var(--s-5)}.best-time-slot{display:grid;grid-gap:4px;gap:4px;min-height:94px;align-content:center;border:1px solid var(--gray-lighter);border-radius:var(--r-md);background:linear-gradient(180deg,var(--white),#f8faff);padding:var(--s-3);text-align:center}.best-time-day{color:var(--gray);font-size:11px;font-weight:900;text-transform:uppercase}.best-time-hour{color:var(--dark);font-size:18px;font-weight:900}.best-time-score{color:var(--primary);font-size:12px;font-weight:900}.snippets-hero{direction:rtl}.snippet-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s-4);gap:var(--s-4)}.snippet-stat-card{display:flex;align-items:center;gap:var(--s-3)}.snippet-stat-icon{display:grid;width:42px;height:42px;flex-shrink:0;place-items:center;border-radius:var(--r-md)}.snippet-stat-icon.primary{background:var(--primary-12);color:var(--primary)}.snippet-stat-icon.success{background:var(--success-bg);color:var(--success)}.snippet-stat-icon.warning{background:var(--warning-bg);color:var(--warning)}.snippet-stat-icon.muted{background:var(--gray-lightest);color:var(--gray)}.snippet-stat-card small{color:var(--gray);font-size:12px;font-weight:800}.snippet-stat-card strong{display:block;color:var(--dark);font-size:24px;font-weight:900;line-height:1.1}.snippet-search{display:flex;width:min(560px,100%);grid-template-columns:none;align-items:center;gap:var(--s-2);border:1px solid var(--gray-lighter);border-radius:var(--r-pill);background:var(--white);color:var(--gray);padding:0 14px}.snippet-search input{min-height:42px;border:0;background:transparent;box-shadow:none;padding-inline:0}.snippets-table-wrap{overflow-x:auto}.snippet-shortcut{background:var(--dark);color:var(--white);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.snippet-category,.snippet-shortcut{display:inline-flex;border-radius:var(--r-pill);font-size:12px;font-weight:800;padding:5px 10px}.snippet-category{background:var(--primary-08);color:var(--primary)}.snippet-date,.snippet-muted,.snippet-tags small{color:var(--gray);font-size:12px;font-weight:700}.snippet-tags{display:flex;flex-wrap:wrap;gap:6px}.snippet-tags span{border-radius:var(--r-pill);background:var(--gray-lightest);color:var(--dark);font-size:11px;font-weight:800;padding:4px 8px}.snippet-switch{display:inline-flex;cursor:pointer}.snippet-switch input{position:absolute;opacity:0;pointer-events:none}.snippet-switch span{position:relative;display:inline-block;width:44px;height:24px;border-radius:var(--r-pill);background:var(--gray-lighter);transition:background .15s}.snippet-switch span:after{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:var(--r-pill);background:var(--white);box-shadow:var(--shadow-sm);content:"";transition:transform .15s}.snippet-switch input:checked+span{background:var(--success)}.snippet-switch input:checked+span:after{transform:translateX(20px)}.snippet-usage{display:inline-flex;min-width:34px;justify-content:center;border-radius:var(--r-pill);background:var(--secondary-08);color:var(--secondary);font-size:12px;font-weight:900;padding:5px 10px}.snippet-actions{display:flex;justify-content:flex-end;gap:var(--s-2)}.icon-btn.danger{color:var(--danger)}.icon-btn.danger:hover{background:var(--danger-bg)}.snippet-empty-state{display:grid;justify-items:center;grid-gap:var(--s-3);gap:var(--s-3);min-height:280px;align-content:center;text-align:center}.snippet-empty-state svg{color:var(--primary)}.snippet-empty-state h2{color:var(--dark);font-size:20px;font-weight:900}.snippet-empty-state p{max-width:460px;color:var(--gray);font-weight:600}.snippet-empty-state.error svg{color:var(--danger)}.snippet-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(17,18,24,.48);padding:var(--s-5)}.snippet-modal-panel{display:grid;width:min(1040px,100%);max-height:min(900px,92vh);overflow:hidden;border:1px solid rgba(230,234,242,.88);border-radius:var(--r-card);background:var(--white);box-shadow:0 24px 72px rgba(17,18,24,.22)}.snippet-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);border-bottom:var(--border);background:linear-gradient(180deg,#fff,#f8faff);padding:var(--s-6)}.snippet-modal-header h2{color:var(--dark);font-size:22px;font-weight:900}.snippet-modal-header p{margin-top:4px;color:var(--gray);font-size:13px;font-weight:600}.snippet-modal-form{display:grid;min-height:0;overflow:auto}.snippet-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:var(--s-5);gap:var(--s-5);padding:var(--s-6)}.snippet-form-main{display:grid;align-content:start;grid-gap:var(--s-4);gap:var(--s-4)}.snippet-form-main label small{color:var(--gray);font-size:11px;font-weight:600}.snippet-shortcut-input{display:flex;align-items:center;gap:var(--s-2);border:1px solid var(--gray-lighter);border-radius:var(--r-md);background:var(--white);padding-inline:12px}.snippet-shortcut-input:focus-within{border-color:var(--secondary);box-shadow:0 0 0 3px var(--secondary-08)}.snippet-shortcut-input span{color:var(--gray);font-weight:900}.snippet-shortcut-input input,.snippet-shortcut-input span{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.snippet-shortcut-input input{border:0;border-radius:0;box-shadow:none;direction:ltr;padding-inline:0}.snippet-form-tags{display:flex;flex-wrap:wrap;gap:var(--s-2)}.snippet-form-tags span{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);background:var(--gray-lightest);color:var(--dark);font-size:12px;font-weight:800;padding:5px 9px}.snippet-form-tags button{display:grid;width:18px;height:18px;place-items:center;border-radius:var(--r-pill);color:var(--gray);font-size:15px;line-height:1}.snippet-form-tags button:hover{background:var(--danger-bg);color:var(--danger)}.snippet-body-field textarea{min-height:210px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.65}.snippet-form-meta{display:flex;align-items:center;justify-content:space-between;color:var(--gray);font-size:12px;font-weight:800}.snippet-variable-badges{display:flex;flex-wrap:wrap;gap:var(--s-2)}.snippet-variable-badges span{border-radius:var(--r-pill);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:900;padding:5px 9px}.snippet-variable-badges .known{background:var(--success-bg);color:var(--success)}.snippet-variable-badges .unknown{background:var(--danger-bg);color:var(--danger)}.snippet-form-side{display:grid;align-content:start;grid-gap:var(--s-4);gap:var(--s-4)}.snippet-status-card,.snippet-variable-panel{border:var(--border);border-radius:var(--r-md);background:#fafbfe;padding:var(--s-4)}.snippet-status-card{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.snippet-status-card div{display:grid;grid-gap:2px;gap:2px}.snippet-side-title strong,.snippet-status-card strong{color:var(--dark);font-size:13px;font-weight:900}.snippet-side-title span,.snippet-status-card span{color:var(--gray);font-size:12px;font-weight:700}.snippet-side-title{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-3)}.snippet-variable-list{display:grid;max-height:360px;overflow:auto;grid-gap:var(--s-2);gap:var(--s-2)}.snippet-variable-list p{color:var(--gray);font-size:12px;font-weight:700}.snippet-variable-list button{display:grid;grid-gap:3px;gap:3px;border:1px solid var(--gray-lighter);border-radius:var(--r-md);background:var(--white);padding:10px;text-align:right}.snippet-variable-list button:hover{border-color:var(--primary);background:var(--primary-04)}.snippet-variable-list code{direction:ltr;color:var(--primary);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:900;text-align:left}.snippet-variable-list button span{overflow:hidden;color:var(--gray);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.snippet-modal-actions{display:flex;justify-content:flex-start;gap:var(--s-3);border-top:var(--border);background:#fafbfe;padding:var(--s-5) var(--s-6)}.snippet-picker-popover{position:absolute;right:0;bottom:calc(100% + 10px);z-index:60;display:grid;width:min(720px,calc(100vw - 48px));overflow:hidden;border:1px solid rgba(230,234,242,.96);border-radius:var(--r-card);background:var(--white);box-shadow:0 18px 48px rgba(17,18,24,.18)}.snippet-picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3);border-bottom:var(--border);background:linear-gradient(180deg,#fff,#f8faff);padding:var(--s-4)}.snippet-picker-header div{display:grid;grid-gap:2px;gap:2px}.snippet-picker-header strong{color:var(--dark);font-size:14px;font-weight:900}.snippet-picker-footer,.snippet-picker-header span{color:var(--gray);font-size:12px;font-weight:700}.snippet-picker-search{display:flex;grid-template-columns:none;align-items:center;gap:var(--s-2);border-bottom:var(--border);color:var(--gray);padding:10px var(--s-4)}.snippet-picker-search input{min-height:36px;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}.snippet-picker-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.9fr);min-height:300px;max-height:430px}.snippet-picker-list-pane{min-width:0;overflow:hidden;border-left:var(--border)}.snippet-picker-preview-pane{min-width:0;overflow:auto;background:#fafbfe;padding:var(--s-4)}.snippet-picker-list{max-height:430px;overflow-y:auto}.snippet-picker-item{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:var(--s-3);border-bottom:var(--border);color:var(--dark);padding:var(--s-4);text-align:right}.snippet-picker-item.active,.snippet-picker-item:hover{background:var(--primary-04)}.snippet-picker-item.active{box-shadow:inset -3px 0 0 var(--primary)}.snippet-picker-item-main{display:grid;min-width:0;grid-gap:5px;gap:5px}.snippet-picker-item-main strong{color:var(--dark);font-size:13px;font-weight:900}.snippet-picker-item-main small{display:-webkit-box;overflow:hidden;color:var(--gray);font-size:12px;font-weight:600;-webkit-box-orient:vertical;-webkit-line-clamp:2}.snippet-picker-item-meta{display:flex;flex-wrap:wrap;gap:6px}.snippet-picker-item-meta code,.snippet-picker-item-meta em,.snippet-picker-variable-count{border-radius:var(--r-pill);font-size:11px;font-style:normal;font-weight:900;padding:4px 8px}.snippet-picker-item-meta em{background:var(--gray-lightest);color:var(--dark)}.snippet-picker-item-meta code{direction:ltr;background:var(--secondary-08);color:var(--secondary);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.snippet-picker-variable-count{flex-shrink:0;background:var(--gray-lightest);color:var(--gray)}.snippet-picker-preview{display:grid;grid-gap:var(--s-3);gap:var(--s-3)}.snippet-picker-preview-label{color:var(--gray);font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.snippet-picker-preview-text{min-height:150px;border:var(--border);border-radius:var(--r-md);background:var(--white);color:var(--dark);font-size:13px;line-height:1.7;padding:var(--s-4);white-space:pre-wrap}.snippet-picker-preview-text span{color:var(--gray);font-style:italic}.snippet-picker-preview-status{display:grid;grid-gap:var(--s-2);gap:var(--s-2)}.snippet-picker-preview-status div{display:grid;grid-gap:2px;gap:2px;border-radius:var(--r-md);padding:9px 10px}.snippet-picker-preview-status strong{font-size:11px;font-weight:900}.snippet-picker-preview-status span{color:inherit;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;overflow-wrap:anywhere}.snippet-picker-preview-status .success{background:var(--success-bg);color:var(--success)}.snippet-picker-preview-status .warning{background:var(--warning-bg);color:var(--warning)}.snippet-picker-preview-status .danger{background:var(--danger-bg);color:var(--danger)}.snippet-picker-empty,.snippet-picker-preview-empty{display:grid;min-height:220px;place-items:center;align-content:center;grid-gap:var(--s-2);gap:var(--s-2);color:var(--gray);font-size:13px;font-weight:700;padding:var(--s-5);text-align:center}.snippet-picker-empty strong{color:var(--dark);font-weight:900}.snippet-picker-empty a{color:var(--secondary);font-size:12px;font-weight:900}.snippet-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);border-top:var(--border);background:#fafbfe;padding:9px var(--s-4)}.snippet-picker-footer code{direction:ltr;color:var(--secondary);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:900}.snippet-unresolved-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3);border:1px solid #fde68a;border-radius:var(--r-md);background:var(--warning-bg);color:#92400e;margin-bottom:var(--s-2);padding:var(--s-3)}.snippet-unresolved-banner div{display:grid;grid-gap:3px;gap:3px}.snippet-unresolved-banner strong{font-size:13px;font-weight:900}.snippet-unresolved-banner code{direction:ltr;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;overflow-wrap:anywhere}.snippet-unresolved-banner p{color:#a16207;font-size:12px;font-weight:700}.snippet-unresolved-banner button{display:grid;width:24px;height:24px;flex-shrink:0;place-items:center;border-radius:var(--r-pill);color:#92400e;font-size:20px;line-height:1}.snippet-unresolved-banner button:hover{background:rgba(146,64,14,.1)}.snippets-loading{display:grid;max-width:1440px;margin:0 auto;grid-gap:var(--s-5);gap:var(--s-5)}.skeleton-card,.skeleton-line,.skeleton-table{overflow:hidden;border-radius:var(--r-card);background:linear-gradient(90deg,#eef1f7,#f8faff,#eef1f7);background-size:200% 100%;animation:skeletonShift 1.2s ease-in-out infinite}.skeleton-line{width:320px;height:42px}.skeleton-line.wide{width:min(520px,100%)}.skeleton-card{height:96px}.skeleton-table{height:360px}@keyframes skeletonShift{0%{background-position:100% 0}to{background-position:-100% 0}}.login-shell{display:grid;min-height:100vh;place-items:center;background:linear-gradient(135deg,rgba(22,57,127,.08),rgba(27,78,245,.04)),var(--bg);padding:var(--s-6)}.login-panel{display:grid;width:min(420px,100%);grid-gap:var(--s-6);gap:var(--s-6);border:var(--border);border-radius:var(--r-card);background:var(--white);box-shadow:var(--shadow-lg);padding:var(--s-8)}.login-brand{display:flex;align-items:center;gap:var(--s-3)}.login-title{color:var(--dark);font-size:28px;font-weight:900;line-height:1.15}.login-copy{margin-top:var(--s-2);color:var(--gray);font-size:13px}.login-form{display:grid;grid-gap:var(--s-4);gap:var(--s-4)}@media (max-width:1280px){.inbox{grid-template-columns:320px minmax(0,1fr)}.ctx-pane{display:none}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-shell,.ticket-panels,.ticket-workspace{grid-template-columns:1fr}.ticket-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(243,245,249,.78);-webkit-backdrop-filter:saturate(1.2) blur(14px);backdrop-filter:saturate(1.2) blur(14px);border-bottom:1px solid rgba(230,234,242,.6)}.nav-inner{justify-content:space-between;height:72px;max-width:1280px;margin:0 auto;padding:0 32px}.brand,.nav-inner{display:flex;align-items:center}.brand{gap:10px;text-decoration:none;color:var(--dark)}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(160deg,var(--primary),#0d245a);display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;letter-spacing:.04em;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12),0 4px 10px -4px rgba(22,57,127,.45)}.brand-name{font-weight:700;font-size:16px;letter-spacing:-.01em}.brand-sub{font-weight:500;font-size:12px;color:var(--gray);margin-left:6px;padding-left:10px;border-left:1px solid var(--gray-lighter)}.nav-links{display:flex;gap:30px}.nav-links a{color:#2a2e3a;text-decoration:none;font-size:14px;font-weight:500}.nav-links a:hover{color:var(--primary)}.nav-cta{display:flex}.btn,.nav-cta{gap:10px;align-items:center}.btn{display:inline-flex;height:48px;padding:0 22px;border-radius:var(--r-pill);font-family:inherit;font-size:14.5px;font-weight:600;letter-spacing:-.005em;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-primary{background:var(--primary);color:#fff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),0 8px 18px -8px rgba(22,57,127,.55)}.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),0 12px 24px -10px rgba(22,57,127,.6)}.btn-ghost{background:#fff;color:var(--dark);border-color:var(--gray-lighter)}.btn-ghost:hover{border-color:#cfd6e4}.btn-sm{height:36px;padding:0 16px;font-size:13px}.hero{padding:64px 0 80px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.82fr 1.28fr;grid-gap:48px;gap:48px;align-items:center;max-width:1280px;margin:0 auto;padding:0 32px}.hero-title{font-size:58px;line-height:1.02;letter-spacing:-.028em;font-weight:700;margin:0 0 22px;color:var(--dark)}.hero-title em{font-style:normal;color:var(--primary);position:relative}.hero-sub{font-size:18px;line-height:1.55;color:#4a5168;max-width:560px;margin:0 0 32px;font-weight:400}.hero-cta{gap:12px;margin-bottom:36px}.hero-cta,.integrations-row{display:flex;align-items:center}.integrations-row{gap:14px;margin-top:28px;flex-wrap:wrap}.integrations-row .label{font-size:11.5px;color:var(--gray);letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin-right:4px}.ilogo{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid var(--gray-lighter);display:grid;place-items:center;box-shadow:var(--shadow-sm);font-size:11px;font-weight:700;color:var(--primary)}.hero-mock,.hero-mock-wrap{position:relative}.hero-mock{background:#fff;border-radius:24px;border:1px solid var(--gray-lighter);box-shadow:var(--shadow-lg);overflow:hidden}.mock-topbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--gray-lighter);background:#fafbfe}.traffic{display:flex;gap:6px}.traffic span{width:10px;height:10px;border-radius:50%;background:#e2e6ee}.mock-url{flex:1 1;text-align:center;font-size:11.5px;color:#7a8094;font-family:JetBrains Mono,monospace}.mock-body{display:grid;grid-template-columns:168px minmax(0,1fr);min-height:540px;position:relative;overflow:hidden}.ms-side{background:#fbfcfe;border-right:1px solid var(--gray-lighter);padding:16px 10px;display:flex;flex-direction:column;gap:3px;min-width:0;overflow:hidden}.ms-org{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#fff;border:1px solid var(--gray-lighter);margin-bottom:14px}.ms-org .av{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,var(--primary),#0d245a);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700}.ms-org .nm{font-size:12.5px;font-weight:600}.ms-org .sm{font-size:10px;color:var(--gray)}.ms-section{font-size:10.5px;text-transform:uppercase;color:var(--gray);letter-spacing:.08em;font-weight:600;padding:10px 10px 4px}.ms-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:9px;font-size:12px;color:#3a4054;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden}.ms-item.active{background:#eef2fb;color:var(--primary)}.ms-list{border-right:1px solid var(--gray-lighter);display:flex;flex-direction:column;min-width:0;overflow:hidden}.ml-head{padding:14px 16px;border-bottom:1px solid var(--gray-lighter);display:flex;align-items:center;justify-content:space-between}.ml-head .ttl{font-size:14px;font-weight:700}.ml-head .sub{font-size:11px;color:var(--gray)}.ml-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--gray-lighter)}.ml-tab{font-size:11.5px;padding:5px 10px;border-radius:100px;color:#3a4054;font-weight:500}.ml-tab.on{background:#111218;color:#fff}.conv{display:flex;gap:9px;padding:11px 14px;border-bottom:1px solid var(--gray-lighter);cursor:pointer;position:relative;min-width:0;transition:background .15s}.conv.active-demo,.conv:hover{background:#f4f7fd}.conv .av{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700}.conv-meta{flex:1 1;min-width:0}.conv-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.conv-name{font-size:12.5px;font-weight:600;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-time{font-size:10.5px;color:var(--gray);white-space:nowrap}.conv-preview{font-size:11.5px;color:#5b6276;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-conv{position:absolute;inset:0 0 0 168px;background:#fff;display:grid;grid-template-rows:auto 1fr auto;min-width:0;transform:translateX(100%);transition:transform .55s cubic-bezier(.22,.61,.36,1);z-index:5;box-shadow:-12px 0 32px -16px rgba(17,18,24,.18)}.ms-conv.open{transform:translateX(0)}.mc-head{padding:14px 18px;border-bottom:1px solid var(--gray-lighter);display:flex;align-items:center;gap:12px}.mc-back{width:30px;height:30px;border-radius:8px;border:1px solid var(--gray-lighter);background:#fff;display:grid;place-items:center;color:#5b6276;cursor:pointer;flex-shrink:0}.mc-back:hover{border-color:#cfd6e4;color:var(--primary)}.mc-head .av{width:34px;height:34px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:700;font-size:12.5px}.mc-head .info .nm{font-size:13.5px;font-weight:700}.mc-head .info .sm{font-size:11px;color:var(--gray);display:flex;align-items:center;gap:6px;margin-top:2px}.mc-head .info .sm .dot{width:5px;height:5px;border-radius:50%;background:var(--success)}.mc-thread{padding:16px;gap:12px;background:#fafbfe;overflow:hidden}.mc-thread,.msg{display:flex;flex-direction:column;min-width:0}.msg{max-width:92%;gap:4px}.msg.in{align-self:flex-start}.msg.out{align-self:flex-end;align-items:flex-end}.bubble{padding:9px 12px;border-radius:14px;font-size:12px;line-height:1.5;color:var(--dark);background:#fff;border:1px solid var(--gray-lighter);box-shadow:var(--shadow-sm);word-break:break-word}.msg.out .bubble{background:var(--primary);color:#fff;border-color:transparent}.bubble.sys{background:#eef2fb;border-color:#dce3f2;color:var(--primary);font-size:11.5px;font-weight:600;padding:6px 12px;border-radius:100px}.bmeta{font-size:10px;color:var(--gray);padding:0 4px}.ai-suggest{background:#fff;border:1px dashed #bfd0fa;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.ai-suggest .hd{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--secondary);font-weight:700;letter-spacing:.02em}.ai-suggest .hd .ai-ic{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,var(--secondary),var(--primary));display:grid;place-items:center;color:#fff;font-size:9px;font-weight:800}.ai-suggest .txt{font-size:12px;color:#2a2e3a;line-height:1.55;word-break:break-word}.mc-input{padding:12px 16px;border-top:1px solid var(--gray-lighter);gap:8px;background:#fff}.mc-input,.mc-input .field{display:flex;align-items:center}.mc-input .field{flex:1 1;border:1px solid var(--gray-lighter);border-radius:100px;height:36px;padding:0 14px;color:var(--gray);font-size:12px}.mc-input .send{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;cursor:pointer}.float-card{position:absolute;background:#fff;border-radius:14px;border:1px solid var(--gray-lighter);box-shadow:var(--shadow-lg);padding:12px 14px;display:flex;align-items:center;gap:10px;z-index:3}.float-1{top:-22px;right:-14px;width:218px}.float-card .ic-wrap{width:32px;height:32px;border-radius:9px;background:#eef2fb;color:var(--primary);display:grid;place-items:center;flex-shrink:0}.float-card .ttl{font-size:12px;font-weight:700;line-height:1.2}.float-card .vl{font-size:18px;font-weight:700;color:var(--primary);letter-spacing:-.02em;line-height:1}.float-card .sub{font-size:10.5px;color:var(--gray);margin-top:3px}.float-card .trend{font-size:10px;color:var(--success);font-weight:700;background:#e6f4ed;padding:2px 6px;border-radius:100px}.wrap{max-width:1280px;margin:0 auto;padding:0 32px}@media (max-width:960px){.app{grid-template-columns:1fr;height:auto;min-height:100vh}.sidebar{display:none}.main{min-height:100vh}.topbar{height:auto;flex-wrap:wrap;padding:var(--s-4)}.search-input{order:2;width:100%}.page-inbox{overflow:auto}.inbox{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 112px)}.inbox-pane,.inbox-thread{min-height:420px;border-right:none;border-bottom:var(--border)}.composer-channel,.thread-actions{display:none}.connect-result,.integration-grid,.integrations-layout,.permission-grid,.salla-status-grid,.team-row,.webhook-log-row{grid-template-columns:1fr}.webhook-error{text-align:left}.analytics-followers,.setup-strip,.snippet-stat-grid,.social-kpis,.social-post-grid,.ticket-detail-grid,.ticket-kpis{grid-template-columns:1fr}.analytics-control-card,.snippets-toolbar,.social-toolbar,.ticket-toolbar{align-items:stretch;flex-direction:column}.analytics-header,.snippets-hero{align-items:flex-start;flex-direction:column}.analytics-filters,.analytics-header-actions,.snippet-filters{width:100%;flex-wrap:wrap}.analytics-select,.snippet-filters select{width:100%}.snippet-form-grid,.snippet-picker-body{grid-template-columns:1fr}.snippet-picker-list-pane{border-left:0;border-bottom:var(--border)}.snippet-picker-popover{right:50%;width:calc(100vw - 32px);transform:translateX(50%)}.best-times-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-filters{max-width:none}.integrations-hero{align-items:flex-start;flex-direction:column;gap:var(--s-4)}}@media (max-width:560px){.page{padding:var(--s-4)}.composer-attachment,.grid-two{grid-template-columns:1fr}.msg{max-width:92%}}.automations-page{display:flex;flex-direction:column;gap:var(--s-5);overflow:auto}.automation-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-5);border:var(--border);border-radius:var(--r-card);background:var(--white);padding:var(--s-6);box-shadow:var(--shadow-sm)}.automation-hero h1{color:var(--dark);font-size:28px;line-height:1.1}.automation-hero p{max-width:720px;margin-top:var(--s-2);color:var(--gray);font-weight:600}.eyebrow{display:inline-flex;margin-bottom:var(--s-2);border-radius:var(--r-pill);background:var(--secondary-08);color:var(--secondary);font-size:11px;font-weight:800;padding:4px 10px;text-transform:uppercase}.automation-hero-actions{display:flex;gap:var(--s-2)}.automation-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3)}.automation-metric{border:var(--border);border-radius:var(--r-md);background:var(--white);padding:var(--s-4);box-shadow:var(--shadow-sm)}.automation-metric span{display:block;color:var(--gray);font-size:12px;font-weight:800}.automation-metric strong{display:block;margin-top:var(--s-2);color:var(--primary);font-size:26px;line-height:1}.automation-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3)}.automation-flow-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--s-3);gap:var(--s-3);min-height:118px;border:var(--border);border-radius:var(--r-md);background:var(--white);padding:var(--s-4);text-align:left;box-shadow:var(--shadow-sm);transition:border .15s,box-shadow .15s,transform .15s}.automation-flow-card.active,.automation-flow-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.flow-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--primary-08);color:var(--primary);font-size:18px;font-weight:900}.flow-copy{display:grid;grid-gap:3px;gap:3px;min-width:0}.flow-copy small{color:var(--secondary);font-size:10px;font-weight:900;text-transform:uppercase}.flow-copy strong{color:var(--dark);font-size:14px}.flow-copy em{color:var(--gray);font-size:11px;font-style:normal;font-weight:600;line-height:1.35}.flow-switch{width:32px;height:18px;border-radius:var(--r-pill);background:var(--gray-lighter)}.flow-switch:after{content:"";display:block;width:14px;height:14px;margin:2px;border-radius:50%;background:var(--white);box-shadow:var(--shadow-sm)}.flow-switch.on{background:#19c5b6}.flow-switch.on:after{transform:translateX(14px)}.automation-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);grid-gap:var(--s-4);gap:var(--s-4)}.automation-execution-list,.automation-rule-list{display:grid;grid-gap:var(--s-2);gap:var(--s-2);padding:var(--s-4)}.automation-execution,.automation-rule-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;grid-gap:var(--s-2);gap:var(--s-2);border:var(--border);border-radius:var(--r-md);background:var(--white);padding:var(--s-3)}.automation-execution{grid-template-columns:minmax(0,1fr) auto auto}.automation-execution strong,.automation-rule-row strong{display:block;color:var(--dark);font-size:13px}.automation-execution span,.automation-execution time,.automation-rule-row span{color:var(--gray);font-size:12px;font-weight:700}.status-pill{border-radius:var(--r-pill);background:var(--gray-lightest);color:var(--gray);font-size:11px;font-weight:900;padding:4px 9px;text-transform:uppercase}.status-pill.good{background:var(--success-bg);color:var(--success)}.status-pill.bad{background:var(--danger-bg);color:var(--danger)}.automation-empty,.automation-note{border:1px dashed var(--gray-lighter);border-radius:var(--r-md);color:var(--gray);font-size:13px;font-weight:700;margin:var(--s-4);padding:var(--s-5);text-align:center}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(17,18,24,.42);padding:var(--s-5)}.automation-modal{display:grid;grid-gap:var(--s-4);gap:var(--s-4);width:min(760px,100%);max-height:min(820px,92vh);overflow:auto;border-radius:var(--r-card);background:var(--white);padding:var(--s-6);box-shadow:var(--shadow-lg)}.modal-actions,.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.modal-head h2{font-size:20px}.modal-head p{color:var(--gray);font-size:13px;font-weight:700}.grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3)}@media (max-width:1100px){.automation-flow-grid,.automation-layout,.automation-metrics{grid-template-columns:1fr 1fr}.automation-layout{grid-template-columns:1fr}}@media (max-width:720px){.automation-hero,.automation-hero-actions,.modal-actions,.modal-head{align-items:stretch;flex-direction:column}.automation-execution,.automation-flow-grid,.automation-metrics,.automation-rule-row,.grid-three{grid-template-columns:1fr}}.problem-solution-section{padding:40px 0 80px}.problem-solution-section .section-head{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:64px;text-align:center}.problem-solution-section .section-title{max-width:780px;margin:0;color:var(--dark);font-size:48px;font-weight:700;letter-spacing:-.025em;line-height:1.05;text-wrap:balance}.problem-solution-section .section-sub{max-width:620px;margin:0;color:#4a5168;font-size:17px;line-height:1.55;text-wrap:balance}.ps{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;align-items:stretch}.ps-card{position:relative;display:flex;min-height:480px;flex-direction:column;overflow:hidden;border-radius:var(--r-card);padding:32px}.ps-bad,.ps-good{border:1px solid var(--line);background:#fff}.ps-good{box-shadow:var(--shadow-md)}.ps-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--gray);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ps-good .ps-label{color:var(--primary)}.ps-h{margin:0 0 10px;font-size:24px;font-weight:700;letter-spacing:-.015em;line-height:1.15}.ps-p{margin:0 0 22px;color:#5b6276;font-size:14px;line-height:1.55}.chaos{position:relative;height:240px;margin-bottom:8px}.chaos .ctile{position:absolute;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-sm);font-size:11.5px;font-weight:600;opacity:0;padding:10px 12px;transform:translateY(6px);white-space:nowrap;animation:chaosIn .5s cubic-bezier(.22,.61,.36,1) forwards}.chaos .ctile.t1{animation-delay:.05s}.chaos .ctile.t2{animation-delay:.18s}.chaos .ctile.t3{animation-delay:.3s}.chaos .ctile.t4{animation-delay:.42s}.chaos .ctile.t5{animation-delay:.55s}.chaos .ctile.t6{animation-delay:.68s}.chaos .ctile.t7{animation-delay:.82s}@keyframes chaosIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ch,.chaos .ctile .ch,.cl-row .ch{display:grid;place-items:center;color:#fff;font-weight:800}.ch.wa{background:#25d366}.ch.ig{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.ch.tk,.ch.x{background:#000}.chaos .ctile .ch{width:18px;height:18px;flex-shrink:0;border-radius:5px;font-size:9px}.chaos .ctile.miss{border:1px solid #f2c6cd;background:#fef7f8}.chaos .ctile.miss:after{position:absolute;top:-7px;right:8px;border-radius:100px;background:var(--rose);color:#fff;content:"missed";font-size:9px;font-weight:700;letter-spacing:.02em;padding:1px 7px}.chaos .ctile.delay{border:1px solid #f4e0bc}.chaos .ctile.delay:after{position:absolute;top:-7px;right:8px;border-radius:100px;background:var(--amber);color:#fff;content:"24h delay";font-size:9px;font-weight:700;padding:1px 7px}.typing-dot{display:inline-flex;align-items:center;gap:3px;margin-left:6px}.typing-dot i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--gray);animation:typing 1.2s infinite}.typing-dot i:nth-child(2){animation-delay:.18s}.typing-dot i:nth-child(3){animation-delay:.36s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.ctile .agent-tag{position:absolute;top:-7px;left:8px;border-radius:100px;background:var(--primary);color:#fff;font-size:9px;font-weight:700;letter-spacing:.02em;padding:1px 7px;white-space:nowrap}.alert-pop{position:absolute;z-index:5;display:flex;min-width:220px;align-items:center;gap:10px;border:1px solid #f2c6cd;border-radius:12px;background:#fff;box-shadow:0 12px 28px -10px rgba(192,54,76,.35),var(--shadow-sm);font-size:11.5px;font-weight:600;opacity:0;padding:10px 12px;transform:translate(12px,-8px) scale(.94);animation:alertCycle 5.5s ease-in-out 1.2s infinite}.alert-pop .ic{display:grid;width:24px;height:24px;flex-shrink:0;place-items:center;border-radius:7px;background:#fbe9ec;color:var(--rose)}.alert-pop .ttl{color:var(--dark);font-size:11.5px;font-weight:700;line-height:1.2}.alert-pop .sub{margin-top:2px;color:var(--rose);font-size:10.5px;font-weight:600}@keyframes alertCycle{0%{opacity:0;transform:translate(12px,-8px) scale(.94)}8%{opacity:1;transform:translate(0) scale(1)}45%{opacity:1;transform:translate(0) scale(1)}55%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:0}}.clarity{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line-2);border-radius:14px;background:#fbfcfe;padding:14px}.cl-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line-2);border-radius:10px;background:#fff;font-size:12px;padding:9px 10px}.cl-row .ch{width:16px;height:16px;border-radius:5px;font-size:8px}.cl-row .nm{color:var(--dark);font-weight:600}.cl-row .as{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--gray);font-size:11px}.cl-row .as .av{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#1b4ef5,#16397f);color:#fff;font-size:9px;font-weight:700}.cl-row .st{border-radius:100px;background:#e6f4ed;color:var(--green);font-size:10px;font-weight:700;padding:2px 8px}.cl-row .st.aut{background:#eef2fb;color:var(--primary)}.ps-bad-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:24px}.ps-bad-list span{border-radius:100px;background:var(--bg);color:#5b6276;font-size:11.5px;font-weight:500;padding:6px 12px}.ps-good .ps-bad-list{margin-top:18px}.ps-good .ps-bad-list span{background:#e6f4ed;color:var(--green)}@media (max-width:980px){.ps{grid-template-columns:1fr}}@media (max-width:560px){.problem-solution-section{padding:32px 0 64px}.problem-solution-section .section-head{margin-bottom:40px}.problem-solution-section .section-title{font-size:34px;line-height:1.08}.problem-solution-section .section-sub{font-size:15px}.ps-card{min-height:0;padding:24px}.chaos{height:300px}.chaos .ctile{max-width:calc(100% - 8px);white-space:normal}.cl-row{flex-wrap:wrap}.cl-row .as{margin-left:0}}.pillars-section{background:#fff;padding:120px 0}.pillars-section .section-head{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:64px;text-align:center}.pillars-section .section-title{max-width:none;margin:0;color:var(--dark);font-size:48px;font-weight:700;letter-spacing:-.025em;line-height:1.05;white-space:nowrap}.pillars-section .section-sub{max-width:620px;margin:0;color:#4a5168;font-size:17px;line-height:1.55;text-wrap:balance}.pillars{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.pillar{position:relative;display:flex;min-height:540px;flex-direction:column;gap:24px;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-card);background:#fff;padding:36px}.pillar-no{color:var(--primary);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:500;letter-spacing:.12em}.pillar h3{margin:6px 0 0;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.pillar p{max-width:440px;margin:0;color:#5b6276;font-size:14.5px;line-height:1.55}.pillar .feats{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:14px}.pillar .feats span{border-radius:100px;background:var(--bg);color:#3a4054;font-size:11.5px;font-weight:600;padding:6px 12px}.pillar-viz{position:relative;flex:1 1;min-height:220px;overflow:hidden;border:1px solid var(--line-2);border-radius:16px;background:#fbfcfe;margin-top:6px;padding:14px}.uib{height:100%;flex-direction:column}.uib,.uib-head{display:flex;gap:8px}.uib-head{align-items:center;padding:0 2px}.ops-head .live,.uib-live{display:inline-flex;align-items:center;gap:6px;border-radius:100px;background:#e6f4ed;color:var(--green);font-size:9.5px;font-weight:700;letter-spacing:.04em;padding:3px 8px 3px 7px;text-transform:uppercase}.ops-head .live .dot,.uib-live .dot{width:5px;height:5px;border-radius:50%;background:var(--green);animation:livePulse 1.6s infinite}@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(31,138,91,.55)}70%{box-shadow:0 0 0 5px rgba(31,138,91,0)}to{box-shadow:0 0 0 0 rgba(31,138,91,0)}}.uib-chans{display:flex;gap:5px;margin-left:auto}.uib-chans .cchip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line-2);border-radius:100px;background:#fff;color:#3a4054;font-size:9.5px;font-weight:700;padding:2px 7px 2px 3px}.uib-chans .cchip .ch{width:12px;height:12px;border-radius:3px;font-size:7px}.uib-chans .cchip.a1 .ch{animation:chanPing 3.4s infinite}.uib-chans .cchip.a2 .ch{animation:chanPing 3.4s .9s infinite}.uib-chans .cchip.a3 .ch{animation:chanPing 3.4s 1.8s infinite}.uib-chans .cchip.a4 .ch{animation:chanPing 3.4s 2.6s infinite}@keyframes chanPing{0%,80%,to{box-shadow:0 0 0 0 rgba(27,78,245,0)}10%{box-shadow:0 0 0 2px rgba(27,78,245,.35)}30%{box-shadow:0 0 0 6px rgba(27,78,245,0)}}.uib-toast{position:relative;display:flex;align-items:center;gap:8px;overflow:hidden;border:1px solid #bfd0fa;border-radius:10px;background:linear-gradient(180deg,#f7faff,#fff);box-shadow:0 6px 14px -8px rgba(27,78,245,.35);color:var(--primary);font-size:10.5px;font-weight:700;padding:7px 10px 7px 12px;animation:toastCycle 6s ease-in-out infinite}.uib-toast:before{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--accent);content:""}.uib-toast .ch{width:14px;height:14px;flex-shrink:0;border-radius:4px;font-size:8px}.uib-toast .arrow{margin:0 1px;color:var(--gray);font-size:11px;font-weight:500}.ops-row .agent,.uib-row .av,.uib-toast .agent{display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:700}.uib-toast .agent{width:18px;height:18px;margin-left:auto;font-size:9px}.uib-toast .txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uib-toast .txt b{color:var(--dark)}@keyframes toastCycle{0%{opacity:0;transform:translateY(-6px)}6%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(0)}78%{opacity:0;transform:translateY(-4px)}to{opacity:0;transform:translateY(-4px)}}.uib-stream{display:flex;min-height:0;flex:1 1;flex-direction:column;gap:5px}.uib-row{display:grid;grid-template-columns:14px auto auto 1fr 20px;align-items:center;grid-gap:8px;gap:8px;min-width:0;border:1px solid var(--line-2);border-radius:10px;background:#fff;font-size:11px;padding:7px 10px}.uib-row .ch{width:14px;height:14px;border-radius:4px;font-size:8px}.uib-row .nm{color:var(--dark)}.uib-row .nm,.uib-row .tg{font-weight:700;white-space:nowrap}.uib-row .tg{border-radius:100px;background:#eef1f7;color:#3a4054;font-size:9px;padding:1.5px 6px}.uib-row .tg.vip{background:#fff3dc;color:var(--amber)}.uib-row .tg.new{background:#e6f4ed;color:var(--green)}.uib-row .pv{min-width:0;overflow:hidden;color:var(--gray);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.uib-row .av{width:20px;height:20px;font-size:9px}.ai-flow{display:flex;height:100%;flex-direction:column;gap:9px}.ai-step{position:relative;border:1px solid var(--line-2);border-radius:10px;background:#fff;padding:10px 12px}.ai-step.in{display:flex;flex-shrink:0;align-items:center;gap:8px;font-size:11px}.ai-step.in .av{display:grid;width:24px;height:24px;flex-shrink:0;place-items:center;border-radius:50%;background:linear-gradient(135deg,#c0364c,#e55a6e);color:#fff;font-size:9px;font-weight:700}.ai-step.in .ch{width:13px;height:13px;flex-shrink:0;border-radius:4px;background:#25d366;font-size:7.5px}.ai-step.in .nm{flex-shrink:0;color:var(--dark);font-size:11px;font-weight:700}.ai-step.in .pv{min-width:0;overflow:hidden;color:#3a4054;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.ai-step.in .when{flex-shrink:0;margin-left:auto;color:var(--gray);font-size:9.5px;font-weight:600}.ai-reply{position:relative;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow:hidden;border:1px solid #bfd0fa;border-radius:10px;background:linear-gradient(180deg,#f7faff,#fff);padding:10px 12px 10px 14px}.ai-reply:before{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--accent);content:""}.ai-reply .hd{display:flex;align-items:center;gap:6px;color:var(--primary);font-size:10.5px;font-weight:700;letter-spacing:.02em}.ai-reply .hd .ic{display:grid;width:16px;height:16px;flex-shrink:0;place-items:center;border-radius:5px;background:linear-gradient(135deg,#1b4ef5,#16397f);color:#fff;font-size:8px;font-weight:800}.ai-reply .hd .src{margin-left:auto;color:var(--gray);font-size:9.5px;font-weight:500;letter-spacing:0}.ai-reply .body{position:relative;min-height:52px;color:#2a2e3a;font-size:11.5px;line-height:1.5}.ai-reply .body b{color:var(--dark);font-weight:700}.ai-reply .typing{display:flex;align-items:center;gap:6px;color:var(--primary);font-size:10.5px;font-weight:600;opacity:1;animation:typingFade .4s ease-in 2s forwards}.ai-reply .typing .dots{display:inline-flex;gap:3px}.ai-reply .typing .dots i{width:4px;height:4px;border-radius:50%;background:var(--primary);animation:typingBounce 1s infinite}.ai-reply .typing .dots i:nth-child(2){animation-delay:.15s}.ai-reply .typing .dots i:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes typingFade{to{opacity:0}}.ai-reply .text{position:absolute;top:0;right:0;left:0;opacity:0;animation:textIn .5s ease-out 2.2s forwards}@keyframes textIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ai-reply .actions{display:flex;gap:6px;margin-top:auto;opacity:0;animation:actsIn .4s ease-out 2.9s forwards}@keyframes actsIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.ai-reply .pill{display:inline-flex;align-items:center;gap:4px;border-radius:100px;cursor:pointer;font-size:10px;font-weight:700;padding:5px 11px}.ai-reply .pill.primary{background:var(--primary);color:#fff}.ai-reply .pill.ghost{border:1px solid var(--line);background:#fff;color:#3a4054}.post-composer{position:relative;display:flex;height:100%;flex-direction:column;gap:9px;overflow:hidden;border:1px solid var(--line-2);border-radius:10px;background:#fff;padding:12px}.pc-head{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line-2);padding-bottom:9px}.pc-head .pc-ic{display:grid;width:20px;height:20px;flex-shrink:0;place-items:center;border-radius:6px;background:#eef2fb;color:var(--primary)}.pc-head .pc-ttl{color:var(--dark);font-size:11.5px;font-weight:700}.pc-head .pc-status{position:relative;display:inline-flex;width:84px;height:18px;align-items:center;justify-content:center;margin-left:auto;border-radius:100px;background:#f3f5f9;color:var(--gray);font-size:9.5px;font-weight:700;letter-spacing:.02em;padding:3px 9px;text-transform:uppercase;animation:statusFlip 0s 3.7s forwards}.pc-head .pc-status .lbl-default,.pc-head .pc-status .lbl-done{position:absolute;top:50%;right:0;left:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;transform:translateY(-50%)}.pc-head .pc-status .dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor}.pc-head .pc-status .lbl-default{animation:lblFade 0s 3.7s forwards}.pc-head .pc-status .lbl-done{opacity:0;animation:lblFadeIn 0s 3.7s forwards}.pc-preview{display:grid;grid-template-columns:62px 1fr;align-items:stretch;grid-gap:10px;gap:10px;opacity:0;animation:pcFade .45s ease-out .3s forwards}.pc-preview-img{position:relative;display:flex;height:62px;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#16397f,#1b4ef5);color:#fff;font-size:8px;font-weight:800;letter-spacing:.1em;line-height:1.2;padding:6px;text-align:center}.pc-preview-img:after{position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,hsla(0,0%,100%,.22),transparent 55%);content:"";pointer-events:none}.pc-preview-body{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:4px}.pc-caption{display:-webkit-box;overflow:hidden;color:var(--dark);font-size:10.5px;font-weight:500;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.pc-hash{color:var(--primary);font-size:9.5px;font-weight:700}.pc-field{display:flex;min-height:24px;align-items:center;gap:10px}.pc-field .lbl{width:54px;flex-shrink:0;color:var(--gray);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.pc-field .val{display:flex;min-width:0;flex:1 1;flex-wrap:wrap}.pc-chan,.pc-field .val{align-items:center;gap:5px}.pc-chan{display:inline-flex;border:1px solid var(--line-2);border-radius:100px;background:#f3f5f9;color:var(--gray);font-size:9.5px;font-weight:700;padding:3px 9px 3px 4px}.pc-chan .ch{width:13px;height:13px;border-radius:3px;font-size:7.5px;opacity:.45}.pc-chan .check{display:inline-flex;width:0;height:11px;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:var(--green);color:#fff;opacity:0}.pc-chan .check svg{width:7px;height:7px;flex-shrink:0}.pc-chan.c1{animation:chanPick .9s ease-in-out 1.5s forwards}.pc-chan.c2{animation:chanPick .9s ease-in-out 1.8s forwards}.pc-chan.c3{animation:chanPick .9s ease-in-out 2.1s forwards}.pc-chan.c1 .ch{animation:chanIcon .9s ease-in-out 1.5s forwards}.pc-chan.c2 .ch{animation:chanIcon .9s ease-in-out 1.8s forwards}.pc-chan.c3 .ch{animation:chanIcon .9s ease-in-out 2.1s forwards}.pc-chan.c1 .check{animation:chanCheck .4s ease-out 1.5s forwards}.pc-chan.c2 .check{animation:chanCheck .4s ease-out 1.8s forwards}.pc-chan.c3 .check{animation:chanCheck .4s ease-out 2.1s forwards}@keyframes chanPick{0%{background:#f3f5f9;border-color:var(--line-2);color:var(--gray);transform:scale(1)}40%{transform:scale(1.08)}to{background:#fff;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);color:var(--dark);transform:scale(1)}}@keyframes chanIcon{to{opacity:1}}@keyframes chanCheck{to{width:11px;margin-right:3px;opacity:1}}.pc-date{display:inline-flex;align-items:center;gap:6px;border-radius:100px;background:#eef2fb;color:var(--primary);font-size:10px;font-weight:700;opacity:0;padding:4px 10px;white-space:nowrap;animation:pcFade .4s ease-out 2.4s forwards}.pc-date .tz{color:var(--gray);font-weight:600}.pc-btn{position:relative;display:flex;height:34px;align-items:center;justify-content:center;gap:6px;overflow:hidden;margin-top:auto;border:0;border-radius:100px;background:var(--primary);color:#fff;cursor:pointer;font-family:Raleway,Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:-.005em;opacity:0;animation:pcFade .4s ease-out 2.7s forwards,btnClick .5s ease-in-out 3.4s 1 forwards,btnSuccess .5s ease-out 3.7s forwards}.pc-btn .lbl-default,.pc-btn .lbl-done{position:absolute;display:flex;align-items:center;gap:6px}.pc-btn .lbl-default{opacity:1;animation:lblFade .25s ease-out 3.55s forwards}.pc-btn .lbl-done{opacity:0;animation:lblFadeIn .35s ease-out 3.75s forwards}@keyframes btnClick{0%{box-shadow:0 0 0 0 rgba(27,78,245,.5);transform:scale(1)}50%{box-shadow:0 0 0 5px rgba(27,78,245,.15);transform:scale(.96)}to{transform:scale(1)}}@keyframes btnSuccess{to{background:var(--green)}}@keyframes lblFade{to{opacity:0}}@keyframes lblFadeIn{to{opacity:1}}@keyframes pcFade{to{opacity:1}}@keyframes statusFlip{0%{background:#f3f5f9;color:var(--gray)}to{background:#e6f4ed;color:var(--green)}}.support-ops{display:flex;height:100%;flex-direction:column;gap:8px}.ops-head{display:flex;align-items:center;gap:6px;color:var(--gray);font-size:10.5px;font-weight:600;padding:0 2px}.ops-head .ttl{color:var(--dark);font-size:11px;font-weight:700}.ops-head .live{margin-left:auto;font-size:9px;padding:2px 8px 2px 7px}.ops-tickets{display:flex;flex-direction:column;gap:5px}.ops-row{position:relative;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;grid-gap:8px;gap:8px;overflow:hidden;border:1px solid var(--line-2);border-radius:9px;background:#fff;font-size:10.5px;opacity:0;padding:7px 10px;animation:opsRowIn .45s cubic-bezier(.22,.61,.36,1) forwards}.ops-row:first-child{animation-delay:.15s}.ops-row:nth-child(2){animation-delay:.35s}.ops-row:nth-child(3){animation-delay:.55s}@keyframes opsRowIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ops-row .id{color:var(--gray);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;font-weight:600}.ops-row .ttl-row{min-width:0;overflow:hidden;color:var(--dark);font-size:10.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.ops-row .ttl-row .who{margin-left:3px;color:var(--gray);font-weight:500}.ops-row .agent{width:18px;height:18px;flex-shrink:0;font-size:8.5px}.ops-row .sla{flex-shrink:0;gap:4px;border-radius:100px;font-size:9px;font-weight:700;padding:2px 8px;white-space:nowrap}.ops-row .sla,.ops-row .sla .ic{display:inline-flex;align-items:center}.ops-row .sla.urgent{background:#fbe9ec;color:var(--rose)}.ops-row .sla.urgent .dot{width:5px;height:5px;border-radius:50%;background:var(--rose);animation:slaPulse 1.1s ease-in-out infinite}.ops-row .sla.warn{background:#fff3dc;color:var(--amber)}.ops-row .sla.ok{background:#e6f4ed;color:var(--green)}@keyframes slaPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.ops-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:6px;gap:6px;margin-top:auto}.ops-mtile{border:1px solid var(--line-2);border-radius:9px;background:linear-gradient(180deg,#fbfcfe,#fff);opacity:0;padding:8px 10px;animation:opsRowIn .5s cubic-bezier(.22,.61,.36,1) forwards}.ops-mtile:first-child{animation-delay:.85s}.ops-mtile:nth-child(2){animation-delay:1s}.ops-mtile:nth-child(3){animation-delay:1.15s}.ops-mtile .lb{color:var(--gray);font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ops-mtile .vl{margin-top:2px;color:var(--dark);font-size:18px;font-weight:700;letter-spacing:-.025em;line-height:1.1}.ops-mtile .vl small{margin-left:1px;color:var(--gray);font-size:10px;font-weight:600}.ops-mtile .dt{display:inline-flex;align-items:center;gap:3px;margin-top:2px;color:var(--green);font-size:9.5px;font-weight:700}.ops-mtile .dt.muted{color:var(--gray)}.ops-mtile.sat .sat-row{display:flex;align-items:baseline;gap:5px;margin-top:1px}.ops-mtile.sat .sat-row .vl{margin-top:0;font-size:16px}.ops-mtile.sat .sat-row .max{color:var(--gray);font-size:9.5px;font-weight:600}.ops-mtile.sat .stars{position:relative;display:inline-block;width:67px;margin-top:3px;color:#e6eaf2;font-family:Arial,sans-serif;font-size:11px;letter-spacing:1px;line-height:1}.ops-mtile.sat .stars .track{display:inline-block}.ops-mtile.sat .stars .fill{position:absolute;top:0;left:0;width:0;overflow:hidden;color:#c8861a;white-space:nowrap;animation:fillStars 1.1s cubic-bezier(.22,.61,.36,1) 1.2s forwards}@keyframes fillStars{to{width:97.2%}}@media (max-width:1080px){.pillars{grid-template-columns:1fr}.pillars-section .section-title{white-space:normal}}@media (max-width:560px){.pillars-section{padding:80px 0}.pillars-section .section-head{margin-bottom:40px}.pillars-section .section-title{font-size:34px;line-height:1.08}.pillars-section .section-sub{font-size:15px}.pillar{min-height:0;padding:24px}.pillar h3{font-size:24px}.ops-row,.uib-row{grid-template-columns:auto 1fr auto}.ops-row .agent,.uib-row .tg{display:none}.ops-metrics{grid-template-columns:1fr}}.ms-side .ms-item .ic{width:16px;height:16px;flex-shrink:0;margin-right:8px}.ms-side .ms-item{display:flex;align-items:center}.conv-source-badge{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:var(--r-pill,999px);font-weight:700;line-height:1;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:none;animation:none}.conv-source-badge-sm{min-height:16px;height:18px;padding:2px 8px;font-size:11px;gap:4px}.conv-source-badge-md{min-height:22px;height:24px;padding:4px 10px;font-size:12px;gap:6px}.conv-source-badge-icon{display:inline-grid;place-items:center;flex-shrink:0;font-weight:800;line-height:1}.conv-source-badge-sm .conv-source-badge-icon{width:12px;height:12px;font-size:10px}.conv-source-badge-md .conv-source-badge-icon{width:16px;height:16px;font-size:12px}.conv-source-badge-text{display:inline-block;letter-spacing:0}.conv-source-badge-subtle{padding:2px 4px}.conv-source-badge-subtle.conv-source-badge-sm{width:18px;height:18px;padding:0;justify-content:center}.conv-source-badge-subtle.conv-source-badge-md{width:24px;height:24px;padding:0;justify-content:center}@media (max-width:360px){.conv-source-badge-text{display:none}}