/* One App Only · Blue Edition · Shared visual system */
:root{color-scheme:light;--bg:#eef3fd;--surface:#fff;--ink:#172644;--muted:#718098;--line:#e3eaf5;--blue:#2469e7;--navy:#142442;--radius:16px;--shadow:0 5px 22px #17397408;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#dce9ff,transparent 65%),var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:var(--blue);text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}svg{width:20px;height:20px;flex:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #88b4ff;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:none;border-color:#70a6fa;box-shadow:0 0 0 3px #2469e711}h1,h2,h3,h4,p{margin-top:0}h3{font-size:17px;margin-bottom:0}h4{font-size:13px;margin-top:24px;margin-bottom:12px}small{font-size:11px}strong,b{font-weight:650}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.muted{color:var(--muted);font-size:12px;line-height:1.6}.sidebar{width:252px;background:linear-gradient(165deg,#11243f,#101c33);color:#abc0df;position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;border-right:1px solid #223854}.brand{display:flex;align-items:center;gap:11px;color:inherit;padding:27px 22px 22px;font-size:17px;font-weight:750;letter-spacing:-.4px}.brand>b{display:grid;place-items:center;background:linear-gradient(140deg,#4f9dff,#2362e8);width:40px;height:40px;border-radius:12px;color:#fff;font-size:24px;box-shadow:0 5px 12px #0003}.brand small{display:block;font-size:8px;letter-spacing:1.8px;color:#92acce;margin-top:5px}.side-status{display:flex;align-items:center;gap:8px;margin:0 20px 16px;padding:10px 12px;border:1px solid #29405e;border-radius:9px;background:#1a2d48;color:#b8c9e3;font-size:10px}.side-status i{width:6px;height:6px;border-radius:50%;background:#eebd64}.side-status i.online{background:#65d3a5;box-shadow:0 0 0 3px #65d3a519}.sidebar nav{overflow-y:auto;flex:1;padding:0 12px 20px;scrollbar-width:thin;scrollbar-color:#375376 transparent}.sidebar nav>label{display:block;padding:18px 12px 9px;font-size:9px;color:#6785ac;font-weight:700;letter-spacing:1.4px}.sidebar summary,.navroot{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:9px;color:#b0c4df;font-size:12px;cursor:pointer;list-style:none;margin:3px 0;transition:background .15s}.sidebar summary::-webkit-details-marker{display:none}.sidebar summary svg,.navroot svg{width:18px;height:18px;color:#8ba8ce}.sidebar summary .chevron{margin-left:auto;font-style:normal;color:#7193bc;font-size:15px}.sidebar details[open] .chevron{transform:rotate(180deg)}.sidebar summary:hover,.navroot:hover{background:#203552;color:#fff}.sidebar .selected{background:linear-gradient(100deg,#276de9,#2058c8);color:white;box-shadow:0 4px 10px #07163240}.sidebar .selected svg{color:white}.subnav{margin:6px 0 6px 23px;padding-left:20px;border-left:1px solid #2a4466;display:grid;gap:1px}.subnav a{font-size:11px;color:#93acce;padding:8px 9px;border-radius:7px;position:relative}.subnav a:hover{color:white;background:#233b5a}.subnav a.active{color:#fff;background:#284363;font-weight:600}.subnav a.active:before{content:"";width:5px;height:5px;background:#5fa4ff;border-radius:50%;position:absolute;left:-23px;top:13px}.sidebar footer{margin:0 18px;padding:16px 0;border-top:1px solid #283c57}.adminidentity{display:flex;align-items:center;gap:10px;font-size:12px;color:#d1def0}.adminidentity>b{width:34px;height:34px;border-radius:10px;background:#294262;display:grid;place-items:center;font-size:10px}.adminidentity small{display:block;color:#7796bb;margin-top:4px;font-size:9px}.sidebar footer button{border:0;background:none;display:flex;align-items:center;gap:10px;color:#89a6cd;padding:14px 4px 2px;font-size:11px}.sidebar footer button svg{width:16px;height:16px}.main{margin-left:252px;min-height:100vh;min-width:0}.topbar{height:78px;background:#ffffffd9;backdrop-filter:blur(15px);border-bottom:1px solid #dce5f3;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:10}.globalsearch{display:flex;align-items:center;gap:10px;width:min(350px,40%);height:39px;border:1px solid var(--line);background:#f6f8fc;border-radius:9px;color:#8a98b0;text-align:left;font-size:11px;padding:0 12px}.globalsearch svg{width:16px;height:16px}.globalsearch kbd{margin-left:auto;border:1px solid #dce4f0;border-radius:4px;padding:3px 5px;font:9px inherit;background:white;color:#8490a4}.topactions{display:flex;align-items:center;gap:12px}.iconbtn{border:1px solid var(--line);color:#637594;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#fff;flex:none}.iconbtn:hover{background:#edf4ff;border-color:#b7cffa}.iconbtn svg{width:17px;height:17px}.avatar{width:34px;height:34px;background:#e7efff;color:#3268c9;border:1px solid #d5e3ff;border-radius:10px;display:grid;place-items:center;font-size:10px}.workspace{max-width:1780px;margin:auto;padding:28px 34px 0}.pagebanner{display:flex;align-items:center;gap:16px;background:linear-gradient(110deg,#152139,#243c69);color:white;padding:25px 28px;border-radius:var(--radius);margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 9px 25px #1d41731a}.pagebanner:after{content:"";position:absolute;width:320px;height:320px;border:1px solid #ffffff0b;border-radius:50%;right:10%;top:-140px;pointer-events:none}.bannericon{background:linear-gradient(145deg,#68b6ff,#2f72f7);width:45px;height:45px;display:grid;place-items:center;border-radius:13px;box-shadow:0 0 0 5px #ffffff08}.bannericon svg{width:23px;height:23px}.bannercopy{flex:1;min-width:0}.bannercopy small{font-size:8px;letter-spacing:1.4px;color:#91b4df;font-weight:650}.bannercopy h1{margin:5px 0 6px;font-size:24px;letter-spacing:-.6px}.bannercopy p{margin:0;color:#a9bddc;font-size:11px;line-height:1.6}.banneractions{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.banneractions .btn{border-color:#ffffff24;background:#ffffff12;color:#e7efff}.banneractions .btn:hover{background:#ffffff25}.banneractions .primary,.banneractions .light{background:white;color:#254376;border-color:white}.hero{margin:18px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(115deg,#103a55 0%,#195fa8 55%,#418ef5 100%);border:1px solid #ffffff50;border-radius:16px;padding:29px 32px;color:white;position:relative;overflow:hidden;box-shadow:0 8px 25px #145d971e}.hero:after{content:"";width:370px;height:370px;position:absolute;right:18%;top:-190px;background:linear-gradient(90deg,transparent,#ffffff08);border:1px solid #ffffff12;border-radius:50%;pointer-events:none}.hero>div{position:relative;z-index:1}.hero small{font-size:8px;letter-spacing:1.3px;color:#b3d8f6;font-weight:700}.hero h2{font-size:28px;letter-spacing:-.6px;margin:7px 0 8px;font-weight:700;line-height:1.2}.hero p{font-size:12px;line-height:1.65;color:#bcd8ee;margin:0;max-width:750px}.heroactions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.heroactions:empty{display:none}.hero .light{background:#fff;color:#234b75;border:0}.hero .primary{background:#3190ff;border-color:#57a8ff;color:#fff}.herostat{min-width:190px;background:#ffffff14;border:1px solid #ffffff25;padding:18px 20px;border-radius:12px;display:flex;flex-direction:column;gap:8px}.herostat strong{font-size:30px;letter-spacing:-1px}.herostat>span{color:#c3dcf5;font-size:10px}.herostat .pill{align-self:flex-start}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dbe5f3;border-radius:7px;padding:10px 13px;background:#fff;color:#42608d;font-size:11px;font-weight:600;white-space:nowrap;line-height:1.2;transition:background .15s,box-shadow .15s}.btn:hover{background:#edf4ff;box-shadow:0 2px 8px #1644860b}.btn svg{width:15px;height:15px}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 3px 7px #2166da20}.btn.primary:hover{background:#185ada}.btn.danger{background:#fff4f4;border-color:#f4cbd1;color:#c64d60}.btn.danger:hover{background:#ffe9eb}.btn.small{padding:7px 9px;font-size:10px;border-radius:6px}.btn.text{border:0;background:none;padding:0;color:#3575d8;font-size:10px}.btn.active{background:#e5efff;color:#2464d7;border-color:#c6dbfa}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:5px;font-size:9px;font-weight:600;color:#6a7891;background:#edf1f7;white-space:nowrap;max-width:100%}.pill i{width:4px;height:4px;background:currentColor;border-radius:50%;flex:none}.pill.active,.pill.approved,.pill.paid,.pill.connected,.pill.online,.pill.xuiconnected,.pill.found,.pill.mapped,.pill.reachable,.pill.recordsloaded{color:#239567;background:#e9f9ef}.pill.pending,.pill.expiring,.pill.unpaid,.pill.urgent,.pill.high{color:#b78022;background:#fff5df}.pill.expired,.pill.failed,.pill.error,.pill.offline,.pill.xuioffline,.pill.missing,.pill.rejected,.pill.cancelled{color:#be5867;background:#ffedf0}.pill.draft,.pill.scheduled{color:#7757ca;background:#f0eafb}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 22px}.metric{border:1px solid var(--line);border-radius:12px;background:#fff;padding:20px 22px;min-height:116px;box-shadow:var(--shadow);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px}.metric>span{font-size:10px;font-weight:650;color:#7082a0}.metric>strong{font-size:27px;line-height:1.2;letter-spacing:-.8px}.metric>small{font-size:9px;color:#93a0b5}.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#75abf5}.metric.green,.metric.purple,.metric.orange,.metric.cyan{border:0;color:white;box-shadow:0 6px 16px #2469e713}.metric.green{background:linear-gradient(115deg,#22b864,#7ed456)}.metric.purple{background:linear-gradient(115deg,#aa4bdb,#e94fa5)}.metric.orange{background:linear-gradient(115deg,#efa431,#f4be43)}.metric.cyan{background:linear-gradient(115deg,#40b3c5,#81d2da)}.metric.green span,.metric.purple span,.metric.orange span,.metric.cyan span,.metric.green small,.metric.purple small,.metric.orange small,.metric.cyan small{color:#ffffffcf}.metric.green:before,.metric.purple:before,.metric.orange:before,.metric.cyan:before{display:none}.metric.green:after,.metric.purple:after,.metric.orange:after,.metric.cyan:after{content:"";width:110px;height:110px;border-radius:50%;background:#ffffff10;position:absolute;right:-20px;top:-20px}.module{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;overflow:hidden;min-width:0}.module>header{padding:21px 23px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eff3f9}.module>header small{display:block;font-size:8px;color:#92a0b7;font-weight:650;letter-spacing:1.2px;margin-bottom:7px}.module>header h3{font-size:15px;letter-spacing:-.2px}.modulebody{padding:20px 23px}.modulebody>.tablewrap{margin:-8px -10px}.grid{display:grid;gap:18px;align-items:start}.grid.main-side{grid-template-columns:minmax(0,1.8fr) minmax(270px,.8fr)}.grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcutgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:16px}.shortcutgrid>a{border:1px solid var(--line);background:#fff;border-radius:11px;padding:15px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);color:var(--ink)}.shortcutgrid>a>svg:first-child{color:var(--blue);background:#edf4ff;box-sizing:content-box;width:15px;height:15px;padding:8px;border-radius:9px}.shortcutgrid>a>svg:last-child{margin-left:auto;color:#a9b9ce;width:14px}.shortcutgrid b{font-size:10px}.shortcutgrid small{display:block;margin-top:4px;color:#8e9bb0;font-size:9px}.tabs{display:flex;gap:5px;overflow:auto;padding:3px 0;margin-bottom:16px;scrollbar-width:none}.tabs a{font-size:10px;padding:9px 12px;border:1px solid transparent;color:#7487a4;background:#ffffff91;border-radius:7px;white-space:nowrap;font-weight:600}.tabs a.active{background:var(--blue);color:white;box-shadow:0 3px 8px #2469e719}.tabs a:hover{border-color:#adceff}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0 20px}.toolbar select,.toolbar input{width:auto;min-width:140px;max-width:100%}.segments{display:flex;gap:4px;flex-wrap:wrap}.segments button{border:1px solid #e6ecf6;background:#f8faff;border-radius:6px;color:#8491a8;padding:8px 11px;font-size:10px;font-weight:600}.segments button.active{color:#fff;background:#245b9d;border-color:#245b9d}.barchart{display:flex;align-items:flex-end;justify-content:space-around;gap:12px;height:235px;padding:20px 8px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#eff3fa 50px)}.barchart>div{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:80px}.barchart b{font-size:10px;color:#70829f;white-space:nowrap}.barchart i{width:clamp(10px,2.5vw,30px);background:linear-gradient(#66b4ff,#1768df);border-radius:5px 5px 0 0;box-shadow:0 5px 9px #2679ec16}.barchart small{font-size:8px;color:#9aa8bc;white-space:nowrap}.ring{height:152px;width:152px;border-radius:50%;margin:6px auto 24px;background:conic-gradient(#3687ef var(--progress),#e8effa 0);padding:14px}.ring>div{width:100%;height:100%;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.ring strong{font-size:30px;letter-spacing:-1px}.ring small{font-size:9px;color:var(--muted)}.statlist p,.statlist>a{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eef2f8;padding:12px 0;margin:0;color:#8392aa;font-size:11px;line-height:1.4}.statlist b{color:#3c5274;text-align:right;font-size:11px;overflow-wrap:anywhere;max-width:60%}.statlist>p:last-child,.statlist>a:last-child{border-bottom:0}.actionlist a{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);color:#5a7093;font-size:12px}.actionlist b{background:#edf4ff;color:#2c6fde;padding:5px 9px;border-radius:6px}.tablewrap{overflow:auto;scrollbar-width:thin;scrollbar-color:#c9d9ef transparent}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}thead{background:linear-gradient(90deg,#163851,#285a91);color:#edf4ff}th{font-size:8px;letter-spacing:.5px;font-weight:650;padding:13px 12px;white-space:nowrap;text-transform:uppercase}td{padding:15px 12px;border-bottom:1px solid #eff3f8;color:#5e7393;vertical-align:middle}td small{display:block;font-size:9px;color:#99a5b8;margin-top:5px}tbody tr:hover{background:#f7faff}tbody tr:last-child td{border-bottom:0}tbody th{background:#f6f9ff;color:#6e85a8;text-transform:none;font-size:11px;border-bottom:1px solid #eaf0f9}td strong{color:#2b4267}td code{font-size:10px;color:#426895;background:#f3f7fe;padding:4px 6px;border-radius:4px}.person{display:flex;align-items:center;gap:9px;min-width:140px}.person>i{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#edf4ff,#deecff);color:#387ae1;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:700;flex:none}.person strong{color:#324b71;font-size:11px;display:block}.person small{font-size:9px;display:block;color:#9aa9be;margin-top:4px;overflow-wrap:anywhere}.link{border:0;padding:0;background:none;color:#296ddd;font-weight:600;font-size:11px}.filterbar{padding:0 0 20px;display:flex;align-items:flex-end;gap:13px;flex-wrap:wrap}.filterbar label{flex:1;min-width:130px}.filterbar label:first-child{flex:2;min-width:200px}label{display:flex;flex-direction:column;gap:7px;color:#647b9e;font-size:10px;font-weight:600}input,select,textarea{width:100%;background:#fafcff;border:1px solid #dfe7f2;border-radius:7px;color:#3b557b;padding:11px 12px;font-size:11px;line-height:1.4}input::placeholder,textarea::placeholder{color:#a4b1c4}select{min-height:38px}textarea{resize:vertical;min-height:140px;line-height:1.7}input[type=checkbox]{width:15px;height:15px;box-shadow:none;accent-color:var(--blue)}.checklabel{flex-direction:row;align-items:center;gap:9px}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 3px 0;color:#96a5ba;font-size:10px}.pager>div{display:flex;gap:10px;align-items:center}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wide{grid-column:1/-1}.notice{padding:14px 16px;border:1px solid #dce9fc;background:#f3f8ff;color:#6c87b0;font-size:11px;line-height:1.65;border-radius:9px;margin:16px 0}.form .notice{margin:0}.formfoot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;background:linear-gradient(110deg,#11374e,#3169b5);color:#dbeaff;border-radius:9px}.formfoot>span{font-size:10px;line-height:1.5}.formfoot .btn:not(.primary):not(.danger){background:#fff}.formfoot .btn.primary{background:#fff;color:#2c6fdb;border-color:white}.steprail{display:flex;background:#fff;border:1px solid var(--line);padding:12px 18px;gap:12px;justify-content:space-between;border-radius:10px;margin-bottom:20px}.steprail>span{padding:9px 12px;font-size:11px;color:#a0afc4;border-radius:6px}.steprail>span.active{color:#2671e5;background:#eef5ff}.previewsticky{position:sticky;top:96px}.previewclient{padding-bottom:15px;border-bottom:1px solid var(--line)}.reviewgrid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.queue{display:flex;flex-direction:column;gap:8px}.queue button{background:#f8faff;border:1px solid #e4ecf8;border-radius:9px;padding:14px;text-align:left;color:#647da4}.queue b,.queue small,.queue span{display:block}.queue b{font-size:11px;color:#294972}.queue small{font-size:10px;margin:8px 0}.queue span{font-size:9px;color:#91a5c1}.queue button.active{background:#eaf3ff;border-color:#85b4ff;box-shadow:inset 3px 0 #2974e7}.reviewcustomer{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.detailgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detailgrid>div{border:1px solid #e9eff7;background:#f9fbff;border-radius:8px;padding:14px 16px;min-width:0}.detailgrid small{display:block;color:#9aabc2;font-size:9px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.detailgrid b{display:block;font-size:12px;overflow-wrap:anywhere;color:#3d5a81}.recentclients{display:flex;flex-direction:column;gap:0}.recentclients>a{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #eef2f8}.recentclients>a:last-child{border:0}.profileavatar{width:50px;height:50px;background:#ffffff22;border:1px solid #ffffff35;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:16px}.profiletabs{margin-bottom:18px}.servicecard{border:1px solid #e4ecf8;border-radius:10px;padding:17px;margin-bottom:12px}.servicecard>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.servicecard h3{font-size:13px}.servicecard .detailgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.servicecard .toolbar{margin:16px 0 0}.stack{display:grid;gap:10px}.stack .btn{justify-content:flex-start}.noteform{display:grid;gap:10px}.noteform button{justify-self:end}.notes article{border-bottom:1px solid var(--line);padding:16px 0}.notes p{white-space:pre-wrap;font-size:12px;line-height:1.7;color:#607b9d}.notes small{color:#9daac0;font-size:9px}.linkflow{display:flex;align-items:center;justify-content:space-between;gap:10px}.linkflow>div{background:#f3f8ff;border:1px solid #e3edfc;border-radius:10px;display:flex;align-items:center;flex-direction:column;flex:1;gap:10px;padding:20px 10px;color:#6691cf}.linkflow b{font-size:22px;color:#2c65ac}.linkflow small{font-size:9px;color:#88a0c2;text-align:center}.plancards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.plancard{border:1px solid var(--line);background:#fff;border-radius:14px;padding:25px 22px;box-shadow:var(--shadow)}.plancard.featured{border-color:#74a9fa;box-shadow:0 10px 30px #2275e31a}.plancard>small{color:#8a9fbb;font-size:8px;letter-spacing:1px}.plancard h3{font-size:16px;margin:12px 0 23px}.plancard div b{font-size:28px;letter-spacing:-1px}.plancard div span{display:block;color:#98aac3;font-size:10px;margin-top:6px}.plancard ul{padding:0;list-style:none;font-size:10px;color:#92a4bd;line-height:2.5;margin:20px 0}.plancard li:before{content:'✓';color:#559cf5;margin-right:6px}.plancard .btn{width:100%}.durationgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.durationgrid>article{background:#f8fbff;border:1px solid #e5eefb;border-radius:10px;padding:20px}.durationgrid b,.durationgrid small{display:block}.durationgrid b{font-size:13px}.durationgrid small{font-size:10px;color:#98a9bf;margin:8px 0 16px}.packageid{color:#2b70d8}.offergrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.offercard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:295px}.offerhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.offerhead>svg{color:#2e83ef;background:#eaf4ff;box-sizing:content-box;padding:10px;border-radius:10px}.offercard>small{color:#94a5bb;font-size:9px}.offercard h3{font-size:19px;margin:10px 0}.offercard>p{font-size:11px;line-height:1.7;color:#93a3bb;flex:1;white-space:pre-wrap;overflow-wrap:anywhere}.offercard>strong{font-size:27px;color:#2c5e9d;margin:10px 0 20px}.offercard footer{display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--line)}.offerpreview{border:1px solid #d1e3ff;border-radius:15px;background:linear-gradient(145deg,#f6faff,#e5f0ff);padding:30px;color:#426ba3}.offerpreview>small{font-size:9px;color:#8aabd9}.offerpreview h2{font-size:28px;margin:18px 0 12px}.offerpreview p{white-space:pre-wrap;font-size:13px;line-height:1.7}.offerpreview strong{font-size:32px;display:block;margin:20px 0}.templategrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.templategrid .module{margin-bottom:0}.templatecard label{margin-bottom:16px}.templatecard textarea{min-height:220px}.templatecard .toolbar{margin-bottom:0}.remindersteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.remindersteps article{background:#fff;border:1px solid var(--line);padding:20px;border-radius:12px;position:relative}.remindersteps article>b{position:absolute;right:18px;top:18px;color:#d7e6fb;font-size:26px}.remindersteps article>small{font-size:10px;color:#659ae2}.remindersteps h3{font-size:13px;margin:10px 0 20px}.audiencecount{background:#f1f7ff;border:1px solid #e0edff;padding:23px;border-radius:10px;text-align:center;margin-bottom:18px}.audiencecount strong{display:block;font-size:36px;color:#3c7dd7}.audiencecount small{font-size:10px;color:#89a1c3}.audienceperson{padding:12px 0;border-bottom:1px solid #edf2fa}.reportfilter{background:#fff;border:1px solid var(--line);padding:16px;border-radius:10px;margin:20px 0}.reportfilter label:not(.checklabel){flex-direction:row;align-items:center;gap:12px}.reportfilter .muted{margin-left:auto}.rank{display:inline-grid;place-items:center;width:25px;height:25px;background:#eef5ff;color:#4483d7;border-radius:7px;font-size:10px}.grid.settingslayout{grid-template-columns:200px minmax(0,1fr)}.settingsnav{display:grid;gap:8px}.settingsnav a{justify-content:flex-start;padding:13px}.settingsnav .active{color:#fff;background:var(--blue)}.connectionresult{padding:22px;background:#f5f9ff;border:1px solid #e2edfd;border-radius:10px;margin-bottom:20px}.connectionresult h3{margin:16px 0 8px}.connectionresult p{color:#91a7c7;font-size:10px;margin:0}.unsaved{color:#ffd28b}.empty{padding:40px 20px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:180px;width:100%}.empty>div{height:42px;width:42px;background:#f0f5fd;border-radius:12px;display:grid;place-items:center;color:#9fbbe3}.empty b{font-size:12px;color:#7993b8}.empty p{font-size:11px;color:#a0b1c9;line-height:1.6;margin:0;max-width:340px}.errorstate{text-align:center;background:#fff;border:1px solid #e3eaf5;border-radius:16px;padding:65px 25px;color:#7e92b2}.errorstate>svg{color:#83aaf0;width:35px;height:35px;margin-bottom:20px}.errorstate h2{font-size:21px;color:#345783}.errorstate p{font-size:12px;margin-bottom:25px}.workspacefoot{padding:27px 0;display:flex;justify-content:space-between;color:#a0aec4;font-size:9px;border-top:1px solid #dfe8f6;margin-top:22px}.skeleton{height:170px;margin-bottom:20px;border-radius:14px;background:linear-gradient(90deg,#e5edf9,#f8fbff,#e5edf9);background-size:200% 100%;animation:shimmer 1.6s infinite}.skeleton.short{height:90px}@keyframes shimmer{to{background-position:-200% 0}}.toast{position:fixed;bottom:26px;right:28px;background:#183453;color:#eaf3ff;border:1px solid #3b6292;border-radius:10px;padding:15px 20px;box-shadow:0 12px 35px #17335033;z-index:150;font-size:12px;max-width:min(450px,90vw)}.toast.bad{background:#962f42;border-color:#c76678}dialog{padding:0;border:1px solid #d9e6f8;background:#fff;border-radius:18px;width:min(650px,92vw);max-height:88vh;box-shadow:0 30px 100px #152e5840;color:var(--ink);overflow:auto}dialog.wide{width:min(950px,94vw)}dialog::backdrop{background:#122b4c70;backdrop-filter:blur(5px)}.modalhead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 26px;border-bottom:1px solid var(--line);background:#f6faff;position:sticky;top:0;z-index:1}.modalhead small{color:#86a3ca;font-size:8px;letter-spacing:1.4px}.modalhead h2{font-size:21px;margin:7px 0 0;letter-spacing:-.4px}.modalhead .iconbtn{font-size:22px}.modalbody{padding:25px 26px}.modalbody>p{font-size:13px;line-height:1.8;color:#718bae}.modalactions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.searchfield{display:flex;gap:10px;align-items:center}.searchfield svg{color:#81a7de}.commandresults{display:grid;gap:6px;margin-top:18px;max-height:50vh;overflow:auto}.commandresults a,.commandresults button{display:flex;gap:12px;align-items:center;background:#f8fbff;border:1px solid #edf2fa;border-radius:8px;padding:13px;color:#6c87ae;text-align:left}.commandresults a:hover,.commandresults button:hover{background:#eaf3ff}.commandresults span{flex:1;font-size:12px;color:#3c5b8a}.commandresults small{display:block;font-size:9px;color:#97acc8;margin-top:4px}.commandresults svg{width:17px;height:17px;color:#76a0db}.ticketmeta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:25px}.ticketmeta>.person{margin-right:auto}.message{background:#f5f9ff;border:1px solid #deebfd;border-left:3px solid #64a0f4;border-radius:9px;padding:20px;margin-bottom:25px}.message small{font-size:8px;letter-spacing:1px;color:#93add1}.message p{font-size:12px;line-height:1.8;white-space:pre-wrap;margin:12px 0 0;color:#6c86a9}.replyeditor .toolbar{margin-bottom:0}.replyeditor textarea{min-height:180px}.emailpreview{border:1px solid #e2eaf6;border-radius:12px;padding:25px}.emailpreview>small{color:#9dafc7;font-size:9px;letter-spacing:1px}.emailpreview h3{font-size:17px;margin-top:12px}.emailpreview p{font-size:13px;color:#6a83a6;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f6f9ff}.loginart{padding:25px 45px 35px;background:radial-gradient(ellipse at 80% 70%,#287acd,transparent 70%),linear-gradient(145deg,#111f39,#1c426e);color:white;display:flex;flex-direction:column;justify-content:space-between}.loginart .brand{padding:0}.loginart>div{max-width:450px;margin:auto}.loginart>div>small{color:#86b9f5;font-size:9px;letter-spacing:1.5px}.loginart h1{font-size:44px;font-weight:650;letter-spacing:-1.6px;line-height:1.2;margin:18px 0}.loginart p{font-size:14px;color:#a1c0e6;line-height:1.8}.loginart>small{color:#6b94c1;font-size:10px}.loginvisual{display:grid;gap:10px;margin-top:35px}.loginvisual>div{display:flex;align-items:center;gap:15px;padding:17px;background:#ffffff0a;border:1px solid #ffffff17;border-radius:11px;color:#c4dcf8;font-size:12px}.loginvisual svg{color:#77bbff}.loginform{display:grid;place-items:center;padding:50px}.loginform form{width:min(370px,100%)}.loginform form>small{color:#8aa3c5;letter-spacing:1.4px;font-size:9px}.loginform h2{font-size:35px;letter-spacing:-1px;margin:14px 0 12px}.loginform p{font-size:13px;color:#97aac3;margin-bottom:35px}.loginform label{margin:20px 0}.loginform input{height:46px;background:white}.loginform form>.btn{width:100%;padding:15px;margin-top:8px}.passwordfield{display:flex;border:1px solid #dfe7f2;border-radius:7px;background:#fff}.passwordfield input{border:0;min-width:0;box-shadow:none}.passwordfield button{background:none;border:0;color:#7196cc;font-size:11px;padding:0 13px}.loginform .loginhint{display:block;text-align:center;margin-top:18px;letter-spacing:0;font-size:10px;color:#afbed2}#loginerror{color:#bc4f60;font-size:12px;line-height:1.6}.mobilemenu,.scrim{display:none}
@media(min-width:1750px){.workspace{padding-left:45px;padding-right:45px}.hero{padding:38px}.metric{padding:24px}.modulebody{padding:24px 28px}}
@media(max-width:1350px){.sidebar{width:225px}.main{margin-left:225px}.workspace{padding:24px}.topbar{padding:0 24px}.grid.main-side{grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr)}.shortcutgrid a{padding:12px;gap:7px}.shortcutgrid a>svg:last-child{display:none}.plancards{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:18px}.metric strong{font-size:24px}.topactions{gap:8px}.hero h2{font-size:25px}.tablewrap{font-size:10px}}
@media(max-width:1100px){.sidebar{width:210px}.main{margin-left:210px}.grid.main-side{grid-template-columns:minmax(0,1fr)}.metrics,.shortcutgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.equal{grid-template-columns:minmax(0,1fr)}.offergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.previewsticky{position:static}.reviewgrid{grid-template-columns:240px minmax(0,1fr)}.remindersteps{grid-template-columns:repeat(2,minmax(0,1fr))}.globalsearch kbd{display:none}.hero{padding:25px}.herostat{min-width:150px}.topbar .avatar{display:none}.grid.settingslayout{grid-template-columns:160px minmax(0,1fr)}.templategrid{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);width:252px;transition:transform .2s}.nav-open .sidebar{transform:translateX(0)}.nav-open .scrim{display:block;position:fixed;inset:0;z-index:19;border:0;background:#14305277}.main{margin-left:0}.mobilemenu{display:grid}.topbar{padding:0 16px;height:67px;gap:12px}.topactions{margin-left:auto}.topactions #panel{display:none}.globalsearch{width:35%;flex:1;max-width:250px;min-width:0}.globalsearch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{padding:20px 16px 0}.pagebanner{padding:22px;gap:12px;flex-wrap:wrap}.banneractions{margin-left:56px}.bannercopy h1{font-size:22px}.bannercopy p{font-size:10px}.hero{align-items:flex-start;flex-direction:column;gap:20px}.herostat{min-width:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:15px;width:100%;padding:14px}.herostat strong{font-size:24px}.herostat small{min-width:80px}.herostat>span{margin-left:auto}.hero h2{font-size:25px}.reviewgrid{grid-template-columns:minmax(0,1fr)}.queue{max-height:240px;overflow:auto}.grid.settingslayout{grid-template-columns:1fr}.settingsnav{display:flex;flex-wrap:wrap}.settingsnav a{flex:1}.offerfilters{align-items:stretch}.offerfilters input{flex:1}.login{grid-template-columns:1fr}.loginart{display:none}.loginform{min-height:100vh;padding:30px}.steprail{gap:2px;padding:10px 7px}.steprail>span{font-size:9px;padding:7px 5px}.workspacefoot{font-size:8px}.reportfilter .muted{margin-left:0}}
@media(max-width:500px){.topactions #notifications,.topactions #refresh{display:none}.topactions .btn{padding:9px;font-size:10px}.topactions .btn svg{display:none}.globalsearch{font-size:10px}.metrics{gap:9px}.metric{padding:17px 14px;min-height:113px}.metric>strong{font-size:22px}.metric>span{font-size:9px}.metric>small{font-size:8px}.shortcutgrid{gap:8px}.shortcutgrid a{padding:12px 9px}.shortcutgrid small{font-size:8px}.shortcutgrid b{font-size:9px}.shortcutgrid a>svg:first-child{width:13px;height:13px;padding:6px}.bannericon{width:36px;height:36px;border-radius:10px}.bannercopy h1{font-size:21px}.bannercopy small{font-size:7px}.banneractions{margin-left:48px}.pagebanner{padding:20px 16px}.hero{padding:24px 20px}.hero h2{font-size:24px}.hero p{font-size:11px}.hero small{font-size:7px}.herostat{gap:10px}.herostat>span{width:100%;margin:0}.module>header{padding:19px 17px 15px}.modulebody{padding:18px 17px}.module>header h3{font-size:14px}.form{grid-template-columns:1fr;gap:16px}.formfoot{align-items:stretch;flex-direction:column}.formfoot>div{display:flex;gap:8px}.detailgrid{gap:9px}.detailgrid>div{padding:12px}.detailgrid b{font-size:11px}.offergrid,.templategrid,.plancards{grid-template-columns:1fr}.durationgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.remindersteps{gap:9px}.remindersteps article{padding:16px}.remindersteps h3{font-size:11px}.remindersteps article>b{font-size:21px;right:10px}.pager{align-items:flex-start;flex-direction:column;gap:12px}.filterbar{gap:12px}.filterbar label:first-child{min-width:100%}.filterbar label{min-width:120px}.modulebody>.tablewrap{margin:-6px -4px}.modalbody{padding:20px 18px}.modalhead{padding:18px}.modalhead h2{font-size:18px}.modalactions{gap:8px}.modalactions .btn{flex:1}.linkflow{gap:5px}.linkflow>div{padding:16px 6px}.linkflow small{font-size:8px}.barchart{gap:6px}.barchart small{font-size:7px}.barchart b{font-size:8px}.toast{right:16px;bottom:16px}.notice{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.drawer{margin:0 0 0 auto;width:min(780px,96vw);max-width:96vw;height:100dvh;max-height:100dvh;border-radius:18px 0 0 18px}.drawer .modalbody{height:calc(100dvh - 110px);overflow:auto}.rowactions{display:flex;gap:6px;align-items:center}.danger{color:#b42332!important;background:#fff0f1!important;border-color:#fecdd3!important}.btn.orange{background:#fff5e6;color:#a85808;border-color:#fed7aa}.integrationnotice{line-height:1.65;margin:14px 0}.notification{padding:18px 0;border-bottom:1px solid #e2e8f0}.notification.read{opacity:.55}.notification p{color:#64748b}.widgetoption{display:flex;gap:14px;align-items:center;border:1px solid #dbe4ef;background:#f8fafc;border-radius:10px;padding:14px;margin-bottom:8px;cursor:grab;text-transform:capitalize}.widgetoption input{width:auto}.draghandle{font-size:24px;color:#64748b}.horizon{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.horizon a{background:#f0f6ff;border:1px solid #dce8ff;border-radius:12px;padding:16px;color:#1d4ed8;text-align:center}.horizon strong{display:block;font-size:27px;margin-bottom:6px}.horizon span{font-size:12px}.trendgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.trendgrid:has(> :only-child){grid-template-columns:1fr}.trend{margin:0;min-width:0}.trend svg{width:100%;display:block}.trend figcaption{display:flex;justify-content:space-between;font-size:14px;color:#64748b}.trend figcaption strong{color:#1e293b;font-size:22px}.timeline article{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #e5eaf1}.timeline article>i{flex:none;width:10px;height:10px;border-radius:50%;background:#3b82f6;margin-top:5px}.timeline article>div{min-width:0;flex:1}.timeline h4{margin:8px 0;text-transform:capitalize}.timeline small{color:#64748b}.timeline pre,details pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8fafc;padding:16px;border-radius:10px;font-size:12px}.timeline p{white-space:pre-wrap}.servicepassword{max-width:220px}.conversation{display:grid;gap:14px;margin:20px 0}.message{background:#f1f5f9;border-radius:12px;padding:16px;max-width:90%}.message.staff{background:#edf5ff;margin-left:auto;width:90%}.message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.message small{color:#64748b}.unreadDot{display:inline-block;width:8px;height:8px;background:#2563eb;border-radius:50%}#emailPreviewFrame{width:100%;height:500px;border:1px solid #e2e8f0;border-radius:10px}#ticketReply textarea{width:100%;min-height:120px}.form #formerror{color:#b42332}.servicecard .detailgrid b{overflow-wrap:anywhere}.offergrid .toolbar{flex-wrap:wrap}.templategrid label{display:block}.templategrid input,.templategrid textarea{width:100%}.variables{line-height:2.2;margin:12px 0}.variables code{color:#2563eb;background:#eff6ff;padding:3px 6px;border-radius:4px;font-size:11px}.filterbar textarea{min-height:42px}.profiletabs{flex-wrap:wrap}#dashWidgets>div{margin-bottom:20px}#campaignWorkspace .filterbar label{min-width:160px}.main{min-width:0}.modulebody{min-width:0}figure svg text{font-family:inherit}.modulebody>.metrics{margin-bottom:0}.modulebody .formfoot button{white-space:normal}
@media(max-width:800px){.trendgrid{grid-template-columns:1fr}.horizon{grid-template-columns:repeat(2,minmax(0,1fr))}.horizon a:last-child{grid-column:1/-1}.drawer{width:96vw}.rowactions{flex-wrap:wrap}.profiletabs{gap:6px}.profiletabs button{font-size:11px;padding:9px}.templategrid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics .metric{min-width:0}.metric strong{font-size:24px}.pagebanner{min-width:0}.topactions #quickCreate{font-size:12px;padding:9px}.trend svg{min-width:0}}

.trend svg{height:auto;max-width:none}#dashWidgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}#dashWidgets>div{margin:0;min-width:0}#dashWidgets>div>.module{margin:0}#dashWidgets>[data-widget="revenue"],#dashWidgets>[data-widget="performance"],#dashWidgets>[data-widget="orders"],#dashWidgets>[data-widget="activity"]{grid-column:1/-1}#dashWidgets>[data-widget="revenue"] .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}#dashWidgets .horizon{grid-template-columns:repeat(3,minmax(0,1fr))}#dashWidgets .grid.equal{grid-template-columns:1fr}#dashWidgets .barchart{height:170px}#dashWidgets .modulebody .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){#dashWidgets{grid-template-columns:1fr}#dashWidgets>[data-widget="revenue"] .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

#dashWidgets>[data-widget="pulse"],#dashWidgets>[data-widget="clients"]{grid-column:1/-1}
@media(min-width:1001px){#dashWidgets>[data-widget="revenue"]>.module>.modulebody>.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* V6 shared visual system */
body.workspace-v6{background:#f4f6fa;color:#182238}.workspace-v6 .sidebar{background:#111e34;border-right:1px solid #25344a}.workspace-v6 .sidebar nav label{letter-spacing:1.4px;font-size:10px;color:#9aaac0}.workspace-v6 .sidebar nav a,.workspace-v6 .sidebar summary{border-radius:7px}.workspace-v6 .sidebar .selected,.workspace-v6 .sidebar .active{background:#263f65;color:#fff}.workspace-v6 .topbar{background:#fff;border-bottom:1px solid #e3e8f0;box-shadow:none}.workspace-v6 .pagebanner{background:transparent;color:#182238;border:0;box-shadow:none;padding:8px 0 22px;min-height:0;gap:20px;align-items:center}.workspace-v6 .bannercopy small{color:#758297;font-size:10px;letter-spacing:1px}.workspace-v6 .bannercopy h1{font-size:28px;letter-spacing:-.7px;margin:9px 0}.workspace-v6 .bannercopy p{color:#66748a;font-size:13px}.workspace-v6 .banneractions{flex-wrap:wrap}.workspace-v6 .hero{background:#fff;color:#182238;border:1px solid #e1e7ef;border-radius:12px;box-shadow:none;padding:20px 24px;margin-bottom:18px;min-height:0;align-items:center}.workspace-v6 .hero h2{font-size:21px;letter-spacing:-.4px;margin:7px 0}.workspace-v6 .hero small{color:#64748b;font-size:10px}.workspace-v6 .hero p{color:#64748b;font-size:13px;margin:6px 0}.workspace-v6 .heroactions{margin-top:12px;gap:8px}.workspace-v6 .hero .light,.workspace-v6 .pagebanner .light{background:#fff;color:#294569;border:1px solid #d5deea}.workspace-v6 .herostat{background:#f3f6fb;color:#182238;padding:14px;border-radius:8px}.workspace-v6 .metric{background:#fff!important;border:1px solid #e1e7ef;border-radius:10px;box-shadow:none;padding:17px 19px;min-height:0}.workspace-v6 .metric:before,.workspace-v6 .metric:after{display:none}.workspace-v6 .metric strong{font-size:27px;letter-spacing:-.7px;color:#182238}.workspace-v6 .metric span{font-size:11px;color:#66748a}.workspace-v6 .metric small{font-size:10px;color:#758297}.workspace-v6 .module{border:1px solid #e1e7ef;border-radius:12px;box-shadow:none;overflow:hidden}.workspace-v6 .module>header{background:#fff;border-bottom:1px solid #edf0f5;padding:18px 22px}.workspace-v6 .module>header h3{font-size:16px}.workspace-v6 .modulebody{padding:20px}.workspace-v6 .module>header small{font-size:9px;letter-spacing:1px;color:#748197}.workspace-v6 .btn{border-radius:7px;font-size:12px;padding:10px 14px;box-shadow:none}.workspace-v6 .btn.primary{background:#2563eb;border-color:#2563eb;color:white}.workspace-v6 .btn:hover{filter:brightness(.96)}.workspace-v6 .btn:focus-visible,.workspace-v6 a:focus-visible,.workspace-v6 button:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.workspace-v6 .btn:disabled{opacity:.55;cursor:wait}.workspace-v6 table{font-size:12px}.workspace-v6 th{background:#f7f9fc;font-size:10px;letter-spacing:.6px;color:#627089;position:sticky;top:0}.workspace-v6 td{padding:14px 16px;border-bottom:1px solid #edf0f5}.workspace-v6 tbody tr:hover{background:#f8faff}.workspace-v6 .segments button{border-radius:7px}.workspace-v6 .filterbar{background:#f8fafc;border:1px solid #e8edf4;border-radius:9px;padding:14px;gap:12px;margin-bottom:16px}.workspace-v6 input,.workspace-v6 select,.workspace-v6 textarea{border-radius:7px;border-color:#d6deea;font-size:12px}.workspace-v6 label{color:#607087;font-size:11px}.workspace-v6 .pill{border-radius:5px;font-size:10px}.workspace-v6 dialog{border-radius:12px;border:1px solid #e3e8ef;box-shadow:0 25px 80px #111e3433}.workspace-v6 dialog::backdrop{background:#14223866;backdrop-filter:blur(3px)}.workspace-v6 .modalhead{background:#fff;border-bottom:1px solid #e5eaf2;color:#182238}.workspace-v6 .modalhead small{color:#748197}.workspace-v6 .modalhead h2{font-size:21px}.workspace-v6 .drawer{border-radius:12px 0 0 12px}.workspace-v6 .crm-context{display:flex;align-items:center;gap:24px;border:1px solid #e1e7ef;border-left:3px solid #2563eb;border-radius:9px;background:white;padding:17px 22px;margin-bottom:18px;flex-wrap:wrap}.crm-context>div:first-child{flex:1}.crm-context small{color:#738197;font-size:10px}.crm-context p{font-size:12px;margin:7px 0}.crm-tags{display:flex;gap:6px;flex-wrap:wrap}.crm-tags span{background:#edf4ff;color:#2856a0;padding:4px 8px;border-radius:5px;font-size:10px}.saved-view-list article{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf0f5}.compact-tables td{padding:8px 12px}.compact-tables .person small{font-size:10px}@media(min-width:1000px){.compact-navigation .sidebar{width:210px}.compact-navigation .main{margin-left:210px}}@media(max-width:800px){.workspace-v6 .pagebanner{align-items:flex-start;gap:12px}.workspace-v6 .bannercopy h1{font-size:23px}.workspace-v6 .banneractions{gap:6px}.workspace-v6 .hero{padding:16px}.workspace-v6 .hero h2{font-size:18px}.workspace-v6 .modulebody{padding:14px}.workspace-v6 .metric{padding:13px}.workspace-v6 .metric strong{font-size:23px}.workspace-v6 .crm-context{padding:14px;gap:12px}}
.workspace-v6 .banneractions .btn:not(.primary){color:#294569;background:#fff;border:1px solid #d5deea}.workspace-v6 .variables code[role=button]{cursor:pointer}.workspace-v6 .variables code[role=button]:focus-visible{outline:2px solid #2563eb}

/* Reference palette and layout: navy headers, blue gradients, colored KPIs. */
body.workspace-v6.reference-v7{--ref-navy:#14233e;--ref-blue:#2879eb;--ref-purple:#7755e8;--ref-border:#dce7f5;background:radial-gradient(ellipse at 95% 0%,#dce4ff 0,transparent 55%),linear-gradient(130deg,#eef3ff,#eaf4fc 55%,#edf0ff);color:#182943;font-size:13px}.reference-v7 .main{background:transparent}.reference-v7 .topbar{background:#ffffffed;border-bottom:1px solid #dce5f7}.reference-v7 .sidebar{background:linear-gradient(175deg,#172740,#0b172b);border-right:1px solid #283c5b}.reference-v7 .sidebar .brand{border-bottom:1px solid #ffffff10}.reference-v7 .sidebar .selected,.reference-v7 .sidebar .active{background:linear-gradient(95deg,#1d62c9,#357deb);box-shadow:0 4px 14px #08182e44;color:white}.reference-v7 .side-status{background:#17394e;border:1px solid #2a536a}.reference-v7 .pagebanner{position:relative;display:flex;align-items:center;gap:18px;padding:25px 28px 29px;min-height:135px;border-radius:15px;background:linear-gradient(115deg,#101b31,#233451 85%);box-shadow:0 12px 26px #203e7019;margin-bottom:18px;color:#fff;overflow:hidden;border:1px solid #324463}.reference-v7 .pagebanner:after{content:'';position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#0eb6cf,#3477f3,#7656e8)}.reference-v7 .bannericon{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;background:linear-gradient(145deg,#62b2ff,#2869e3);box-shadow:0 4px 15px #0b12283d;color:white;flex:none}.reference-v7 .bannericon svg{width:24px;height:24px}.reference-v7 .bannercopy{flex:1;min-width:0}.reference-v7 .bannercopy h1{color:#fff;font-size:27px;letter-spacing:-.65px;margin:9px 0 6px}.reference-v7 .bannercopy p{color:#c7d4e8;font-size:12px;line-height:1.5}.reference-brandline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:9px;letter-spacing:1px;color:#dbe8fa}.reference-brandline span{font-size:8px;background:#ffffff12;border:1px solid #ffffff1b;border-radius:20px;padding:5px 8px;letter-spacing:.5px}.reference-v7 .banneractions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:none;max-width:44%}.reference-workspace{padding:9px 12px;border:1px solid #ffffff13;background:#ffffff09;border-radius:9px;min-width:155px}.reference-workspace b{font-size:10px;display:block}.reference-workspace small{display:block;color:#bdcce1;font-size:9px;margin-top:4px}.reference-v7 .pagebanner .banneractions .btn:not(.primary){color:#fff;background:#ffffff13;border-color:#ffffff25;font-size:10px;padding:9px 12px}.reference-v7 .pagebanner .banneractions .btn.primary{background:#fff;color:#18355b;border-color:white;font-size:10px}.reference-v7 .reference-hero{position:relative;overflow:hidden;display:flex;gap:22px;align-items:center;min-height:160px;padding:25px 30px;border-radius:15px;background:linear-gradient(105deg,#0e314b 0%,#155795 45%,#347ee7 100%);border:1px solid #3e86d5;box-shadow:0 12px 25px #3864a624;color:white;margin:0 0 17px}.reference-v7 .reference-hero:after{content:'';position:absolute;right:-55px;top:-90px;width:340px;height:340px;border-radius:50%;background:#ffffff06;pointer-events:none}.reference-v7 .reference-hero>div:first-child{flex:1;min-width:0;position:relative;z-index:1}.reference-v7 .reference-hero small{color:#c5e6ff;font-size:9px;letter-spacing:1.4px}.reference-v7 .reference-hero h2{color:#fff;font-size:27px;letter-spacing:-.7px;margin:12px 0 8px}.reference-v7 .reference-hero p{color:#d8eafa;max-width:680px;font-size:12px;line-height:1.7}.reference-v7 .reference-hero .heroactions{margin-top:16px}.reference-v7 .reference-hero .btn:not(.primary){color:#fff;background:#ffffff18;border:1px solid #ffffff25;box-shadow:0 3px 9px #10396718}.reference-v7 .reference-hero .btn.primary{background:#fff;color:#18457f;border-color:#fff}.reference-v7 .reference-hero-mark{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:#ffffff13;border:1px solid #ffffff21;box-shadow:0 0 0 12px #ffffff04;color:#e3f2ff;flex:none}.reference-hero-mark svg{width:30px;height:30px}.reference-v7 .herostat{position:relative;z-index:1;min-width:100px;display:flex;flex-direction:column;gap:4px;text-align:center;padding:15px 20px;color:#fff;background:#ffffff12;border:1px solid #ffffff16;border-radius:10px}.reference-v7 .herostat strong{color:#fff;font-size:31px}.reference-v7 .herostat span{font-size:10px;color:#d4e5fc}.reference-v7 .reference-dashboard-hero{min-height:230px;gap:28px}.reference-dashboard-hero .reference-hero-mark{display:none}.reference-hero-console{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:31%;position:relative;z-index:1;flex:none}.reference-hero-console>div{padding:12px 14px;border:1px solid #ffffff20;background:#ffffff0b;border-radius:8px}.reference-hero-console .reference-revenue{grid-column:1/-1;background:#ffffff11}.reference-hero-console small{font-size:8px!important;display:block;margin-bottom:5px}.reference-hero-console strong{font-size:27px;display:block}.reference-hero-console b{font-size:11px;display:block}.reference-hero-console span{font-size:9px;color:#c7dcf7}.reference-quicklinks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:16px}.reference-quicklinks a{display:flex;align-items:center;gap:11px;min-width:0;padding:14px 16px;border-radius:10px;background:#ffffffd9;border:1px solid #dbe6f6;box-shadow:0 5px 15px #5577a410;color:#213854}.reference-quicklinks i{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:9px;background:#e8f1ff;color:#2b77e7}.reference-quicklinks svg{width:15px;height:15px}.reference-quicklinks b{font-size:11px;display:block}.reference-quicklinks small{font-size:9px;display:block;color:#7b8da6;margin-top:4px}.reference-quicklinks em{font-style:normal;color:#7393bc;margin-left:auto}.reference-v7 .metrics{gap:10px;margin-bottom:17px}.reference-v7 .metric{position:relative;border-radius:11px;border:1px solid #dce7f5;background:linear-gradient(120deg,#fff,#f8fcff)!important;padding:17px 18px;box-shadow:0 5px 15px #35518009;min-height:105px;overflow:hidden;display:flex;flex-direction:column}.reference-v7 .metric strong{font-size:27px;color:#192e4d;letter-spacing:-.5px;margin:7px 0}.reference-v7 .metric>span{font-size:9px;letter-spacing:.65px;text-transform:uppercase;color:#73859e;padding-right:26px}.reference-v7 .metric>small{font-size:10px;color:#7e8da3}.reference-metric-icon{position:absolute;right:14px;top:13px;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:#377af0;background:#eaf3ff;font-style:normal}.reference-metric-icon svg{width:13px;height:13px}.reference-v7 .reference-color-metrics .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-v7 .reference-color-metrics .metric:nth-child(1){background:linear-gradient(110deg,#20b85e,#74cb35)!important;border-color:#4cc575}.reference-v7 .reference-color-metrics .metric:nth-child(2){background:linear-gradient(110deg,#a84fec,#ed49a4)!important;border-color:#ca63d9}.reference-v7 .reference-color-metrics .metric:nth-child(3){background:linear-gradient(110deg,#ed910f,#f5bb32)!important;border-color:#efb23e}.reference-v7 .reference-color-metrics .metric:nth-child(4){background:linear-gradient(110deg,#23b6cc,#7ecfe5)!important;border-color:#75cfde}.reference-v7 .reference-color-metrics .metric:nth-child(-n+4)>span,.reference-v7 .reference-color-metrics .metric:nth-child(-n+4)>small,.reference-v7 .reference-color-metrics .metric:nth-child(-n+4)>strong{color:white}.reference-v7 .reference-color-metrics .metric:nth-child(-n+4) .reference-metric-icon{color:#fff;background:#ffffff27;width:32px;height:32px}.reference-v7 .reference-color-metrics .metric:nth-child(n+5){grid-column:span 2;min-height:75px}.reference-v7 .reference-color-metrics .metric:nth-child(n+5) strong{font-size:22px}.reference-v7 .reference-color-metrics .modulebody{padding:0}.reference-v7 .reference-color-metrics .module{background:transparent;border:0;box-shadow:none;overflow:visible}.reference-v7 .reference-color-metrics .module>header{display:none}.reference-v7 .module{border:1px solid #e0e8f5;background:#fff;border-radius:13px;box-shadow:0 8px 23px #364f8810;margin-bottom:17px}.reference-v7 .module>header{padding:18px 21px;background:linear-gradient(115deg,#fff,#f9fcff);border-bottom:1px solid #edf2f8;position:relative}.reference-v7 .module>header:before{position:absolute;top:0;left:0;right:0;height:2px;content:'';background:linear-gradient(90deg,#529fff,#66d4c2,#9993ff);opacity:.75}.reference-v7 .module>header h3{font-size:15px;letter-spacing:-.25px;margin:5px 0 0;color:#182e49}.reference-v7 .module>header small{color:#748ba7;font-size:9px;letter-spacing:1.1px}.reference-v7 .modulebody{padding:18px 21px}.reference-v7 .btn{font-size:11px;padding:10px 13px;border-radius:7px;border-color:#d6e3f3;box-shadow:0 3px 7px #24486e0a}.reference-v7 .btn.primary{background:linear-gradient(110deg,#2476e7,#3568e6);border-color:#2e72e5;color:white;box-shadow:0 4px 10px #3479e529}.reference-v7 .btn.small{font-size:10px;padding:7px 10px}.reference-v7 .btn.orange{background:#fff4dc;color:#a86a12;border-color:#f5d48e}.reference-v7 .danger{background:linear-gradient(120deg,#e84858,#d9263e)!important;color:#fff!important;border-color:#dc3e50!important}.reference-v7 .filterbar{padding:15px;background:linear-gradient(115deg,#f9fbff,#f5faff);border:1px solid #e0eaf8;border-radius:10px}.reference-v7 input,.reference-v7 select,.reference-v7 textarea{border:1px solid #dce5f2;border-radius:6px;background:#fff;font-size:12px}.reference-v7 label{font-size:10px;color:#637995}.reference-v7 .reference-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;padding:0;background:transparent;border:0;box-shadow:none;margin:0 0 17px;overflow:visible}.reference-v7 .reference-tabs>a{display:flex;align-items:flex-start;gap:9px;padding:16px 14px;min-height:77px;border:1px solid #dce6f6;background:linear-gradient(120deg,#fff,#f4f9ff);border-radius:10px;color:#234469;box-shadow:0 5px 14px #506bab10;position:relative}.reference-v7 .reference-tabs a.active{background:linear-gradient(110deg,#164674,#2f73ef);color:white;border-color:#438af3;box-shadow:0 6px 13px #2f6edc28}.reference-tabs a b{display:block;font-size:11px}.reference-tabs a small{display:block;font-size:9px;margin-top:6px;line-height:1.5;color:#7a8da6}.reference-tabs a.active small{color:#c9defc}.reference-tab-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#e9f2fe;color:#397bea;flex:none}.reference-tab-icon svg{width:13px;height:13px}.reference-tabs a.active .reference-tab-icon{background:#ffffff16;color:white}.reference-tabs em{font-style:normal;font-size:9px;margin-left:auto;background:#143551;color:white;border-radius:7px;padding:4px 7px}.reference-v7 .segments{background:#ffffffd6;border:1px solid #e3eaf7;border-radius:9px;gap:6px;padding:7px}.reference-v7 .segments button{font-size:10px;border-radius:6px;padding:9px 11px;background:#f3f7fc;color:#466380;border-color:#e1eaf5}.reference-v7 .segments button.active{background:linear-gradient(100deg,#153f66,#296bd9);color:#fff;border-color:#296bd9}.reference-v7 .profiletabs{position:sticky;top:73px;z-index:4;box-shadow:0 4px 12px #1e497912}.reference-v7 .reference-table table{font-size:11px}.reference-v7 .reference-table th{background:#1b416c;color:#e7f2ff;font-size:9px;letter-spacing:.7px;padding:13px 14px;border:0;position:static}.reference-v7 .reference-table th:first-child{border-radius:6px 0 0 0}.reference-v7 .reference-table th:last-child{border-radius:0 6px 0 0}.reference-v7 .reference-table td{padding:12px 14px;color:#34516f;border-bottom:1px solid #edf2f9}.reference-v7 .reference-table tr:nth-child(even){background:#f8fbff}.reference-v7 .reference-table tbody tr:hover{background:#edf5ff}.reference-v7 .person>a,.reference-v7 td a:not(.btn){color:#2869da}.reference-v7 .pill{font-size:9px;border-radius:5px;padding:4px 8px}.reference-v7 .reference-analytics-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;margin-bottom:0}.reference-analytics-grid .module{min-width:0}.reference-bar-chart{margin:0;border-radius:9px;background:linear-gradient(180deg,#fcfdff,#f2f7fd);padding:14px}.reference-bar-chart figcaption{font-size:10px;color:#6982a2;margin-bottom:13px}.reference-bar-chart svg{width:100%;display:block}.reference-breakdown{display:grid;gap:16px;margin:8px 0}.reference-breakdown>div{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:11px;color:#58718f}.reference-breakdown b{color:#26425f}.reference-breakdown i{grid-column:1/-1;height:6px;background:#eef3fb;display:block;border-radius:5px;overflow:hidden}.reference-breakdown em{display:block;height:6px;background:var(--bar);border-radius:5px;min-width:0}.reference-data-caption{font-size:10px;color:#8293a8;line-height:1.6;margin:16px 0 0}.reference-v7 .reference-account-intelligence>header{display:flex;justify-content:space-between;align-items:center;gap:15px;background:linear-gradient(110deg,#103e61,#347dec);border:1px solid #3a82d0;border-radius:10px;padding:18px 22px;color:white;margin-bottom:10px}.reference-account-intelligence>header h3{font-size:20px;margin:5px 0}.reference-account-intelligence>header small{font-size:9px;letter-spacing:1px;color:#b9dcfc}.reference-account-intelligence>header p{font-size:11px;color:#c4def8;margin:5px 0 0}.reference-account-intelligence>header .btn.light{color:#fff;background:#ffffff16;border-color:#ffffff28;font-size:10px}.reference-v7 .servicecard{border:1px solid #dce8f5;border-radius:12px;box-shadow:0 6px 18px #435f7d10}.reference-v7 .servicecard .detailgrid{background:#f8fbff;border:1px solid #e7eef8;border-radius:8px;padding:14px}.reference-v7 .crm-context{background:linear-gradient(100deg,#fff9e9,#fffdf7);border:1px solid #f0dfb6;border-left:4px solid #e8b537;border-radius:10px}.reference-v7 dialog{border-radius:14px;background:#f2f6fc;border:1px solid #bbcce2}.reference-v7 .modalhead{background:linear-gradient(110deg,#122846,#285386);color:white;border-color:#2f5a88;padding:22px}.reference-v7 .modalhead small{color:#9fc1e8}.reference-v7 .modalhead h2{font-size:22px}.reference-v7 .modalhead .iconbtn{background:#ffffff13;color:#fff;border-color:#ffffff25}.reference-v7 .drawer{width:min(1000px,96vw);max-width:96vw;border-radius:14px 0 0 14px}.reference-v7 .message{background:#fff;border:1px solid #e0e9f5;box-shadow:0 4px 10px #4f6c9710;border-left:3px solid #43b98a}.reference-v7 .message.staff{background:#edf5ff;border-left-color:#428cec}.reference-ticket-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#0f3c59,#307de7);color:white;padding:22px;border-radius:11px;margin-bottom:18px}.reference-ticket-banner small{font-size:9px;letter-spacing:1px;color:#c7e1fa}.reference-ticket-banner h3{font-size:22px;margin:9px 0}.reference-ticket-banner p{font-size:11px;color:#cde0f6;margin:0}.reference-ticket #ticketReply{background:white;padding:20px;border-radius:11px;border:1px solid #dee8f4}.reference-v7 .reference-code-editor{font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f9fbff;min-height:240px;color:#26466d}.reference-v7 .variables code{border:1px solid #d7e6fb;background:#eef5ff;color:#226bd2}.reference-v7 .integrationnotice{background:#fff9ec;border:1px solid #efdeb7;border-left:3px solid #e4b343;color:#856322;font-size:11px;border-radius:9px}.reference-v7 .horizon a{background:linear-gradient(145deg,#f2f7ff,#e6f0ff);border:1px solid #ccdef9}.reference-v7 .timeline article>i{box-shadow:0 0 0 4px #eaf3ff;background:#3b8ced}.reference-v7 .compact-tables td,.reference-v7.compact-tables td{padding:7px 11px}.reference-v7 .formfoot{padding-top:15px;border-top:1px solid #e5edf8}.reference-v7 .empty{background:#f8fbff;border:1px dashed #d8e5f5;border-radius:9px;color:#7590ad}.reference-v7 .btn:hover,.reference-v7 .reference-quicklinks a:hover{transform:translateY(-1px)}@media(min-width:1400px){.reference-v7 .reference-hero{padding:28px 32px}}@media(max-width:1050px){.reference-v7 .banneractions{max-width:45%}.reference-v7 .reference-hero-mark{display:none}.reference-hero-console{width:40%}.reference-v7 .reference-tabs{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.reference-v7 .reference-tabs>a{padding:13px 10px}.reference-quicklinks a{padding:12px}.reference-quicklinks small{display:none}}@media(max-width:800px){.reference-v7 .pagebanner{padding:20px 18px;gap:12px;flex-wrap:wrap}.reference-v7 .bannericon{width:38px;height:38px}.reference-v7 .bannercopy h1{font-size:23px}.reference-brandline{font-size:8px;gap:5px}.reference-brandline span:last-child{display:none}.reference-v7 .banneractions{max-width:100%;width:100%;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.reference-workspace{display:none}.reference-v7 .reference-hero{padding:20px;min-height:155px;flex-wrap:wrap;gap:14px}.reference-v7 .reference-hero h2{font-size:23px}.reference-v7 .reference-hero p{font-size:11px}.reference-hero-console{width:100%}.reference-v7 .reference-hero .herostat{padding:11px 15px;min-width:85px}.reference-quicklinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.reference-quicklinks a{gap:8px;padding:11px}.reference-quicklinks b{font-size:10px}.reference-quicklinks em{display:none}.reference-v7 .reference-color-metrics .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-v7 .reference-color-metrics .metric:nth-child(n+5){grid-column:auto}.reference-v7 .metric{padding:14px;min-height:100px}.reference-v7 .metric strong{font-size:25px}.reference-v7 .metric>span{font-size:8px}.reference-metric-icon{width:20px;height:20px;right:10px;top:10px}.reference-v7 .reference-color-metrics .metric:nth-child(-n+4) .reference-metric-icon{width:23px;height:23px}.reference-v7 .reference-analytics-grid{grid-template-columns:1fr;gap:0}.reference-v7 .reference-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.reference-v7 .reference-tabs>a{min-height:72px;padding:12px 10px;gap:7px}.reference-tabs a small{font-size:8px}.reference-v7 .modulebody{padding:14px}.reference-v7 .module>header{padding:16px}.reference-v7 .reference-account-intelligence>header{align-items:flex-start;flex-direction:column;padding:17px}.reference-v7 .profiletabs{top:64px}.reference-v7 .drawer{width:96vw}.reference-v7 .herostat strong{font-size:26px}.reference-v7 .heroactions{flex-wrap:wrap}.reference-v7 .reference-table td,.reference-v7 .reference-table th{padding:10px 12px}.reference-v7 .reference-ticket-banner{padding:18px}.reference-v7 .reference-ticket-banner h3{font-size:18px}}
.reference-v7 .banneractions{margin-left:0}.reference-v7 .reference-tabs>a{white-space:normal;min-width:0}.reference-tabs a>span{min-width:0;overflow-wrap:anywhere}.reference-tabs a em{flex:none}.reference-v7 .reference-hero{background-image:linear-gradient(90deg,#ffffff04 1px,transparent 1px),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(105deg,#0e314b 0%,#155795 45%,#347ee7 100%);background-size:38px 38px,38px 38px,100% 100%}@media(max-width:800px){.reference-v7 .banneractions{flex-basis:100%;min-width:0}.reference-v7 .banneractions .toolbar{flex-wrap:wrap}.reference-v7 .reference-tabs>a{padding:12px 9px}.reference-tabs a em{display:none}}
.reference-v7 #dashWidgets>[data-widget="revenue"]>.module>.modulebody>.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-insight-row{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:10px;margin:0 0 17px}.reference-insight-row article{background:linear-gradient(120deg,#fff,#f5f9ff);border:1px solid #dce7f5;border-radius:11px;padding:17px}.reference-insight-row article:first-child{background:linear-gradient(110deg,#123c61,#2879ec);border-color:#357ce1;color:white}.reference-insight-row small{display:block;font-size:8px;letter-spacing:.8px;color:#7d92ae}.reference-insight-row strong{display:block;margin:9px 0 5px;font-size:22px;letter-spacing:-.5px}.reference-insight-row span{font-size:9px;color:#7f93ae}.reference-insight-row article:first-child small,.reference-insight-row article:first-child span{color:#d3e6fc}@media(max-width:1050px){.reference-insight-row{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-insight-row article:first-child{grid-column:span 2}}@media(max-width:800px){.reference-v7 #dashWidgets>[data-widget="revenue"]>.module>.modulebody>.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-insight-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.reference-insight-row article{padding:13px}.reference-insight-row article:first-child{grid-column:1/-1}.reference-insight-row strong{font-size:22px}}
.reference-ticket-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.reference-ticket-grid textarea{width:100%;resize:vertical;min-height:170px}.reference-ticket-info{display:grid;gap:19px}.reference-ticket-info label{display:block}.reference-ticket-info label>b{display:block;margin-top:7px;font-size:11px;color:#243d5c;overflow-wrap:anywhere}.reference-ticket-info select{display:block;width:100%;margin-top:8px}.reference-ticket-grid .conversation{margin:0}.reference-ticket-grid .message{max-width:90%;margin-bottom:10px}.reference-ticket-page-link{margin-bottom:14px}@media(max-width:800px){.reference-ticket-grid{grid-template-columns:1fr;gap:0}.reference-ticket-grid aside{grid-row:1}.reference-ticket-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.reference-ticket-info .btn{grid-column:1/-1}}
.reference-v7 .reference-bar-chart svg{width:100%;height:auto;aspect-ratio:640/200;max-height:none}.reference-v7 .herostat .pill{color:#1e456b;background:#edf6ff;border-color:#cee7ff}.reference-v7 .pagebanner .banneractions{gap:7px}.reference-v7 .reference-ticket-info .btn{white-space:normal}.reference-v7 .reference-account-intelligence .metrics{margin-top:0}

.control-links{margin:18px 0;padding:12px;border-radius:14px;background:linear-gradient(115deg,#edf4ff,#f3edff);border:1px solid #d7e3fc;flex-wrap:wrap}.check{display:flex!important;align-items:center;gap:10px}.check input{width:auto!important}.attachment-preview{max-width:240px;max-height:180px;object-fit:contain;border-radius:12px;border:1px solid #d5e1f4}.support-image{max-width:100%;max-height:70vh;object-fit:contain}.ticket-tools{display:grid;gap:14px;padding:18px;margin-top:14px;border-radius:12px;background:#f2f6ff}.offer-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.offer-live-preview{padding:28px;border-radius:20px;background:linear-gradient(150deg,#eaf3ff,#f8f4ff);border:1px solid #cfdbf4;display:grid;gap:14px}.offer-live-preview h2{font-size:25px;margin:5px 0}.offer-live-preview strong{font-size:30px;color:#2454c6}.offer-live-preview small{color:#69758e}.offer-badge{width:max-content;border-radius:30px;background:#dee4ff;color:#534ac6;padding:6px 12px;font-weight:700}.offer-editor{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:24px}.modal:has(.offer-editor){max-width:1100px;width:95vw}.campaign-delivery{padding:18px;background:#edf5ff;border:1px solid #d2e2ff;border-radius:14px;display:grid;gap:12px}.client-control{margin:15px 0}#controlGlobalLinks{margin-top:24px}.tablewrap code{font-size:11px;word-break:break-all}.ticket-tools label{display:grid;gap:7px}.offer-editor input,.offer-editor select{min-width:0}@media(max-width:700px){.offer-editor{grid-template-columns:1fr}.control-links .btn{flex:1;white-space:normal}.ticket-tools{padding:12px}.offer-live-preview{padding:20px}}
.table-controlbar{display:flex;align-items:center;gap:10px;padding:12px 0;flex-wrap:wrap}.table-local-search{max-width:300px;padding:9px 12px;border:1px solid #d2deef;border-radius:9px;background:white}.table-row-count{color:#6d7c94;font-size:12px;margin-left:auto}th[tabindex]{cursor:pointer}th[aria-sort=ascending]::after{content:' ↑'}th[aria-sort=descending]::after{content:' ↓'}[hidden]{display:none!important}@media(max-width:700px){.table-controlbar input{width:100%;max-width:none}.table-controlbar .btn{flex:1}.table-row-count{width:100%;margin:0}}
.form label.check,.check{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important}.form label.check input{margin:0;flex:0 0 auto}

/* One App Only Design V9 — coherent navy/blue workspaces */
body.design-v9{--v9-navy:#0b1739;--v9-blue:#2563eb;--v9-ink:#172749;--v9-muted:#63738f;--v9-line:#dce5f2;--v9-surface:#f4f7fc;background:var(--v9-surface);color:var(--v9-ink)}
.design-v9 .sidebar{background:linear-gradient(175deg,#0b1739,#13264e);border:0;box-shadow:5px 0 24px #07142d12}
.design-v9 .brand{padding-bottom:22px}.design-v9 .brand b{background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 8px 24px #2563eb44}.design-v9 .sidebar nav label{letter-spacing:1.7px;font-size:10px;color:#9fb1cf}.design-v9 .sidebar .selected{background:#2563eb!important;box-shadow:0 5px 15px #0002}.design-v9 .subnav a.active{background:#223b66;color:#fff;border-left:3px solid #62a2ff}.design-v9 .subnav a:hover{background:#ffffff0b}.design-v9 .topbar{background:#fff;border-bottom:1px solid var(--v9-line)}.design-v9 .globalsearch{background:#f4f7fc;border:1px solid var(--v9-line);border-radius:12px}.design-v9 .avatar{background:#dceaff;color:#2255b7}.design-v9 .workspace{max-width:1700px;margin:auto}
.v9-breadcrumb{display:flex;align-items:center;gap:10px;padding:13px 32px;border-bottom:1px solid #e6edf7;color:var(--v9-muted);font-size:12px;background:#fff}.v9-breadcrumb a{color:#526786;text-decoration:none}.v9-breadcrumb b{color:var(--v9-ink)}.v9-breadcrumb small{margin-left:auto;color:#70829c;white-space:nowrap}
.v9-pins{display:flex!important;flex-direction:column;gap:5px;padding:12px 16px!important;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;max-height:210px;overflow:auto}.v9-pins small{font-size:10px;letter-spacing:1.5px;color:#9cb1d1}.v9-pins a{font-size:12px;color:#cbd8ed;text-decoration:none;padding:6px 8px;border-radius:6px}.v9-pins a.active,.v9-pins a:hover{background:#ffffff14;color:#fff}
.design-v9 .pagebanner{background:linear-gradient(115deg,#0b1739 0%,#1e3a70 63%,#2563eb 100%);border:0;border-radius:22px;padding:30px;box-shadow:0 12px 25px #10285718;position:relative;overflow:hidden}.design-v9 .pagebanner:after{content:'';position:absolute;width:250px;height:250px;border:1px solid #ffffff15;border-radius:50%;right:-80px;top:-120px;pointer-events:none}.design-v9 .bannericon{background:#ffffff16;color:#b4d6ff;border:1px solid #ffffff20;box-shadow:none}.design-v9 .reference-brandline{font-size:9px;letter-spacing:1.3px}.design-v9 .pagebanner h1{font-size:clamp(25px,2.5vw,36px);letter-spacing:-.8px}.design-v9 .bannercopy p{line-height:1.65;max-width:650px}.design-v9 .banneractions .toolbar{gap:8px;justify-content:flex-end}.design-v9 .banneractions .btn{min-height:38px;font-size:11px}.design-v9 .reference-workspace{display:none}.design-v9 .reference-hero{background:linear-gradient(120deg,#eaf2ff,#f1f5ff);color:#172749;border:1px solid #d8e6fa;box-shadow:none}.design-v9 .reference-hero small{color:#3264b3}.design-v9 .reference-hero h2{color:#142749;letter-spacing:-.6px;font-size:26px}.design-v9 .reference-hero p{color:#63738f}.design-v9 .reference-hero .btn.light{background:white;color:#2255b7;border:1px solid #d4e2f6}.design-v9 .reference-hero .herostat{background:#fff;color:#172749;border:1px solid #dbe5f5}.design-v9 .reference-hero .herostat small,.design-v9 .reference-hero .herostat span{color:#607797}.design-v9 .reference-hero-mark{color:#2563eb;opacity:.1}.design-v9 .reference-dashboard-hero{background:linear-gradient(120deg,#0b1739,#184184)!important;color:white}.design-v9 .reference-dashboard-hero h2{color:white}.design-v9 .reference-dashboard-hero p,.design-v9 .reference-dashboard-hero small{color:#bbd0ed}.design-v9 .reference-hero-console{background:#ffffff0b;border-color:#ffffff20}.design-v9 .reference-hero-console b{color:#fff}
.design-v9 .module{border:1px solid var(--v9-line);border-radius:18px;box-shadow:0 5px 18px #0b173904;background:white;overflow:hidden}.design-v9 .module>header{padding:20px 24px;border-bottom:1px solid #edf1f7;background:#fff}.design-v9 .module>header h3{font-size:17px;letter-spacing:-.25px;color:#182c4c}.design-v9 .module>header small{font-size:9px;letter-spacing:1.5px;color:#6981a1}.design-v9 .modulebody{padding:22px 24px}.design-v9 .metric{border-radius:16px;border:1px solid var(--v9-line);border-top:3px solid var(--v9-accent,#2563eb);box-shadow:0 4px 16px #14274906;padding:23px;background:white!important;color:var(--v9-ink)!important}.design-v9 .metric>span,.design-v9 .metric>small{color:#687c98!important}.design-v9 .metric>strong{color:#142749!important;font-size:29px;letter-spacing:-.8px}.design-v9 .reference-metric-icon{color:var(--v9-accent,#2563eb);background:color-mix(in srgb,var(--v9-accent,#2563eb) 10%,white);border-radius:12px}.design-v9 .reference-insight-row article{background:white;border:1px solid var(--v9-line);border-radius:14px}.design-v9 .reference-insight-row strong{color:#172749}
.design-v9 .btn{border-radius:10px;font-weight:650;transition:background .15s,border-color .15s;min-height:36px}.design-v9 .btn.primary{background:#2563eb;border-color:#2563eb;color:white;box-shadow:0 4px 9px #2563eb1c}.design-v9 .btn.primary:hover{background:#1d4ed8}.design-v9 .btn.danger{background:#fff0f1;color:#b5324c;border-color:#f8ced6}.design-v9 .btn:disabled{box-shadow:none;opacity:.55;cursor:not-allowed}.design-v9 button:focus-visible,.design-v9 a:focus-visible,.design-v9 input:focus-visible,.design-v9 select:focus-visible,.design-v9 textarea:focus-visible{outline:3px solid #71a8ff;outline-offset:3px}.design-v9 .reference-tabs{display:flex;gap:8px;padding:7px;background:#eaf0f9;border-radius:15px;border:1px solid #dce6f4;overflow-x:auto;flex-wrap:nowrap}.design-v9 .reference-tabs a{flex:1 0 auto;min-width:120px;background:transparent;border:0!important;border-radius:10px;color:#566d8e;padding:12px}.design-v9 .reference-tabs a.active{background:white;box-shadow:0 2px 8px #1427490d;color:#2563eb}.design-v9 .reference-tabs small{font-size:10px;color:#72839c}.design-v9 .reference-tab-icon{background:#dfe9f8;color:#5377ae}.design-v9 .reference-tabs a.active .reference-tab-icon{background:#e8f0ff;color:#2563eb}
.design-v9 .filterbar{background:#f7f9fd;border:1px solid #e3eaf6;border-radius:12px;padding:14px;align-items:flex-end}.design-v9 input,.design-v9 textarea,.design-v9 select{border:1px solid #cfdaea;border-radius:10px;background:white;padding:11px 12px;color:#172749;min-width:0}.design-v9 label{font-size:12px;font-weight:600;color:#4c6383}.design-v9 input:focus,.design-v9 textarea:focus,.design-v9 select:focus{border-color:#669cff;box-shadow:0 0 0 3px #2563eb0d}.design-v9 input.v9-invalid,.design-v9 select.v9-invalid{border-color:#df566b;background:#fff7f8}.design-v9 textarea{line-height:1.7;resize:vertical}.design-v9 .notice{border-radius:12px;padding:15px 18px;line-height:1.65}.design-v9 .integrationnotice{background:#fff8eb;border:1px solid #f4dfb6;color:#795823;border-radius:12px}.design-v9 .pill{font-size:10px;padding:5px 9px;font-weight:650}.design-v9 .pill.active,.design-v9 .pill.sent,.design-v9 .pill.completed,.design-v9 .pill.connected,.design-v9 .pill.enabled{background:#e8f8f0;color:#13734c}.design-v9 .pill.pending,.design-v9 .pill.queued,.design-v9 .pill.scheduled,.design-v9 .pill.needsreview{background:#fff3df;color:#946114}.design-v9 .pill.failed,.design-v9 .pill.expired,.design-v9 .pill.urgent{background:#ffecef;color:#b1324b}.design-v9 .pill.notconnected,.design-v9 .pill.disabled{background:#edf1f7;color:#52637e}.design-v9 .tablewrap{border:1px solid #e0e7f2;border-radius:12px;max-height:640px;overflow:auto}.design-v9 table th{position:sticky;top:0;background:#f3f6fb;color:#617594;text-transform:uppercase;font-size:9px;letter-spacing:.8px;z-index:2;border-bottom:1px solid #dce5f2}.design-v9 table td{font-size:12px;border-bottom:1px solid #edf1f7;padding:15px 12px}.design-v9 table tbody tr:nth-child(even){background:#fafcff}.design-v9 table tbody tr:hover{background:#eff5ff}.design-v9 .table-controlbar{padding:12px 0}.design-v9 .table-controlbar .btn{min-height:33px}.design-v9 .table-row-count{font-variant-numeric:tabular-nums}.design-v9 .compact-tables table td{padding:8px 10px}.design-v9 .empty{padding:42px 18px;background:linear-gradient(135deg,#f9fbff,#f3f7fd);border:1px dashed #dce6f4;border-radius:14px}.design-v9 .empty>div{background:#e7efff;color:#2563eb}.design-v9 .empty p{max-width:400px;margin:10px auto;color:#6c7f9b}
.v9-filterchips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.v9-filterchips button{border:1px solid #dce5f2;background:white;border-radius:10px;color:#58708f;padding:9px 13px;font-size:12px;font-weight:600;display:flex;gap:9px;align-items:center}.v9-filterchips button b{background:#edf2fa;border-radius:6px;padding:2px 6px;font-size:10px}.v9-filterchips button.active{background:#2563eb;color:#fff;border-color:#2563eb}.v9-filterchips button.active b{background:#ffffff25;color:white}.v9-view-tools{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:16px 0}.v9-view-tools>small{color:#6d7e98;font-size:10px}.v9-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin:15px 0}.v9-record-card{background:white;border:1px solid #dce6f4;border-radius:15px;padding:20px;box-shadow:0 4px 12px #10285705;min-width:0}.v9-record-card>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;border-bottom:1px solid #eef2f8;padding:9px 0;font-size:12px}.v9-record-card>div>small{font-size:10px;color:#71829c}.v9-record-card>div>div{overflow-wrap:anywhere}.v9-record-card .v9-card-title{display:block;padding-bottom:16px}.v9-card-title>small{display:none}.v9-record-card footer{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.v9-record-card .person{min-width:0}.v9-record-card .person small{overflow-wrap:anywhere}
.v9-insights{margin:24px 0;display:grid;gap:20px}.v9-chart{background:white;border:1px solid #dce5f2;border-radius:18px;padding:24px;min-width:0}.v9-chart>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.v9-chart h3{font-size:16px;margin:0}.v9-bars{display:grid;gap:14px}.v9-bar-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(80px,3fr) 80px;align-items:center;gap:14px;text-decoration:none;color:#4e6686;font-size:12px}.v9-bar-row>span{overflow-wrap:anywhere}.v9-bar-row>i{height:10px;background:#edf2f9;border-radius:10px;overflow:hidden}.v9-bar-row em{display:block;height:100%;border-radius:10px;min-width:0}.v9-bar-row b{text-align:right;color:#172749}.v9-bar-row[href]:hover{color:#2563eb}.v9-source{display:block;color:#7386a0;font-size:10px;line-height:1.65;margin-top:15px}.v9-expiry-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.v9-expiry-grid button{background:#f6f9fe;border:1px solid #e0e8f5;border-radius:11px;padding:14px 6px;display:grid;gap:8px;text-align:center;color:#7890ae}.v9-expiry-grid button.has-expiry{background:#eaf2ff;border-color:#c7dafa;color:#2563eb}.v9-expiry-grid button small{font-size:10px}.v9-expiry-grid button b{font-size:23px}.v9-expiry-grid button span{font-size:9px}
.v9-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v9-task-grid a{display:flex;align-items:center;gap:13px;background:#f7faff;border:1px solid #dfe7f4;border-radius:13px;padding:19px;text-decoration:none;color:#172749}.v9-task-grid a>i{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:11px;color:var(--v9-accent);background:color-mix(in srgb,var(--v9-accent) 10%,white)}.v9-task-grid svg{width:22px;height:22px}.v9-task-grid a>div{display:grid;gap:5px}.v9-task-grid b{font-size:25px}.v9-task-grid span{font-size:11px;color:#657995}.v9-task-grid em{margin-left:auto;color:#6e85a6;font-style:normal}.v9-task-grid a:hover{border-color:#8bb5fa;background:#eff5ff}.v9-profile-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.v9-profile-summary .metric strong{font-size:23px}.v9-expiry-label{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:10px;background:#eaf8f1;color:#17764f;font-size:11px;margin-bottom:15px}.v9-expiry-label.soon{background:#fff3df;color:#93621c}.v9-expiry-label.expired{background:#ffecef;color:#b1324b}.design-v9 .servicecard{border:1px solid #dce5f2;border-radius:17px;background:#fff;box-shadow:0 4px 12px #10285705}.design-v9 .crm-context{background:#fff;border:1px solid #dce5f2;border-radius:14px}.design-v9 .crm-tags span{background:#eef0ff;color:#6554b9;border-radius:7px}
.v9-formsteps{display:flex;gap:10px;padding:0 0 20px}.v9-formsteps button{display:flex;align-items:center;gap:10px;border:1px solid #dce5f2;background:#f6f9fe;border-radius:11px;padding:12px 14px;flex:1;color:#526d93;font-size:12px}.v9-formsteps b{background:#e2edff;color:#2563eb;border-radius:8px;padding:6px;font-size:10px}.v9-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v9-choice-grid button{display:grid;gap:7px;text-align:left;border:1px solid #d9e4f3;border-radius:12px;background:white;padding:16px;color:#61799a}.v9-choice-grid button small{font-size:8px;letter-spacing:1px}.v9-choice-grid button b{font-size:16px;color:#203c65}.v9-choice-grid button span{font-size:10px}.v9-choice-grid button.active{background:#edf4ff;border:2px solid #2563eb;padding:15px}.v9-choice-grid button.active b{color:#2563eb}.v9-connection-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.v9-connection-choices button{display:grid;gap:5px;background:white;border:1px solid #dce5f2;border-radius:10px;padding:12px 4px;text-align:center;color:#627c9f}.v9-connection-choices b{font-size:21px}.v9-connection-choices span{font-size:9px}.v9-connection-choices button.active{background:#2563eb;color:white;border-color:#2563eb}.v9-connection-choices button:disabled{opacity:.4;cursor:not-allowed}.v9-draft-tools{display:flex;gap:8px;flex-wrap:wrap;background:#f6f9ff;padding:14px;border-radius:12px;border:1px dashed #d5e2f5}.v9-draft-tools small{width:100%;color:#6f83a0;font-size:10px;line-height:1.6}.design-v9 .main-side:has(#manualLiveForm)>:last-child{position:sticky;top:90px;align-self:start}.v9-section-heading{display:grid;gap:8px;padding:17px 20px;background:#eef4ff;border:1px solid #d6e4fa;border-radius:12px;margin-bottom:20px}.v9-section-heading b{color:#244f95;font-size:15px}.v9-section-heading span{font-size:11px;color:#6380a8}.v9-unsaved{padding:10px 13px;background:#fff7e5;border:1px solid #f0dbaa;border-radius:9px;color:#856224;font-size:11px}.v9-mapped{background:#f1f7ff}.design-v9 .packageid{color:#2563eb;cursor:pointer;border-radius:8px;padding:8px 12px;background:#e1edff;display:inline-block}.v9-mapping-preview{padding:24px;background:#edf4ff;border-radius:15px}.v9-mapping-preview h2{font-size:36px;color:#2563eb}.design-v9 .plancard{border-radius:17px;border:1px solid #dce5f2;background:white}.design-v9 .plancard.featured{border:2px solid #2563eb;box-shadow:0 10px 24px #2563eb12}.design-v9 .offercard{border-radius:18px;border:1px solid #dce5f2;background:white;box-shadow:0 5px 18px #10285706}.design-v9 .offercard>strong{color:#2563eb;font-size:32px;letter-spacing:-1px}.design-v9 .offer-live-preview{background:linear-gradient(150deg,#edf4ff,#f6f0ff);border-radius:18px;border-color:#cfdbf4;transition:max-width .2s}.v9-preview-switch{margin-bottom:12px}.v9-phone-preview{max-width:300px;margin:0 auto;width:100%;border:6px solid #172749!important;border-radius:27px!important;padding:22px!important}.v9-readiness{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v9-readiness article{display:grid;justify-items:start;gap:12px;padding:20px;background:#f8faff;border:1px solid #dce5f2;border-radius:12px;min-width:0}.v9-readiness article>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e7efff;color:#2563eb}.v9-readiness svg{width:20px;height:20px}.v9-readiness h4{margin:0;font-size:13px}.v9-readiness p{font-size:11px;line-height:1.65;color:#6880a1;margin:0}.v9-device-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.v9-device-grid article{display:grid;gap:12px;padding:18px;background:#f2fbf9;border:1px solid #d5eeea;border-radius:12px}.v9-device-grid svg{width:26px;height:26px;color:#159a86}.v9-device-grid b{font-size:12px}.v9-device-grid small{font-size:10px;line-height:1.6;color:#627f7d}.design-v9[data-v9-menu=portal] .hero{background:linear-gradient(110deg,#edf6ff,#edfafa)}.v9-giveaway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.v9-giveaway-card{background:linear-gradient(145deg,#f3eeff,#fff);padding:26px;border:1px solid #e4dbf7;border-radius:18px;display:grid;gap:12px}.v9-giveaway-card>small{font-size:9px;color:#8d72b7;letter-spacing:1px}.v9-giveaway-card h3{font-size:21px;margin:0}.v9-giveaway-card p{font-size:12px;line-height:1.65;margin:0;color:#75668d}.v9-giveaway-card>div{display:grid;gap:5px;padding:15px;background:#ffffff90;border-radius:10px}.v9-giveaway-card>div b{font-size:29px;color:#7654ba}.v9-giveaway-card>div span{font-size:10px;color:#8a769f}
.design-v9 .reference-ticket-grid{grid-template-columns:minmax(0,2.4fr) minmax(240px,1fr);gap:20px}.design-v9 .conversation{padding:8px;display:grid;gap:16px}.design-v9 .conversation .message{max-width:88%;margin-right:auto;border:1px solid #e1e8f3;border-radius:15px 15px 15px 4px;background:#f6f8fc;padding:16px 19px}.design-v9 .conversation .message.staff{margin-left:auto;margin-right:0;background:#eaf2ff;border-color:#d4e3fa;border-radius:15px 15px 4px 15px}.design-v9 .conversation .message small{font-size:10px;color:#6d82a1}.design-v9 .conversation .message p{font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.design-v9 .reference-ticket-info label{padding-bottom:12px;border-bottom:1px solid #edf1f7}.design-v9 .ticket-tools{background:#f5f8ff;border:1px solid #e0e9f8}.design-v9 .attachment-preview{border-radius:12px}.design-v9 .templategrid{gap:22px}.design-v9 .reference-code-editor{background:#f8faff;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;min-height:220px}.design-v9 .variables code{background:#eaf1ff;color:#2d5db4;border-radius:6px;border:1px solid #d8e5fa}.design-v9 .remindersteps article{background:white;border:1px solid #dce5f2;border-radius:14px;border-top:3px solid #2563eb}.design-v9 .campaign-delivery{background:#f1f6ff;border-radius:15px}.design-v9 .toast{border-radius:12px;box-shadow:0 12px 30px #10285725;background:#163b6b;color:white;max-width:calc(100vw - 30px)}.design-v9 .toast.bad{background:#9b3048}.design-v9 .modal{border-radius:20px;border:1px solid #dce5f2;box-shadow:0 30px 90px #07142d38}.design-v9 .modalhead{background:#f6f9fe;border-bottom:1px solid #e0e8f4}.design-v9 .modalbody{padding:25px}.design-v9 .reference-account-intelligence{border-radius:17px}.design-v9 .skeleton{background:linear-gradient(90deg,#e8eef7 25%,#f5f8fc 50%,#e8eef7 75%);background-size:200% 100%;border-radius:16px}
@media(min-width:1200px){.design-v9 .reference-ticket-grid>aside{position:sticky;top:90px;align-self:start}}
@media(max-width:1100px){.v9-task-grid,.v9-readiness{grid-template-columns:repeat(2,minmax(0,1fr))}.v9-device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v9-profile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.design-v9 .banneractions .toolbar{justify-content:flex-start}.design-v9 .pagebanner{padding:24px}}
@media(max-width:700px){.v9-breadcrumb{padding:11px 16px;gap:7px;font-size:10px;flex-wrap:wrap}.v9-breadcrumb small{display:none}.design-v9 .pagebanner{border-radius:16px;padding:21px;gap:15px}.design-v9 .pagebanner h1{font-size:26px}.design-v9 .banneractions{width:100%}.design-v9 .banneractions .toolbar{width:100%;justify-content:flex-start}.design-v9 .banneractions .btn{font-size:10px;min-height:35px;padding:8px 10px}.design-v9 .reference-brandline{font-size:8px;letter-spacing:.6px;flex-wrap:wrap}.design-v9 .reference-tabs a{min-width:125px;padding:11px}.design-v9 .reference-tabs a small{display:none}.design-v9 .reference-tabs .reference-tab-icon{width:27px;height:27px}.design-v9 .module>header,.design-v9 .modulebody{padding:17px}.design-v9 .metric{padding:17px}.design-v9 .metric>strong{font-size:24px}.design-v9 .reference-hero h2{font-size:23px}.design-v9 .reference-hero{padding:20px}.v9-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v9-task-grid a{padding:12px;gap:9px;flex-wrap:wrap}.v9-task-grid a>i{flex-basis:30px;height:30px}.v9-task-grid b{font-size:23px}.v9-task-grid span{font-size:10px}.v9-task-grid em{display:none}.v9-profile-summary{gap:10px}.v9-profile-summary .metric{padding:15px}.v9-profile-summary .metric strong{font-size:20px}.v9-chart{padding:17px}.v9-chart>header{align-items:flex-start;flex-direction:column}.v9-bar-row{grid-template-columns:95px minmax(30px,1fr) 60px;gap:9px;font-size:10px}.v9-expiry-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.v9-expiry-grid button{padding:11px 3px}.v9-readiness{grid-template-columns:1fr 1fr;gap:9px}.v9-readiness article{padding:14px;gap:10px}.v9-device-grid{grid-template-columns:1fr 1fr}.v9-device-grid article{padding:14px}.v9-choice-grid{grid-template-columns:1fr 1fr}.v9-choice-grid button{padding:13px}.v9-choice-grid button.active{padding:12px}.v9-choice-grid button b{font-size:14px}.v9-formsteps{gap:6px}.v9-formsteps button{padding:9px 6px;gap:5px;font-size:10px}.v9-connection-choices{gap:5px}.v9-connection-choices span{font-size:8px}.v9-connection-choices b{font-size:19px}.v9-draft-tools .btn{font-size:10px;flex:1}.design-v9 .main-side:has(#manualLiveForm)>:last-child{position:static}.v9-view-tools{align-items:flex-start;flex-direction:column;gap:8px}.v9-record-grid{grid-template-columns:1fr}.design-v9 .reference-ticket-grid{grid-template-columns:1fr}.design-v9 .conversation .message{max-width:95%;padding:13px}.design-v9 .modal{max-height:95dvh;border-radius:17px}.design-v9 .modalbody{padding:17px}.v9-filterchips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.v9-filterchips button{white-space:nowrap;flex-shrink:0;padding:8px 10px;font-size:10px}.design-v9 .tablewrap{max-height:540px}.design-v9 .tablewrap th{font-size:8px}.design-v9 .tablewrap td{font-size:11px}.v9-expiry-label{font-size:10px;flex-wrap:wrap}.v9-giveaway-card{padding:21px}}
@media(prefers-reduced-motion:reduce){.design-v9 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Reset inherited decorative geometry and color overrides. */
body.design-v9.reference-v7 .pagebanner:after{left:auto;bottom:auto;right:-90px;top:-135px;width:250px;height:250px;background:none;border:1px solid #ffffff1c;z-index:0}
body.design-v9.reference-v7 .pagebanner>div{position:relative;z-index:1}
body.design-v9.reference-v7 .reference-color-metrics .metric{background:#fff!important;color:#172749!important;border-top:3px solid var(--v9-accent,#2563eb)}
body.design-v9.reference-v7 .reference-color-metrics .metric>span,body.design-v9.reference-v7 .reference-color-metrics .metric>small{color:#617796!important}
body.design-v9.reference-v7 .reference-color-metrics .metric>strong{color:#172749!important}
body.design-v9.reference-v7 .reference-color-metrics .reference-metric-icon{background:#eaf1ff!important;color:var(--v9-accent,#2563eb)!important}
body.design-v9.reference-v7 .reference-tabs a.active small{color:#637da2}
body.design-v9.reference-v7 .reference-table th{background:#f3f6fb;color:#617594}
body.design-v9.reference-v7 .reference-hero .herostat strong{color:#203858}
body.design-v9.reference-v7 .banneractions .toolbar{max-width:100%}
.v9-operation-result{display:flex;align-items:center;gap:17px;padding:23px;background:#eaf8f1;border:1px solid #c8ebda;border-radius:15px;margin-bottom:18px}.v9-operation-result>i{width:50px;height:50px;flex:none;display:grid;place-items:center;background:#d1efdf;border-radius:50%;color:#188658}.v9-operation-result svg{width:28px;height:28px}.v9-operation-result h3{font-size:21px;margin:6px 0;color:#1c694c}.v9-operation-result small{font-size:9px;letter-spacing:1px;color:#479478}.v9-operation-result p{font-size:12px;line-height:1.6;margin:0;color:#4b7969}.v9-operation-result.review{background:#fff7e7;border-color:#f1deb4}.v9-operation-result.review>i{background:#f9e9c6;color:#a47728}.v9-operation-result.review h3{color:#8a6120}.v9-result-stages{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.v9-result-stages article{display:grid;justify-items:start;gap:10px;padding:17px;background:#f7faff;border:1px solid #dce5f2;border-radius:12px}.v9-result-stages small{color:#6b82a1;font-size:11px}.v9-delivery-view{display:flex;align-items:center;gap:15px;margin:18px 0;flex-wrap:wrap}.v9-delivery-view>small{font-size:10px;color:#71839c}.v9-delivery-board{display:grid;grid-template-columns:repeat(7,minmax(190px,1fr));gap:14px;overflow-x:auto;padding-bottom:14px;max-width:100%}.v9-delivery-board>section{background:#eef3fa;border:1px solid #dce5f2;border-radius:14px;padding:13px;min-height:220px}.v9-delivery-board>section>header{display:flex;justify-content:space-between;gap:10px;margin-bottom:15px;font-size:12px;color:#45648c}.v9-delivery-board header span{background:white;padding:3px 7px;border-radius:7px;font-size:10px}.v9-delivery-board article{display:grid;justify-items:start;gap:9px;padding:15px;background:white;border:1px solid #dce5f2;border-radius:11px;margin-bottom:12px}.v9-delivery-board article>small{font-size:8px;letter-spacing:1px;color:#8595ae}.v9-delivery-board article>b{font-size:11px;overflow-wrap:anywhere;max-width:100%}.v9-delivery-board article>p{font-size:10px;color:#7a8da8;margin:0;line-height:1.5}.v9-delivery-board article>p.v9-mail-error{color:#b44555;background:#fff2f4;padding:7px;border-radius:6px;overflow-wrap:anywhere}@media(max-width:700px){.v9-operation-result{padding:16px;align-items:flex-start}.v9-operation-result h3{font-size:17px}.v9-delivery-board{grid-template-columns:repeat(7,220px)}.v9-operation-result>i{width:35px;height:35px}.v9-operation-result svg{width:22px;height:22px}}
.v9-offer-phone .offer-live-preview{max-width:300px;margin:auto;width:100%;border:6px solid #172749;border-radius:27px;padding:22px}
.design-v9 .offer-editor #liveOfferPreview{min-width:0}
.design-v9 .offer-editor>.v9-preview-switch{grid-column:2;grid-row:1;align-self:start}
.design-v9 .offer-editor:has(.v9-preview-switch){grid-template-rows:auto 1fr}
.design-v9 .offer-editor:has(.v9-preview-switch)>form{grid-row:1/3}
.design-v9 .offer-editor:has(.v9-preview-switch)>#liveOfferPreview{grid-column:2;grid-row:2;align-self:start}
@media(max-width:700px){.design-v9 .offer-editor>.v9-preview-switch{grid-column:1;grid-row:2}.design-v9 .offer-editor:has(.v9-preview-switch)>form{grid-row:1}.design-v9 .offer-editor:has(.v9-preview-switch)>#liveOfferPreview{grid-column:1;grid-row:3}}
.v9-client-preview{display:grid;gap:20px}.v9-preview-person{padding:18px;background:#edf4ff;border:1px solid #d6e3f7;border-radius:13px}.v9-client-preview .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.v9-client-preview .metric strong{font-size:23px}.v9-order-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.v9-order-status article{display:grid;justify-items:start;gap:12px;padding:18px;background:#f0f5fd;border:1px solid #d9e5f7;border-radius:12px;min-width:0}.v9-order-status small{color:#7890af;font-size:9px;letter-spacing:.7px}.v9-order-status b{font-size:14px;overflow-wrap:anywhere}.v9-order-context{display:flex;gap:12px;flex-wrap:wrap;padding:12px;background:#fafcff;border:1px solid #e5ecf7;border-radius:10px;font-size:11px;color:#6d83a0;margin-bottom:20px}@media(max-width:700px){.v9-client-preview .metrics{grid-template-columns:1fr}.v9-order-status{grid-template-columns:1fr}.v9-order-status article{padding:13px}}
body.design-v9.reference-v7 #modal{border-radius:18px;border:1px solid #cfdaeb;background:#fff;box-shadow:0 28px 80px #07142d38}
body.design-v9.reference-v7 #modal .modalhead{background:#f5f8fd;color:#172749;border-bottom:1px solid #dce5f2}
body.design-v9.reference-v7 #modal .modalhead h2{color:#172749}
body.design-v9.reference-v7 #modal .modalhead small{color:#7087a9}
body.design-v9.reference-v7 #modal .modalhead .iconbtn{background:#e9f0fb;color:#42668f;border-color:#d7e2f4}
body.design-v9.reference-v7 #modal:has(.offer-editor){width:min(1120px,95vw);max-width:95vw}
body.design-v9.reference-v7 #modal .modalbody{background:white}
@media(max-width:700px){body.design-v9.reference-v7 #modal{border-radius:15px;max-height:95dvh}}

/* Studio V10: vivid cards, colored tabs, compact hierarchy and interactive analytics. */
body.studio-v10{--studio-accent:#4465f7;--studio-rgb:68,101,247;--studio-tint:#eef1ff;background:#f3f5fb!important;color:#1c2e50}
body.studio-v10[data-v9-menu=clients]{--studio-accent:#8554df;--studio-rgb:133,84,223;--studio-tint:#f2edff}
body.studio-v10[data-v9-menu=orders]{--studio-accent:#e58c25;--studio-rgb:229,140,37;--studio-tint:#fff4e8}
body.studio-v10[data-v9-menu=support]{--studio-accent:#8751db;--studio-rgb:135,81,219;--studio-tint:#f3edff}
body.studio-v10[data-v9-menu=offers]{--studio-accent:#d74c87;--studio-rgb:215,76,135;--studio-tint:#fff0f6}
body.studio-v10[data-v9-menu=settings]{--studio-accent:#139c94;--studio-rgb:19,156,148;--studio-tint:#eafaF8}
body.studio-v10.reference-v7.design-v9 .main{background:radial-gradient(ellipse at 100% 0%,rgba(var(--studio-rgb),.09),transparent 50%),#f3f5fb}
body.studio-v10.reference-v7.design-v9 .workspace{padding:25px 30px}
body.studio-v10.reference-v7.design-v9 .sidebar{background:linear-gradient(180deg,#11192d,#1b2140);box-shadow:6px 0 30px #17213a12}
body.studio-v10.reference-v7.design-v9 .brand{padding:25px 22px;border-bottom:1px solid #ffffff0c}.studio-v10 .brand b{background:linear-gradient(145deg,#667fff,#8b54e8)!important;box-shadow:0 5px 25px #7458f94d!important}
body.studio-v10.reference-v7.design-v9 .sidebar .selected{background:linear-gradient(100deg,var(--studio-accent),#6966e7)!important;box-shadow:0 8px 20px #0002;border-radius:12px}
body.studio-v10.reference-v7.design-v9 .sidebar .subnav a.active{background:#ffffff10;border-left-color:#a5a6ff;color:#e2e3ff}
body.studio-v10.reference-v7.design-v9 .sidebar nav label{font-size:9px;letter-spacing:2px;color:#8490b1}.studio-v10 .side-status{border-radius:12px!important;background:#1c3540!important;border-color:#315459!important}
body.studio-v10.reference-v7.design-v9 .topbar{height:72px;box-shadow:0 2px 15px #2d3b6610;border-bottom:1px solid #e7ebf5}.studio-v10 .globalsearch{border:0!important;background:#f1f3fa!important;min-width:260px}.studio-v10 .topactions .avatar{background:linear-gradient(135deg,#dfdefe,#e9f2ff);color:#6253b4}.studio-v10 .v9-breadcrumb{border-bottom:0;background:#ffffff80;padding:10px 30px}
body.studio-v10.reference-v7.design-v9 .pagebanner{background:linear-gradient(105deg,#fff,var(--studio-tint));border:1px solid rgba(var(--studio-rgb),.13);border-left:5px solid var(--studio-accent);color:#1c2e50;padding:24px 27px;border-radius:18px;min-height:115px;box-shadow:0 8px 25px #28385406;gap:18px;margin-bottom:22px}
body.studio-v10.reference-v7.design-v9 .pagebanner:after{width:230px;height:230px;right:-50px;top:-110px;border:35px solid rgba(var(--studio-rgb),.035);background:transparent}
body.studio-v10.reference-v7.design-v9 .bannericon{background:var(--studio-accent);color:white;border:0;box-shadow:0 8px 18px rgba(var(--studio-rgb),.22);border-radius:15px;width:54px;height:54px}
body.studio-v10.reference-v7.design-v9 .bannercopy h1{color:#1d2c4c;font-size:31px;line-height:1.18;margin:7px 0}.studio-v10 .v10-section-label{font-size:9px;letter-spacing:1.6px;color:var(--studio-accent);font-weight:750}.studio-v10 .reference-brandline{display:none}.studio-v10 .bannercopy p{color:#76819b!important;line-height:1.6;font-size:12px!important}
body.studio-v10.reference-v7.design-v9 .pagebanner .banneractions .btn{background:white;color:#657393;border:1px solid #dce3f1;box-shadow:0 3px 9px #29395305;border-radius:10px;font-size:10px;padding:9px 12px}
body.studio-v10.reference-v7.design-v9 .pagebanner .banneractions .btn.primary{background:var(--studio-accent);color:white;border-color:var(--studio-accent)}
.v10-banner-stats{display:flex!important;gap:16px;align-items:center;flex-basis:100%;font-size:10px;color:#6b7c9c;flex-wrap:wrap}.v10-banner-stats span{display:flex;gap:6px;align-items:center}.v10-banner-stats i{width:6px;height:6px;background:#19aa8e;border-radius:50%}.studio-v10 .pagebanner:has(.v10-banner-stats){flex-wrap:wrap}
body.studio-v10.reference-v7.design-v9 .module{border:1px solid #e2e7f2;border-radius:18px;box-shadow:0 7px 22px #24375806;margin-bottom:20px;background:white}.studio-v10 .module:before{display:none!important}
body.studio-v10.reference-v7.design-v9 .module>header{padding:19px 23px;border-bottom:1px solid #e8edf6;border-left:4px solid #4465f7;background:linear-gradient(110deg,#f0f3ff,#fff)}
body.studio-v10.reference-v7.design-v9 .module[data-v10-tone="1"]>header{border-left-color:#18a88e;background:linear-gradient(110deg,#eafaf5,#fff)}
body.studio-v10.reference-v7.design-v9 .module[data-v10-tone="2"]>header{border-left-color:#8b50e8;background:linear-gradient(110deg,#f2edff,#fff)}
body.studio-v10.reference-v7.design-v9 .module[data-v10-tone="3"]>header{border-left-color:#ee9c2b;background:linear-gradient(110deg,#fff5e7,#fff)}
body.studio-v10.reference-v7.design-v9 .module[data-v10-tone="4"]>header{border-left-color:#e45d7b;background:linear-gradient(110deg,#fff0f3,#fff)}
body.studio-v10.reference-v7.design-v9 .module[data-v10-tone="5"]>header{border-left-color:#239ccc;background:linear-gradient(110deg,#eaf7ff,#fff)}
body.studio-v10.reference-v7.design-v9 .module>header h3{font-size:16px;color:#263854;letter-spacing:-.25px}.studio-v10 .module>header small{font-size:8px!important;color:#7c8dae!important;letter-spacing:1.6px!important}.studio-v10 .modulebody{padding:22px!important}
body.studio-v10.reference-v7.design-v9 .metric,body.studio-v10.reference-v7.design-v9 .reference-color-metrics .metric{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#3155d9,#526ee7)!important;color:white!important;border:0!important;border-radius:17px!important;min-height:150px;padding:24px!important;box-shadow:0 10px 20px #4465f726!important}
body.studio-v10.reference-v7.design-v9 .metric[data-v10-tone="1"]{background:linear-gradient(125deg,#087362,#10816b)!important;box-shadow:0 10px 20px #18a88e25!important}
body.studio-v10.reference-v7.design-v9 .metric[data-v10-tone="2"]{background:linear-gradient(125deg,#7140c6,#8958d6)!important;box-shadow:0 10px 20px #8b50e825!important}
body.studio-v10.reference-v7.design-v9 .metric[data-v10-tone="3"]{background:linear-gradient(125deg,#a35d11,#b9771c)!important;box-shadow:0 10px 20px #ee9c2b25!important}
body.studio-v10.reference-v7.design-v9 .metric[data-v10-tone="4"]{background:linear-gradient(125deg,#b42f5a,#c83f68)!important;box-shadow:0 10px 20px #e45d7b25!important}
body.studio-v10.reference-v7.design-v9 .metric[data-v10-tone="5"]{background:linear-gradient(125deg,#126e99,#187ca7)!important;box-shadow:0 10px 20px #239ccc25!important}
body.studio-v10.reference-v7.design-v9 .metric>strong,body.studio-v10.reference-v7.design-v9 .reference-color-metrics .metric>strong{color:white!important;font-size:32px!important;font-weight:750;letter-spacing:-.8px;position:relative;z-index:2}
body.studio-v10.reference-v7.design-v9 .metric>span,body.studio-v10.reference-v7.design-v9 .metric>small,body.studio-v10.reference-v7.design-v9 .reference-color-metrics .metric>span,body.studio-v10.reference-v7.design-v9 .reference-color-metrics .metric>small{color:#fff!important;opacity:.94;font-size:10px!important;position:relative;z-index:2}
body.studio-v10.reference-v7.design-v9 .metric .reference-metric-icon,body.studio-v10.reference-v7.design-v9 .reference-color-metrics .reference-metric-icon{color:white!important;background:#ffffff26!important;border:1px solid #ffffff20;right:18px;top:17px;width:34px;height:34px;z-index:2}
.v10-card-decoration{position:absolute!important;right:-35px;bottom:-58px;width:170px;height:170px;border:25px solid #ffffff0e;border-radius:50%;pointer-events:none;z-index:0!important}.studio-v10 .metric:hover{transform:translateY(-3px);transition:transform .18s}.studio-v10 .metric small{max-width:90%;line-height:1.5}
body.studio-v10.reference-v7.design-v9 [data-widget="revenue"]>.module{background:none;border:0;box-shadow:none;overflow:visible}.studio-v10 [data-widget="revenue"]>.module>header{display:none}.studio-v10 [data-widget="revenue"] .modulebody{padding:0!important}.studio-v10 [data-widget="revenue"] .metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px;margin:0!important}.studio-v10 [data-widget="revenue"] .metric{grid-column:auto!important}
.studio-v10 .v10-task-strip{margin-top:6px!important}.studio-v10 .v10-task-strip>header{display:none}.studio-v10 .v10-task-strip .modulebody{padding:13px!important}.studio-v10 .v9-task-grid a{background:linear-gradient(115deg,#edf1ff,#f8faff);border:1px solid #dce4ff;padding:16px;border-radius:13px}.studio-v10 .v9-task-grid a[data-v10-tone="1"]{background:linear-gradient(115deg,#e7f8f3,#f4fcf9);border-color:#cdeee2}.studio-v10 .v9-task-grid a[data-v10-tone="2"]{background:linear-gradient(115deg,#f0e9ff,#faf7ff);border-color:#e2d7fa}.studio-v10 .v9-task-grid a[data-v10-tone="3"]{background:linear-gradient(115deg,#fff1df,#fffbf5);border-color:#f6e1c0}.studio-v10 .v9-task-grid b{font-size:26px}.studio-v10 .v9-task-grid span{font-size:10px}.studio-v10 .v9-task-grid a>i{background:white;box-shadow:0 4px 9px #29395306}
body.studio-v10.reference-v7.design-v9 .reference-tabs{background:#fff;border:1px solid #e1e6f2;padding:8px;gap:8px;border-radius:16px;margin:19px 0}
body.studio-v10.reference-v7.design-v9 .tabs a{background:#edf1ff;color:#4261c7;border-radius:11px;min-height:57px;border:1px solid #dce5ff!important;padding:13px 16px;box-shadow:none}
body.studio-v10.reference-v7.design-v9 .tabs a[data-v10-tone="1"]{background:#e8f9f3;color:#158c73;border-color:#d3eee4!important}.studio-v10 .tabs a[data-v10-tone="2"]{background:#f2ebff!important;color:#7c45c5!important;border-color:#e3d6f9!important}.studio-v10 .tabs a[data-v10-tone="3"]{background:#fff3e1!important;color:#b47a23!important;border-color:#f5e0ba!important}.studio-v10 .tabs a[data-v10-tone="4"]{background:#fff0f5!important;color:#c14a78!important;border-color:#f6d6e1!important}.studio-v10 .tabs a[data-v10-tone="5"]{background:#e8f7ff!important;color:#2484af!important;border-color:#cfeaf8!important}
body.studio-v10.reference-v7.design-v9 .tabs a.active{background:linear-gradient(110deg,#4465f7,#6e7ffc)!important;color:white!important;border-color:transparent!important;box-shadow:0 6px 14px #4465f723}
body.studio-v10.reference-v7.design-v9 .tabs a.active[data-v10-tone="1"]{background:linear-gradient(110deg,#159a85,#3dc4a7)!important}.studio-v10 .tabs a.active[data-v10-tone="2"]{background:linear-gradient(110deg,#8247d7,#a476ef)!important}.studio-v10 .tabs a.active[data-v10-tone="3"]{background:linear-gradient(110deg,#d99326,#eab451)!important}.studio-v10 .tabs a.active[data-v10-tone="4"]{background:linear-gradient(110deg,#cf507c,#e587a7)!important}.studio-v10 .tabs a.active[data-v10-tone="5"]{background:linear-gradient(110deg,#239ccc,#5ab8d9)!important}
body.studio-v10.reference-v7.design-v9 .tabs a.active small,body.studio-v10.reference-v7.design-v9 .tabs a.active b{color:white!important}.studio-v10 .reference-tab-icon{background:#ffffff70!important;color:inherit!important}.studio-v10 .tabs a.active .reference-tab-icon{background:#ffffff22!important;color:white!important}.studio-v10 .tabs small{color:inherit!important;opacity:.85}.studio-v10 .segments,.studio-v10 .profiletabs{padding:5px!important;background:#eff1f8!important;border:1px solid #e1e6f1;border-radius:12px!important;gap:5px!important}.studio-v10 .segments button,.studio-v10 .profiletabs button{border-radius:8px!important;color:#6f7d98!important;background:white!important;border:1px solid #e3e8f4!important;padding:9px 13px!important}.studio-v10 .segments button.active,.studio-v10 .profiletabs button.active{background:var(--studio-accent)!important;color:white!important;border-color:transparent!important;box-shadow:0 4px 9px rgba(var(--studio-rgb),.2)}
.studio-v10 .v9-filterchips button{background:#eef1ff;border-color:#d8e1fb;color:#5368aa}.studio-v10 .v9-filterchips button[data-v10-tone="1"]{background:#e9f8f3;border-color:#cdeede;color:#287e69}.studio-v10 .v9-filterchips button[data-v10-tone="2"]{background:#f1ebfc;border-color:#e2d6f5;color:#8154b4}.studio-v10 .v9-filterchips button[data-v10-tone="3"]{background:#fff3e2;border-color:#f3dfb9;color:#a47b37}.studio-v10 .v9-filterchips button.active{background:var(--studio-accent)!important;color:white!important;border-color:var(--studio-accent)!important}.studio-v10 .v9-filterchips button b{background:#ffffff80}.studio-v10 .v9-filterchips button.active b{background:#ffffff22}.studio-v10 .settingsnav a{background:#eaf8f5;border-color:#d0ebe4;color:#277e6b;border-radius:10px}.studio-v10 .settingsnav a.active{background:#139c94;color:white}
body.studio-v10.reference-v7.design-v9 .hero.reference-hero{background:linear-gradient(115deg,var(--studio-tint),#fff);border:1px solid rgba(var(--studio-rgb),.15);padding:22px 25px;min-height:130px;box-shadow:none;border-radius:16px}
.studio-v10 .reference-hero h2{font-size:23px!important;color:#233455!important}.studio-v10 .hero .herostat{background:var(--studio-accent)!important;border:0!important}.studio-v10 .hero .herostat strong,.studio-v10 .hero .herostat small,.studio-v10 .hero .herostat span{color:white!important}.studio-v10 .reference-hero-mark{color:var(--studio-accent)!important;background:var(--studio-tint)!important;border-color:rgba(var(--studio-rgb),.16)!important;opacity:.55}
.studio-v10 .filterbar{background:#f2f4fc!important;border:1px solid #e0e6f4!important;border-radius:12px!important}.studio-v10 input,.studio-v10 textarea,.studio-v10 select{border-color:#d4deef!important;border-radius:10px!important}.studio-v10 input:focus,.studio-v10 textarea:focus,.studio-v10 select:focus{border-color:var(--studio-accent)!important;box-shadow:0 0 0 3px rgba(var(--studio-rgb),.08)!important}.studio-v10 .btn.primary{background:var(--studio-accent)!important;border-color:var(--studio-accent)!important;box-shadow:0 5px 12px rgba(var(--studio-rgb),.16)!important}.studio-v10 .btn{min-height:36px}.studio-v10 .tablewrap{border-color:#e0e5f3!important}.studio-v10.reference-v7 .reference-table th,.studio-v10 table th{background:#edf1fc!important;color:#6b7eaa!important;letter-spacing:.9px!important;font-size:9px!important}.studio-v10 table td{border-color:#eef1f8!important}.studio-v10 table tbody tr:nth-child(even){background:#f8faff!important}.studio-v10 table tbody tr:hover{background:var(--studio-tint)!important}.studio-v10 .person>i,.studio-v10 .person>span:first-child{background:#e6eafd;color:#6173b9}
.studio-v10 .v9-record-card,.studio-v10 .servicecard,.studio-v10 .offercard,.studio-v10 .plancard{border:1px solid #dfe5f3!important;border-top:4px solid #4465f7!important;background:linear-gradient(160deg,#edf2ff 0%,white 42%)!important;box-shadow:0 7px 20px #26395507!important;border-radius:17px!important}.studio-v10 [data-v10-tone="1"].v9-record-card,.studio-v10 [data-v10-tone="1"].servicecard,.studio-v10 [data-v10-tone="1"].plancard{border-top-color:#18a88e!important;background:linear-gradient(160deg,#e9faf4 0%,white 42%)!important}.studio-v10 [data-v10-tone="2"].v9-record-card,.studio-v10 [data-v10-tone="2"].servicecard,.studio-v10 [data-v10-tone="2"].plancard{border-top-color:#8b50e8!important;background:linear-gradient(160deg,#f1ebff 0%,white 42%)!important}.studio-v10 .v9-readiness article{background:linear-gradient(145deg,#edf2ff,white)!important;border-radius:14px!important}.studio-v10 .v9-readiness article:nth-child(2){background:linear-gradient(145deg,#e7faf3,white)!important}.studio-v10 .v9-readiness article:nth-child(3){background:linear-gradient(145deg,#f0eaff,white)!important}.studio-v10 .v9-readiness article:nth-child(4){background:linear-gradient(145deg,#fff0e0,white)!important}.studio-v10 .v9-choice-grid button{background:#f5f6ff;border-color:#dce3fc}.studio-v10 .v9-choice-grid button.active{background:linear-gradient(130deg,#4465f7,#7b78ee);border-color:transparent;color:white;box-shadow:0 6px 15px #4465f721}.studio-v10 .v9-choice-grid button.active b{color:white}.studio-v10 .v9-connection-choices button.active{background:linear-gradient(130deg,#8554df,#a576eb);border-color:transparent}.studio-v10 .v9-formsteps button{background:#edf1ff;border-color:#dce4fa}.studio-v10 .v9-formsteps button:nth-child(2){background:#eaf9f3;border-color:#d2eee3}.studio-v10 .v9-formsteps button:nth-child(3){background:#f3ecff;border-color:#e5d8fa}
.v10-plot{margin:0;border:1px solid #e1e7f4;border-radius:15px;padding:18px 19px;background:linear-gradient(145deg,#fbfcff,white);min-width:0;position:relative}.v10-plot figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.v10-plot figcaption>div:first-child{display:grid;gap:6px}.v10-plot figcaption small{font-size:8px;letter-spacing:1.5px;color:#95a0b8}.v10-plot figcaption b{font-size:14px;color:#304464;font-weight:700}.v10-plot-total{display:grid;gap:5px;text-align:right}.v10-plot-total strong{font-size:24px;letter-spacing:-.6px;color:#253b63}.v10-plot-total span{font-size:9px;color:#8a9ab5}.v10-plot svg{width:100%;height:auto;display:block;overflow:visible;margin:9px 0 0;min-height:150px}.v10-plot-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:9px;border-bottom:1px solid #edf0f7}.v10-plot-toolbar>span{font-size:10px;color:#7183a2;display:flex;align-items:center;gap:6px}.v10-plot-toolbar i{height:6px;width:6px;border-radius:50%;display:inline-block}.v10-plot-toolbar>div{display:flex;gap:4px}.v10-plot-toolbar button{font:600 9px system-ui;border:1px solid #e3e8f2;background:white;border-radius:6px;color:#7b8ba7;padding:6px 8px;cursor:pointer}.v10-plot-toolbar button.active{background:#eef2ff;color:#4465f7;border-color:#cfdafb}.v10-plot footer{font-size:9px;display:flex;justify-content:space-between;gap:8px;color:#8a9ab6;line-height:1.6;border-top:1px solid #edf0f7;padding-top:11px}.v10-plot footer>span{white-space:nowrap}.v10-mark{cursor:pointer;outline:none}.v10-mark-dot{transition:r .13s;opacity:.8}.v10-crosshair{opacity:0}.v10-mark.hovered .v10-crosshair,.v10-mark:focus .v10-crosshair{opacity:.65}.v10-mark.hovered .v10-mark-dot,.v10-mark:focus .v10-mark-dot{r:7;opacity:1;filter:drop-shadow(0 2px 5px #4465f744)}.v10-mark.hovered rect:not([fill=transparent]){filter:brightness(1.06) drop-shadow(0 4px 5px #4465f720)}.v10-donut-segment.hovered,.v10-donut-segment:focus{stroke-width:34;filter:drop-shadow(0 3px 4px #26395320)}.v10-plot [data-v10-panel=table] .tablewrap{max-height:360px;margin:15px 0}.v10-plot-empty{display:grid;place-items:center;text-align:center;gap:12px;min-height:230px;background:linear-gradient(140deg,#f1f4ff,#f8faff);border:1px dashed #d9e2f6;border-radius:14px;padding:25px}.v10-plot-empty svg{width:38px;height:38px;color:#8e9fe1}.v10-plot-empty b{font-size:13px;color:#6377a0}.v10-plot-empty p{font-size:11px;color:#8c9ab4;line-height:1.6;max-width:300px;margin:0}.v10-tooltip{position:fixed;width:248px;z-index:11000;background:linear-gradient(145deg,#1c2742,#293b61);border:1px solid #3c5074;border-radius:12px;padding:15px 17px;color:#eef4ff;box-shadow:0 15px 40px #10213b36;pointer-events:none;font-family:system-ui}.v10-tooltip small{display:block;font-size:9px;color:#a2b4d8;margin-bottom:6px;letter-spacing:.5px}.v10-tooltip>b{display:block;font-size:13px;margin-bottom:12px}.v10-tooltip>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:5px 0;color:#bed0eb}.v10-tooltip strong{color:white;font-weight:700}.v10-tooltip p{font-size:10px;color:#a9bde1;border-top:1px solid #ffffff15;padding-top:10px;line-height:1.6;margin:8px 0}.v10-tooltip em{font-style:normal;font-size:9px;color:#8da5d0}.v10-point-detail{display:grid;gap:18px;padding:9px}.v10-point-detail>small{color:#8b9fc1;letter-spacing:1.5px;font-size:9px}.v10-point-detail>h2{font-size:40px;letter-spacing:-1px;color:#4465f7;margin:0}.v10-point-detail>p{font-size:11px;color:#8190a9;line-height:1.7}.studio-v10 .trendgrid{gap:18px!important}.studio-v10 .v9-chart{border-radius:17px;background:#fff;padding:18px;border-color:#e2e8f4}.studio-v10 .v9-chart>.v10-plot{border:0;padding:0;background:none}.studio-v10 .v9-chart [data-v9-chart-panel]>.v10-plot figcaption{display:none}.studio-v10 .v9-chart [data-v9-chart-panel]>.v10-plot .v10-plot-toolbar{display:none}.studio-v10 .v9-chart [data-v9-chart-panel]>.v10-plot{border:0;padding:0;background:none}.studio-v10 .reference-analytics-grid{gap:20px!important}
@media(min-width:1300px){.studio-v10 [data-widget="revenue"] .metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important}.studio-v10 [data-widget="revenue"] .metric{padding:20px!important;min-height:145px}.studio-v10 [data-widget="revenue"] .metric strong{font-size:29px!important}.studio-v10 [data-widget="revenue"] .metric .reference-metric-icon{width:27px;height:27px;right:12px;top:12px}.studio-v10 [data-widget="revenue"] .metric>span{font-size:8px!important;max-width:75%}}
@media(max-width:1050px){.studio-v10 [data-widget="revenue"] .metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.studio-v10 .v10-plot svg{min-height:130px}.studio-v10 .reference-tabs{flex-wrap:nowrap!important}}
@media(max-width:800px){body.studio-v10.reference-v7.design-v9 .pagebanner{padding:20px;gap:14px}.studio-v10 .bannercopy h1{font-size:25px!important}.studio-v10 .bannericon{width:42px!important;height:42px!important}.studio-v10 .v10-banner-stats{gap:12px}.studio-v10 .trendgrid{grid-template-columns:1fr!important}.studio-v10 .workspace{padding:20px 16px!important}.studio-v10 .v9-breadcrumb{padding:10px 17px}.studio-v10 .modulebody{padding:16px!important}.studio-v10 .metric{min-height:140px!important;padding:20px!important}.studio-v10 .metric>strong{font-size:28px!important}.studio-v10 [data-widget="revenue"] .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.studio-v10 .reference-tabs a{padding:11px 13px!important;min-width:125px}.v10-plot{padding:15px}.v10-plot-toolbar{align-items:flex-start}.v10-plot-toolbar>span{max-width:45%;line-height:1.5}.v10-plot-toolbar button{padding:6px 7px}.v10-plot-total strong{font-size:22px}.v10-plot footer span{display:none}.v10-tooltip{width:235px;padding:13px}.studio-v10 .v9-profile-summary{grid-template-columns:1fr 1fr}.studio-v10 .v9-task-grid a{padding:13px}.studio-v10 .v9-chart{padding:15px}.studio-v10 .v9-chart>header{margin-bottom:15px}.studio-v10 .v9-connection-choices button span{font-size:8px}.studio-v10 .topbar{padding:0 16px!important}}
@media(prefers-reduced-motion:reduce){.studio-v10 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:800px){.studio-v10 .globalsearch{min-width:0;flex:1;width:0}.studio-v10 .topactions{flex-shrink:0}.studio-v10 .mobilemenu{flex-shrink:0}.studio-v10 .v10-plot [data-v10-panel=table]{min-width:0;overflow:auto}}

.studio-v10 .v10-task-strip{grid-column:1 / -1;width:100%}

/* One App Only Brand V12 */
/* One App Only · Blue Edition · Shared visual system */
:root{color-scheme:light;--bg:#eef3fd;--surface:#fff;--ink:#172644;--muted:#718098;--line:#e3eaf5;--blue:#2469e7;--navy:#142442;--radius:16px;--shadow:0 5px 22px #17397408;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#19191f,transparent 65%),var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:var(--blue);text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}svg{width:20px;height:20px;flex:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #33333e;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #00000011}h1,h2,h3,h4,p{margin-top:0}h3{font-size:17px;margin-bottom:0}h4{font-size:13px;margin-top:24px;margin-bottom:12px}small{font-size:11px}strong,b{font-weight:650}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.muted{color:var(--muted);font-size:12px;line-height:1.6}.sidebar{width:252px;background:linear-gradient(165deg,#211014,#211014);color:#aeb0c0;position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;border-right:1px solid #ef4444}.brand{display:flex;align-items:center;gap:11px;color:inherit;padding:27px 22px 22px;font-size:17px;font-weight:750;letter-spacing:-.4px}.brand>b{display:grid;place-items:center;background:linear-gradient(140deg,#b91c1c,#b91c1c);width:40px;height:40px;border-radius:12px;color:#fafafa;font-size:24px;box-shadow:0 5px 12px #00000033}.brand small{display:block;font-size:8px;letter-spacing:1.8px;color:#aeb0c0;margin-top:5px}.side-status{display:flex;align-items:center;gap:8px;margin:0 20px 16px;padding:10px 12px;border:1px solid #ef4444;border-radius:9px;background:#211014;color:#aeb0c0;font-size:10px}.side-status i{width:6px;height:6px;border-radius:50%;background:#362918}.side-status i.online{background:#143127;box-shadow:0 0 0 3px #00000019}.sidebar nav{overflow-y:auto;flex:1;padding:0 12px 20px;scrollbar-width:thin;scrollbar-color:#375376 transparent}.sidebar nav>label{display:block;padding:18px 12px 9px;font-size:9px;color:#aeb0c0;font-weight:700;letter-spacing:1.4px}.sidebar summary,.navroot{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:9px;color:#aeb0c0;font-size:12px;cursor:pointer;list-style:none;margin:3px 0;transition:background .15s}.sidebar summary::-webkit-details-marker{display:none}.sidebar summary svg,.navroot svg{width:18px;height:18px;color:#aeb0c0}.sidebar summary .chevron{margin-left:auto;font-style:normal;color:#aeb0c0;font-size:15px}.sidebar details[open] .chevron{transform:rotate(180deg)}.sidebar summary:hover,.navroot:hover{background:#211014;color:#fafafa}.sidebar .selected{background:linear-gradient(100deg,#b91c1c,#b91c1c);color:white;box-shadow:0 4px 10px #00000040}.sidebar .selected svg{color:white}.subnav{margin:6px 0 6px 23px;padding-left:20px;border-left:1px solid #ef4444;display:grid;gap:1px}.subnav a{font-size:11px;color:#aeb0c0;padding:8px 9px;border-radius:7px;position:relative}.subnav a:hover{color:white;background:#211014}.subnav a.active{color:#fafafa;background:#211014;font-weight:600}.subnav a.active:before{content:"";width:5px;height:5px;background:#22222b;border-radius:50%;position:absolute;left:-23px;top:13px}.sidebar footer{margin:0 18px;padding:16px 0;border-top:1px solid #ef4444}.adminidentity{display:flex;align-items:center;gap:10px;font-size:12px;color:#d4d4dc}.adminidentity>b{width:34px;height:34px;border-radius:10px;background:#211014;display:grid;place-items:center;font-size:10px}.adminidentity small{display:block;color:#aeb0c0;margin-top:4px;font-size:9px}.sidebar footer button{border:0;background:none;display:flex;align-items:center;gap:10px;color:#aeb0c0;padding:14px 4px 2px;font-size:11px}.sidebar footer button svg{width:16px;height:16px}.main{margin-left:252px;min-height:100vh;min-width:0}.topbar{height:78px;background:#19191fd9;backdrop-filter:blur(15px);border-bottom:1px solid #33333e;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:10}.globalsearch{display:flex;align-items:center;gap:10px;width:min(350px,40%);height:39px;border:1px solid var(--line);background:#19191f;border-radius:9px;color:#aeb0c0;text-align:left;font-size:11px;padding:0 12px}.globalsearch svg{width:16px;height:16px}.globalsearch kbd{margin-left:auto;border:1px solid #33333e;border-radius:4px;padding:3px 5px;font:9px inherit;background:#19191f;color:#aeb0c0}.topactions{display:flex;align-items:center;gap:12px}.iconbtn{border:1px solid var(--line);color:#aeb0c0;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#19191f;flex:none}.iconbtn:hover{background:#19191f;border-color:#33333e}.iconbtn svg{width:17px;height:17px}.avatar{width:34px;height:34px;background:#19191f;color:#fafafa;border:1px solid #33333e;border-radius:10px;display:grid;place-items:center;font-size:10px}.workspace{max-width:1780px;margin:auto;padding:28px 34px 0}.pagebanner{display:flex;align-items:center;gap:16px;background:linear-gradient(110deg,#211014,#211014);color:white;padding:25px 28px;border-radius:var(--radius);margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 9px 25px #0000001a}.pagebanner:after{content:"";position:absolute;width:320px;height:320px;border:1px solid #33333e0b;border-radius:50%;right:10%;top:-140px;pointer-events:none}.bannericon{background:linear-gradient(145deg,#22222b,#b91c1c);width:45px;height:45px;display:grid;place-items:center;border-radius:13px;box-shadow:0 0 0 5px #00000008}.bannericon svg{width:23px;height:23px}.bannercopy{flex:1;min-width:0}.bannercopy small{font-size:8px;letter-spacing:1.4px;color:#aeb0c0;font-weight:650}.bannercopy h1{margin:5px 0 6px;font-size:24px;letter-spacing:-.6px}.bannercopy p{margin:0;color:#aeb0c0;font-size:11px;line-height:1.6}.banneractions{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.banneractions .btn{border-color:#33333e24;background:#19191f12;color:#fafafa}.banneractions .btn:hover{background:#19191f25}.banneractions .primary,.banneractions .light{background:#19191f;color:#fafafa;border-color:white}.hero{margin:18px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(115deg,#211014 0%,#b91c1c 55%,#b91c1c 100%);border:1px solid #33333e50;border-radius:16px;padding:29px 32px;color:white;position:relative;overflow:hidden;box-shadow:0 8px 25px #0000001e}.hero:after{content:"";width:370px;height:370px;position:absolute;right:18%;top:-190px;background:linear-gradient(90deg,transparent,#19191f08);border:1px solid #33333e12;border-radius:50%;pointer-events:none}.hero>div{position:relative;z-index:1}.hero small{font-size:8px;letter-spacing:1.3px;color:#aeb0c0;font-weight:700}.hero h2{font-size:28px;letter-spacing:-.6px;margin:7px 0 8px;font-weight:700;line-height:1.2}.hero p{font-size:12px;line-height:1.65;color:#aeb0c0;margin:0;max-width:750px}.heroactions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.heroactions:empty{display:none}.hero .light{background:#19191f;color:#fafafa;border:0}.hero .primary{background:#b91c1c;border-color:#ef4444;color:#fafafa}.herostat{min-width:190px;background:#19191f14;border:1px solid #33333e25;padding:18px 20px;border-radius:12px;display:flex;flex-direction:column;gap:8px}.herostat strong{font-size:30px;letter-spacing:-1px}.herostat>span{color:#aeb0c0;font-size:10px}.herostat .pill{align-self:flex-start}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #33333e;border-radius:7px;padding:10px 13px;background:#19191f;color:#fafafa;font-size:11px;font-weight:600;white-space:nowrap;line-height:1.2;transition:background .15s,box-shadow .15s}.btn:hover{background:#19191f;box-shadow:0 2px 8px #0000000b}.btn svg{width:15px;height:15px}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 3px 7px #00000020}.btn.primary:hover{background:#b91c1c}.btn.danger{background:#19191f;border-color:#33333e;color:#a8a8b3}.btn.danger:hover{background:#19191f}.btn.small{padding:7px 9px;font-size:10px;border-radius:6px}.btn.text{border:0;background:none;padding:0;color:#ff8790;font-size:10px}.btn.active{background:#19191f;color:#fafafa;border-color:#33333e}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:5px;font-size:9px;font-weight:600;color:#aeb0c0;background:#19191f;white-space:nowrap;max-width:100%}.pill i{width:4px;height:4px;background:currentColor;border-radius:50%;flex:none}.pill.active,.pill.approved,.pill.paid,.pill.connected,.pill.online,.pill.xuiconnected,.pill.found,.pill.mapped,.pill.reachable,.pill.recordsloaded{color:#239567;background:#19191f}.pill.pending,.pill.expiring,.pill.unpaid,.pill.urgent,.pill.high{color:#b78022;background:#19191f}.pill.expired,.pill.failed,.pill.error,.pill.offline,.pill.xuioffline,.pill.missing,.pill.rejected,.pill.cancelled{color:#a8a8b3;background:#19191f}.pill.draft,.pill.scheduled{color:#aeb0c0;background:#19191f}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 22px}.metric{border:1px solid var(--line);border-radius:12px;background:#19191f;padding:20px 22px;min-height:116px;box-shadow:var(--shadow);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px}.metric>span{font-size:10px;font-weight:650;color:#aeb0c0}.metric>strong{font-size:27px;line-height:1.2;letter-spacing:-.8px}.metric>small{font-size:9px;color:#aeb0c0}.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#22222b}.metric.green,.metric.purple,.metric.orange,.metric.cyan{border:0;color:white;box-shadow:0 6px 16px #00000013}.metric.green{background:linear-gradient(115deg,#22b864,#143127)}.metric.purple{background:linear-gradient(115deg,#b91c1c,#111116)}.metric.orange{background:linear-gradient(115deg,#362918,#362918)}.metric.cyan{background:linear-gradient(115deg,#22222b,#22222b)}.metric.green span,.metric.purple span,.metric.orange span,.metric.cyan span,.metric.green small,.metric.purple small,.metric.orange small,.metric.cyan small{color:#fafafacf}.metric.green:before,.metric.purple:before,.metric.orange:before,.metric.cyan:before{display:none}.metric.green:after,.metric.purple:after,.metric.orange:after,.metric.cyan:after{content:"";width:110px;height:110px;border-radius:50%;background:#19191f10;position:absolute;right:-20px;top:-20px}.module{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;overflow:hidden;min-width:0}.module>header{padding:21px 23px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #33333e}.module>header small{display:block;font-size:8px;color:#aeb0c0;font-weight:650;letter-spacing:1.2px;margin-bottom:7px}.module>header h3{font-size:15px;letter-spacing:-.2px}.modulebody{padding:20px 23px}.modulebody>.tablewrap{margin:-8px -10px}.grid{display:grid;gap:18px;align-items:start}.grid.main-side{grid-template-columns:minmax(0,1.8fr) minmax(270px,.8fr)}.grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcutgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:16px}.shortcutgrid>a{border:1px solid var(--line);background:#19191f;border-radius:11px;padding:15px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);color:var(--ink)}.shortcutgrid>a>svg:first-child{color:var(--blue);background:#19191f;box-sizing:content-box;width:15px;height:15px;padding:8px;border-radius:9px}.shortcutgrid>a>svg:last-child{margin-left:auto;color:#aeb0c0;width:14px}.shortcutgrid b{font-size:10px}.shortcutgrid small{display:block;margin-top:4px;color:#aeb0c0;font-size:9px}.tabs{display:flex;gap:5px;overflow:auto;padding:3px 0;margin-bottom:16px;scrollbar-width:none}.tabs a{font-size:10px;padding:9px 12px;border:1px solid transparent;color:#aeb0c0;background:#19191f91;border-radius:7px;white-space:nowrap;font-weight:600}.tabs a.active{background:var(--blue);color:white;box-shadow:0 3px 8px #00000019}.tabs a:hover{border-color:#33333e}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0 20px}.toolbar select,.toolbar input{width:auto;min-width:140px;max-width:100%}.segments{display:flex;gap:4px;flex-wrap:wrap}.segments button{border:1px solid #33333e;background:#19191f;border-radius:6px;color:#aeb0c0;padding:8px 11px;font-size:10px;font-weight:600}.segments button.active{color:#fafafa;background:#b91c1c;border-color:#ef4444}.barchart{display:flex;align-items:flex-end;justify-content:space-around;gap:12px;height:235px;padding:20px 8px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#19191f 50px)}.barchart>div{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:80px}.barchart b{font-size:10px;color:#aeb0c0;white-space:nowrap}.barchart i{width:clamp(10px,2.5vw,30px);background:linear-gradient(#22222b,#b91c1c);border-radius:5px 5px 0 0;box-shadow:0 5px 9px #00000016}.barchart small{font-size:8px;color:#aeb0c0;white-space:nowrap}.ring{height:152px;width:152px;border-radius:50%;margin:6px auto 24px;background:conic-gradient(#b91c1c var(--progress),#19191f 0);padding:14px}.ring>div{width:100%;height:100%;border-radius:50%;background:#19191f;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.ring strong{font-size:30px;letter-spacing:-1px}.ring small{font-size:9px;color:var(--muted)}.statlist p,.statlist>a{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #33333e;padding:12px 0;margin:0;color:#aeb0c0;font-size:11px;line-height:1.4}.statlist b{color:#fafafa;text-align:right;font-size:11px;overflow-wrap:anywhere;max-width:60%}.statlist>p:last-child,.statlist>a:last-child{border-bottom:0}.actionlist a{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);color:#aeb0c0;font-size:12px}.actionlist b{background:#19191f;color:#ff8790;padding:5px 9px;border-radius:6px}.tablewrap{overflow:auto;scrollbar-width:thin;scrollbar-color:#c9d9ef transparent}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}thead{background:linear-gradient(90deg,#211014,#b91c1c);color:#fafafa}th{font-size:8px;letter-spacing:.5px;font-weight:650;padding:13px 12px;white-space:nowrap;text-transform:uppercase}td{padding:15px 12px;border-bottom:1px solid #33333e;color:#aeb0c0;vertical-align:middle}td small{display:block;font-size:9px;color:#aeb0c0;margin-top:5px}tbody tr:hover{background:#19191f}tbody tr:last-child td{border-bottom:0}tbody th{background:#19191f;color:#aeb0c0;text-transform:none;font-size:11px;border-bottom:1px solid #33333e}td strong{color:#fafafa}td code{font-size:10px;color:#fafafa;background:#19191f;padding:4px 6px;border-radius:4px}.person{display:flex;align-items:center;gap:9px;min-width:140px}.person>i{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#19191f,#19191f);color:#ff8790;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:700;flex:none}.person strong{color:#fafafa;font-size:11px;display:block}.person small{font-size:9px;display:block;color:#aeb0c0;margin-top:4px;overflow-wrap:anywhere}.link{border:0;padding:0;background:none;color:#ff8790;font-weight:600;font-size:11px}.filterbar{padding:0 0 20px;display:flex;align-items:flex-end;gap:13px;flex-wrap:wrap}.filterbar label{flex:1;min-width:130px}.filterbar label:first-child{flex:2;min-width:200px}label{display:flex;flex-direction:column;gap:7px;color:#aeb0c0;font-size:10px;font-weight:600}input,select,textarea{width:100%;background:#19191f;border:1px solid #33333e;border-radius:7px;color:#fafafa;padding:11px 12px;font-size:11px;line-height:1.4}input::placeholder,textarea::placeholder{color:#aeb0c0}select{min-height:38px}textarea{resize:vertical;min-height:140px;line-height:1.7}input[type=checkbox]{width:15px;height:15px;box-shadow:none;accent-color:var(--blue)}.checklabel{flex-direction:row;align-items:center;gap:9px}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 3px 0;color:#aeb0c0;font-size:10px}.pager>div{display:flex;gap:10px;align-items:center}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wide{grid-column:1/-1}.notice{padding:14px 16px;border:1px solid #33333e;background:#19191f;color:#aeb0c0;font-size:11px;line-height:1.65;border-radius:9px;margin:16px 0}.form .notice{margin:0}.formfoot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;background:linear-gradient(110deg,#211014,#b91c1c);color:#aeb0c0;border-radius:9px}.formfoot>span{font-size:10px;line-height:1.5}.formfoot .btn:not(.primary):not(.danger){background:#19191f}.formfoot .btn.primary{background:#19191f;color:#ff8790;border-color:white}.steprail{display:flex;background:#19191f;border:1px solid var(--line);padding:12px 18px;gap:12px;justify-content:space-between;border-radius:10px;margin-bottom:20px}.steprail>span{padding:9px 12px;font-size:11px;color:#aeb0c0;border-radius:6px}.steprail>span.active{color:#ff8790;background:#19191f}.previewsticky{position:sticky;top:96px}.previewclient{padding-bottom:15px;border-bottom:1px solid var(--line)}.reviewgrid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.queue{display:flex;flex-direction:column;gap:8px}.queue button{background:#19191f;border:1px solid #33333e;border-radius:9px;padding:14px;text-align:left;color:#aeb0c0}.queue b,.queue small,.queue span{display:block}.queue b{font-size:11px;color:#fafafa}.queue small{font-size:10px;margin:8px 0}.queue span{font-size:9px;color:#aeb0c0}.queue button.active{background:#19191f;border-color:#33333e;box-shadow:inset 3px 0 #000000}.reviewcustomer{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.detailgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detailgrid>div{border:1px solid #33333e;background:#19191f;border-radius:8px;padding:14px 16px;min-width:0}.detailgrid small{display:block;color:#aeb0c0;font-size:9px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.detailgrid b{display:block;font-size:12px;overflow-wrap:anywhere;color:#fafafa}.recentclients{display:flex;flex-direction:column;gap:0}.recentclients>a{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #33333e}.recentclients>a:last-child{border:0}.profileavatar{width:50px;height:50px;background:#19191f22;border:1px solid #33333e35;border-radius:12px;display:grid;place-items:center;color:#fafafa;font-size:16px}.profiletabs{margin-bottom:18px}.servicecard{border:1px solid #33333e;border-radius:10px;padding:17px;margin-bottom:12px}.servicecard>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.servicecard h3{font-size:13px}.servicecard .detailgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.servicecard .toolbar{margin:16px 0 0}.stack{display:grid;gap:10px}.stack .btn{justify-content:flex-start}.noteform{display:grid;gap:10px}.noteform button{justify-self:end}.notes article{border-bottom:1px solid var(--line);padding:16px 0}.notes p{white-space:pre-wrap;font-size:12px;line-height:1.7;color:#aeb0c0}.notes small{color:#aeb0c0;font-size:9px}.linkflow{display:flex;align-items:center;justify-content:space-between;gap:10px}.linkflow>div{background:#19191f;border:1px solid #33333e;border-radius:10px;display:flex;align-items:center;flex-direction:column;flex:1;gap:10px;padding:20px 10px;color:#aeb0c0}.linkflow b{font-size:22px;color:#fafafa}.linkflow small{font-size:9px;color:#aeb0c0;text-align:center}.plancards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.plancard{border:1px solid var(--line);background:#19191f;border-radius:14px;padding:25px 22px;box-shadow:var(--shadow)}.plancard.featured{border-color:#ef4444;box-shadow:0 10px 30px #0000001a}.plancard>small{color:#aeb0c0;font-size:8px;letter-spacing:1px}.plancard h3{font-size:16px;margin:12px 0 23px}.plancard div b{font-size:28px;letter-spacing:-1px}.plancard div span{display:block;color:#aeb0c0;font-size:10px;margin-top:6px}.plancard ul{padding:0;list-style:none;font-size:10px;color:#aeb0c0;line-height:2.5;margin:20px 0}.plancard li:before{content:'✓';color:#aeb0c0;margin-right:6px}.plancard .btn{width:100%}.durationgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.durationgrid>article{background:#19191f;border:1px solid #33333e;border-radius:10px;padding:20px}.durationgrid b,.durationgrid small{display:block}.durationgrid b{font-size:13px}.durationgrid small{font-size:10px;color:#aeb0c0;margin:8px 0 16px}.packageid{color:#ff8790}.offergrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.offercard{background:#19191f;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:295px}.offerhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.offerhead>svg{color:#ff8790;background:#19191f;box-sizing:content-box;padding:10px;border-radius:10px}.offercard>small{color:#aeb0c0;font-size:9px}.offercard h3{font-size:19px;margin:10px 0}.offercard>p{font-size:11px;line-height:1.7;color:#aeb0c0;flex:1;white-space:pre-wrap;overflow-wrap:anywhere}.offercard>strong{font-size:27px;color:#fafafa;margin:10px 0 20px}.offercard footer{display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--line)}.offerpreview{border:1px solid #33333e;border-radius:15px;background:linear-gradient(145deg,#19191f,#19191f);padding:30px;color:#ff8790}.offerpreview>small{font-size:9px;color:#aeb0c0}.offerpreview h2{font-size:28px;margin:18px 0 12px}.offerpreview p{white-space:pre-wrap;font-size:13px;line-height:1.7}.offerpreview strong{font-size:32px;display:block;margin:20px 0}.templategrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.templategrid .module{margin-bottom:0}.templatecard label{margin-bottom:16px}.templatecard textarea{min-height:220px}.templatecard .toolbar{margin-bottom:0}.remindersteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.remindersteps article{background:#19191f;border:1px solid var(--line);padding:20px;border-radius:12px;position:relative}.remindersteps article>b{position:absolute;right:18px;top:18px;color:#aeb0c0;font-size:26px}.remindersteps article>small{font-size:10px;color:#aeb0c0}.remindersteps h3{font-size:13px;margin:10px 0 20px}.audiencecount{background:#19191f;border:1px solid #33333e;padding:23px;border-radius:10px;text-align:center;margin-bottom:18px}.audiencecount strong{display:block;font-size:36px;color:#ff8790}.audiencecount small{font-size:10px;color:#aeb0c0}.audienceperson{padding:12px 0;border-bottom:1px solid #33333e}.reportfilter{background:#19191f;border:1px solid var(--line);padding:16px;border-radius:10px;margin:20px 0}.reportfilter label:not(.checklabel){flex-direction:row;align-items:center;gap:12px}.reportfilter .muted{margin-left:auto}.rank{display:inline-grid;place-items:center;width:25px;height:25px;background:#19191f;color:#ff8790;border-radius:7px;font-size:10px}.grid.settingslayout{grid-template-columns:200px minmax(0,1fr)}.settingsnav{display:grid;gap:8px}.settingsnav a{justify-content:flex-start;padding:13px}.settingsnav .active{color:#fafafa;background:var(--blue)}.connectionresult{padding:22px;background:#19191f;border:1px solid #33333e;border-radius:10px;margin-bottom:20px}.connectionresult h3{margin:16px 0 8px}.connectionresult p{color:#aeb0c0;font-size:10px;margin:0}.unsaved{color:#ffd28b}.empty{padding:40px 20px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:180px;width:100%}.empty>div{height:42px;width:42px;background:#19191f;border-radius:12px;display:grid;place-items:center;color:#aeb0c0}.empty b{font-size:12px;color:#aeb0c0}.empty p{font-size:11px;color:#aeb0c0;line-height:1.6;margin:0;max-width:340px}.errorstate{text-align:center;background:#19191f;border:1px solid #33333e;border-radius:16px;padding:65px 25px;color:#aeb0c0}.errorstate>svg{color:#aeb0c0;width:35px;height:35px;margin-bottom:20px}.errorstate h2{font-size:21px;color:#fafafa}.errorstate p{font-size:12px;margin-bottom:25px}.workspacefoot{padding:27px 0;display:flex;justify-content:space-between;color:#aeb0c0;font-size:9px;border-top:1px solid #33333e;margin-top:22px}.skeleton{height:170px;margin-bottom:20px;border-radius:14px;background:linear-gradient(90deg,#19191f,#19191f,#19191f);background-size:200% 100%;animation:shimmer 1.6s infinite}.skeleton.short{height:90px}@keyframes shimmer{to{background-position:-200% 0}}.toast{position:fixed;bottom:26px;right:28px;background:#211014;color:#fafafa;border:1px solid #ef4444;border-radius:10px;padding:15px 20px;box-shadow:0 12px 35px #00000033;z-index:150;font-size:12px;max-width:min(450px,90vw)}.toast.bad{background:#111116;border-color:#33333e}dialog{padding:0;border:1px solid #33333e;background:#19191f;border-radius:18px;width:min(650px,92vw);max-height:88vh;box-shadow:0 30px 100px #00000040;color:var(--ink);overflow:auto}dialog.wide{width:min(950px,94vw)}dialog::backdrop{background:#21101470;backdrop-filter:blur(5px)}.modalhead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 26px;border-bottom:1px solid var(--line);background:#19191f;position:sticky;top:0;z-index:1}.modalhead small{color:#aeb0c0;font-size:8px;letter-spacing:1.4px}.modalhead h2{font-size:21px;margin:7px 0 0;letter-spacing:-.4px}.modalhead .iconbtn{font-size:22px}.modalbody{padding:25px 26px}.modalbody>p{font-size:13px;line-height:1.8;color:#aeb0c0}.modalactions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.searchfield{display:flex;gap:10px;align-items:center}.searchfield svg{color:#aeb0c0}.commandresults{display:grid;gap:6px;margin-top:18px;max-height:50vh;overflow:auto}.commandresults a,.commandresults button{display:flex;gap:12px;align-items:center;background:#19191f;border:1px solid #33333e;border-radius:8px;padding:13px;color:#aeb0c0;text-align:left}.commandresults a:hover,.commandresults button:hover{background:#19191f}.commandresults span{flex:1;font-size:12px;color:#fafafa}.commandresults small{display:block;font-size:9px;color:#aeb0c0;margin-top:4px}.commandresults svg{width:17px;height:17px;color:#aeb0c0}.ticketmeta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:25px}.ticketmeta>.person{margin-right:auto}.message{background:#19191f;border:1px solid #33333e;border-left:3px solid #ef4444;border-radius:9px;padding:20px;margin-bottom:25px}.message small{font-size:8px;letter-spacing:1px;color:#aeb0c0}.message p{font-size:12px;line-height:1.8;white-space:pre-wrap;margin:12px 0 0;color:#aeb0c0}.replyeditor .toolbar{margin-bottom:0}.replyeditor textarea{min-height:180px}.emailpreview{border:1px solid #33333e;border-radius:12px;padding:25px}.emailpreview>small{color:#aeb0c0;font-size:9px;letter-spacing:1px}.emailpreview h3{font-size:17px;margin-top:12px}.emailpreview p{font-size:13px;color:#aeb0c0;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#19191f}.loginart{padding:25px 45px 35px;background:radial-gradient(ellipse at 80% 70%,#b91c1c,transparent 70%),linear-gradient(145deg,#211014,#211014);color:white;display:flex;flex-direction:column;justify-content:space-between}.loginart .brand{padding:0}.loginart>div{max-width:450px;margin:auto}.loginart>div>small{color:#aeb0c0;font-size:9px;letter-spacing:1.5px}.loginart h1{font-size:44px;font-weight:650;letter-spacing:-1.6px;line-height:1.2;margin:18px 0}.loginart p{font-size:14px;color:#aeb0c0;line-height:1.8}.loginart>small{color:#aeb0c0;font-size:10px}.loginvisual{display:grid;gap:10px;margin-top:35px}.loginvisual>div{display:flex;align-items:center;gap:15px;padding:17px;background:#19191f0a;border:1px solid #33333e17;border-radius:11px;color:#aeb0c0;font-size:12px}.loginvisual svg{color:#aeb0c0}.loginform{display:grid;place-items:center;padding:50px}.loginform form{width:min(370px,100%)}.loginform form>small{color:#aeb0c0;letter-spacing:1.4px;font-size:9px}.loginform h2{font-size:35px;letter-spacing:-1px;margin:14px 0 12px}.loginform p{font-size:13px;color:#aeb0c0;margin-bottom:35px}.loginform label{margin:20px 0}.loginform input{height:46px;background:#19191f}.loginform form>.btn{width:100%;padding:15px;margin-top:8px}.passwordfield{display:flex;border:1px solid #33333e;border-radius:7px;background:#19191f}.passwordfield input{border:0;min-width:0;box-shadow:none}.passwordfield button{background:none;border:0;color:#aeb0c0;font-size:11px;padding:0 13px}.loginform .loginhint{display:block;text-align:center;margin-top:18px;letter-spacing:0;font-size:10px;color:#aeb0c0}#loginerror{color:#a8a8b3;font-size:12px;line-height:1.6}.mobilemenu,.scrim{display:none}
@media(min-width:1750px){.workspace{padding-left:45px;padding-right:45px}.hero{padding:38px}.metric{padding:24px}.modulebody{padding:24px 28px}}
@media(max-width:1350px){.sidebar{width:225px}.main{margin-left:225px}.workspace{padding:24px}.topbar{padding:0 24px}.grid.main-side{grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr)}.shortcutgrid a{padding:12px;gap:7px}.shortcutgrid a>svg:last-child{display:none}.plancards{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:18px}.metric strong{font-size:24px}.topactions{gap:8px}.hero h2{font-size:25px}.tablewrap{font-size:10px}}
@media(max-width:1100px){.sidebar{width:210px}.main{margin-left:210px}.grid.main-side{grid-template-columns:minmax(0,1fr)}.metrics,.shortcutgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.equal{grid-template-columns:minmax(0,1fr)}.offergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.previewsticky{position:static}.reviewgrid{grid-template-columns:240px minmax(0,1fr)}.remindersteps{grid-template-columns:repeat(2,minmax(0,1fr))}.globalsearch kbd{display:none}.hero{padding:25px}.herostat{min-width:150px}.topbar .avatar{display:none}.grid.settingslayout{grid-template-columns:160px minmax(0,1fr)}.templategrid{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);width:252px;transition:transform .2s}.nav-open .sidebar{transform:translateX(0)}.nav-open .scrim{display:block;position:fixed;inset:0;z-index:19;border:0;background:#21101477}.main{margin-left:0}.mobilemenu{display:grid}.topbar{padding:0 16px;height:67px;gap:12px}.topactions{margin-left:auto}.topactions #panel{display:none}.globalsearch{width:35%;flex:1;max-width:250px;min-width:0}.globalsearch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{padding:20px 16px 0}.pagebanner{padding:22px;gap:12px;flex-wrap:wrap}.banneractions{margin-left:56px}.bannercopy h1{font-size:22px}.bannercopy p{font-size:10px}.hero{align-items:flex-start;flex-direction:column;gap:20px}.herostat{min-width:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:15px;width:100%;padding:14px}.herostat strong{font-size:24px}.herostat small{min-width:80px}.herostat>span{margin-left:auto}.hero h2{font-size:25px}.reviewgrid{grid-template-columns:minmax(0,1fr)}.queue{max-height:240px;overflow:auto}.grid.settingslayout{grid-template-columns:1fr}.settingsnav{display:flex;flex-wrap:wrap}.settingsnav a{flex:1}.offerfilters{align-items:stretch}.offerfilters input{flex:1}.login{grid-template-columns:1fr}.loginart{display:none}.loginform{min-height:100vh;padding:30px}.steprail{gap:2px;padding:10px 7px}.steprail>span{font-size:9px;padding:7px 5px}.workspacefoot{font-size:8px}.reportfilter .muted{margin-left:0}}
@media(max-width:500px){.topactions #notifications,.topactions #refresh{display:none}.topactions .btn{padding:9px;font-size:10px}.topactions .btn svg{display:none}.globalsearch{font-size:10px}.metrics{gap:9px}.metric{padding:17px 14px;min-height:113px}.metric>strong{font-size:22px}.metric>span{font-size:9px}.metric>small{font-size:8px}.shortcutgrid{gap:8px}.shortcutgrid a{padding:12px 9px}.shortcutgrid small{font-size:8px}.shortcutgrid b{font-size:9px}.shortcutgrid a>svg:first-child{width:13px;height:13px;padding:6px}.bannericon{width:36px;height:36px;border-radius:10px}.bannercopy h1{font-size:21px}.bannercopy small{font-size:7px}.banneractions{margin-left:48px}.pagebanner{padding:20px 16px}.hero{padding:24px 20px}.hero h2{font-size:24px}.hero p{font-size:11px}.hero small{font-size:7px}.herostat{gap:10px}.herostat>span{width:100%;margin:0}.module>header{padding:19px 17px 15px}.modulebody{padding:18px 17px}.module>header h3{font-size:14px}.form{grid-template-columns:1fr;gap:16px}.formfoot{align-items:stretch;flex-direction:column}.formfoot>div{display:flex;gap:8px}.detailgrid{gap:9px}.detailgrid>div{padding:12px}.detailgrid b{font-size:11px}.offergrid,.templategrid,.plancards{grid-template-columns:1fr}.durationgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.remindersteps{gap:9px}.remindersteps article{padding:16px}.remindersteps h3{font-size:11px}.remindersteps article>b{font-size:21px;right:10px}.pager{align-items:flex-start;flex-direction:column;gap:12px}.filterbar{gap:12px}.filterbar label:first-child{min-width:100%}.filterbar label{min-width:120px}.modulebody>.tablewrap{margin:-6px -4px}.modalbody{padding:20px 18px}.modalhead{padding:18px}.modalhead h2{font-size:18px}.modalactions{gap:8px}.modalactions .btn{flex:1}.linkflow{gap:5px}.linkflow>div{padding:16px 6px}.linkflow small{font-size:8px}.barchart{gap:6px}.barchart small{font-size:7px}.barchart b{font-size:8px}.toast{right:16px;bottom:16px}.notice{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.drawer{margin:0 0 0 auto;width:min(780px,96vw);max-width:96vw;height:100dvh;max-height:100dvh;border-radius:18px 0 0 18px}.drawer .modalbody{height:calc(100dvh - 110px);overflow:auto}.rowactions{display:flex;gap:6px;align-items:center}.danger{color:#fafafa!important;background:#19191f!important;border-color:#33333e!important}.btn.orange{background:#19191f;color:#a85808;border-color:#33333e}.integrationnotice{line-height:1.65;margin:14px 0}.notification{padding:18px 0;border-bottom:1px solid #33333e}.notification.read{opacity:.55}.notification p{color:#aeb0c0}.widgetoption{display:flex;gap:14px;align-items:center;border:1px solid #33333e;background:#19191f;border-radius:10px;padding:14px;margin-bottom:8px;cursor:grab;text-transform:capitalize}.widgetoption input{width:auto}.draghandle{font-size:24px;color:#aeb0c0}.horizon{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.horizon a{background:#19191f;border:1px solid #33333e;border-radius:12px;padding:16px;color:#fafafa;text-align:center}.horizon strong{display:block;font-size:27px;margin-bottom:6px}.horizon span{font-size:12px}.trendgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.trendgrid:has(> :only-child){grid-template-columns:1fr}.trend{margin:0;min-width:0}.trend svg{width:100%;display:block}.trend figcaption{display:flex;justify-content:space-between;font-size:14px;color:#aeb0c0}.trend figcaption strong{color:#fafafa;font-size:22px}.timeline article{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #33333e}.timeline article>i{flex:none;width:10px;height:10px;border-radius:50%;background:#b91c1c;margin-top:5px}.timeline article>div{min-width:0;flex:1}.timeline h4{margin:8px 0;text-transform:capitalize}.timeline small{color:#aeb0c0}.timeline pre,details pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#19191f;padding:16px;border-radius:10px;font-size:12px}.timeline p{white-space:pre-wrap}.servicepassword{max-width:220px}.conversation{display:grid;gap:14px;margin:20px 0}.message{background:#19191f;border-radius:12px;padding:16px;max-width:90%}.message.staff{background:#19191f;margin-left:auto;width:90%}.message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.message small{color:#aeb0c0}.unreadDot{display:inline-block;width:8px;height:8px;background:#b91c1c;border-radius:50%}#emailPreviewFrame{width:100%;height:500px;border:1px solid #33333e;border-radius:10px}#ticketReply textarea{width:100%;min-height:120px}.form #formerror{color:#fafafa}.servicecard .detailgrid b{overflow-wrap:anywhere}.offergrid .toolbar{flex-wrap:wrap}.templategrid label{display:block}.templategrid input,.templategrid textarea{width:100%}.variables{line-height:2.2;margin:12px 0}.variables code{color:#fafafa;background:#19191f;padding:3px 6px;border-radius:4px;font-size:11px}.filterbar textarea{min-height:42px}.profiletabs{flex-wrap:wrap}#dashWidgets>div{margin-bottom:20px}#campaignWorkspace .filterbar label{min-width:160px}.main{min-width:0}.modulebody{min-width:0}figure svg text{font-family:inherit}.modulebody>.metrics{margin-bottom:0}.modulebody .formfoot button{white-space:normal}
@media(max-width:800px){.trendgrid{grid-template-columns:1fr}.horizon{grid-template-columns:repeat(2,minmax(0,1fr))}.horizon a:last-child{grid-column:1/-1}.drawer{width:96vw}.rowactions{flex-wrap:wrap}.profiletabs{gap:6px}.profiletabs button{font-size:11px;padding:9px}.templategrid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics .metric{min-width:0}.metric strong{font-size:24px}.pagebanner{min-width:0}.topactions #quickCreate{font-size:12px;padding:9px}.trend svg{min-width:0}}

.trend svg{height:auto;max-width:none}#dashWidgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}#dashWidgets>div{margin:0;min-width:0}#dashWidgets>div>.module{margin:0}#dashWidgets>[data-widget="revenue"],#dashWidgets>[data-widget="performance"],#dashWidgets>[data-widget="orders"],#dashWidgets>[data-widget="activity"]{grid-column:1/-1}#dashWidgets>[data-widget="revenue"] .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}#dashWidgets .horizon{grid-template-columns:repeat(3,minmax(0,1fr))}#dashWidgets .grid.equal{grid-template-columns:1fr}#dashWidgets .barchart{height:170px}#dashWidgets .modulebody .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){#dashWidgets{grid-template-columns:1fr}#dashWidgets>[data-widget="revenue"] .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

#dashWidgets>[data-widget="pulse"],#dashWidgets>[data-widget="clients"]{grid-column:1/-1}
@media(min-width:1001px){#dashWidgets>[data-widget="revenue"]>.module>.modulebody>.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* V6 shared visual system */
body.workspace-v6{background:#19191f;color:#fafafa}.workspace-v6 .sidebar{background:#211014;border-right:1px solid #ef4444}.workspace-v6 .sidebar nav label{letter-spacing:1.4px;font-size:10px;color:#aeb0c0}.workspace-v6 .sidebar nav a,.workspace-v6 .sidebar summary{border-radius:7px}.workspace-v6 .sidebar .selected,.workspace-v6 .sidebar .active{background:#211014;color:#fafafa}.workspace-v6 .topbar{background:#19191f;border-bottom:1px solid #33333e;box-shadow:none}.workspace-v6 .pagebanner{background:transparent;color:#fafafa;border:0;box-shadow:none;padding:8px 0 22px;min-height:0;gap:20px;align-items:center}.workspace-v6 .bannercopy small{color:#aeb0c0;font-size:10px;letter-spacing:1px}.workspace-v6 .bannercopy h1{font-size:28px;letter-spacing:-.7px;margin:9px 0}.workspace-v6 .bannercopy p{color:#aeb0c0;font-size:13px}.workspace-v6 .banneractions{flex-wrap:wrap}.workspace-v6 .hero{background:#19191f;color:#fafafa;border:1px solid #33333e;border-radius:12px;box-shadow:none;padding:20px 24px;margin-bottom:18px;min-height:0;align-items:center}.workspace-v6 .hero h2{font-size:21px;letter-spacing:-.4px;margin:7px 0}.workspace-v6 .hero small{color:#aeb0c0;font-size:10px}.workspace-v6 .hero p{color:#aeb0c0;font-size:13px;margin:6px 0}.workspace-v6 .heroactions{margin-top:12px;gap:8px}.workspace-v6 .hero .light,.workspace-v6 .pagebanner .light{background:#19191f;color:#fafafa;border:1px solid #33333e}.workspace-v6 .herostat{background:#19191f;color:#fafafa;padding:14px;border-radius:8px}.workspace-v6 .metric{background:#19191f!important;border:1px solid #33333e;border-radius:10px;box-shadow:none;padding:17px 19px;min-height:0}.workspace-v6 .metric:before,.workspace-v6 .metric:after{display:none}.workspace-v6 .metric strong{font-size:27px;letter-spacing:-.7px;color:#fafafa}.workspace-v6 .metric span{font-size:11px;color:#aeb0c0}.workspace-v6 .metric small{font-size:10px;color:#aeb0c0}.workspace-v6 .module{border:1px solid #33333e;border-radius:12px;box-shadow:none;overflow:hidden}.workspace-v6 .module>header{background:#19191f;border-bottom:1px solid #33333e;padding:18px 22px}.workspace-v6 .module>header h3{font-size:16px}.workspace-v6 .modulebody{padding:20px}.workspace-v6 .module>header small{font-size:9px;letter-spacing:1px;color:#aeb0c0}.workspace-v6 .btn{border-radius:7px;font-size:12px;padding:10px 14px;box-shadow:none}.workspace-v6 .btn.primary{background:#b91c1c;border-color:#ef4444;color:white}.workspace-v6 .btn:hover{filter:brightness(.96)}.workspace-v6 .btn:focus-visible,.workspace-v6 a:focus-visible,.workspace-v6 button:focus-visible{outline:3px solid #33333e;outline-offset:2px}.workspace-v6 .btn:disabled{opacity:.55;cursor:wait}.workspace-v6 table{font-size:12px}.workspace-v6 th{background:#19191f;font-size:10px;letter-spacing:.6px;color:#aeb0c0;position:sticky;top:0}.workspace-v6 td{padding:14px 16px;border-bottom:1px solid #33333e}.workspace-v6 tbody tr:hover{background:#19191f}.workspace-v6 .segments button{border-radius:7px}.workspace-v6 .filterbar{background:#19191f;border:1px solid #33333e;border-radius:9px;padding:14px;gap:12px;margin-bottom:16px}.workspace-v6 input,.workspace-v6 select,.workspace-v6 textarea{border-radius:7px;border-color:#33333e;font-size:12px}.workspace-v6 label{color:#aeb0c0;font-size:11px}.workspace-v6 .pill{border-radius:5px;font-size:10px}.workspace-v6 dialog{border-radius:12px;border:1px solid #33333e;box-shadow:0 25px 80px #00000033}.workspace-v6 dialog::backdrop{background:#21101466;backdrop-filter:blur(3px)}.workspace-v6 .modalhead{background:#19191f;border-bottom:1px solid #33333e;color:#fafafa}.workspace-v6 .modalhead small{color:#aeb0c0}.workspace-v6 .modalhead h2{font-size:21px}.workspace-v6 .drawer{border-radius:12px 0 0 12px}.workspace-v6 .crm-context{display:flex;align-items:center;gap:24px;border:1px solid #33333e;border-left:3px solid #ef4444;border-radius:9px;background:#19191f;padding:17px 22px;margin-bottom:18px;flex-wrap:wrap}.crm-context>div:first-child{flex:1}.crm-context small{color:#aeb0c0;font-size:10px}.crm-context p{font-size:12px;margin:7px 0}.crm-tags{display:flex;gap:6px;flex-wrap:wrap}.crm-tags span{background:#19191f;color:#fafafa;padding:4px 8px;border-radius:5px;font-size:10px}.saved-view-list article{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #33333e}.compact-tables td{padding:8px 12px}.compact-tables .person small{font-size:10px}@media(min-width:1000px){.compact-navigation .sidebar{width:210px}.compact-navigation .main{margin-left:210px}}@media(max-width:800px){.workspace-v6 .pagebanner{align-items:flex-start;gap:12px}.workspace-v6 .bannercopy h1{font-size:23px}.workspace-v6 .banneractions{gap:6px}.workspace-v6 .hero{padding:16px}.workspace-v6 .hero h2{font-size:18px}.workspace-v6 .modulebody{padding:14px}.workspace-v6 .metric{padding:13px}.workspace-v6 .metric strong{font-size:23px}.workspace-v6 .crm-context{padding:14px;gap:12px}}
.workspace-v6 .banneractions .btn:not(.primary){color:#fafafa;background:#19191f;border:1px solid #33333e}.workspace-v6 .variables code[role=button]{cursor:pointer}.workspace-v6 .variables code[role=button]:focus-visible{outline:2px solid #ef4444}

/* Reference palette and layout: navy headers, blue gradients, colored KPIs. */
body.workspace-v6.reference-v7{--ref-navy:#14233e;--ref-blue:#2879eb;--ref-purple:#7755e8;--ref-border:#dce7f5;background:radial-gradient(ellipse at 95% 0%,#19191f 0,transparent 55%),linear-gradient(130deg,#19191f,#19191f 55%,#19191f);color:#fafafa;font-size:13px}.reference-v7 .main{background:transparent}.reference-v7 .topbar{background:#19191fed;border-bottom:1px solid #33333e}.reference-v7 .sidebar{background:linear-gradient(175deg,#211014,#211014);border-right:1px solid #ef4444}.reference-v7 .sidebar .brand{border-bottom:1px solid #33333e10}.reference-v7 .sidebar .selected,.reference-v7 .sidebar .active{background:linear-gradient(95deg,#b91c1c,#b91c1c);box-shadow:0 4px 14px #00000044;color:white}.reference-v7 .side-status{background:#211014;border:1px solid #ef4444}.reference-v7 .pagebanner{position:relative;display:flex;align-items:center;gap:18px;padding:25px 28px 29px;min-height:135px;border-radius:15px;background:linear-gradient(115deg,#211014,#211014 85%);box-shadow:0 12px 26px #00000019;margin-bottom:18px;color:#fafafa;overflow:hidden;border:1px solid #ef4444}.reference-v7 .pagebanner:after{content:'';position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#b91c1c,#b91c1c,#b91c1c)}.reference-v7 .bannericon{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;background:linear-gradient(145deg,#22222b,#b91c1c);box-shadow:0 4px 15px #0000003d;color:white;flex:none}.reference-v7 .bannericon svg{width:24px;height:24px}.reference-v7 .bannercopy{flex:1;min-width:0}.reference-v7 .bannercopy h1{color:#fafafa;font-size:27px;letter-spacing:-.65px;margin:9px 0 6px}.reference-v7 .bannercopy p{color:#aeb0c0;font-size:12px;line-height:1.5}.reference-brandline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:9px;letter-spacing:1px;color:#fafafa}.reference-brandline span{font-size:8px;background:#19191f12;border:1px solid #33333e1b;border-radius:20px;padding:5px 8px;letter-spacing:.5px}.reference-v7 .banneractions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:none;max-width:44%}.reference-workspace{padding:9px 12px;border:1px solid #33333e13;background:#19191f09;border-radius:9px;min-width:155px}.reference-workspace b{font-size:10px;display:block}.reference-workspace small{display:block;color:#aeb0c0;font-size:9px;margin-top:4px}.reference-v7 .pagebanner .banneractions .btn:not(.primary){color:#fafafa;background:#19191f13;border-color:#33333e25;font-size:10px;padding:9px 12px}.reference-v7 .pagebanner .banneractions .btn.primary{background:#19191f;color:#fafafa;border-color:white;font-size:10px}.reference-v7 .reference-hero{position:relative;overflow:hidden;display:flex;gap:22px;align-items:center;min-height:160px;padding:25px 30px;border-radius:15px;background:linear-gradient(105deg,#211014 0%,#b91c1c 45%,#b91c1c 100%);border:1px solid #ef4444;box-shadow:0 12px 25px #00000024;color:white;margin:0 0 17px}.reference-v7 .reference-hero:after{content:'';position:absolute;right:-55px;top:-90px;width:340px;height:340px;border-radius:50%;background:#19191f06;pointer-events:none}.reference-v7 .reference-hero>div:first-child{flex:1;min-width:0;position:relative;z-index:1}.reference-v7 .reference-hero small{color:#aeb0c0;font-size:9px;letter-spacing:1.4px}.reference-v7 .reference-hero h2{color:#fafafa;font-size:27px;letter-spacing:-.7px;margin:12px 0 8px}.reference-v7 .reference-hero p{color:#fafafa;max-width:680px;font-size:12px;line-height:1.7}.reference-v7 .reference-hero .heroactions{margin-top:16px}.reference-v7 .reference-hero .btn:not(.primary){color:#fafafa;background:#19191f18;border:1px solid #33333e25;box-shadow:0 3px 9px #00000018}.reference-v7 .reference-hero .btn.primary{background:#19191f;color:#fafafa;border-color:#33333e}.reference-v7 .reference-hero-mark{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:#19191f13;border:1px solid #33333e21;box-shadow:0 0 0 12px #00000004;color:#fafafa;flex:none}.reference-hero-mark svg{width:30px;height:30px}.reference-v7 .herostat{position:relative;z-index:1;min-width:100px;display:flex;flex-direction:column;gap:4px;text-align:center;padding:15px 20px;color:#fafafa;background:#19191f12;border:1px solid #33333e16;border-radius:10px}.reference-v7 .herostat strong{color:#fafafa;font-size:31px}.reference-v7 .herostat span{font-size:10px;color:#aeb0c0}.reference-v7 .reference-dashboard-hero{min-height:230px;gap:28px}.reference-dashboard-hero .reference-hero-mark{display:none}.reference-hero-console{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:31%;position:relative;z-index:1;flex:none}.reference-hero-console>div{padding:12px 14px;border:1px solid #33333e20;background:#19191f0b;border-radius:8px}.reference-hero-console .reference-revenue{grid-column:1/-1;background:#19191f11}.reference-hero-console small{font-size:8px!important;display:block;margin-bottom:5px}.reference-hero-console strong{font-size:27px;display:block}.reference-hero-console b{font-size:11px;display:block}.reference-hero-console span{font-size:9px;color:#aeb0c0}.reference-quicklinks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:16px}.reference-quicklinks a{display:flex;align-items:center;gap:11px;min-width:0;padding:14px 16px;border-radius:10px;background:#19191fd9;border:1px solid #33333e;box-shadow:0 5px 15px #00000010;color:#fafafa}.reference-quicklinks i{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:9px;background:#19191f;color:#ff8790}.reference-quicklinks svg{width:15px;height:15px}.reference-quicklinks b{font-size:11px;display:block}.reference-quicklinks small{font-size:9px;display:block;color:#aeb0c0;margin-top:4px}.reference-quicklinks em{font-style:normal;color:#aeb0c0;margin-left:auto}.reference-v7 .metrics{gap:10px;margin-bottom:17px}.reference-v7 .metric{position:relative;border-radius:11px;border:1px solid #33333e;background:linear-gradient(120deg,#19191f,#19191f)!important;padding:17px 18px;box-shadow:0 5px 15px #00000009;min-height:105px;overflow:hidden;display:flex;flex-direction:column}.reference-v7 .metric strong{font-size:27px;color:#fafafa;letter-spacing:-.5px;margin:7px 0}.reference-v7 .metric>span{font-size:9px;letter-spacing:.65px;text-transform:uppercase;color:#aeb0c0;padding-right:26px}.reference-v7 .metric>small{font-size:10px;color:#aeb0c0}.reference-metric-icon{position:absolute;right:14px;top:13px;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:#ff8790;background:#19191f;font-style:normal}.reference-metric-icon svg{width:13px;height:13px}.reference-v7 .reference-color-metrics .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-v7 .reference-color-metrics .metric:nth-child(1){background:linear-gradient(110deg,#20b85e,#143127)!important;border-color:#33333e}.reference-v7 .reference-color-metrics .metric:nth-child(2){background:linear-gradient(110deg,#b91c1c,#111116)!important;border-color:#33333e}.reference-v7 .reference-color-metrics .metric:nth-child(3){background:linear-gradient(110deg,#ed910f,#362918)!important;border-color:#33333e}.reference-v7 .reference-color-metrics .metric:nth-child(4){background:linear-gradient(110deg,#b91c1c,#22222b)!important;border-color:#33333e}.reference-v7 .reference-color-metrics .metric:nth-child(-n+4)>span,.reference-v7 .reference-color-metrics .metric:nth-child(-n+4)>small,.reference-v7 .reference-color-metrics .metric:nth-child(-n+4)>strong{color:white}.reference-v7 .reference-color-metrics .metric:nth-child(-n+4) .reference-metric-icon{color:#fafafa;background:#19191f27;width:32px;height:32px}.reference-v7 .reference-color-metrics .metric:nth-child(n+5){grid-column:span 2;min-height:75px}.reference-v7 .reference-color-metrics .metric:nth-child(n+5) strong{font-size:22px}.reference-v7 .reference-color-metrics .modulebody{padding:0}.reference-v7 .reference-color-metrics .module{background:transparent;border:0;box-shadow:none;overflow:visible}.reference-v7 .reference-color-metrics .module>header{display:none}.reference-v7 .module{border:1px solid #33333e;background:#19191f;border-radius:13px;box-shadow:0 8px 23px #00000010;margin-bottom:17px}.reference-v7 .module>header{padding:18px 21px;background:linear-gradient(115deg,#19191f,#19191f);border-bottom:1px solid #33333e;position:relative}.reference-v7 .module>header:before{position:absolute;top:0;left:0;right:0;height:2px;content:'';background:linear-gradient(90deg,#b91c1c,#143127,#22222b);opacity:.75}.reference-v7 .module>header h3{font-size:15px;letter-spacing:-.25px;margin:5px 0 0;color:#fafafa}.reference-v7 .module>header small{color:#aeb0c0;font-size:9px;letter-spacing:1.1px}.reference-v7 .modulebody{padding:18px 21px}.reference-v7 .btn{font-size:11px;padding:10px 13px;border-radius:7px;border-color:#33333e;box-shadow:0 3px 7px #0000000a}.reference-v7 .btn.primary{background:linear-gradient(110deg,#b91c1c,#b91c1c);border-color:#ef4444;color:white;box-shadow:0 4px 10px #00000029}.reference-v7 .btn.small{font-size:10px;padding:7px 10px}.reference-v7 .btn.orange{background:#19191f;color:#a86a12;border-color:#33333e}.reference-v7 .danger{background:linear-gradient(120deg,#111116,#111116)!important;color:#fafafa!important;border-color:#33333e!important}.reference-v7 .filterbar{padding:15px;background:linear-gradient(115deg,#19191f,#19191f);border:1px solid #33333e;border-radius:10px}.reference-v7 input,.reference-v7 select,.reference-v7 textarea{border:1px solid #33333e;border-radius:6px;background:#19191f;font-size:12px}.reference-v7 label{font-size:10px;color:#aeb0c0}.reference-v7 .reference-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;padding:0;background:transparent;border:0;box-shadow:none;margin:0 0 17px;overflow:visible}.reference-v7 .reference-tabs>a{display:flex;align-items:flex-start;gap:9px;padding:16px 14px;min-height:77px;border:1px solid #33333e;background:linear-gradient(120deg,#19191f,#19191f);border-radius:10px;color:#fafafa;box-shadow:0 5px 14px #00000010;position:relative}.reference-v7 .reference-tabs a.active{background:linear-gradient(110deg,#211014,#b91c1c);color:white;border-color:#ef4444;box-shadow:0 6px 13px #00000028}.reference-tabs a b{display:block;font-size:11px}.reference-tabs a small{display:block;font-size:9px;margin-top:6px;line-height:1.5;color:#aeb0c0}.reference-tabs a.active small{color:#aeb0c0}.reference-tab-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#19191f;color:#ff8790;flex:none}.reference-tab-icon svg{width:13px;height:13px}.reference-tabs a.active .reference-tab-icon{background:#19191f16;color:white}.reference-tabs em{font-style:normal;font-size:9px;margin-left:auto;background:#211014;color:white;border-radius:7px;padding:4px 7px}.reference-v7 .segments{background:#19191fd6;border:1px solid #33333e;border-radius:9px;gap:6px;padding:7px}.reference-v7 .segments button{font-size:10px;border-radius:6px;padding:9px 11px;background:#19191f;color:#fafafa;border-color:#33333e}.reference-v7 .segments button.active{background:linear-gradient(100deg,#211014,#b91c1c);color:#fafafa;border-color:#ef4444}.reference-v7 .profiletabs{position:sticky;top:73px;z-index:4;box-shadow:0 4px 12px #00000012}.reference-v7 .reference-table table{font-size:11px}.reference-v7 .reference-table th{background:#211014;color:#fafafa;font-size:9px;letter-spacing:.7px;padding:13px 14px;border:0;position:static}.reference-v7 .reference-table th:first-child{border-radius:6px 0 0 0}.reference-v7 .reference-table th:last-child{border-radius:0 6px 0 0}.reference-v7 .reference-table td{padding:12px 14px;color:#fafafa;border-bottom:1px solid #33333e}.reference-v7 .reference-table tr:nth-child(even){background:#19191f}.reference-v7 .reference-table tbody tr:hover{background:#19191f}.reference-v7 .person>a,.reference-v7 td a:not(.btn){color:#fafafa}.reference-v7 .pill{font-size:9px;border-radius:5px;padding:4px 8px}.reference-v7 .reference-analytics-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;margin-bottom:0}.reference-analytics-grid .module{min-width:0}.reference-bar-chart{margin:0;border-radius:9px;background:linear-gradient(180deg,#19191f,#19191f);padding:14px}.reference-bar-chart figcaption{font-size:10px;color:#aeb0c0;margin-bottom:13px}.reference-bar-chart svg{width:100%;display:block}.reference-breakdown{display:grid;gap:16px;margin:8px 0}.reference-breakdown>div{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:11px;color:#aeb0c0}.reference-breakdown b{color:#fafafa}.reference-breakdown i{grid-column:1/-1;height:6px;background:#19191f;display:block;border-radius:5px;overflow:hidden}.reference-breakdown em{display:block;height:6px;background:var(--bar);border-radius:5px;min-width:0}.reference-data-caption{font-size:10px;color:#aeb0c0;line-height:1.6;margin:16px 0 0}.reference-v7 .reference-account-intelligence>header{display:flex;justify-content:space-between;align-items:center;gap:15px;background:linear-gradient(110deg,#211014,#b91c1c);border:1px solid #ef4444;border-radius:10px;padding:18px 22px;color:white;margin-bottom:10px}.reference-account-intelligence>header h3{font-size:20px;margin:5px 0}.reference-account-intelligence>header small{font-size:9px;letter-spacing:1px;color:#aeb0c0}.reference-account-intelligence>header p{font-size:11px;color:#aeb0c0;margin:5px 0 0}.reference-account-intelligence>header .btn.light{color:#fafafa;background:#19191f16;border-color:#33333e28;font-size:10px}.reference-v7 .servicecard{border:1px solid #33333e;border-radius:12px;box-shadow:0 6px 18px #00000010}.reference-v7 .servicecard .detailgrid{background:#19191f;border:1px solid #33333e;border-radius:8px;padding:14px}.reference-v7 .crm-context{background:linear-gradient(100deg,#19191f,#19191f);border:1px solid #33333e;border-left:4px solid #33333e;border-radius:10px}.reference-v7 dialog{border-radius:14px;background:#19191f;border:1px solid #33333e}.reference-v7 .modalhead{background:linear-gradient(110deg,#211014,#b91c1c);color:white;border-color:#ef4444;padding:22px}.reference-v7 .modalhead small{color:#aeb0c0}.reference-v7 .modalhead h2{font-size:22px}.reference-v7 .modalhead .iconbtn{background:#19191f13;color:#fafafa;border-color:#33333e25}.reference-v7 .drawer{width:min(1000px,96vw);max-width:96vw;border-radius:14px 0 0 14px}.reference-v7 .message{background:#19191f;border:1px solid #33333e;box-shadow:0 4px 10px #00000010;border-left:3px solid #33333e}.reference-v7 .message.staff{background:#19191f;border-left-color:#428cec}.reference-ticket-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#211014,#b91c1c);color:white;padding:22px;border-radius:11px;margin-bottom:18px}.reference-ticket-banner small{font-size:9px;letter-spacing:1px;color:#aeb0c0}.reference-ticket-banner h3{font-size:22px;margin:9px 0}.reference-ticket-banner p{font-size:11px;color:#aeb0c0;margin:0}.reference-ticket #ticketReply{background:#19191f;padding:20px;border-radius:11px;border:1px solid #33333e}.reference-v7 .reference-code-editor{font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;background:#19191f;min-height:240px;color:#fafafa}.reference-v7 .variables code{border:1px solid #33333e;background:#19191f;color:#fafafa}.reference-v7 .integrationnotice{background:#19191f;border:1px solid #33333e;border-left:3px solid #33333e;color:#856322;font-size:11px;border-radius:9px}.reference-v7 .horizon a{background:linear-gradient(145deg,#19191f,#19191f);border:1px solid #33333e}.reference-v7 .timeline article>i{box-shadow:0 0 0 4px #000000;background:#b91c1c}.reference-v7 .compact-tables td,.reference-v7.compact-tables td{padding:7px 11px}.reference-v7 .formfoot{padding-top:15px;border-top:1px solid #33333e}.reference-v7 .empty{background:#19191f;border:1px dashed #33333e;border-radius:9px;color:#aeb0c0}.reference-v7 .btn:hover,.reference-v7 .reference-quicklinks a:hover{transform:translateY(-1px)}@media(min-width:1400px){.reference-v7 .reference-hero{padding:28px 32px}}@media(max-width:1050px){.reference-v7 .banneractions{max-width:45%}.reference-v7 .reference-hero-mark{display:none}.reference-hero-console{width:40%}.reference-v7 .reference-tabs{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.reference-v7 .reference-tabs>a{padding:13px 10px}.reference-quicklinks a{padding:12px}.reference-quicklinks small{display:none}}@media(max-width:800px){.reference-v7 .pagebanner{padding:20px 18px;gap:12px;flex-wrap:wrap}.reference-v7 .bannericon{width:38px;height:38px}.reference-v7 .bannercopy h1{font-size:23px}.reference-brandline{font-size:8px;gap:5px}.reference-brandline span:last-child{display:none}.reference-v7 .banneractions{max-width:100%;width:100%;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.reference-workspace{display:none}.reference-v7 .reference-hero{padding:20px;min-height:155px;flex-wrap:wrap;gap:14px}.reference-v7 .reference-hero h2{font-size:23px}.reference-v7 .reference-hero p{font-size:11px}.reference-hero-console{width:100%}.reference-v7 .reference-hero .herostat{padding:11px 15px;min-width:85px}.reference-quicklinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.reference-quicklinks a{gap:8px;padding:11px}.reference-quicklinks b{font-size:10px}.reference-quicklinks em{display:none}.reference-v7 .reference-color-metrics .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-v7 .reference-color-metrics .metric:nth-child(n+5){grid-column:auto}.reference-v7 .metric{padding:14px;min-height:100px}.reference-v7 .metric strong{font-size:25px}.reference-v7 .metric>span{font-size:8px}.reference-metric-icon{width:20px;height:20px;right:10px;top:10px}.reference-v7 .reference-color-metrics .metric:nth-child(-n+4) .reference-metric-icon{width:23px;height:23px}.reference-v7 .reference-analytics-grid{grid-template-columns:1fr;gap:0}.reference-v7 .reference-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.reference-v7 .reference-tabs>a{min-height:72px;padding:12px 10px;gap:7px}.reference-tabs a small{font-size:8px}.reference-v7 .modulebody{padding:14px}.reference-v7 .module>header{padding:16px}.reference-v7 .reference-account-intelligence>header{align-items:flex-start;flex-direction:column;padding:17px}.reference-v7 .profiletabs{top:64px}.reference-v7 .drawer{width:96vw}.reference-v7 .herostat strong{font-size:26px}.reference-v7 .heroactions{flex-wrap:wrap}.reference-v7 .reference-table td,.reference-v7 .reference-table th{padding:10px 12px}.reference-v7 .reference-ticket-banner{padding:18px}.reference-v7 .reference-ticket-banner h3{font-size:18px}}
.reference-v7 .banneractions{margin-left:0}.reference-v7 .reference-tabs>a{white-space:normal;min-width:0}.reference-tabs a>span{min-width:0;overflow-wrap:anywhere}.reference-tabs a em{flex:none}.reference-v7 .reference-hero{background-image:linear-gradient(90deg,#19191f04 1px,transparent 1px),linear-gradient(#19191f04 1px,transparent 1px),linear-gradient(105deg,#211014 0%,#b91c1c 45%,#b91c1c 100%);background-size:38px 38px,38px 38px,100% 100%}@media(max-width:800px){.reference-v7 .banneractions{flex-basis:100%;min-width:0}.reference-v7 .banneractions .toolbar{flex-wrap:wrap}.reference-v7 .reference-tabs>a{padding:12px 9px}.reference-tabs a em{display:none}}
.reference-v7 #dashWidgets>[data-widget="revenue"]>.module>.modulebody>.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-insight-row{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:10px;margin:0 0 17px}.reference-insight-row article{background:linear-gradient(120deg,#19191f,#19191f);border:1px solid #33333e;border-radius:11px;padding:17px}.reference-insight-row article:first-child{background:linear-gradient(110deg,#211014,#b91c1c);border-color:#ef4444;color:white}.reference-insight-row small{display:block;font-size:8px;letter-spacing:.8px;color:#aeb0c0}.reference-insight-row strong{display:block;margin:9px 0 5px;font-size:22px;letter-spacing:-.5px}.reference-insight-row span{font-size:9px;color:#aeb0c0}.reference-insight-row article:first-child small,.reference-insight-row article:first-child span{color:#aeb0c0}@media(max-width:1050px){.reference-insight-row{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-insight-row article:first-child{grid-column:span 2}}@media(max-width:800px){.reference-v7 #dashWidgets>[data-widget="revenue"]>.module>.modulebody>.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-insight-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.reference-insight-row article{padding:13px}.reference-insight-row article:first-child{grid-column:1/-1}.reference-insight-row strong{font-size:22px}}
.reference-ticket-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.reference-ticket-grid textarea{width:100%;resize:vertical;min-height:170px}.reference-ticket-info{display:grid;gap:19px}.reference-ticket-info label{display:block}.reference-ticket-info label>b{display:block;margin-top:7px;font-size:11px;color:#fafafa;overflow-wrap:anywhere}.reference-ticket-info select{display:block;width:100%;margin-top:8px}.reference-ticket-grid .conversation{margin:0}.reference-ticket-grid .message{max-width:90%;margin-bottom:10px}.reference-ticket-page-link{margin-bottom:14px}@media(max-width:800px){.reference-ticket-grid{grid-template-columns:1fr;gap:0}.reference-ticket-grid aside{grid-row:1}.reference-ticket-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.reference-ticket-info .btn{grid-column:1/-1}}
.reference-v7 .reference-bar-chart svg{width:100%;height:auto;aspect-ratio:640/200;max-height:none}.reference-v7 .herostat .pill{color:#fafafa;background:#19191f;border-color:#33333e}.reference-v7 .pagebanner .banneractions{gap:7px}.reference-v7 .reference-ticket-info .btn{white-space:normal}.reference-v7 .reference-account-intelligence .metrics{margin-top:0}

.control-links{margin:18px 0;padding:12px;border-radius:14px;background:linear-gradient(115deg,#19191f,#19191f);border:1px solid #33333e;flex-wrap:wrap}.check{display:flex!important;align-items:center;gap:10px}.check input{width:auto!important}.attachment-preview{max-width:240px;max-height:180px;object-fit:contain;border-radius:12px;border:1px solid #33333e}.support-image{max-width:100%;max-height:70vh;object-fit:contain}.ticket-tools{display:grid;gap:14px;padding:18px;margin-top:14px;border-radius:12px;background:#19191f}.offer-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.offer-live-preview{padding:28px;border-radius:20px;background:linear-gradient(150deg,#19191f,#19191f);border:1px solid #33333e;display:grid;gap:14px}.offer-live-preview h2{font-size:25px;margin:5px 0}.offer-live-preview strong{font-size:30px;color:#fafafa}.offer-live-preview small{color:#aeb0c0}.offer-badge{width:max-content;border-radius:30px;background:#19191f;color:#fafafa;padding:6px 12px;font-weight:700}.offer-editor{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:24px}.modal:has(.offer-editor){max-width:1100px;width:95vw}.campaign-delivery{padding:18px;background:#19191f;border:1px solid #33333e;border-radius:14px;display:grid;gap:12px}.client-control{margin:15px 0}#controlGlobalLinks{margin-top:24px}.tablewrap code{font-size:11px;word-break:break-all}.ticket-tools label{display:grid;gap:7px}.offer-editor input,.offer-editor select{min-width:0}@media(max-width:700px){.offer-editor{grid-template-columns:1fr}.control-links .btn{flex:1;white-space:normal}.ticket-tools{padding:12px}.offer-live-preview{padding:20px}}
.table-controlbar{display:flex;align-items:center;gap:10px;padding:12px 0;flex-wrap:wrap}.table-local-search{max-width:300px;padding:9px 12px;border:1px solid #33333e;border-radius:9px;background:#19191f}.table-row-count{color:#aeb0c0;font-size:12px;margin-left:auto}th[tabindex]{cursor:pointer}th[aria-sort=ascending]::after{content:' ↑'}th[aria-sort=descending]::after{content:' ↓'}[hidden]{display:none!important}@media(max-width:700px){.table-controlbar input{width:100%;max-width:none}.table-controlbar .btn{flex:1}.table-row-count{width:100%;margin:0}}
.form label.check,.check{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important}.form label.check input{margin:0;flex:0 0 auto}

/* One App Only Design V9 — coherent navy/blue workspaces */
body.design-v9{--v9-navy:#0b1739;--v9-blue:#2563eb;--v9-ink:#172749;--v9-muted:#63738f;--v9-line:#dce5f2;--v9-surface:#f4f7fc;background:var(--v9-surface);color:var(--v9-ink)}
.design-v9 .sidebar{background:linear-gradient(175deg,#211014,#211014);border:0;box-shadow:5px 0 24px #00000012}
.design-v9 .brand{padding-bottom:22px}.design-v9 .brand b{background:linear-gradient(135deg,#22222b,#b91c1c);box-shadow:0 8px 24px #00000044}.design-v9 .sidebar nav label{letter-spacing:1.7px;font-size:10px;color:#aeb0c0}.design-v9 .sidebar .selected{background:#b91c1c!important;box-shadow:0 5px 15px #00000022}.design-v9 .subnav a.active{background:#211014;color:#fafafa;border-left:3px solid #ef4444}.design-v9 .subnav a:hover{background:#19191f0b}.design-v9 .topbar{background:#19191f;border-bottom:1px solid var(--v9-line)}.design-v9 .globalsearch{background:#19191f;border:1px solid var(--v9-line);border-radius:12px}.design-v9 .avatar{background:#19191f;color:#fafafa}.design-v9 .workspace{max-width:1700px;margin:auto}
.v9-breadcrumb{display:flex;align-items:center;gap:10px;padding:13px 32px;border-bottom:1px solid #33333e;color:var(--v9-muted);font-size:12px;background:#19191f}.v9-breadcrumb a{color:#fafafa;text-decoration:none}.v9-breadcrumb b{color:var(--v9-ink)}.v9-breadcrumb small{margin-left:auto;color:#aeb0c0;white-space:nowrap}
.v9-pins{display:flex!important;flex-direction:column;gap:5px;padding:12px 16px!important;border-top:1px solid #33333e18;border-bottom:1px solid #33333e18;max-height:210px;overflow:auto}.v9-pins small{font-size:10px;letter-spacing:1.5px;color:#aeb0c0}.v9-pins a{font-size:12px;color:#aeb0c0;text-decoration:none;padding:6px 8px;border-radius:6px}.v9-pins a.active,.v9-pins a:hover{background:#19191f14;color:#fafafa}
.design-v9 .pagebanner{background:linear-gradient(115deg,#211014 0%,#211014 63%,#b91c1c 100%);border:0;border-radius:22px;padding:30px;box-shadow:0 12px 25px #00000018;position:relative;overflow:hidden}.design-v9 .pagebanner:after{content:'';position:absolute;width:250px;height:250px;border:1px solid #33333e15;border-radius:50%;right:-80px;top:-120px;pointer-events:none}.design-v9 .bannericon{background:#19191f16;color:#aeb0c0;border:1px solid #33333e20;box-shadow:none}.design-v9 .reference-brandline{font-size:9px;letter-spacing:1.3px}.design-v9 .pagebanner h1{font-size:clamp(25px,2.5vw,36px);letter-spacing:-.8px}.design-v9 .bannercopy p{line-height:1.65;max-width:650px}.design-v9 .banneractions .toolbar{gap:8px;justify-content:flex-end}.design-v9 .banneractions .btn{min-height:38px;font-size:11px}.design-v9 .reference-workspace{display:none}.design-v9 .reference-hero{background:linear-gradient(120deg,#19191f,#19191f);color:#fafafa;border:1px solid #33333e;box-shadow:none}.design-v9 .reference-hero small{color:#fafafa}.design-v9 .reference-hero h2{color:#fafafa;letter-spacing:-.6px;font-size:26px}.design-v9 .reference-hero p{color:#aeb0c0}.design-v9 .reference-hero .btn.light{background:#19191f;color:#fafafa;border:1px solid #33333e}.design-v9 .reference-hero .herostat{background:#19191f;color:#fafafa;border:1px solid #33333e}.design-v9 .reference-hero .herostat small,.design-v9 .reference-hero .herostat span{color:#aeb0c0}.design-v9 .reference-hero-mark{color:#fafafa;opacity:.1}.design-v9 .reference-dashboard-hero{background:linear-gradient(120deg,#211014,#211014)!important;color:white}.design-v9 .reference-dashboard-hero h2{color:white}.design-v9 .reference-dashboard-hero p,.design-v9 .reference-dashboard-hero small{color:#aeb0c0}.design-v9 .reference-hero-console{background:#19191f0b;border-color:#33333e20}.design-v9 .reference-hero-console b{color:#fafafa}
.design-v9 .module{border:1px solid var(--v9-line);border-radius:18px;box-shadow:0 5px 18px #00000004;background:#19191f;overflow:hidden}.design-v9 .module>header{padding:20px 24px;border-bottom:1px solid #33333e;background:#19191f}.design-v9 .module>header h3{font-size:17px;letter-spacing:-.25px;color:#fafafa}.design-v9 .module>header small{font-size:9px;letter-spacing:1.5px;color:#aeb0c0}.design-v9 .modulebody{padding:22px 24px}.design-v9 .metric{border-radius:16px;border:1px solid var(--v9-line);border-top:3px solid var(--v9-accent,#ef4444);box-shadow:0 4px 16px #00000006;padding:23px;background:#19191f!important;color:var(--v9-ink)!important}.design-v9 .metric>span,.design-v9 .metric>small{color:#aeb0c0!important}.design-v9 .metric>strong{color:#fafafa!important;font-size:29px;letter-spacing:-.8px}.design-v9 .reference-metric-icon{color:var(--v9-accent,#fafafa);background:color-mix(in srgb,var(--v9-accent,#b91c1c) 10%,#19191f);border-radius:12px}.design-v9 .reference-insight-row article{background:#19191f;border:1px solid var(--v9-line);border-radius:14px}.design-v9 .reference-insight-row strong{color:#fafafa}
.design-v9 .btn{border-radius:10px;font-weight:650;transition:background .15s,border-color .15s;min-height:36px}.design-v9 .btn.primary{background:#b91c1c;border-color:#ef4444;color:white;box-shadow:0 4px 9px #0000001c}.design-v9 .btn.primary:hover{background:#b91c1c}.design-v9 .btn.danger{background:#19191f;color:#fafafa;border-color:#33333e}.design-v9 .btn:disabled{box-shadow:none;opacity:.55;cursor:not-allowed}.design-v9 button:focus-visible,.design-v9 a:focus-visible,.design-v9 input:focus-visible,.design-v9 select:focus-visible,.design-v9 textarea:focus-visible{outline:3px solid #ef4444;outline-offset:3px}.design-v9 .reference-tabs{display:flex;gap:8px;padding:7px;background:#19191f;border-radius:15px;border:1px solid #33333e;overflow-x:auto;flex-wrap:nowrap}.design-v9 .reference-tabs a{flex:1 0 auto;min-width:120px;background:transparent;border:0!important;border-radius:10px;color:#aeb0c0;padding:12px}.design-v9 .reference-tabs a.active{background:#19191f;box-shadow:0 2px 8px #0000000d;color:#fafafa}.design-v9 .reference-tabs small{font-size:10px;color:#aeb0c0}.design-v9 .reference-tab-icon{background:#19191f;color:#aeb0c0}.design-v9 .reference-tabs a.active .reference-tab-icon{background:#19191f;color:#fafafa}
.design-v9 .filterbar{background:#19191f;border:1px solid #33333e;border-radius:12px;padding:14px;align-items:flex-end}.design-v9 input,.design-v9 textarea,.design-v9 select{border:1px solid #33333e;border-radius:10px;background:#19191f;padding:11px 12px;color:#fafafa;min-width:0}.design-v9 label{font-size:12px;font-weight:600;color:#fafafa}.design-v9 input:focus,.design-v9 textarea:focus,.design-v9 select:focus{border-color:#ef4444;box-shadow:0 0 0 3px #0000000d}.design-v9 input.v9-invalid,.design-v9 select.v9-invalid{border-color:#33333e;background:#19191f}.design-v9 textarea{line-height:1.7;resize:vertical}.design-v9 .notice{border-radius:12px;padding:15px 18px;line-height:1.65}.design-v9 .integrationnotice{background:#19191f;border:1px solid #33333e;color:#795823;border-radius:12px}.design-v9 .pill{font-size:10px;padding:5px 9px;font-weight:650}.design-v9 .pill.active,.design-v9 .pill.sent,.design-v9 .pill.completed,.design-v9 .pill.connected,.design-v9 .pill.enabled{background:#19191f;color:#13734c}.design-v9 .pill.pending,.design-v9 .pill.queued,.design-v9 .pill.scheduled,.design-v9 .pill.needsreview{background:#19191f;color:#946114}.design-v9 .pill.failed,.design-v9 .pill.expired,.design-v9 .pill.urgent{background:#19191f;color:#fafafa}.design-v9 .pill.notconnected,.design-v9 .pill.disabled{background:#19191f;color:#fafafa}.design-v9 .tablewrap{border:1px solid #33333e;border-radius:12px;max-height:640px;overflow:auto}.design-v9 table th{position:sticky;top:0;background:#19191f;color:#aeb0c0;text-transform:uppercase;font-size:9px;letter-spacing:.8px;z-index:2;border-bottom:1px solid #33333e}.design-v9 table td{font-size:12px;border-bottom:1px solid #33333e;padding:15px 12px}.design-v9 table tbody tr:nth-child(even){background:#19191f}.design-v9 table tbody tr:hover{background:#19191f}.design-v9 .table-controlbar{padding:12px 0}.design-v9 .table-controlbar .btn{min-height:33px}.design-v9 .table-row-count{font-variant-numeric:tabular-nums}.design-v9 .compact-tables table td{padding:8px 10px}.design-v9 .empty{padding:42px 18px;background:linear-gradient(135deg,#19191f,#19191f);border:1px dashed #33333e;border-radius:14px}.design-v9 .empty>div{background:#19191f;color:#fafafa}.design-v9 .empty p{max-width:400px;margin:10px auto;color:#aeb0c0}
.v9-filterchips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.v9-filterchips button{border:1px solid #33333e;background:#19191f;border-radius:10px;color:#aeb0c0;padding:9px 13px;font-size:12px;font-weight:600;display:flex;gap:9px;align-items:center}.v9-filterchips button b{background:#19191f;border-radius:6px;padding:2px 6px;font-size:10px}.v9-filterchips button.active{background:#b91c1c;color:#fafafa;border-color:#ef4444}.v9-filterchips button.active b{background:#19191f25;color:white}.v9-view-tools{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:16px 0}.v9-view-tools>small{color:#aeb0c0;font-size:10px}.v9-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin:15px 0}.v9-record-card{background:#19191f;border:1px solid #33333e;border-radius:15px;padding:20px;box-shadow:0 4px 12px #00000005;min-width:0}.v9-record-card>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;border-bottom:1px solid #33333e;padding:9px 0;font-size:12px}.v9-record-card>div>small{font-size:10px;color:#aeb0c0}.v9-record-card>div>div{overflow-wrap:anywhere}.v9-record-card .v9-card-title{display:block;padding-bottom:16px}.v9-card-title>small{display:none}.v9-record-card footer{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.v9-record-card .person{min-width:0}.v9-record-card .person small{overflow-wrap:anywhere}
.v9-insights{margin:24px 0;display:grid;gap:20px}.v9-chart{background:#19191f;border:1px solid #33333e;border-radius:18px;padding:24px;min-width:0}.v9-chart>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.v9-chart h3{font-size:16px;margin:0}.v9-bars{display:grid;gap:14px}.v9-bar-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(80px,3fr) 80px;align-items:center;gap:14px;text-decoration:none;color:#fafafa;font-size:12px}.v9-bar-row>span{overflow-wrap:anywhere}.v9-bar-row>i{height:10px;background:#19191f;border-radius:10px;overflow:hidden}.v9-bar-row em{display:block;height:100%;border-radius:10px;min-width:0}.v9-bar-row b{text-align:right;color:#fafafa}.v9-bar-row[href]:hover{color:#fafafa}.v9-source{display:block;color:#aeb0c0;font-size:10px;line-height:1.65;margin-top:15px}.v9-expiry-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.v9-expiry-grid button{background:#19191f;border:1px solid #33333e;border-radius:11px;padding:14px 6px;display:grid;gap:8px;text-align:center;color:#aeb0c0}.v9-expiry-grid button.has-expiry{background:#19191f;border-color:#33333e;color:#fafafa}.v9-expiry-grid button small{font-size:10px}.v9-expiry-grid button b{font-size:23px}.v9-expiry-grid button span{font-size:9px}
.v9-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v9-task-grid a{display:flex;align-items:center;gap:13px;background:#19191f;border:1px solid #33333e;border-radius:13px;padding:19px;text-decoration:none;color:#fafafa}.v9-task-grid a>i{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:11px;color:var(--v9-accent);background:color-mix(in srgb,var(--v9-accent) 10%,#19191f)}.v9-task-grid svg{width:22px;height:22px}.v9-task-grid a>div{display:grid;gap:5px}.v9-task-grid b{font-size:25px}.v9-task-grid span{font-size:11px;color:#aeb0c0}.v9-task-grid em{margin-left:auto;color:#aeb0c0;font-style:normal}.v9-task-grid a:hover{border-color:#33333e;background:#19191f}.v9-profile-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.v9-profile-summary .metric strong{font-size:23px}.v9-expiry-label{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:10px;background:#19191f;color:#17764f;font-size:11px;margin-bottom:15px}.v9-expiry-label.soon{background:#19191f;color:#93621c}.v9-expiry-label.expired{background:#19191f;color:#fafafa}.design-v9 .servicecard{border:1px solid #33333e;border-radius:17px;background:#19191f;box-shadow:0 4px 12px #00000005}.design-v9 .crm-context{background:#19191f;border:1px solid #33333e;border-radius:14px}.design-v9 .crm-tags span{background:#19191f;color:#fafafa;border-radius:7px}
.v9-formsteps{display:flex;gap:10px;padding:0 0 20px}.v9-formsteps button{display:flex;align-items:center;gap:10px;border:1px solid #33333e;background:#19191f;border-radius:11px;padding:12px 14px;flex:1;color:#aeb0c0;font-size:12px}.v9-formsteps b{background:#19191f;color:#fafafa;border-radius:8px;padding:6px;font-size:10px}.v9-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v9-choice-grid button{display:grid;gap:7px;text-align:left;border:1px solid #33333e;border-radius:12px;background:#19191f;padding:16px;color:#aeb0c0}.v9-choice-grid button small{font-size:8px;letter-spacing:1px}.v9-choice-grid button b{font-size:16px;color:#fafafa}.v9-choice-grid button span{font-size:10px}.v9-choice-grid button.active{background:#19191f;border:2px solid #ef4444;padding:15px}.v9-choice-grid button.active b{color:#fafafa}.v9-connection-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.v9-connection-choices button{display:grid;gap:5px;background:#19191f;border:1px solid #33333e;border-radius:10px;padding:12px 4px;text-align:center;color:#aeb0c0}.v9-connection-choices b{font-size:21px}.v9-connection-choices span{font-size:9px}.v9-connection-choices button.active{background:#b91c1c;color:white;border-color:#ef4444}.v9-connection-choices button:disabled{opacity:.4;cursor:not-allowed}.v9-draft-tools{display:flex;gap:8px;flex-wrap:wrap;background:#19191f;padding:14px;border-radius:12px;border:1px dashed #33333e}.v9-draft-tools small{width:100%;color:#aeb0c0;font-size:10px;line-height:1.6}.design-v9 .main-side:has(#manualLiveForm)>:last-child{position:sticky;top:90px;align-self:start}.v9-section-heading{display:grid;gap:8px;padding:17px 20px;background:#19191f;border:1px solid #33333e;border-radius:12px;margin-bottom:20px}.v9-section-heading b{color:#fafafa;font-size:15px}.v9-section-heading span{font-size:11px;color:#aeb0c0}.v9-unsaved{padding:10px 13px;background:#19191f;border:1px solid #33333e;border-radius:9px;color:#856224;font-size:11px}.v9-mapped{background:#19191f}.design-v9 .packageid{color:#fafafa;cursor:pointer;border-radius:8px;padding:8px 12px;background:#19191f;display:inline-block}.v9-mapping-preview{padding:24px;background:#19191f;border-radius:15px}.v9-mapping-preview h2{font-size:36px;color:#fafafa}.design-v9 .plancard{border-radius:17px;border:1px solid #33333e;background:#19191f}.design-v9 .plancard.featured{border:2px solid #ef4444;box-shadow:0 10px 24px #00000012}.design-v9 .offercard{border-radius:18px;border:1px solid #33333e;background:#19191f;box-shadow:0 5px 18px #00000006}.design-v9 .offercard>strong{color:#fafafa;font-size:32px;letter-spacing:-1px}.design-v9 .offer-live-preview{background:linear-gradient(150deg,#19191f,#19191f);border-radius:18px;border-color:#33333e;transition:max-width .2s}.v9-preview-switch{margin-bottom:12px}.v9-phone-preview{max-width:300px;margin:0 auto;width:100%;border:6px solid #ef4444!important;border-radius:27px!important;padding:22px!important}.v9-readiness{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v9-readiness article{display:grid;justify-items:start;gap:12px;padding:20px;background:#19191f;border:1px solid #33333e;border-radius:12px;min-width:0}.v9-readiness article>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#19191f;color:#fafafa}.v9-readiness svg{width:20px;height:20px}.v9-readiness h4{margin:0;font-size:13px}.v9-readiness p{font-size:11px;line-height:1.65;color:#aeb0c0;margin:0}.v9-device-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.v9-device-grid article{display:grid;gap:12px;padding:18px;background:#19191f;border:1px solid #33333e;border-radius:12px}.v9-device-grid svg{width:26px;height:26px;color:#159a86}.v9-device-grid b{font-size:12px}.v9-device-grid small{font-size:10px;line-height:1.6;color:#a8a8b3}.design-v9[data-v9-menu=portal] .hero{background:linear-gradient(110deg,#19191f,#19191f)}.v9-giveaway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.v9-giveaway-card{background:linear-gradient(145deg,#19191f,#19191f);padding:26px;border:1px solid #33333e;border-radius:18px;display:grid;gap:12px}.v9-giveaway-card>small{font-size:9px;color:#aeb0c0;letter-spacing:1px}.v9-giveaway-card h3{font-size:21px;margin:0}.v9-giveaway-card p{font-size:12px;line-height:1.65;margin:0;color:#aeb0c0}.v9-giveaway-card>div{display:grid;gap:5px;padding:15px;background:#19191f90;border-radius:10px}.v9-giveaway-card>div b{font-size:29px;color:#fafafa}.v9-giveaway-card>div span{font-size:10px;color:#aeb0c0}
.design-v9 .reference-ticket-grid{grid-template-columns:minmax(0,2.4fr) minmax(240px,1fr);gap:20px}.design-v9 .conversation{padding:8px;display:grid;gap:16px}.design-v9 .conversation .message{max-width:88%;margin-right:auto;border:1px solid #33333e;border-radius:15px 15px 15px 4px;background:#19191f;padding:16px 19px}.design-v9 .conversation .message.staff{margin-left:auto;margin-right:0;background:#19191f;border-color:#33333e;border-radius:15px 15px 4px 15px}.design-v9 .conversation .message small{font-size:10px;color:#aeb0c0}.design-v9 .conversation .message p{font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.design-v9 .reference-ticket-info label{padding-bottom:12px;border-bottom:1px solid #33333e}.design-v9 .ticket-tools{background:#19191f;border:1px solid #33333e}.design-v9 .attachment-preview{border-radius:12px}.design-v9 .templategrid{gap:22px}.design-v9 .reference-code-editor{background:#19191f;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;min-height:220px}.design-v9 .variables code{background:#19191f;color:#fafafa;border-radius:6px;border:1px solid #33333e}.design-v9 .remindersteps article{background:#19191f;border:1px solid #33333e;border-radius:14px;border-top:3px solid #ef4444}.design-v9 .campaign-delivery{background:#19191f;border-radius:15px}.design-v9 .toast{border-radius:12px;box-shadow:0 12px 30px #00000025;background:#211014;color:white;max-width:calc(100vw - 30px)}.design-v9 .toast.bad{background:#111116}.design-v9 .modal{border-radius:20px;border:1px solid #33333e;box-shadow:0 30px 90px #00000038}.design-v9 .modalhead{background:#19191f;border-bottom:1px solid #33333e}.design-v9 .modalbody{padding:25px}.design-v9 .reference-account-intelligence{border-radius:17px}.design-v9 .skeleton{background:linear-gradient(90deg,#19191f 25%,#19191f 50%,#19191f 75%);background-size:200% 100%;border-radius:16px}
@media(min-width:1200px){.design-v9 .reference-ticket-grid>aside{position:sticky;top:90px;align-self:start}}
@media(max-width:1100px){.v9-task-grid,.v9-readiness{grid-template-columns:repeat(2,minmax(0,1fr))}.v9-device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v9-profile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.design-v9 .banneractions .toolbar{justify-content:flex-start}.design-v9 .pagebanner{padding:24px}}
@media(max-width:700px){.v9-breadcrumb{padding:11px 16px;gap:7px;font-size:10px;flex-wrap:wrap}.v9-breadcrumb small{display:none}.design-v9 .pagebanner{border-radius:16px;padding:21px;gap:15px}.design-v9 .pagebanner h1{font-size:26px}.design-v9 .banneractions{width:100%}.design-v9 .banneractions .toolbar{width:100%;justify-content:flex-start}.design-v9 .banneractions .btn{font-size:10px;min-height:35px;padding:8px 10px}.design-v9 .reference-brandline{font-size:8px;letter-spacing:.6px;flex-wrap:wrap}.design-v9 .reference-tabs a{min-width:125px;padding:11px}.design-v9 .reference-tabs a small{display:none}.design-v9 .reference-tabs .reference-tab-icon{width:27px;height:27px}.design-v9 .module>header,.design-v9 .modulebody{padding:17px}.design-v9 .metric{padding:17px}.design-v9 .metric>strong{font-size:24px}.design-v9 .reference-hero h2{font-size:23px}.design-v9 .reference-hero{padding:20px}.v9-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v9-task-grid a{padding:12px;gap:9px;flex-wrap:wrap}.v9-task-grid a>i{flex-basis:30px;height:30px}.v9-task-grid b{font-size:23px}.v9-task-grid span{font-size:10px}.v9-task-grid em{display:none}.v9-profile-summary{gap:10px}.v9-profile-summary .metric{padding:15px}.v9-profile-summary .metric strong{font-size:20px}.v9-chart{padding:17px}.v9-chart>header{align-items:flex-start;flex-direction:column}.v9-bar-row{grid-template-columns:95px minmax(30px,1fr) 60px;gap:9px;font-size:10px}.v9-expiry-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.v9-expiry-grid button{padding:11px 3px}.v9-readiness{grid-template-columns:1fr 1fr;gap:9px}.v9-readiness article{padding:14px;gap:10px}.v9-device-grid{grid-template-columns:1fr 1fr}.v9-device-grid article{padding:14px}.v9-choice-grid{grid-template-columns:1fr 1fr}.v9-choice-grid button{padding:13px}.v9-choice-grid button.active{padding:12px}.v9-choice-grid button b{font-size:14px}.v9-formsteps{gap:6px}.v9-formsteps button{padding:9px 6px;gap:5px;font-size:10px}.v9-connection-choices{gap:5px}.v9-connection-choices span{font-size:8px}.v9-connection-choices b{font-size:19px}.v9-draft-tools .btn{font-size:10px;flex:1}.design-v9 .main-side:has(#manualLiveForm)>:last-child{position:static}.v9-view-tools{align-items:flex-start;flex-direction:column;gap:8px}.v9-record-grid{grid-template-columns:1fr}.design-v9 .reference-ticket-grid{grid-template-columns:1fr}.design-v9 .conversation .message{max-width:95%;padding:13px}.design-v9 .modal{max-height:95dvh;border-radius:17px}.design-v9 .modalbody{padding:17px}.v9-filterchips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.v9-filterchips button{white-space:nowrap;flex-shrink:0;padding:8px 10px;font-size:10px}.design-v9 .tablewrap{max-height:540px}.design-v9 .tablewrap th{font-size:8px}.design-v9 .tablewrap td{font-size:11px}.v9-expiry-label{font-size:10px;flex-wrap:wrap}.v9-giveaway-card{padding:21px}}
@media(prefers-reduced-motion:reduce){.design-v9 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Reset inherited decorative geometry and color overrides. */
body.design-v9.reference-v7 .pagebanner:after{left:auto;bottom:auto;right:-90px;top:-135px;width:250px;height:250px;background:none;border:1px solid #33333e1c;z-index:0}
body.design-v9.reference-v7 .pagebanner>div{position:relative;z-index:1}
body.design-v9.reference-v7 .reference-color-metrics .metric{background:#19191f!important;color:#fafafa!important;border-top:3px solid var(--v9-accent,#ef4444)}
body.design-v9.reference-v7 .reference-color-metrics .metric>span,body.design-v9.reference-v7 .reference-color-metrics .metric>small{color:#aeb0c0!important}
body.design-v9.reference-v7 .reference-color-metrics .metric>strong{color:#fafafa!important}
body.design-v9.reference-v7 .reference-color-metrics .reference-metric-icon{background:#19191f!important;color:var(--v9-accent,#fafafa)!important}
body.design-v9.reference-v7 .reference-tabs a.active small{color:#aeb0c0}
body.design-v9.reference-v7 .reference-table th{background:#19191f;color:#aeb0c0}
body.design-v9.reference-v7 .reference-hero .herostat strong{color:#fafafa}
body.design-v9.reference-v7 .banneractions .toolbar{max-width:100%}
.v9-operation-result{display:flex;align-items:center;gap:17px;padding:23px;background:#19191f;border:1px solid #33333e;border-radius:15px;margin-bottom:18px}.v9-operation-result>i{width:50px;height:50px;flex:none;display:grid;place-items:center;background:#19191f;border-radius:50%;color:#188658}.v9-operation-result svg{width:28px;height:28px}.v9-operation-result h3{font-size:21px;margin:6px 0;color:#1c694c}.v9-operation-result small{font-size:9px;letter-spacing:1px;color:#479478}.v9-operation-result p{font-size:12px;line-height:1.6;margin:0;color:#4b7969}.v9-operation-result.review{background:#19191f;border-color:#33333e}.v9-operation-result.review>i{background:#19191f;color:#a47728}.v9-operation-result.review h3{color:#8a6120}.v9-result-stages{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.v9-result-stages article{display:grid;justify-items:start;gap:10px;padding:17px;background:#19191f;border:1px solid #33333e;border-radius:12px}.v9-result-stages small{color:#aeb0c0;font-size:11px}.v9-delivery-view{display:flex;align-items:center;gap:15px;margin:18px 0;flex-wrap:wrap}.v9-delivery-view>small{font-size:10px;color:#aeb0c0}.v9-delivery-board{display:grid;grid-template-columns:repeat(7,minmax(190px,1fr));gap:14px;overflow-x:auto;padding-bottom:14px;max-width:100%}.v9-delivery-board>section{background:#19191f;border:1px solid #33333e;border-radius:14px;padding:13px;min-height:220px}.v9-delivery-board>section>header{display:flex;justify-content:space-between;gap:10px;margin-bottom:15px;font-size:12px;color:#fafafa}.v9-delivery-board header span{background:#19191f;padding:3px 7px;border-radius:7px;font-size:10px}.v9-delivery-board article{display:grid;justify-items:start;gap:9px;padding:15px;background:#19191f;border:1px solid #33333e;border-radius:11px;margin-bottom:12px}.v9-delivery-board article>small{font-size:8px;letter-spacing:1px;color:#aeb0c0}.v9-delivery-board article>b{font-size:11px;overflow-wrap:anywhere;max-width:100%}.v9-delivery-board article>p{font-size:10px;color:#aeb0c0;margin:0;line-height:1.5}.v9-delivery-board article>p.v9-mail-error{color:#a8a8b3;background:#19191f;padding:7px;border-radius:6px;overflow-wrap:anywhere}@media(max-width:700px){.v9-operation-result{padding:16px;align-items:flex-start}.v9-operation-result h3{font-size:17px}.v9-delivery-board{grid-template-columns:repeat(7,220px)}.v9-operation-result>i{width:35px;height:35px}.v9-operation-result svg{width:22px;height:22px}}
.v9-offer-phone .offer-live-preview{max-width:300px;margin:auto;width:100%;border:6px solid #ef4444;border-radius:27px;padding:22px}
.design-v9 .offer-editor #liveOfferPreview{min-width:0}
.design-v9 .offer-editor>.v9-preview-switch{grid-column:2;grid-row:1;align-self:start}
.design-v9 .offer-editor:has(.v9-preview-switch){grid-template-rows:auto 1fr}
.design-v9 .offer-editor:has(.v9-preview-switch)>form{grid-row:1/3}
.design-v9 .offer-editor:has(.v9-preview-switch)>#liveOfferPreview{grid-column:2;grid-row:2;align-self:start}
@media(max-width:700px){.design-v9 .offer-editor>.v9-preview-switch{grid-column:1;grid-row:2}.design-v9 .offer-editor:has(.v9-preview-switch)>form{grid-row:1}.design-v9 .offer-editor:has(.v9-preview-switch)>#liveOfferPreview{grid-column:1;grid-row:3}}
.v9-client-preview{display:grid;gap:20px}.v9-preview-person{padding:18px;background:#19191f;border:1px solid #33333e;border-radius:13px}.v9-client-preview .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.v9-client-preview .metric strong{font-size:23px}.v9-order-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.v9-order-status article{display:grid;justify-items:start;gap:12px;padding:18px;background:#19191f;border:1px solid #33333e;border-radius:12px;min-width:0}.v9-order-status small{color:#aeb0c0;font-size:9px;letter-spacing:.7px}.v9-order-status b{font-size:14px;overflow-wrap:anywhere}.v9-order-context{display:flex;gap:12px;flex-wrap:wrap;padding:12px;background:#19191f;border:1px solid #33333e;border-radius:10px;font-size:11px;color:#aeb0c0;margin-bottom:20px}@media(max-width:700px){.v9-client-preview .metrics{grid-template-columns:1fr}.v9-order-status{grid-template-columns:1fr}.v9-order-status article{padding:13px}}
body.design-v9.reference-v7 #modal{border-radius:18px;border:1px solid #33333e;background:#19191f;box-shadow:0 28px 80px #00000038}
body.design-v9.reference-v7 #modal .modalhead{background:#19191f;color:#fafafa;border-bottom:1px solid #33333e}
body.design-v9.reference-v7 #modal .modalhead h2{color:#fafafa}
body.design-v9.reference-v7 #modal .modalhead small{color:#aeb0c0}
body.design-v9.reference-v7 #modal .modalhead .iconbtn{background:#19191f;color:#fafafa;border-color:#33333e}
body.design-v9.reference-v7 #modal:has(.offer-editor){width:min(1120px,95vw);max-width:95vw}
body.design-v9.reference-v7 #modal .modalbody{background:#19191f}
@media(max-width:700px){body.design-v9.reference-v7 #modal{border-radius:15px;max-height:95dvh}}

/* Studio V10: vivid cards, colored tabs, compact hierarchy and interactive analytics. */
body.studio-v10{--studio-accent:#4465f7;--studio-rgb:68,101,247;--studio-tint:#eef1ff;background:#19191f!important;color:#fafafa}
body.studio-v10[data-v9-menu=clients]{--studio-accent:#8554df;--studio-rgb:133,84,223;--studio-tint:#f2edff}
body.studio-v10[data-v9-menu=orders]{--studio-accent:#e58c25;--studio-rgb:229,140,37;--studio-tint:#fff4e8}
body.studio-v10[data-v9-menu=support]{--studio-accent:#8751db;--studio-rgb:135,81,219;--studio-tint:#f3edff}
body.studio-v10[data-v9-menu=offers]{--studio-accent:#d74c87;--studio-rgb:215,76,135;--studio-tint:#fff0f6}
body.studio-v10[data-v9-menu=settings]{--studio-accent:#139c94;--studio-rgb:19,156,148;--studio-tint:#eafaF8}
body.studio-v10.reference-v7.design-v9 .main{background:radial-gradient(ellipse at 100% 0%,rgba(var(--studio-rgb),.09),transparent 50%),#19191f}
body.studio-v10.reference-v7.design-v9 .workspace{padding:25px 30px}
body.studio-v10.reference-v7.design-v9 .sidebar{background:linear-gradient(180deg,#211014,#211014);box-shadow:6px 0 30px #00000012}
body.studio-v10.reference-v7.design-v9 .brand{padding:25px 22px;border-bottom:1px solid #33333e0c}.studio-v10 .brand b{background:linear-gradient(145deg,#b91c1c,#b91c1c)!important;box-shadow:0 5px 25px #0000004d!important}
body.studio-v10.reference-v7.design-v9 .sidebar .selected{background:linear-gradient(100deg,var(--studio-accent),#b91c1c)!important;box-shadow:0 8px 20px #00000022;border-radius:12px}
body.studio-v10.reference-v7.design-v9 .sidebar .subnav a.active{background:#19191f10;border-left-color:#a5a6ff;color:#d4d4dc}
body.studio-v10.reference-v7.design-v9 .sidebar nav label{font-size:9px;letter-spacing:2px;color:#aeb0c0}.studio-v10 .side-status{border-radius:12px!important;background:#211014!important;border-color:#33333e!important}
body.studio-v10.reference-v7.design-v9 .topbar{height:72px;box-shadow:0 2px 15px #00000010;border-bottom:1px solid #33333e}.studio-v10 .globalsearch{border:0!important;background:#19191f!important;min-width:260px}.studio-v10 .topactions .avatar{background:linear-gradient(135deg,#19191f,#19191f);color:#fafafa}.studio-v10 .v9-breadcrumb{border-bottom:0;background:#19191f80;padding:10px 30px}
body.studio-v10.reference-v7.design-v9 .pagebanner{background:linear-gradient(105deg,#19191f,var(--studio-tint));border:1px solid rgba(var(--studio-rgb),.13);border-left:5px solid var(--studio-accent);color:#fafafa;padding:24px 27px;border-radius:18px;min-height:115px;box-shadow:0 8px 25px #00000006;gap:18px;margin-bottom:22px}
body.studio-v10.reference-v7.design-v9 .pagebanner:after{width:230px;height:230px;right:-50px;top:-110px;border:35px solid rgba(var(--studio-rgb),.035);background:transparent}
body.studio-v10.reference-v7.design-v9 .bannericon{background:var(--studio-accent);color:white;border:0;box-shadow:0 8px 18px rgba(var(--studio-rgb),.22);border-radius:15px;width:54px;height:54px}
body.studio-v10.reference-v7.design-v9 .bannercopy h1{color:#fafafa;font-size:31px;line-height:1.18;margin:7px 0}.studio-v10 .v10-section-label{font-size:9px;letter-spacing:1.6px;color:var(--studio-accent);font-weight:750}.studio-v10 .reference-brandline{display:none}.studio-v10 .bannercopy p{color:#aeb0c0!important;line-height:1.6;font-size:12px!important}
body.studio-v10.reference-v7.design-v9 .pagebanner .banneractions .btn{background:#19191f;color:#aeb0c0;border:1px solid #33333e;box-shadow:0 3px 9px #00000005;border-radius:10px;font-size:10px;padding:9px 12px}
body.studio-v10.reference-v7.design-v9 .pagebanner .banneractions .btn.primary{background:var(--studio-accent);color:white;border-color:var(--studio-accent)}
.v10-banner-stats{display:flex!important;gap:16px;align-items:center;flex-basis:100%;font-size:10px;color:#aeb0c0;flex-wrap:wrap}.v10-banner-stats span{display:flex;gap:6px;align-items:center}.v10-banner-stats i{width:6px;height:6px;background:#19aa8e;border-radius:50%}.studio-v10 .pagebanner:has(.v10-banner-stats){flex-wrap:wrap}
body.studio-v10.reference-v7.design-v9 .module{border:1px solid #33333e;border-radius:18px;box-shadow:0 7px 22px #00000006;margin-bottom:20px;background:#19191f}.studio-v10 .module:before{display:none!important}
body.studio-v10.reference-v7.design-v9 .module>header{padding:19px 23px;border-bottom:1px solid #33333e;border-left:4px solid #ef4444;background:linear-gradient(110deg,#19191f,#19191f)}
body.studio-v10.reference-v7.design-v9 .module[data-v10-tone="1"]>header{border-left-color:#18a88e;background:linear-gradient(110deg,#19191f,#19191f)}
body.studio-v10.reference-v7.design-v9 .module[data-v10-tone="2"]>header{border-left-color:#8b50e8;background:linear-gradient(110deg,#19191f,#19191f)}
body.studio-v10.reference-v7.design-v9 .module[data-v10-tone="3"]>header{border-left-color:#ee9c2b;background:linear-gradient(110deg,#19191f,#19191f)}
body.studio-v10.reference-v7.design-v9 .module[data-v10-tone="4"]>header{border-left-color:#e45d7b;background:linear-gradient(110deg,#19191f,#19191f)}
body.studio-v10.reference-v7.design-v9 .module[data-v10-tone="5"]>header{border-left-color:#239ccc;background:linear-gradient(110deg,#19191f,#19191f)}
body.studio-v10.reference-v7.design-v9 .module>header h3{font-size:16px;color:#fafafa;letter-spacing:-.25px}.studio-v10 .module>header small{font-size:8px!important;color:#aeb0c0!important;letter-spacing:1.6px!important}.studio-v10 .modulebody{padding:22px!important}
body.studio-v10.reference-v7.design-v9 .metric,body.studio-v10.reference-v7.design-v9 .reference-color-metrics .metric{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#b91c1c,#b91c1c)!important;color:white!important;border:0!important;border-radius:17px!important;min-height:150px;padding:24px!important;box-shadow:0 10px 20px #00000026!important}
body.studio-v10.reference-v7.design-v9 .metric[data-v10-tone="1"]{background:linear-gradient(125deg,#087362,#10816b)!important;box-shadow:0 10px 20px #00000025!important}
body.studio-v10.reference-v7.design-v9 .metric[data-v10-tone="2"]{background:linear-gradient(125deg,#b91c1c,#b91c1c)!important;box-shadow:0 10px 20px #00000025!important}
body.studio-v10.reference-v7.design-v9 .metric[data-v10-tone="3"]{background:linear-gradient(125deg,#a35d11,#b9771c)!important;box-shadow:0 10px 20px #00000025!important}
body.studio-v10.reference-v7.design-v9 .metric[data-v10-tone="4"]{background:linear-gradient(125deg,#111116,#111116)!important;box-shadow:0 10px 20px #00000025!important}
body.studio-v10.reference-v7.design-v9 .metric[data-v10-tone="5"]{background:linear-gradient(125deg,#b91c1c,#b91c1c)!important;box-shadow:0 10px 20px #00000025!important}
body.studio-v10.reference-v7.design-v9 .metric>strong,body.studio-v10.reference-v7.design-v9 .reference-color-metrics .metric>strong{color:white!important;font-size:32px!important;font-weight:750;letter-spacing:-.8px;position:relative;z-index:2}
body.studio-v10.reference-v7.design-v9 .metric>span,body.studio-v10.reference-v7.design-v9 .metric>small,body.studio-v10.reference-v7.design-v9 .reference-color-metrics .metric>span,body.studio-v10.reference-v7.design-v9 .reference-color-metrics .metric>small{color:#fafafa!important;opacity:.94;font-size:10px!important;position:relative;z-index:2}
body.studio-v10.reference-v7.design-v9 .metric .reference-metric-icon,body.studio-v10.reference-v7.design-v9 .reference-color-metrics .reference-metric-icon{color:white!important;background:#19191f26!important;border:1px solid #33333e20;right:18px;top:17px;width:34px;height:34px;z-index:2}
.v10-card-decoration{position:absolute!important;right:-35px;bottom:-58px;width:170px;height:170px;border:25px solid #33333e0e;border-radius:50%;pointer-events:none;z-index:0!important}.studio-v10 .metric:hover{transform:translateY(-3px);transition:transform .18s}.studio-v10 .metric small{max-width:90%;line-height:1.5}
body.studio-v10.reference-v7.design-v9 [data-widget="revenue"]>.module{background:none;border:0;box-shadow:none;overflow:visible}.studio-v10 [data-widget="revenue"]>.module>header{display:none}.studio-v10 [data-widget="revenue"] .modulebody{padding:0!important}.studio-v10 [data-widget="revenue"] .metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px;margin:0!important}.studio-v10 [data-widget="revenue"] .metric{grid-column:auto!important}
.studio-v10 .v10-task-strip{margin-top:6px!important}.studio-v10 .v10-task-strip>header{display:none}.studio-v10 .v10-task-strip .modulebody{padding:13px!important}.studio-v10 .v9-task-grid a{background:linear-gradient(115deg,#19191f,#19191f);border:1px solid #33333e;padding:16px;border-radius:13px}.studio-v10 .v9-task-grid a[data-v10-tone="1"]{background:linear-gradient(115deg,#19191f,#19191f);border-color:#33333e}.studio-v10 .v9-task-grid a[data-v10-tone="2"]{background:linear-gradient(115deg,#19191f,#19191f);border-color:#33333e}.studio-v10 .v9-task-grid a[data-v10-tone="3"]{background:linear-gradient(115deg,#19191f,#19191f);border-color:#33333e}.studio-v10 .v9-task-grid b{font-size:26px}.studio-v10 .v9-task-grid span{font-size:10px}.studio-v10 .v9-task-grid a>i{background:#19191f;box-shadow:0 4px 9px #00000006}
body.studio-v10.reference-v7.design-v9 .reference-tabs{background:#19191f;border:1px solid #33333e;padding:8px;gap:8px;border-radius:16px;margin:19px 0}
body.studio-v10.reference-v7.design-v9 .tabs a{background:#19191f;color:#fafafa;border-radius:11px;min-height:57px;border:1px solid #33333e!important;padding:13px 16px;box-shadow:none}
body.studio-v10.reference-v7.design-v9 .tabs a[data-v10-tone="1"]{background:#19191f;color:#158c73;border-color:#33333e!important}.studio-v10 .tabs a[data-v10-tone="2"]{background:#19191f!important;color:#fafafa!important;border-color:#33333e!important}.studio-v10 .tabs a[data-v10-tone="3"]{background:#19191f!important;color:#b47a23!important;border-color:#33333e!important}.studio-v10 .tabs a[data-v10-tone="4"]{background:#19191f!important;color:#a8a8b3!important;border-color:#33333e!important}.studio-v10 .tabs a[data-v10-tone="5"]{background:#19191f!important;color:#ff8790!important;border-color:#33333e!important}
body.studio-v10.reference-v7.design-v9 .tabs a.active{background:linear-gradient(110deg,#b91c1c,#b91c1c)!important;color:white!important;border-color:transparent!important;box-shadow:0 6px 14px #00000023}
body.studio-v10.reference-v7.design-v9 .tabs a.active[data-v10-tone="1"]{background:linear-gradient(110deg,#159a85,#3dc4a7)!important}.studio-v10 .tabs a.active[data-v10-tone="2"]{background:linear-gradient(110deg,#b91c1c,#b91c1c)!important}.studio-v10 .tabs a.active[data-v10-tone="3"]{background:linear-gradient(110deg,#d99326,#362918)!important}.studio-v10 .tabs a.active[data-v10-tone="4"]{background:linear-gradient(110deg,#111116,#22222b)!important}.studio-v10 .tabs a.active[data-v10-tone="5"]{background:linear-gradient(110deg,#b91c1c,#22222b)!important}
body.studio-v10.reference-v7.design-v9 .tabs a.active small,body.studio-v10.reference-v7.design-v9 .tabs a.active b{color:white!important}.studio-v10 .reference-tab-icon{background:#19191f70!important;color:inherit!important}.studio-v10 .tabs a.active .reference-tab-icon{background:#19191f22!important;color:white!important}.studio-v10 .tabs small{color:inherit!important;opacity:.85}.studio-v10 .segments,.studio-v10 .profiletabs{padding:5px!important;background:#19191f!important;border:1px solid #33333e;border-radius:12px!important;gap:5px!important}.studio-v10 .segments button,.studio-v10 .profiletabs button{border-radius:8px!important;color:#aeb0c0!important;background:#19191f!important;border:1px solid #33333e!important;padding:9px 13px!important}.studio-v10 .segments button.active,.studio-v10 .profiletabs button.active{background:var(--studio-accent)!important;color:white!important;border-color:transparent!important;box-shadow:0 4px 9px rgba(var(--studio-rgb),.2)}
.studio-v10 .v9-filterchips button{background:#19191f;border-color:#33333e;color:#aeb0c0}.studio-v10 .v9-filterchips button[data-v10-tone="1"]{background:#19191f;border-color:#33333e;color:#287e69}.studio-v10 .v9-filterchips button[data-v10-tone="2"]{background:#19191f;border-color:#33333e;color:#fafafa}.studio-v10 .v9-filterchips button[data-v10-tone="3"]{background:#19191f;border-color:#33333e;color:#a47b37}.studio-v10 .v9-filterchips button.active{background:var(--studio-accent)!important;color:white!important;border-color:var(--studio-accent)!important}.studio-v10 .v9-filterchips button b{background:#19191f80}.studio-v10 .v9-filterchips button.active b{background:#19191f22}.studio-v10 .settingsnav a{background:#19191f;border-color:#33333e;color:#277e6b;border-radius:10px}.studio-v10 .settingsnav a.active{background:#111116;color:white}
body.studio-v10.reference-v7.design-v9 .hero.reference-hero{background:linear-gradient(115deg,var(--studio-tint),#19191f);border:1px solid rgba(var(--studio-rgb),.15);padding:22px 25px;min-height:130px;box-shadow:none;border-radius:16px}
.studio-v10 .reference-hero h2{font-size:23px!important;color:#fafafa!important}.studio-v10 .hero .herostat{background:var(--studio-accent)!important;border:0!important}.studio-v10 .hero .herostat strong,.studio-v10 .hero .herostat small,.studio-v10 .hero .herostat span{color:white!important}.studio-v10 .reference-hero-mark{color:var(--studio-accent)!important;background:var(--studio-tint)!important;border-color:rgba(var(--studio-rgb),.16)!important;opacity:.55}
.studio-v10 .filterbar{background:#19191f!important;border:1px solid #33333e!important;border-radius:12px!important}.studio-v10 input,.studio-v10 textarea,.studio-v10 select{border-color:#33333e!important;border-radius:10px!important}.studio-v10 input:focus,.studio-v10 textarea:focus,.studio-v10 select:focus{border-color:var(--studio-accent)!important;box-shadow:0 0 0 3px rgba(var(--studio-rgb),.08)!important}.studio-v10 .btn.primary{background:var(--studio-accent)!important;border-color:var(--studio-accent)!important;box-shadow:0 5px 12px rgba(var(--studio-rgb),.16)!important}.studio-v10 .btn{min-height:36px}.studio-v10 .tablewrap{border-color:#33333e!important}.studio-v10.reference-v7 .reference-table th,.studio-v10 table th{background:#19191f!important;color:#aeb0c0!important;letter-spacing:.9px!important;font-size:9px!important}.studio-v10 table td{border-color:#33333e!important}.studio-v10 table tbody tr:nth-child(even){background:#19191f!important}.studio-v10 table tbody tr:hover{background:var(--studio-tint)!important}.studio-v10 .person>i,.studio-v10 .person>span:first-child{background:#19191f;color:#aeb0c0}
.studio-v10 .v9-record-card,.studio-v10 .servicecard,.studio-v10 .offercard,.studio-v10 .plancard{border:1px solid #33333e!important;border-top:4px solid #ef4444!important;background:linear-gradient(160deg,#19191f 0%,#19191f 42%)!important;box-shadow:0 7px 20px #00000007!important;border-radius:17px!important}.studio-v10 [data-v10-tone="1"].v9-record-card,.studio-v10 [data-v10-tone="1"].servicecard,.studio-v10 [data-v10-tone="1"].plancard{border-top-color:#18a88e!important;background:linear-gradient(160deg,#19191f 0%,#19191f 42%)!important}.studio-v10 [data-v10-tone="2"].v9-record-card,.studio-v10 [data-v10-tone="2"].servicecard,.studio-v10 [data-v10-tone="2"].plancard{border-top-color:#8b50e8!important;background:linear-gradient(160deg,#19191f 0%,#19191f 42%)!important}.studio-v10 .v9-readiness article{background:linear-gradient(145deg,#19191f,#19191f)!important;border-radius:14px!important}.studio-v10 .v9-readiness article:nth-child(2){background:linear-gradient(145deg,#19191f,#19191f)!important}.studio-v10 .v9-readiness article:nth-child(3){background:linear-gradient(145deg,#19191f,#19191f)!important}.studio-v10 .v9-readiness article:nth-child(4){background:linear-gradient(145deg,#19191f,#19191f)!important}.studio-v10 .v9-choice-grid button{background:#19191f;border-color:#33333e}.studio-v10 .v9-choice-grid button.active{background:linear-gradient(130deg,#b91c1c,#b91c1c);border-color:transparent;color:white;box-shadow:0 6px 15px #00000021}.studio-v10 .v9-choice-grid button.active b{color:white}.studio-v10 .v9-connection-choices button.active{background:linear-gradient(130deg,#b91c1c,#b91c1c);border-color:transparent}.studio-v10 .v9-formsteps button{background:#19191f;border-color:#33333e}.studio-v10 .v9-formsteps button:nth-child(2){background:#19191f;border-color:#33333e}.studio-v10 .v9-formsteps button:nth-child(3){background:#19191f;border-color:#33333e}
.v10-plot{margin:0;border:1px solid #33333e;border-radius:15px;padding:18px 19px;background:linear-gradient(145deg,#19191f,#19191f);min-width:0;position:relative}.v10-plot figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.v10-plot figcaption>div:first-child{display:grid;gap:6px}.v10-plot figcaption small{font-size:8px;letter-spacing:1.5px;color:#aeb0c0}.v10-plot figcaption b{font-size:14px;color:#fafafa;font-weight:700}.v10-plot-total{display:grid;gap:5px;text-align:right}.v10-plot-total strong{font-size:24px;letter-spacing:-.6px;color:#fafafa}.v10-plot-total span{font-size:9px;color:#aeb0c0}.v10-plot svg{width:100%;height:auto;display:block;overflow:visible;margin:9px 0 0;min-height:150px}.v10-plot-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:9px;border-bottom:1px solid #33333e}.v10-plot-toolbar>span{font-size:10px;color:#aeb0c0;display:flex;align-items:center;gap:6px}.v10-plot-toolbar i{height:6px;width:6px;border-radius:50%;display:inline-block}.v10-plot-toolbar>div{display:flex;gap:4px}.v10-plot-toolbar button{font:600 9px system-ui;border:1px solid #33333e;background:#19191f;border-radius:6px;color:#aeb0c0;padding:6px 8px;cursor:pointer}.v10-plot-toolbar button.active{background:#19191f;color:#ff8790;border-color:#33333e}.v10-plot footer{font-size:9px;display:flex;justify-content:space-between;gap:8px;color:#aeb0c0;line-height:1.6;border-top:1px solid #33333e;padding-top:11px}.v10-plot footer>span{white-space:nowrap}.v10-mark{cursor:pointer;outline:none}.v10-mark-dot{transition:r .13s;opacity:.8}.v10-crosshair{opacity:0}.v10-mark.hovered .v10-crosshair,.v10-mark:focus .v10-crosshair{opacity:.65}.v10-mark.hovered .v10-mark-dot,.v10-mark:focus .v10-mark-dot{r:7;opacity:1;filter:drop-shadow(0 2px 5px #4465f744)}.v10-mark.hovered rect:not([fill=transparent]){filter:brightness(1.06) drop-shadow(0 4px 5px #4465f720)}.v10-donut-segment.hovered,.v10-donut-segment:focus{stroke-width:34;filter:drop-shadow(0 3px 4px #26395320)}.v10-plot [data-v10-panel=table] .tablewrap{max-height:360px;margin:15px 0}.v10-plot-empty{display:grid;place-items:center;text-align:center;gap:12px;min-height:230px;background:linear-gradient(140deg,#19191f,#19191f);border:1px dashed #33333e;border-radius:14px;padding:25px}.v10-plot-empty svg{width:38px;height:38px;color:#aeb0c0}.v10-plot-empty b{font-size:13px;color:#aeb0c0}.v10-plot-empty p{font-size:11px;color:#aeb0c0;line-height:1.6;max-width:300px;margin:0}.v10-tooltip{position:fixed;width:248px;z-index:11000;background:linear-gradient(145deg,#211014,#211014);border:1px solid #ef4444;border-radius:12px;padding:15px 17px;color:#fafafa;box-shadow:0 15px 40px #00000036;pointer-events:none;font-family:system-ui}.v10-tooltip small{display:block;font-size:9px;color:#aeb0c0;margin-bottom:6px;letter-spacing:.5px}.v10-tooltip>b{display:block;font-size:13px;margin-bottom:12px}.v10-tooltip>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:5px 0;color:#aeb0c0}.v10-tooltip strong{color:white;font-weight:700}.v10-tooltip p{font-size:10px;color:#aeb0c0;border-top:1px solid #33333e15;padding-top:10px;line-height:1.6;margin:8px 0}.v10-tooltip em{font-style:normal;font-size:9px;color:#aeb0c0}.v10-point-detail{display:grid;gap:18px;padding:9px}.v10-point-detail>small{color:#aeb0c0;letter-spacing:1.5px;font-size:9px}.v10-point-detail>h2{font-size:40px;letter-spacing:-1px;color:#ff8790;margin:0}.v10-point-detail>p{font-size:11px;color:#aeb0c0;line-height:1.7}.studio-v10 .trendgrid{gap:18px!important}.studio-v10 .v9-chart{border-radius:17px;background:#19191f;padding:18px;border-color:#33333e}.studio-v10 .v9-chart>.v10-plot{border:0;padding:0;background:none}.studio-v10 .v9-chart [data-v9-chart-panel]>.v10-plot figcaption{display:none}.studio-v10 .v9-chart [data-v9-chart-panel]>.v10-plot .v10-plot-toolbar{display:none}.studio-v10 .v9-chart [data-v9-chart-panel]>.v10-plot{border:0;padding:0;background:none}.studio-v10 .reference-analytics-grid{gap:20px!important}
@media(min-width:1300px){.studio-v10 [data-widget="revenue"] .metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important}.studio-v10 [data-widget="revenue"] .metric{padding:20px!important;min-height:145px}.studio-v10 [data-widget="revenue"] .metric strong{font-size:29px!important}.studio-v10 [data-widget="revenue"] .metric .reference-metric-icon{width:27px;height:27px;right:12px;top:12px}.studio-v10 [data-widget="revenue"] .metric>span{font-size:8px!important;max-width:75%}}
@media(max-width:1050px){.studio-v10 [data-widget="revenue"] .metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.studio-v10 .v10-plot svg{min-height:130px}.studio-v10 .reference-tabs{flex-wrap:nowrap!important}}
@media(max-width:800px){body.studio-v10.reference-v7.design-v9 .pagebanner{padding:20px;gap:14px}.studio-v10 .bannercopy h1{font-size:25px!important}.studio-v10 .bannericon{width:42px!important;height:42px!important}.studio-v10 .v10-banner-stats{gap:12px}.studio-v10 .trendgrid{grid-template-columns:1fr!important}.studio-v10 .workspace{padding:20px 16px!important}.studio-v10 .v9-breadcrumb{padding:10px 17px}.studio-v10 .modulebody{padding:16px!important}.studio-v10 .metric{min-height:140px!important;padding:20px!important}.studio-v10 .metric>strong{font-size:28px!important}.studio-v10 [data-widget="revenue"] .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.studio-v10 .reference-tabs a{padding:11px 13px!important;min-width:125px}.v10-plot{padding:15px}.v10-plot-toolbar{align-items:flex-start}.v10-plot-toolbar>span{max-width:45%;line-height:1.5}.v10-plot-toolbar button{padding:6px 7px}.v10-plot-total strong{font-size:22px}.v10-plot footer span{display:none}.v10-tooltip{width:235px;padding:13px}.studio-v10 .v9-profile-summary{grid-template-columns:1fr 1fr}.studio-v10 .v9-task-grid a{padding:13px}.studio-v10 .v9-chart{padding:15px}.studio-v10 .v9-chart>header{margin-bottom:15px}.studio-v10 .v9-connection-choices button span{font-size:8px}.studio-v10 .topbar{padding:0 16px!important}}
@media(prefers-reduced-motion:reduce){.studio-v10 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:800px){.studio-v10 .globalsearch{min-width:0;flex:1;width:0}.studio-v10 .topactions{flex-shrink:0}.studio-v10 .mobilemenu{flex-shrink:0}.studio-v10 .v10-plot [data-v10-panel=table]{min-width:0;overflow:auto}}

.studio-v10 .v10-task-strip{grid-column:1 / -1;width:100%}

:root{color-scheme:dark;--bg:#0b0b10;--surface:#18181f;--ink:#fafafa;--muted:#a6a6b3;--line:#30303c;--blue:#ef343f;--navy:#17171e;--shadow:0 8px 28px #0003;--v9-accent:#ef343f;--ref-blue:#ef343f;--ref-ink:#fafafa;--ref-muted:#a6a6b3;--ref-line:#30303c}
body{background:radial-gradient(ellipse at 85% 0,#39101866,transparent 48%),#0b0b10;color:#fafafa}
.sidebar{background:#101015;border-right-color:#2b2b35;width:252px}.sidebar .brand{padding:22px 24px 17px;min-height:95px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.brand .oao-logo{width:160px;height:54px;object-fit:contain}.brand .oao-brand-caption{font-size:9px;letter-spacing:2px;color:#9b9ba8}.oao-logo-fallback{color:#fff;font-size:20px;font-weight:800}.oao-logo-fallback span{color:#ef343f}.sidebar nav{padding:0 12px 14px}.sidebar .oao-group{margin:7px 0}.oao-group>summary{font-size:12px;min-height:44px;color:#bdbdca}.oao-group>summary.selected{background:linear-gradient(100deg,#b91c28,#df2934);color:white}.oao-group .subnav{margin:5px 0 12px 22px;padding-left:14px;border-left-color:#3c262d}.oao-group .subnav a{color:#a6a6b3;padding:8px 9px;line-height:1.3}.oao-group .subnav a.active{background:#36171d;color:#ffb0b5}.oao-group .subnav a.active:before{background:#ef343f}.sidebar summary:hover,.subnav a:hover{background:#24242d;color:white}.sidebar footer{border-color:#30303c}.side-status{background:#19191f;border-color:#30303c;color:#c5c5cf}.topbar{background:#101015ed;border-color:#30303c}.globalsearch,kbd,.iconbtn,.avatar{background:#202028;color:#cfcfdb;border-color:#343440}.workspace{padding-top:24px}.pagebanner{background:linear-gradient(110deg,#251017,#17171f 70%);border:1px solid #45232c;box-shadow:none}.bannericon{background:#b91c28;box-shadow:0 0 0 5px #ef343f10}.bannercopy small{color:#ff858d}.bannercopy p,.hero p{color:#b8b8c5}.hero{background:radial-gradient(ellipse at 95% 30%,#8c192e55,transparent 60%),linear-gradient(115deg,#221117,#17171f);border:1px solid #49303a;box-shadow:none}.hero small{color:#ff929a}.hero h2{font-size:clamp(23px,2vw,31px)}.herostat{background:#ffffff05;border-color:#ffffff12}.herostat>span{color:#b8b8c5}
.module,.metric,.v9-chart,.servicecard,.v9-client-card{background:#18181f;border-color:#30303c;box-shadow:0 8px 28px #0002}.module>header{border-color:#30303c}.module>header small,.metric>span{color:#a6a6b3}.metric{border-top:2px solid #ef343f;padding:21px 22px}.metric strong{color:#fafafa;font-size:30px;font-variant-numeric:tabular-nums}.metric:nth-child(2){border-top-color:#fa7e88}.metric:nth-child(3){border-top-color:#a1a1b5}.metric:nth-child(4){border-top-color:#c53046}.reference-metric-icon{background:#36171d;color:#ff929a}.metric .reference-metric-icon{color:#ff929a;background:#36171d}.tabs{background:#17171e;border:1px solid #30303c;border-radius:11px;padding:5px;gap:4px}.tabs a{border-radius:7px;color:#a6a6b3;border:0}.tabs a.active,.segments .active,.segments button.active,.btn.active{background:#b91c28;color:#fff;border-color:#d52d3d;box-shadow:none}.tabs a:hover{background:#29212b;color:#fff}.btn{background:#24242e;color:#e0e0e9;border-color:#3b3b48;border-radius:8px}.btn:hover{background:#32323e;border-color:#555563}.btn.primary,.hero .primary,.banneractions .primary,.banneractions .light,.hero .light{background:#eb2f3c;border-color:#eb2f3c;color:#fff;box-shadow:0 4px 14px #db24332b}.btn.primary:hover{background:#cf2531}.btn.text{color:#ff8790}.btn.danger{background:#38171e;border-color:#79303c;color:#ff9aa3}a{color:#ff8790}input,select,textarea{background:#121218;color:#e8e8ef;border-color:#373744}input::placeholder,textarea::placeholder{color:#858594}input:focus,select:focus,textarea:focus{border-color:#ef343f;box-shadow:0 0 0 3px #ef343f20}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #ff6975;outline-offset:3px}option{background:#18181f;color:#fff}.filterbar,.toolbar{background:#18181f;border-color:#30303c}th{background:#202029;color:#c1c1cf;border-color:#33333f}td{color:#d6d6e2;border-color:#2b2b36}tbody tr:hover td{background:#24242e}td b{color:#fafafa}.tablewrap{border-color:#30303c;border-radius:10px}.tablewrap table{font-variant-numeric:tabular-nums}.pill{background:#2b2b37;color:#d0d0dc}.pill.active,.pill.approved,.pill.paid,.pill.connected,.pill.online,.pill.recordsloaded{background:#163128;color:#6cdda8}.pill.pending,.pill.expiring,.pill.unpaid,.pill.urgent,.pill.high{background:#382a17;color:#f0c06f}.pill.expired,.pill.failed,.pill.error,.pill.offline,.pill.rejected,.pill.cancelled{background:#391820;color:#ff929d}.pill.draft,.pill.scheduled{background:#292633;color:#d1c8e6}.notice{background:#26212b;color:#d7cfdc;border-color:#49404f}.empty{color:#aaaab8}.empty>b{color:#e4e4ec}.empty>div{background:#2a222e;color:#ff7c88}.workspacefoot{color:#858594;border-color:#30303c}dialog{background:#18181f;color:#fafafa;border:1px solid #494957;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.modalhead{border-color:#30303c}.login{background:#0b0b10}.loginart{background:radial-gradient(circle at 0 0,#8e122b55,transparent 50%),#141419}.loginart .brand{display:flex;flex-direction:column;align-items:flex-start}.loginart .oao-logo{width:200px;height:85px}.loginform{background:#111116}.loginform h2{color:#fff}.loginform label{color:#bdbdca}.loginform p{color:#aaaab8}.passwordfield{background:#121218;border-color:#373744}.oao-chart-tooltip{position:fixed;z-index:10000;pointer-events:none;max-width:280px;padding:12px 15px;border-radius:10px;border:1px solid #70404a;background:#241820;color:#fff;box-shadow:0 8px 30px #0007;font-size:12px;line-height:1.5;white-space:pre-line}.oao-chart-tooltip[hidden]{display:none}.barchart>div>i{background:linear-gradient(#ff6975,#a51629);border-radius:6px 6px 0 0}.barchart>div>i:hover{filter:brightness(1.3)}.barchart>div>b{color:#e4e4ec}.barchart>div>small{color:#aaaab8}.v9-bar-row i{background:#2b2b36}.v9-bar-row em{background:linear-gradient(90deg,#be1d30,#ff7682)!important;border-radius:6px}.v9-bar-row:hover{background:#26212b}.v9-bar-row:focus{background:#26212b}.v9-task-grid a{background:#201b24;border-color:#3b303c}.v9-task-grid a>i{background:#391d28;color:#ff929d}.v9-task-grid a b{color:#fff}.v9-task-grid a span{color:#bbb3c3}.v9-chart header,.v9-chart table{border-color:#30303c}.segments{background:#202029;border-color:#373744}.segments button{color:#aaaab8}.oao-nav-hint{color:#777785;font-size:9px;letter-spacing:1px;padding:8px 12px 5px}.reference-bar-chart svg text{fill:#b3b3c0}.reference-bar-chart svg path{stroke:#3b3b46}.reference-bar-chart svg rect{fill:#ef343f}.reference-quicklinks a{background:#241c25;border-color:#47303e;color:#ffc1c6}.reference-breakdown,.reference-breakdown-row{color:#d0d0dc}*{scrollbar-color:#49404c #141419}
@media(max-width:700px){.workspace{padding:16px 14px 0}.topbar{padding:0 14px}.hero{padding:22px}.pagebanner{padding:20px}.metrics{gap:9px}.metric{padding:16px;min-height:110px}.metric strong{font-size:25px}.tabs{overflow-x:auto;flex-wrap:nowrap}.tabs a{flex:none}.sidebar .brand{padding-top:18px}.modulebody{min-width:0}.oao-chart-tooltip{max-width:240px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
body.workspace-v6.reference-v7.design-v9,body.studio-v10{--ref-navy:#17171e;--ref-blue:#ef343f;--ref-purple:#c44a60;--ref-border:#30303c;--v9-navy:#17171e;--v9-blue:#ef343f;--v9-ink:#fafafa;--v9-muted:#a6a6b3;--v9-line:#30303c;--v9-surface:#0b0b10;--studio-accent:#ef343f;--studio-rgb:239,52,63;--studio-tint:#2d1820;background:radial-gradient(ellipse at 85% 0,#39101866,transparent 48%),#0b0b10!important;color:#fafafa}
body.design-v9.reference-v7 h1,body.design-v9.reference-v7 h2,body.design-v9.reference-v7 h3,body.design-v9.reference-v7 .metric>strong{color:#fafafa!important}body.design-v9.reference-v7 .metric>span,body.design-v9.reference-v7 .metric>small,body.design-v9.reference-v7 .muted{color:#a6a6b3!important}body.design-v9.reference-v7 .metric,body.design-v9.reference-v7 .module{border-color:#30303c!important}body.design-v9.reference-v7 .sidebar{background:#101015!important}body.design-v9.reference-v7 .sidebar .selected{background:#b91c28!important}body.design-v9.reference-v7 .pagebanner{background:radial-gradient(ellipse at 100% 30%,#991c2b66,transparent 55%),#211319!important}body.design-v9.reference-v7 .pagebanner p,body.design-v9.reference-v7 .hero p{color:#b8b8c5!important}body.studio-v10 .hero .herostat{background:#351b25!important}body.studio-v10 .filterbar{background:#18181f!important;border-color:#30303c!important}body.studio-v10 .reference-hero h2{color:#fafafa!important}body.design-v9.reference-v7 .tabs a.active{background:#b91c28!important;color:#fff!important}body.design-v9.reference-v7 .tabs a:not(.active){color:#bdbdca!important}body.design-v9.reference-v7 .reference-metric-icon{background:#36171d!important;color:#ff929a!important}
.reference-breakdown>div>i{background:#2b2b36}.reference-breakdown>div>i>em{background:#ef343f!important}.reference-breakdown>div:nth-child(2)>i>em{background:#ff8892!important}.reference-breakdown>div:nth-child(3)>i>em{background:#a1a1b5!important}.reference-breakdown>div:nth-child(4)>i>em{background:#c53046!important}.v10-tooltip{background:#241820!important;border-color:#70404a!important;color:#fff!important}.v10-tooltip small,.v10-tooltip p{color:#bdbdca!important}.v10-plot svg text{fill:#b6b6c5}.v10-plot svg .v10-mark{filter:saturate(.8)}
.trend svg path{stroke:#42424f}.trend svg text{fill:#a6a6b3}.trend svg polyline[stroke="#2563eb"]{stroke:#ef343f}.trend svg circle[fill="#2563eb"]{fill:#ef343f}.trend svg polyline[stroke="#10b981"]{stroke:#b3b3c8}.trend svg circle[fill="#10b981"]{fill:#b3b3c8}