.page-analytics,.page-snippets{overflow:auto;padding:20px;background:linear-gradient(180deg,hsla(0,0%,100%,.72),rgba(243,245,249,0) 220px),var(--bg)}.page-analytics .analytics-shell,.page-snippets .snippets-shell{max-width:none;margin:0;width:100%}.analytics-shell,.snippets-shell{display:grid;max-width:1440px;margin:0 auto;gap:var(--s-5)}.analytics-header,.snippets-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-5);border:1px solid #eaeaea;border-radius:var(--r-card);background:var(--white);box-shadow:0 1px 2px rgba(17,18,24,.04);padding:var(--s-6)}.snippets-hero-copy{min-width:0;flex:1;text-align:start}.snippets-hero .btn.btn-primary.btn-sm{flex-shrink:0;border-radius:100px}.analytics-title-block h1,.snippets-hero h1{color:var(--dark);font-size:30px;font-weight:900;line-height:1.1;text-align:start}.snippets-hero h1{font-weight:400}.analytics-title-block p,.snippets-hero p{max-width:680px;margin-top:var(--s-2);color:var(--gray);font-size:13px;font-weight:600;text-align:start}.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;text-align:start}.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:1px solid #eaeaea;border-radius:var(--r-card);background:var(--white);box-shadow:0 1px 2px rgba(17,18,24,.04);padding:var(--s-4)}.snippets-toolbar{display:grid;grid-template-columns:max-content minmax(280px,1fr);align-items:center;gap:var(--s-4)}.snippets-toolbar .snippet-search{width:100%;margin-inline-start:0}.analytics-tabs{display:flex;flex-wrap:wrap;gap:var(--s-2)}.analytics-filters,.snippet-filters{display:flex;align-items:end;gap:var(--s-3)}.snippet-filters{display:grid;grid-template-columns:repeat(2,minmax(150px,170px));align-items:center}.snippet-filters select{width:100%;text-align:start}.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;gap:var(--s-5)}.analytics-table-wrap,.snippets-table-card{overflow:hidden;border:1px solid #eaeaea;border-radius:var(--r-card);background:var(--white);box-shadow:0 1px 2px rgba(17,18,24,.04)}.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:start;text-transform:uppercase}.analytics-table tbody tr:hover,.snippets-table tbody tr:hover{background:#fafbfc}.analytics-table td,.analytics-table th{text-align:start}.analytics-post-cell,.snippet-title-cell{display:grid;min-width:220px;gap:4px}.analytics-post-cell strong,.snippet-title-cell strong{color:var(--dark);font-size:13px;font-weight:900}.snippet-title-cell strong{font-size:14px;font-weight:700;text-align:start}.analytics-post-cell span,.snippet-title-cell span{display:-webkit-box;overflow:hidden;color:var(--gray);font-size:12px;text-align:start;-webkit-box-orient:vertical;-webkit-line-clamp:2}.analytics-followers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));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;gap:var(--s-2);text-align:start}.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-inline-start: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));gap:var(--s-3);margin-top:var(--s-5)}.best-time-slot{display:grid;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}.snippet-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4)}.snippet-stat-card{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-height:96px;border:1px solid #eaeaea;border-radius:16px;background:var(--white);box-shadow:0 1px 2px rgba(17,18,24,.04);padding:18px 24px;transition:box-shadow .2s ease,border-color .2s ease}.snippet-stat-card:hover{border-color:#dcdcdc;box-shadow:0 2px 8px rgba(17,18,24,.06)}.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-content{display:grid;min-width:0;align-content:center;gap:2px;text-align:start}.snippet-stat-card small{display:block;overflow:hidden;color:var(--gray);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.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;text-align:start}.snippets-table-wrap{overflow-x:auto}.snippets-table td,.snippets-table th{text-align:start}.snippet-shortcut{direction:ltr;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-row{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.snippet-switch-label{color:var(--dark);font-size:12px;font-weight:700;white-space:nowrap}.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;inset-inline-start:3px;width:18px;height:18px;border-radius:var(--r-pill);background:var(--white);box-shadow:var(--shadow-sm);content:"";transition:inset-inline-start .15s}.snippet-switch input:checked+span{background:var(--success)}.snippet-switch input:checked+span:after{inset-inline-start:calc(100% - 21px);transform:none}.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:end;gap:var(--s-2)}.icon-btn.danger{color:var(--danger)}.icon-btn.danger:hover{background:var(--danger-bg)}.page-snippets[dir=rtl] .snippet-actions .icon-btn.danger svg{transform:scaleX(-1)}.snippet-empty-state{display:grid;justify-items:center;gap:var(--s-3);min-height:280px;align-content:center;text-align:center}.snippet-empty-state svg{color:var(--primary)}.snippet-empty-state .btn-primary svg{color:var(--white)}.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;gap:var(--s-5);padding:var(--s-6)}.snippet-form-main{display:grid;align-content:start;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;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;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;gap:var(--s-2)}.snippet-variable-list p{color:var(--gray);font-size:12px;font-weight:700}.snippet-variable-list button{display:grid;gap:3px;border:1px solid var(--gray-lighter);border-radius:var(--r-md);background:var(--white);padding:10px;text-align:start}.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:start;gap:var(--s-3);border-top:var(--border);background:#fafbfe;padding:var(--s-5) var(--s-6)}.snippet-picker-popover{position:absolute;inset-inline-end: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;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-inline-start: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:start}.snippet-picker-item.active,.snippet-picker-item:hover{background:var(--primary-04)}.snippet-picker-item.active{box-shadow:none;border-inline-start:3px solid var(--primary)}.snippet-picker-item-main{display:grid;min-width:0;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;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;gap:var(--s-2)}.snippet-picker-preview-status div{display:grid;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;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;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;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}}.z-analytics{display:grid;gap:18px;width:100%;max-width:none;margin:0;color:#0f172a}.z-analytics-toolbar,.z-card{border:1px solid #dce4f0;border-radius:18px;background:#fff;box-shadow:0 14px 28px rgba(24,39,75,.04)}.z-analytics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px}.z-date-range,.z-toolbar-actions{display:flex;align-items:center;gap:7px;min-width:0}.z-date-range{flex:0 0 auto;color:#5f6f8a}.z-toolbar-actions{flex:1 1 auto;justify-content:end;flex-wrap:wrap}.z-date-range label{display:flex;align-items:center;gap:5px;min-width:0;color:#5f6f8a;font-size:11px;font-weight:700}.z-date-range input,.z-toolbar-actions select{height:34px;min-height:34px;border:1px solid #dce4f0;border-radius:10px;background:#fff;color:#203452;font-size:12px;font-weight:800;line-height:1;padding:0 11px;white-space:nowrap;text-align:start}.z-date-range input[type=date]{direction:ltr}.z-date-range input{width:142px}.z-toolbar-actions select{flex:0 0 112px;width:112px;max-width:112px;padding-block:0;padding-inline:11px 30px}.z-toolbar-actions select[aria-label="Sort analytics"]{flex-basis:102px;width:102px;max-width:102px}.z-refresh,.z-tab{display:inline-flex;height:34px;align-items:center;justify-content:center;border:1px solid #dce4f0;border-radius:10px;background:#fff;color:#52627a;font-size:12px;font-weight:800;line-height:1;padding:0 13px;white-space:nowrap}.z-tab{min-width:62px}.z-tab:nth-of-type(4){min-width:86px}.z-refresh:hover,.z-tab.active{border-color:#1d4ed8;background:#1d4ed8;color:#fff}.z-card{padding:22px}.z-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.z-section-head>div{min-width:0;text-align:start}.z-section-head h2{color:#071225;font-size:16px;font-weight:800;line-height:1.2}.z-section-head p{margin-top:6px;color:#69778d;font-size:12px;font-weight:500;line-height:1.45}.z-section-head>span{display:inline-flex;min-height:28px;align-items:center;border:1px solid #dce4f0;border-radius:999px;color:#52627a;font-size:12px;font-weight:700;padding:0 12px;white-space:nowrap}.z-impact-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.z-impact-card{min-height:104px;border:1px solid #e1e7f0;border-radius:14px;background:#fff;padding:14px;animation:zCardIn .45s ease both}.z-impact-card.primary{border-color:transparent;background:linear-gradient(135deg,#1d4ed8,#173f91);color:#fff}.z-impact-card div{display:flex;align-items:center;justify-content:space-between;gap:8px}.z-impact-card span{color:inherit;font-size:11px;font-weight:700;opacity:.82;text-align:start}.z-impact-card strong{display:block;margin-top:18px;color:inherit;font-size:20px;font-weight:800}.z-overview-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:stretch;gap:18px}.z-overview-grid>.z-card{display:flex;min-height:254px;flex-direction:column}.z-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.z-mini-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.z-mini-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.z-mini-stat{min-height:74px;border:1px solid #dce4f0;border-radius:14px;background:#fff;padding:13px 14px;text-align:start}.z-mini-stat span{display:block;color:#203452;font-size:12px;font-weight:700}.z-mini-stat strong{display:block;margin-top:12px;color:#001a45;font-size:18px;font-weight:800}.z-donut-layout{display:grid;grid-template-columns:minmax(132px,150px) minmax(0,1fr);align-items:center;flex:1;gap:18px;min-height:164px}.z-donut{position:relative;width:138px;aspect-ratio:1;border-radius:50%;animation:zSpinIn .8s ease both;justify-self:center}.z-donut.compact{width:118px}.z-donut:before{position:absolute;inset:20px;border-radius:50%;background:#fff;content:""}.z-donut div{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center}.z-donut strong{color:#0f172a;font-size:20px;font-weight:900;line-height:1}.z-donut span{margin-top:4px;color:#66758d;font-size:11px;font-weight:700}.z-donut-legend{display:grid;align-content:center;gap:10px;min-width:0}.z-donut-legend div{display:grid;grid-template-columns:10px minmax(0,1fr) minmax(26px,auto);align-items:center;gap:8px;color:#53627a;font-size:12px;min-height:28px}.z-donut-legend span{width:10px;height:10px;border-radius:50%}.z-donut-legend strong{overflow:hidden;color:#203452;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.z-donut-legend em{color:#8491a5;font-style:normal;font-weight:700}.z-feature-grid,.z-rewards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.z-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.z-feature-group,.z-reward-panel{min-height:110px;border:1px solid #dce4f0;border-radius:14px;background:#fff;padding:16px}.z-reward-panel.active{border-color:transparent;background:linear-gradient(135deg,#1d4ed8,#173f91);color:#fff}.z-feature-group h3,.z-reward-panel span{color:inherit;font-size:12px;font-weight:800}.z-reward-panel strong{display:block;margin:14px 0 8px;color:inherit;font-size:21px;font-weight:900}.z-reward-panel p{color:inherit;font-size:11px;font-weight:600;line-height:1.4;opacity:.72}.z-feature-group div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.z-feature-group span{display:grid;gap:6px}.z-feature-group small{overflow:hidden;color:#78869b;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.z-feature-group strong{color:#061a3c;font-size:15px;font-weight:800}.z-chart-legend{display:flex;align-items:center;gap:12px;color:#52627a;font-size:11px;font-weight:800}.z-chart-legend span{display:inline-flex;align-items:center;gap:6px}.z-chart-legend i{width:8px;height:8px;border-radius:50%}.z-chart-legend .blue{background:#2563eb}.z-chart-legend .green{background:#10b981}.z-chart{overflow:hidden;border:1px solid #e2e8f0;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff);padding:14px 16px 8px}.z-chart svg{display:block;width:100%;height:auto}.z-grid-lines line{stroke:#e7edf6;stroke-width:1}.z-area-path{fill:url(#zAreaBlue);opacity:0;animation:zFadeUp .8s ease .15s both}.z-line-path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;stroke-dasharray:1000;stroke-dashoffset:1000;animation:zDrawLine 1.1s ease forwards}.z-line-path.blue{stroke:#2563eb}.z-line-path.green{stroke:#10b981;stroke-width:2;animation-delay:.18s}.z-point{fill:#2563eb;opacity:0;animation:zFadeUp .35s ease .9s both}.z-chart-axis{display:flex;justify-content:space-between;gap:8px;color:#8390a3;font-size:10px;font-weight:700}.z-coupon-grid,.z-game-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:14px;margin-top:14px}.z-mini-area{overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#1d4ed8,#173f91);color:#fff;padding:16px}.z-mini-area strong{display:block;margin-bottom:10px;font-size:13px}.z-mini-area svg{width:100%}.z-mini-area .z-line-path{stroke:#fff}.z-mini-area .z-area-path{fill:hsla(0,0%,100%,.18)}.z-bars{display:grid;gap:11px;align-content:center}.z-bar-row{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(0,1fr) 54px;align-items:center;gap:10px}.z-bar-row b,.z-bar-row span{overflow:hidden;color:#31445f;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;text-align:start}.z-bar-row div{height:7px;overflow:hidden;border-radius:999px;background:#e8eef7}.z-bar-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#60a5fa);animation:zBarGrow .75s ease both}.z-best-time-list{display:grid;gap:10px}.z-best-time-list div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid #e2e8f0;border-radius:12px;padding:11px 12px}.z-best-time-list em,.z-best-time-list p,.z-best-time-list span{color:#68758a;font-size:12px;font-style:normal;font-weight:700}.z-best-time-list strong{color:#0f172a;font-size:13px;font-weight:900}.z-table-card{overflow:hidden}.z-table-wrap{overflow-x:auto}.z-analytics-loading{display:grid;gap:18px}.z-analytics-loading div{height:180px;border-radius:18px;background:linear-gradient(90deg,#eef1f7,#f8faff,#eef1f7);background-size:200% 100%;animation:skeletonShift 1.2s ease-in-out infinite}@keyframes zCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes zDrawLine{to{stroke-dashoffset:0}}@keyframes zFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes zSpinIn{0%{opacity:0;transform:rotate(-24deg) scale(.94)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes zBarGrow{0%{transform:scaleX(0);transform-origin:inline-start}to{transform:scaleX(1);transform-origin:inline-start}}@media (max-width:1180px){.z-feature-grid,.z-impact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.z-coupon-grid,.z-game-grid,.z-overview-grid{grid-template-columns:1fr}}@media (max-width:760px){.z-analytics-toolbar,.z-date-range,.z-section-head,.z-toolbar-actions{align-items:stretch;flex-direction:column}.z-donut-layout,.z-feature-grid,.z-impact-grid,.z-mini-grid,.z-mini-grid.five,.z-mini-grid.four,.z-rewards-grid{grid-template-columns:1fr}.z-donut-layout{justify-items:center}.z-toolbar-actions select,.z-toolbar-actions select[aria-label="Sort analytics"]{flex-basis:auto;width:100%;max-width:none}.z-bar-row,.z-best-time-list div{grid-template-columns:1fr}}.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%);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;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:sticky;top:0;z-index:50;background:rgba(243,245,249,.78);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;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;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;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;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{--app-sidebar-width:min(280px,calc(100vw - 48px));height:auto;min-height:100vh}.app,.app.is-sidebar-collapsed{grid-template-columns:1fr}.app-sidebar-column{position:static;width:0;height:0;overflow:visible}.app-sidebar-shell{position:fixed;top:0;inset-inline-start:0;z-index:110;width:var(--app-sidebar-width);height:100vh;height:100dvh;transform:translateX(-100%);border-inline-end:var(--border);border-radius:0 16px 16px 0;background:var(--white);box-shadow:18px 0 40px rgba(15,23,42,.14);transition:transform .28s cubic-bezier(.4,0,.2,1);will-change:transform}.app-sidebar-shell.is-expanded{transform:translateX(0);pointer-events:auto;visibility:visible}.app-sidebar-shell.is-collapsed{transform:translateX(-100%);pointer-events:none;visibility:hidden}.app[dir=rtl] .app-sidebar-shell{border-radius:16px 0 0 16px;box-shadow:-18px 0 40px rgba(15,23,42,.14)}.app[dir=rtl] .app-sidebar-shell.is-collapsed{transform:translateX(100%)}.app[dir=rtl] .app-sidebar-shell.is-expanded{transform:translateX(0)}.app-sidebar-shell .sidebar{width:100%;min-height:100%;height:100%;border-right:0;padding:var(--s-6) var(--s-4);overflow-y:auto;overscroll-behavior:contain}.app.is-mobile.is-sidebar-expanded .app-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:100;border:0;background:rgba(15,23,42,.42);cursor:pointer;padding:0;animation:app-sidebar-backdrop-in .28s ease}.app.is-mobile .sidebar-toggle{display:none}.app.is-mobile.is-sidebar-expanded .sidebar-toggle-mobile{display:grid;position:fixed;top:26px;z-index:120;width:32px;height:32px;border-radius:10px;color:var(--primary);border-color:#e2e8f0;box-shadow:0 4px 14px rgba(15,23,42,.1);pointer-events:auto;inset-inline-start:calc(var(--app-sidebar-width) - 14px);inset-inline-end:auto}.app[dir=rtl].is-mobile.is-sidebar-expanded .sidebar-toggle-mobile{inset-inline-start:auto;inset-inline-end:calc(100vw - var(--app-sidebar-width) - 14px)}.app.is-mobile .topbar-sidebar-toggle{display:grid;position:relative;z-index:40;width:44px;height:44px;flex-shrink:0}.app.is-mobile .main{width:100%}.main{min-height:100vh}.topbar{height:auto;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:var(--s-4)}.topbar-spacer{display:none}.topbar-sidebar-toggle{order:0;flex-shrink:0}.topbar>div:first-of-type{order:1;min-width:0;flex:1 1 calc(100% - 52px)}.topbar-sub,.topbar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-input{order:2;width:100%;flex:1 1 100%;min-width:0}.topbar>.tag-compact{order:3;flex:0 1 auto;min-width:0}.topbar>.icon-btn{order:4;flex-shrink:0}.topbar>.btn.btn-primary{order:5;flex:1 1 auto;min-width:0;max-width:100%}.page-inbox:not(.inbox-themed) .inbox{grid-template-columns:1fr;height:auto;min-height:calc(100dvh - 112px);overflow:visible}.page-inbox:not(.inbox-themed) .inbox-pane,.page-inbox:not(.inbox-themed) .inbox-thread{min-height:min(420px,50dvh);border-right:0;border-left:0;border-bottom:var(--border)}.page-inbox:not(.inbox-themed) .inbox-pane:last-child{border-bottom:0}.ticket-table-layout{grid-template-columns:1fr;gap:var(--s-4)}.ticket-table-toolbar{flex-wrap:wrap;justify-content:flex-start;gap:10px}.ticket-table-actions{width:100%;justify-content:flex-start}.ticket-detail-panel-header{flex-wrap:wrap;align-items:flex-start;gap:12px}.ticket-detail-panel-header>div{min-width:0;flex:1 1 auto}.ticket-detail-panel-subject{overflow-wrap:anywhere}.ticket-detail-activity-item>div:last-child{min-width:0;flex:1}.ticket-detail-activity-text{overflow-wrap:anywhere;line-height:1.4}.ticket-detail-panel-actions{grid-template-columns:1fr}.page-inbox.inbox-themed{overflow-x:hidden;overflow-y:auto}.page-inbox:not(.inbox-themed){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,.team-stat-grid,.team-table-head,.webhook-log-row{grid-template-columns:1fr}.team-table-head{display:none}.team-row{gap:14px;padding:18px}.team-table-footer,.team-toolbar,.team-toolbar-actions{align-items:stretch;flex-direction:column}.team-toolbar-actions{justify-content:stretch}.team-invite-modal-actions .btn,.team-toolbar-btn{width:100%}.team-invite-overlay{padding:16px}.team-invite-modal{max-height:calc(100vh - 32px);padding:18px}.team-invite-modal-actions{flex-direction:column-reverse}.team-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.team-tab{flex:0 0 auto}.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,.social-toolbar,.ticket-toolbar{align-items:stretch;flex-direction:column}.snippets-toolbar{grid-template-columns:1fr;align-items:stretch}.analytics-header,.snippets-hero{align-items:flex-start;flex-direction:column}.analytics-filters,.analytics-header-actions,.snippet-filters{width:100%;flex-wrap:wrap;grid-template-columns:repeat(2,minmax(0,1fr))}.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(--page-pad)}.topbar>.btn.btn-primary,.topbar>.icon-btn,.topbar>.tag-compact{flex:1 1 calc(50% - 6px);min-width:0}.ticket-table-btn,.ticket-table-btn-primary{flex:1 1 calc(50% - 5px);min-width:0}.ticket-status-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.ticket-status-tab{flex:0 0 auto}.composer-attachment,.grid-two{grid-template-columns:1fr}.msg{max-width:92%}}.automations-page{display:flex;flex-direction:column;gap:22px;overflow:auto;padding-bottom:36px}.automation-hero{display:none}.eyebrow{display:inline-flex;margin-bottom:var(--s-2);border-radius:var(--r-pill);background:#edf4ff;color:#164194;font-size:11px;font-weight:800;padding:4px 10px;text-transform:uppercase}.automation-flow-grid{order:1;display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px;border:1px solid #dce4f0;border-radius:18px;background:#fff;padding:18px;box-shadow:0 14px 28px rgba(24,39,75,.04)}.automation-flow-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:86px;border:1px solid #d9e2ef;border-radius:16px;background:#fff;padding:14px 16px;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}.automation-flow-card.active,.automation-flow-card:hover{border-color:#173f91;box-shadow:0 16px 30px rgba(23,63,145,.09);transform:translateY(-1px)}.flow-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#7f98c6;color:#fff;font-size:17px;font-weight:900}.automation-flow-card.active .flow-icon{background:#173f91}.flow-copy{display:grid;gap:3px;min-width:0}.flow-copy small{width:-moz-max-content;width:max-content;max-width:100%;border-radius:999px;background:#edf4ff;color:#6d83b7;font-size:9px;font-weight:800;line-height:1;padding:3px 7px}.flow-copy strong{overflow:hidden;color:#4f5d75;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.automation-flow-card.active .flow-copy strong{color:#13294f}.flow-copy em{display:-webkit-box;overflow:hidden;color:#93a0b2;font-size:11px;font-style:normal;font-weight:500;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.flow-switch{width:30px;height:18px;border-radius:999px;background:#e5eaf1;flex-shrink:0}.flow-switch:after{content:"";display:block;width:14px;height:14px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(21,32,55,.18);transition:transform .15s}.flow-switch.on{background:#173f91}.flow-switch.on:after{transform:translateX(12px)}.automation-metrics{order:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border:1px solid #dce4f0;border-radius:18px;background:#fff;padding:64px 24px 20px;position:relative;box-shadow:0 14px 28px rgba(24,39,75,.04)}.automation-metrics:before{content:"Report";position:absolute;top:22px;left:24px;color:#0f172a;font-size:16px;font-weight:700}.automation-metrics:after{content:"Delay-based reminders using your existing templates metrics and recent execution details.";position:absolute;top:46px;left:24px;right:24px;color:#68758a;font-size:12px}.automation-metric{min-height:78px;border:1px solid #dce4f0;border-radius:14px;background:#fff;padding:15px 16px}.automation-metric span{display:block;color:#233b68;font-size:12px;font-weight:600}.automation-metric strong{display:block;margin-top:14px;color:#001a45;font-size:18px;font-weight:700;line-height:1}.automation-layout{display:contents}.automation-layout>.card{overflow:visible;border:1px solid #dce4f0;border-radius:18px;background:#fff;box-shadow:0 14px 28px rgba(24,39,75,.04)}.automation-layout>.card:first-child{order:2}.automation-layout>.card:last-child{order:4}.automation-layout .card-header{align-items:center;border-bottom:0;padding:24px 26px 14px}.automation-layout .card-title{color:#0f172a;font-size:16px;font-weight:700}.automation-layout .card-sub{margin-top:8px;color:#68758a;font-size:12px;font-weight:500;line-height:1.45}.automation-card-actions{display:flex;align-items:center;gap:10px}.automation-count-pill{justify-content:center;min-height:26px;border:1px solid #dce4f0;background:#fff;color:#586982;font-size:12px;font-weight:600;padding:0 12px;white-space:nowrap}.automation-count-pill,.automation-disclosure{display:inline-flex;align-items:center;border-radius:999px}.automation-disclosure{gap:8px;color:#294066}.automation-executions-details{display:block}.automation-executions-summary{cursor:pointer;list-style:none}.automation-executions-summary::-webkit-details-marker{display:none}.automation-executions-summary:focus-visible{outline:2px solid rgba(23,63,145,.28);outline-offset:-6px}.automation-disclosure-arrow{width:9px;height:9px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);transition:transform .16s ease}.automation-executions-details[open] .automation-disclosure-arrow{transform:translateY(2px) rotate(225deg)}.automation-hero-actions .btn,.automation-layout .card-header .btn-sm{height:34px;min-height:34px;padding:0 18px;border-radius:999px;border:1px solid #d8e1ee;font-size:13px;font-weight:700}.automation-hero-actions .btn.btn-primary,.automation-layout .card-header .btn-primary{border-color:#173f91;background:#173f91;color:#fff}.automation-execution-list,.automation-rule-list{display:grid;gap:0}.automation-rule-list{max-width:100%;margin:14px 26px 26px;border:1px solid #cfdced;border-radius:14px;overflow-x:auto;overflow-y:visible;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65)}.automation-execution-list{padding:8px 26px 22px}.automation-execution,.automation-rule-row{display:grid;align-items:center;gap:14px;border:0;border-bottom:1px solid #e8eef6;border-radius:0;background:#fff;padding:15px 22px}.automation-rule-row{grid-template-columns:minmax(280px,1fr) minmax(86px,auto) minmax(76px,auto) minmax(76px,auto) minmax(88px,auto);min-width:min(100%,760px)}.automation-execution{grid-template-columns:minmax(0,1fr) auto minmax(150px,auto);min-width:0}.automation-table-head{min-height:40px;border-bottom:1px solid #dbe5f2;border-radius:0;color:#294066;font-size:12px;font-weight:700;padding-top:12px;padding-bottom:12px}.automation-table-head+.automation-execution,.automation-table-head+.automation-rule-row{border-top:0}.automation-execution:last-child,.automation-rule-row:last-child{border-bottom:0;border-radius:0}.automation-execution strong,.automation-rule-row strong{display:block;overflow:hidden;color:#0f172a;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.automation-execution>:first-child,.automation-rule-row>:first-child{min-width:0}.automation-rule-row .btn{min-width:76px;padding-inline:14px}.automation-rule-row .status-pill{justify-self:start}.automation-execution span,.automation-execution time,.automation-rule-row small,.automation-rule-row span{overflow:hidden;color:#68758a;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.status-pill{width:-moz-max-content;width:max-content;border-radius:999px;background:#f2f5f9;color:#68758a;font-size:11px;font-weight:800;padding:5px 10px;text-transform:uppercase}.status-pill.good{background:#dcfce7;color:#047857}.status-pill.bad{background:#fee2e2;color:#b91c1c}.automation-empty,.automation-note{border:1px solid #dce4f0;border-radius:14px;color:#91a0b6;font-size:13px;font-weight:600;margin:0;padding:28px;text-align:center}.automation-execution-list .automation-empty,.automation-rule-list .automation-empty{min-height:64px}.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;gap:var(--s-4);width:min(760px,100%);max-height:min(820px,92vh);overflow:auto;border-radius:18px;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));gap:var(--s-3)}@media (max-width:1240px){.automation-flow-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.automation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.automation-flow-grid,.automation-metrics,.grid-three{grid-template-columns:1fr}.automation-card-actions,.automation-layout .card-header,.modal-actions,.modal-head{align-items:stretch;flex-direction:column}.automation-layout .card-header{gap:14px}.automation-execution,.automation-rule-row{min-width:0;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;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;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;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;flex-direction:column;gap:5px}.uib-row{display:grid;grid-template-columns:14px auto auto 1fr 20px;align-items:center;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;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;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;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;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;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}}