:root{--navy:#101a2d;--navy-2:#182742;--ink:#172235;--muted:#718096;--muted-2:#97a3b2;--line:#e8edf1;--surface:#fff;--canvas:#f7f8f7;--coral:#f26b4f;--coral-soft:#fff0ec;--green:#55ad83;--green-soft:#eaf7f0;--blue:#4c89db;--blue-soft:#edf4ff;--yellow:#d69d3e;--red:#d85c63;--red-soft:#fff0f1;--shadow:0 14px 38px rgba(22,34,53,.06);--radius:16px;font-family:'Manrope',system-ui,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);font-size:13px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}h1,h2,h3,p{margin:0}h1,h2,h3,strong{letter-spacing:-.035em}.muted{color:var(--muted)}.eyebrow{font:500 10px/1.2 'IBM Plex Mono',monospace;letter-spacing:.13em;color:#99a4b1}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:19px;letter-spacing:-.055em}.brand>span:last-child>span{color:#f89076}.brand-mark{width:29px;height:29px;border-radius:10px 10px 10px 3px;background:var(--coral);display:grid;place-items:center;color:#fff;font:800 16px/1 Manrope;box-shadow:0 6px 14px rgba(242,107,79,.28);position:relative}.brand-mark:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#ffc3b5;right:4px;top:4px}.brand-lg{font-size:24px}.brand-lg .brand-mark{width:38px;height:38px;font-size:20px;border-radius:13px 13px 13px 4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:11px 16px;font-weight:700;white-space:nowrap;transition:.2s ease;border:1px solid transparent}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--coral);color:#fff;box-shadow:0 6px 16px rgba(242,107,79,.2)}.btn.primary:hover{background:#e85d43;box-shadow:0 8px 20px rgba(242,107,79,.27)}.btn.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.btn.secondary:hover{border-color:#cdd6de;background:#fbfcfc}.btn.small{padding:8px 12px;font-size:12px}.btn-block{width:100%}.btn.danger-ghost{color:var(--red);background:#fff;border-color:#f2d3d6}.text-link{color:var(--coral);font-weight:700;font-size:12px}.text-link span{margin-left:5px}.icon-btn{display:inline-grid;place-items:center;background:transparent;color:var(--muted);width:34px;height:34px;border-radius:9px;transition:.2s}.icon-btn:hover{background:#f1f4f5;color:var(--ink)}.icon-btn svg{width:17px;height:17px}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:5px 9px;background:var(--green-soft);color:#338060;font-size:11px;font-weight:700;white-space:nowrap}.status-pill.error{background:var(--red-soft);color:#bd4e58}.status-pill.neutral{background:#f1f3f5;color:#758294}.status-dot,.online-dot,.pulse-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green)}.online-dot{width:7px;height:7px;box-shadow:0 0 0 3px rgba(85,173,131,.13)}.pulse-dot{box-shadow:0 0 0 3px rgba(85,173,131,.16);animation:pulse 2s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(85,173,131,.14)}50%{box-shadow:0 0 0 6px rgba(85,173,131,.03)}}.app-body{min-height:100vh;background:var(--canvas)}.sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;width:252px;background:var(--navy);color:#bac7d7;padding:24px 15px 15px;display:flex;flex-direction:column;overflow:auto}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 10px 26px}.workspace-switcher{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px;margin:0 2px 28px}.workspace-avatar,.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#ef9c83;color:#fff;font-size:11px;font-weight:800}.workspace-copy{display:flex;flex:1;flex-direction:column;min-width:0}.workspace-copy strong{font-size:11px;color:#f0f3f7;letter-spacing:-.02em}.workspace-copy small{font-size:9px;color:#71829a;margin-top:2px}.chevron{color:#738198;font-size:15px}.nav-label{font:500 9px/1.2 'IBM Plex Mono',monospace;letter-spacing:.15em;color:#65748b;padding:0 11px;margin:0 0 9px}.sidebar nav{display:grid;gap:3px;margin-bottom:25px}.nav-item{height:40px;display:flex;align-items:center;gap:12px;padding:0 11px;color:#9dacbf;border-radius:9px;font-size:12px;font-weight:600;transition:.2s}.nav-item svg{width:16px;height:16px;stroke-width:1.8}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:#fff;color:var(--navy);box-shadow:0 7px 18px rgba(0,0,0,.16)}.nav-item.active svg{color:var(--coral)}.nav-item kbd{margin-left:auto;font:10px 'IBM Plex Mono';color:#b2bac3}.sidebar-bottom{margin-top:auto}.health-card{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:13px;margin:0 2px 14px;background:rgba(255,255,255,.035)}.health-head{display:flex;justify-content:space-between;font-size:10px;color:#f0f3f7;margin-bottom:11px}.health-line{display:flex;justify-content:space-between;color:#8696ab;font-size:10px;margin-top:7px}.health-line strong{color:#72c493;font-size:10px;letter-spacing:0}.health-progress{height:3px;background:rgba(255,255,255,.08);border-radius:5px;margin-top:12px;overflow:hidden}.health-progress span{display:block;height:100%;width:86%;background:var(--green);border-radius:5px}.mobile-close,.mobile-menu,.mobile-overlay{display:none}.main-content{margin-left:252px;min-height:100vh}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:sticky;top:0;z-index:10}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#a1acb8;font-size:12px}.breadcrumbs svg{width:13px}.breadcrumbs strong{color:var(--ink);font-size:12px}.top-actions{display:flex;align-items:center;gap:9px}.top-divider{height:22px;width:1px;background:var(--line);margin:0 10px}.help-btn{width:25px;height:25px;border-radius:50%;border:1px solid #d5dce1;background:#fff;color:#83909e;font-weight:800}.user-menu{display:flex;align-items:center;gap:8px;margin-left:7px}.user-menu .avatar{width:30px;height:30px;background:#1b2c47}.user-name{font-size:12px;font-weight:700}.page-wrap{max-width:1440px;padding:36px 42px 20px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px;gap:20px}.page-heading h1{font-size:28px;line-height:1.15;margin:8px 0 7px;color:var(--navy)}.page-heading h1 em{font-style:normal;color:var(--coral)}.page-heading p{font-size:13px}.heading-actions{display:flex;gap:9px}.wave{font-size:31px;color:var(--coral);display:inline-block;transform:rotate(-18deg);margin-left:4px}.connection-strip{display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;border-radius:15px;padding:14px 18px 14px 15px;margin-bottom:22px;box-shadow:0 12px 25px rgba(16,26,45,.1)}.connection-intro{display:flex;align-items:center;gap:11px}.connection-icon{width:34px;height:34px;border-radius:10px;background:rgba(242,107,79,.17);color:#fa9b84;display:grid;place-items:center;font-size:18px}.connection-intro strong{font-size:12px;letter-spacing:-.01em}.connection-intro p{font-size:10px;color:#8593a8;margin-top:2px}.connection-items{display:flex;align-items:center;gap:32px;margin-left:auto;margin-right:35px}.connection-item{display:flex;align-items:center;gap:8px}.service-logo{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:900;font-size:12px}.clickup-logo{background:#fff;color:#f26b4f}.ticketz-logo{background:#55ad83;color:#fff}.connection-item div{display:flex;flex-direction:column}.connection-item small{color:#7e8da3;font-size:9px}.connection-item strong{font-size:11px}.connection-item .online-dot{margin-left:4px}.strip-time{font:9px 'IBM Plex Mono';color:#74849a}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;min-height:151px;padding:17px 18px;position:relative;overflow:hidden;box-shadow:0 3px 9px rgba(20,35,52,.018)}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);transition:.2s}.stat-head{display:flex;align-items:center;justify-content:space-between;color:#788593;font-size:11px}.stat-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font-size:14px;font-weight:800}.stat-icon.coral{background:var(--coral-soft);color:var(--coral)}.stat-icon.green{background:var(--green-soft);color:var(--green)}.stat-icon.red{background:var(--red-soft);color:var(--red)}.stat-icon.blue{background:var(--blue-soft);color:var(--blue)}.stat-number{color:var(--navy);font-size:29px;line-height:1;font-weight:800;letter-spacing:-.07em;margin-top:17px}.stat-foot{display:flex;align-items:center;gap:7px;margin-top:14px;color:#9aa5b0;font-size:10px}.trend{font-weight:800}.trend.up{color:var(--green)}.trend.down{color:var(--red)}.trend.neutral{color:#8b98a5}.sparkline{position:absolute;bottom:0;right:11px;height:50px;width:77px;display:flex;align-items:flex-end;gap:4px;opacity:.62}.sparkline i{display:block;width:5px;background:linear-gradient(var(--coral),#ffb4a1);border-radius:5px 5px 0 0}.mini-ring{position:absolute;right:18px;bottom:20px;width:47px;height:47px;display:grid;place-items:center}.mini-ring svg{position:absolute;width:47px;height:47px}.mini-ring span{font:700 9px 'IBM Plex Mono';color:var(--green)}.error-bars{position:absolute;bottom:18px;right:18px;height:36px;display:flex;align-items:flex-end;gap:4px}.error-bars i{width:5px;height:14px;background:#f3d5d6;border-radius:4px}.error-bars i:nth-child(2){height:23px}.error-bars i:nth-child(4){height:18px}.error-bars i:nth-child(6){height:26px}.error-bars i.hot{background:#e77b80;height:30px}.avatar-stack{position:absolute;bottom:18px;right:16px;display:flex}.avatar-stack span{width:24px;height:24px;border-radius:50%;background:#f7d8ce;border:2px solid #fff;display:grid;place-items:center;font-size:7px;font-weight:800;color:#b65a49;margin-left:-5px}.avatar-stack span:nth-child(2){background:#dbe8fc;color:#4d7bbe}.avatar-stack span:nth-child(3){background:#d8f0e4;color:#4a946f}.avatar-stack span:nth-child(4){background:#edf0f2;color:#87919a}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.8fr);gap:14px;margin-bottom:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 3px 9px rgba(20,35,52,.018)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:19px 20px 14px}.panel-header h2{font-size:14px;color:var(--navy)}.panel-header p{font-size:11px;color:#9aa5af;margin-top:4px}.activity-panel{min-height:332px}.activity-list{padding:0 20px 14px}.activity-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #f0f2f3}.activity-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}.activity-icon svg{width:14px;height:14px}.activity-icon.success{background:var(--green-soft);color:var(--green)}.activity-icon.error{background:var(--red-soft);color:var(--red)}.activity-icon.info{background:var(--blue-soft);color:var(--blue)}.activity-copy{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 8px;flex:1;min-width:0}.activity-copy strong{font-size:11px}.activity-copy span{font-size:11px;color:#435165;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-copy small{font-size:10px;color:#a3adb7;grid-column:1/-1}.activity-row time{font:10px 'IBM Plex Mono';color:#a4aeb8;white-space:nowrap}.quick-panel{min-height:332px}.spark-badge{width:28px;height:28px;border-radius:9px;background:var(--coral-soft);color:var(--coral);display:grid;place-items:center;font-weight:800}.quick-action{display:flex;align-items:center;gap:11px;padding:10px 20px;transition:.18s}.quick-action:hover{background:#fafafa}.quick-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-size:17px;font-weight:600}.quick-icon.coral{color:var(--coral);background:var(--coral-soft)}.quick-icon.navy{color:#586b8e;background:#eef2f8}.quick-icon.green{color:var(--green);background:var(--green-soft)}.quick-action span:nth-child(2){display:flex;flex-direction:column;flex:1}.quick-action strong{font-size:11px}.quick-action small{color:#a0aab4;font-size:10px;margin-top:2px}.quick-action .arrow{color:#a1abb5;font-size:15px}.tip-box{margin:12px 20px;padding:11px 12px;background:#fff8e9;border:1px solid #f8e8c8;border-radius:10px;display:flex;gap:9px}.tip-box>span{color:#d79f42}.tip-box p{font-size:10px;color:#9b7d42;line-height:1.6}.tip-box strong{color:#826126}.tip-box code{font:9px 'IBM Plex Mono';color:var(--coral);background:#ffefe5;padding:2px 4px;border-radius:3px}.bottom-insight{display:flex;min-height:163px;overflow:hidden;background:var(--navy);color:#fff;border:0;position:relative}.insight-copy{padding:23px 24px;z-index:1;width:49%}.insight-kicker{font:500 9px 'IBM Plex Mono';color:#8091a8;letter-spacing:.14em}.insight-copy h2{font-size:22px;line-height:1.15;margin:8px 0 8px}.insight-copy h2 em{font-style:normal;color:#fa9a81}.insight-copy p{color:#94a4b9;font-size:11px;max-width:310px;line-height:1.65;margin-bottom:14px}.insight-copy .text-link{color:#fa9a81}.insight-chart{flex:1;position:relative;padding:30px 30px 16px 0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.035) 100%);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.chart-labels{display:flex;justify-content:flex-end;align-items:baseline;gap:9px;padding-right:7px;color:#91a0b4;font-size:10px}.chart-labels strong{font-size:25px;color:#fff}.chart-bars{height:87px;display:flex;align-items:flex-end;justify-content:flex-end;gap:9px;padding:0 8px 0 60px;margin-top:5px}.chart-bars i{width:16px;min-height:15px;background:linear-gradient(#f89378,rgba(242,107,79,.1));border-radius:7px 7px 0 0}.chart-bars i:nth-last-child(-n+3){background:linear-gradient(#61c08f,rgba(85,173,131,.1))}.chart-axis{display:flex;justify-content:flex-end;gap:28px;color:#65778e;font:9px 'IBM Plex Mono';padding:6px 5px 0 0}.toast{position:fixed;z-index:50;top:88px;right:34px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:11px 14px;border-radius:10px;font-size:12px;animation:slide-in .25s ease}.toast svg{width:16px}.toast-success svg{color:var(--green)}.toast-error svg{color:var(--red)}@keyframes slide-in{from{transform:translateY(-7px);opacity:0}to{transform:none;opacity:1}}.app-footer{display:flex;align-items:center;gap:20px;padding:30px 0 10px;color:#a2acb6;font-size:10px}.app-footer span:nth-child(2){color:#5eaa80}.app-footer span:nth-child(2)::first-letter{color:#55ad83}.app-footer a{margin-left:auto;color:#8996a4}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:-5px 0 15px}.toolbar-right{display:flex;align-items:center;gap:16px}.search-box{height:39px;min-width:280px;border:1px solid var(--line);background:#fff;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#a5afba}.search-box input{border:0;outline:0;flex:1;color:var(--ink);font-size:11px}.search-box input::placeholder{color:#a5afba}.search-box.compact{min-width:190px;height:34px}.filter-btn{height:36px;background:#fff;border:1px solid var(--line);border-radius:8px;color:#657384;padding:0 11px;font-size:11px}.result-count{color:#95a0ac;font-size:11px}.result-count strong{color:var(--ink)}.table-panel{overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:780px}th{text-align:left;color:#9da8b2;font:500 9px 'IBM Plex Mono';letter-spacing:.06em;text-transform:uppercase;padding:15px 20px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:13px 20px;border-bottom:1px solid #f0f2f3;font-size:11px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfd}.person-cell{display:flex;align-items:center;gap:10px}.person-cell>div{display:flex;flex-direction:column;min-width:0}.person-cell strong{font-size:11px}.person-cell small{color:#9ca7b2;font-size:9px;margin-top:3px;white-space:nowrap}.table-avatar{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:9px;font-weight:800;flex:0 0 auto}.color-1{background:#f9ded5;color:#bc654f}.color-2{background:#dce9fc;color:#4a78b7}.color-3{background:#dff3e7;color:#478d6b}.color-4{background:#eee1f5;color:#8a5fa1}code{font-family:'IBM Plex Mono',monospace;color:#77879a;font-size:10px}.phone-cell{color:#5a6979}.pref-chip{font-size:10px;color:#4e8e70;background:var(--green-soft);padding:5px 7px;border-radius:6px;white-space:nowrap}.row-more{letter-spacing:2px;font-weight:800}.inline-note{display:flex;align-items:center;gap:10px;color:#83909e;background:#fff;padding:12px 15px;border:1px solid var(--line);border-radius:11px;margin-top:14px;font-size:10px}.inline-note>span:first-child{color:var(--coral);font-size:17px}.inline-note a{margin-left:auto;color:var(--coral);font-weight:700;white-space:nowrap}.messages-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px}.template-list{min-height:565px}.live-pill{display:flex;align-items:center;gap:6px;color:#55a77e;font:9px 'IBM Plex Mono'}.template-row{display:flex;width:100%;align-items:center;gap:10px;text-align:left;padding:13px 20px;background:transparent;border-top:1px solid #f0f2f3;transition:.15s}.template-row:hover{background:#fafbfb}.template-row.selected{background:#fff5f2;box-shadow:inset 3px 0 var(--coral)}.template-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}.template-icon svg{width:14px}.template-icon.coral{background:var(--coral-soft);color:var(--coral)}.template-icon.navy{background:#eef2f8;color:#607494}.template-icon.green{background:var(--green-soft);color:var(--green)}.template-row-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.template-row-copy strong{font-size:11px}.template-row-copy small{font-size:9px}.template-row-copy code{color:#9aa5af;font-size:8px}.active-label{font-size:9px;color:#55a77e}.template-editor{display:none}.template-editor.visible{display:block}.editor-panel{min-height:565px}.editor-head{display:flex;justify-content:space-between;padding:21px 24px 17px;border-bottom:1px solid var(--line)}.editor-head h2{font-size:16px;margin-top:6px}.editor-body{padding:19px 24px 12px}.editor-body label,.settings-form label,.modal-form label{display:block;color:#657486;font-size:11px;font-weight:700}.template-textarea,textarea,input,.select-field{width:100%;border:1px solid var(--line);border-radius:9px;background:#fbfcfc;color:var(--ink);outline:0;transition:.2s}.template-textarea{margin-top:9px;padding:14px;font:12px/1.75 'IBM Plex Mono',monospace;resize:vertical;min-height:184px}.template-textarea:focus,input:focus,textarea:focus{border-color:#f5a18f;box-shadow:0 0 0 3px rgba(242,107,79,.1)}.editor-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:11px}.char-count{margin-right:auto;color:#a5afb7;font:9px 'IBM Plex Mono'}.switch{position:relative;display:inline-block;width:36px!important;height:21px}.switch input{display:none}.switch span{position:absolute;inset:0;border-radius:20px;background:#dfe5e8;transition:.2s}.switch span:before{content:'';position:absolute;width:15px;height:15px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #adb8be}.switch input:checked+span{background:var(--green)}.switch input:checked+span:before{transform:translateX(15px)}.wildcard-section{border-top:1px solid var(--line);padding:17px 24px}.wildcard-head{display:flex;justify-content:space-between;align-items:start}.wildcard-head strong{font-size:11px}.wildcard-head small{display:block;color:#a1abb6;font-size:10px;margin-top:4px}.wildcard-head .text-link{font-size:10px}.wildcard-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.wildcard-chip{display:flex;align-items:center;gap:7px;border:1px solid #e4e9ec;background:#fafcfc;border-radius:7px;padding:6px 8px;transition:.15s}.wildcard-chip:hover{border-color:#f3b5a6;background:var(--coral-soft)}.wildcard-chip code{font-size:9px;color:var(--coral)}.wildcard-chip span{font-size:9px;color:#8c99a4}.wildcard-chip.more{color:var(--coral);font-weight:700;font-size:9px}.rules-intro{display:flex;align-items:center;justify-content:space-between;margin:-5px 0 19px;padding:14px 17px;background:#fff;border:1px solid var(--line);border-radius:11px}.rule-flow{display:flex;align-items:center;gap:12px}.flow-step{font-size:10px;color:#758291}.flow-step b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--coral-soft);color:var(--coral);font-size:9px;margin-right:5px}.flow-arrow{color:#c0c8cf}.rule-count{font-size:10px;color:#97a3ae}.rules-list{display:grid;gap:10px}.rule-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.rule-card-main{display:flex;align-items:flex-start;padding:17px 19px;gap:13px}.rule-badge{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}.rule-badge svg{width:17px}.rule-badge.coral{background:var(--coral-soft);color:var(--coral)}.rule-badge.green{background:var(--green-soft);color:var(--green)}.rule-badge.blue{background:var(--blue-soft);color:var(--blue)}.rule-copy{flex:1}.rule-title{display:flex;align-items:center;gap:9px}.rule-title h3{font-size:12px}.rule-logic{display:flex;align-items:center;gap:8px;margin-top:9px;color:#9ca7b2;font-size:10px}.rule-logic strong{color:#536275;font-size:10px}.logic-plus{color:#c2cad1}.rule-destinations{display:flex;gap:18px;margin-top:13px;color:#6d7c8c;font-size:10px}.rule-destinations span:first-child{color:#4d769f}.rule-destinations span:last-child{color:#5a9a77}.rule-card-main>.row-more{margin-left:auto}.rule-card-foot{display:flex;justify-content:space-between;padding:9px 19px;background:#fbfcfc;border-top:1px solid #f0f2f3;color:#a2adb6;font-size:9px}.event-summary{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:var(--green-soft);border:1px solid #d9eee1;border-radius:13px;margin:-5px 0 15px}.event-summary-title{display:flex;align-items:center;gap:11px}.status-ring{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green);font-weight:800;box-shadow:0 0 0 4px rgba(85,173,131,.12)}.event-summary-title strong{display:block;font-size:11px;color:#3e7558}.event-summary-title span{display:block;color:#719b82;font-size:10px;margin-top:3px}.event-kpis{display:flex;gap:22px;color:#6f987e;font-size:10px}.event-kpis strong{color:#3f7659;font-size:13px;margin-right:3px}.event-list{padding:0 20px 10px}.event-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #f0f2f3}.event-type-icon{width:28px;height:28px;border-radius:8px;background:var(--coral-soft);color:var(--coral);display:grid;place-items:center;font-weight:800}.event-name{display:flex;flex-direction:column;min-width:155px}.event-name strong{font-size:11px}.event-name code{font-size:8px;margin-top:3px;color:#a0abb5}.event-bar{height:7px;background:#f0f3f4;border-radius:6px;flex:1;min-width:100px;overflow:hidden}.event-bar span{height:100%;display:block;background:linear-gradient(90deg,#f6a18e,var(--coral));border-radius:6px}.event-count{font-size:11px;width:26px}.event-last{font-size:9px;color:#a0aab4;min-width:62px}.settings-save-hint{font-size:10px;color:#93a0ad;display:flex;align-items:center;gap:8px;margin-bottom:5px}.settings-layout{display:grid;grid-template-columns:206px minmax(0,1fr);gap:24px;align-items:start}.settings-nav{position:sticky;top:96px}.settings-tab{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;padding:10px 12px;border-radius:8px;color:#778595;text-align:left;font-size:11px;margin-bottom:2px}.settings-tab:hover{background:#fff}.settings-tab.active{background:#fff;color:var(--navy);font-weight:800;box-shadow:0 3px 10px rgba(20,35,52,.03)}.settings-tab.active span{color:var(--coral)}.settings-nav-foot{border-top:1px solid var(--line);margin-top:26px;padding:17px 12px}.settings-nav-foot strong{display:block;font-size:11px;margin-top:9px}.settings-nav-foot small{display:block;color:#9aa6b1;font-size:10px;margin-top:3px}.settings-content{min-width:0}.settings-section{display:none}.settings-section.visible{display:block;animation:fade-in .22s ease}@keyframes fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.setting-title{display:flex;align-items:center;gap:11px;margin-bottom:17px}.setting-title>.status-pill{margin-left:auto}.setting-title h2{font-size:15px}.setting-title p{font-size:11px;color:#98a3ad;margin-top:3px}.setting-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px}.setting-icon.coral{background:var(--coral-soft);color:var(--coral)}.setting-icon.green{background:var(--green-soft);color:var(--green)}.setting-icon.blue{background:var(--blue-soft);color:var(--blue)}.settings-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.setting-summary{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px}.summary-label{font:9px 'IBM Plex Mono';color:#9ca7b2;text-transform:uppercase;letter-spacing:.09em}.setting-summary strong{display:block;font-size:12px;margin:9px 0 9px}.setting-summary .status-pill{margin-bottom:14px}.setting-summary a{display:block;color:var(--coral);font-size:10px;font-weight:700}.callout{display:flex;align-items:center;gap:12px;background:#fff5f0;border:1px solid #f8ded6;padding:14px 16px;border-radius:12px;margin-top:15px}.callout>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#fff;color:var(--coral);font-size:16px}.callout>div{flex:1}.callout strong{font-size:11px}.callout p{font-size:10px;color:#a07468;margin-top:3px}.callout .btn{margin-left:auto}.settings-form{background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px 22px;max-width:720px;display:grid;gap:16px}.settings-form label{color:#5c6c7c}.settings-form label>input,.settings-form label>.password-field,.settings-form label>.select-field{margin-top:8px}.settings-form input,.select-field{height:39px;padding:0 11px;font-size:11px}.password-field{position:relative;display:flex}.password-field input{padding-right:37px}.password-field .icon-btn{position:absolute;right:2px;top:3px}.settings-form small{display:block;color:#a0abb5;font-size:9px;font-weight:400;margin-top:6px}.select-field{display:flex;align-items:center;justify-content:space-between;background:#fbfcfc;color:#5c6b7c;font-weight:500}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:5px;border-top:1px solid #f1f3f4}.webhook-url{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff8ef;border:1px solid #f6e5c7;border-radius:11px;padding:13px 15px;margin-bottom:15px}.webhook-url code{display:block;color:#9d7b42;margin-top:6px;font-size:9px}.settings-form.compact{grid-template-columns:1fr 1fr;max-width:none}.settings-form.compact .form-actions{grid-column:1/-1}.event-check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;background:#fff;border:1px solid var(--line);padding:17px;border-radius:13px;margin-bottom:15px}.event-check{display:flex;align-items:center;gap:9px;color:#627283;font-size:11px}.event-check input,.check input{display:none}.custom-check{display:grid;place-items:center;width:18px;height:18px;border:1px solid #dbe1e5;border-radius:5px;color:#fff;font-size:11px;transition:.18s}.event-check input:checked+.custom-check,.check input:checked+span{background:var(--coral);border-color:var(--coral);color:#fff}.check{display:flex;align-items:center;gap:8px;color:#7d8b98;font-size:11px;font-weight:500!important}.check>span{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid #dbe1e5;border-radius:4px;font-size:10px;color:transparent}.admin-stats{grid-template-columns:repeat(4,1fr)}.admin-stats .stat-card{min-height:137px}.error-text{color:var(--red);font-weight:700}.install-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,#243957 0,#101a2d 41%,#0d1627 100%);color:#fff;display:grid;place-items:center;padding:30px}.install-shell{width:min(100%,640px)}.install-shell>.brand{justify-content:center;margin-bottom:27px}.install-card{background:#fff;color:var(--ink);border-radius:18px;padding:33px;box-shadow:0 24px 70px rgba(0,0,0,.22)}.install-card h1{font-size:27px;color:var(--navy);margin:8px 0 6px}.install-card>.muted{font-size:12px;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label,.modal-form label{font-size:10px;color:#6d7b8a;font-weight:700}.form-grid input,.modal-form input,.modal-form textarea,.modal-form select{margin-top:7px;height:38px;padding:0 10px;font-size:11px}.form-grid textarea,.modal-form textarea{height:auto;padding:10px;resize:vertical}.span-2{grid-column:1/-1}.form-section-title{grid-column:1/-1;border-top:1px solid var(--line);padding-top:17px;margin-top:4px;color:#4f6071;font:500 10px 'IBM Plex Mono';letter-spacing:.09em;text-transform:uppercase}.install-foot{text-align:center;color:#718198;font:9px 'IBM Plex Mono';margin-top:17px}.alert{padding:10px 12px;border-radius:8px;font-size:11px;margin-bottom:15px}.alert.success{background:var(--green-soft);color:#397d60}.alert.error{background:var(--red-soft);color:#b54b57}.login-page{min-height:100vh;display:grid;grid-template-columns:52% 48%;background:#fbfcfb}.login-visual{background:var(--navy);position:relative;overflow:hidden;min-height:100vh;color:#fff;padding:42px 47px}.login-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(135deg,black,transparent 80%)}.login-orbit{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%}.orbit-a{width:540px;height:540px;right:-185px;top:15%;box-shadow:0 0 0 32px rgba(255,255,255,.016),0 0 0 64px rgba(255,255,255,.016)}.orbit-b{width:300px;height:300px;left:-110px;bottom:-75px;border-color:rgba(242,107,79,.24)}.login-visual .brand{position:relative;z-index:1}.login-quote{position:absolute;z-index:1;left:15%;bottom:20%;width:390px}.quote-mark{font:800 77px Georgia;color:var(--coral);line-height:.5}.login-quote p{font-size:28px;line-height:1.25;letter-spacing:-.06em;margin-bottom:24px}.quote-author{font:10px 'IBM Plex Mono';letter-spacing:.16em;color:#7e8fa8}.login-footer{position:absolute;bottom:43px;left:47px;color:#6e7e95;font:10px 'IBM Plex Mono';letter-spacing:.1em}.login-footer span{color:var(--coral);margin:0 7px}.login-main{display:grid;place-items:center;padding:35px}.login-card{width:min(100%,365px);margin-top:-20px}.login-card>.brand{display:none}.login-main h1{font-size:38px;color:var(--navy);line-height:1.08;margin:12px 0 9px}.login-main h1 em{color:var(--coral);font-style:normal}.login-main>.login-card>.muted{font-size:12px;margin-bottom:27px}.stack-form{display:grid;gap:16px}.stack-form label{font-size:11px;font-weight:700;color:#647385}.stack-form input{height:43px;margin-top:7px;padding:0 12px;font-size:12px;background:#fff}.form-row-between{display:flex;justify-content:space-between;align-items:center;margin-top:-3px}.form-row-between .text-link{font-size:10px}.login-demo{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:24px;padding:11px 12px;border:1px dashed #d9e0e5;border-radius:9px;color:#84919d;font-size:10px}.login-demo code{width:100%;color:#9b6b5b;font-size:9px}.login-demo .status-dot{background:#e7b04f}.login-legal{text-align:center;color:#abb3bb;font-size:9px;margin-top:25px}.modal{position:fixed;z-index:40;inset:0;background:rgba(16,26,45,.42);backdrop-filter:blur(3px);display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(100%,480px);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(16,26,45,.25);animation:modal-in .2s ease}.modal-card.wide{width:min(100%,600px)}@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.modal-head{padding:20px 22px 15px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-head h2{font-size:17px;margin-top:5px}.modal-form{padding:20px 22px;display:grid;gap:14px}.modal-form input,.modal-form select{height:40px;background:#fbfcfc}.modal-form textarea{background:#fbfcfc;line-height:1.6}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:15px;margin-top:3px}.check-stack{display:grid;gap:10px}.check-stack .check{font-weight:600!important;color:#526274}.toast-region{position:fixed;bottom:20px;right:25px;z-index:60}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);display:none;position:absolute;top:40px;right:0;background:var(--navy);color:#fff;font-size:9px;padding:5px 8px;border-radius:5px;white-space:nowrap}.tooltip:hover:after{display:block}
@media(max-width:1100px){.sidebar{width:225px}.main-content{margin-left:225px}.page-wrap{padding:30px 26px}.topbar{padding:0 26px}.stats-grid{grid-template-columns:repeat(2,1fr)}.settings-card-grid{grid-template-columns:1fr}.connection-items{gap:16px;margin-right:15px}.connection-strip{flex-wrap:wrap;gap:13px}.connection-items{margin-left:auto}.strip-time{width:100%;padding-left:47px}.messages-layout{grid-template-columns:265px minmax(0,1fr)}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.25s;width:255px;box-shadow:12px 0 30px rgba(0,0,0,.18)}.sidebar.open{transform:none}.mobile-close,.mobile-menu{display:inline-grid}.mobile-close{color:#91a1b6}.mobile-overlay{position:fixed;z-index:19;inset:0;background:rgba(16,26,45,.35);display:none}.mobile-overlay.open{display:block}.main-content{margin-left:0}.topbar{height:62px;padding:0 16px}.mobile-menu{margin-right:8px}.topbar{justify-content:flex-start}.breadcrumbs{flex:1}.top-actions .top-divider,.top-actions .help-btn,.top-actions .user-name,.top-actions .chevron{display:none}.page-wrap{padding:25px 16px 16px}.page-heading{display:block}.page-heading h1{font-size:25px}.heading-actions{margin-top:16px}.heading-actions .btn{flex:1}.connection-strip{display:block}.connection-items{margin:14px 0 0;gap:25px}.strip-time{display:block;padding:12px 0 0}.dashboard-grid{grid-template-columns:1fr}.bottom-insight{display:block}.insight-copy{width:100%;padding-bottom:5px}.insight-chart{height:125px;padding:15px 20px 10px}.messages-layout{grid-template-columns:1fr}.template-list{min-height:0}.editor-panel{min-height:0}.template-row{display:inline-flex;width:auto;border:1px solid var(--line);margin:0 0 7px 7px;border-radius:8px;padding:9px}.template-list .panel-header{padding-bottom:9px}.template-list{padding-bottom:7px}.template-row-copy small,.template-row .active-label,.template-row>.muted{display:none}.template-row.selected{box-shadow:inset 0 -3px var(--coral)}.editor-head{padding:18px}.editor-body,.wildcard-section{padding-left:18px;padding-right:18px}.rules-intro{display:block}.rule-flow{flex-wrap:wrap;gap:7px}.rule-count{display:block;margin-top:12px}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto;gap:5px}.settings-tab{width:auto;white-space:nowrap;padding:9px 10px;background:#fff}.settings-tab span,.settings-nav-foot{display:none}.settings-form.compact{grid-template-columns:1fr}.event-check-grid{grid-template-columns:1fr}.event-kpis{gap:10px}.event-row{flex-wrap:wrap}.event-name{min-width:125px}.event-bar{order:5;flex-basis:100%}.event-last{margin-left:auto}.login-page{display:block}.login-visual{display:none}.login-main{min-height:100vh;padding:24px}.login-card{margin-top:0}.login-card>.brand{display:flex;color:var(--navy);margin-bottom:40px}.login-card>.brand .brand-mark{color:#fff}.login-main h1{font-size:34px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.install-page{padding:15px}.install-card{padding:24px}.form-section-title{grid-column:auto}}
@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:137px;padding:13px}.stat-number{font-size:24px}.stat-foot{display:block;line-height:1.6}.stat-foot span{display:block}.stat-foot span+span{font-size:9px}.connection-intro p{max-width:225px}.toolbar{display:block}.toolbar-right{margin-top:10px}.search-box{min-width:0;width:100%}.settings-save-hint{display:none}.webhook-url{display:block}.webhook-url .btn{margin-top:11px}.page-heading>.btn{margin-top:15px;width:100%}.app-footer{gap:8px;flex-wrap:wrap}.app-footer a{margin-left:0}.login-main{padding:22px}.login-demo code{font-size:8px}.two-col{grid-template-columns:1fr}}