*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#1b2b43;font:14px var(--font-sans)}button,input,select,textarea{font:inherit}button{cursor:pointer}aside{width:226px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e4eaf3;padding:32px 20px;display:flex;flex-direction:column}.logo{font-size:24px;letter-spacing:-1px;font-weight:800}.logo span{color:#2787ee}.label{font-size:10px;letter-spacing:2.5px;color:#8b9bb0;margin:9px 0 36px}.store{border:1px solid #e3eaf4;border-radius:10px;padding:14px 10px;margin-bottom:28px;font-size:12px}.store small{display:block;color:#8e9aac;margin-top:5px}nav button{border:0;background:none;padding:14px 15px;border-radius:9px;color:#79879a;text-align:left;width:100%;margin:4px 0}nav .active{color:#247ee3;background:#eaf3ff;font-weight:700}.bottom{margin-top:auto;font-size:12px;line-height:1.8;color:#8a98aa}.bottom b{color:#385572}main{margin-left:226px;padding:27px 38px;max-width:1650px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #e1e8f2}header small{color:#8a98aa}.avatar{background:#e4efff;color:#267ee0;padding:12px;border-radius:50%;margin-left:18px}h1{font-size:29px;letter-spacing:-1px;margin:0 0 9px}h2{font-size:17px;margin:0 0 7px}p{color:#8593a7;line-height:1.6;margin:0}button.primary{background:#2783ea;color:#fff;border:1px solid #2783ea}.primary,.outline{padding:11px 16px;border-radius:8px;font-size:12px;font-weight:600}.outline{border:1px solid #dce5f1;background:#fff;color:#516b89}.heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 25px;gap:15px}.badge{display:inline-block;padding:6px 10px;border-radius:15px;background:#eaf8f1;color:#2c9a74;font-size:10px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid #e3eaf3;border-radius:14px;background:#fff;padding:22px}.metric small{color:#8593a6}.metric strong{display:block;font-size:29px;letter-spacing:-.7px;margin:15px 0 12px}.metric span{font-size:11px;color:#2e9a77}.metric i{float:right;font-style:normal;background:#eef5ff;color:#3988df;padding:9px;border-radius:8px}.split{display:grid;grid-template-columns:1.75fr 1fr;gap:21px;margin-top:22px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.row p{font-size:12px}.chart{height:190px;display:flex;gap:13px;align-items:end;padding:20px 10px 0;border-bottom:1px solid #e8eef5}.bar{flex:1;position:relative;background:#cfe6ff;border-radius:5px 5px 0 0;min-width:8px}.bar:nth-child(3n){background:#358bed}.bar:hover{background:#87baf4}.axis{display:flex;justify-content:space-between;color:#9aa6b6;font-size:10px;margin:12px 0}.program{background:#eef5ff}.rule{background:#fff;border:1px solid #dfebfa;border-radius:10px;padding:14px;margin:17px 0}.rule b{display:block;font-size:23px;color:#2680e7;margin-bottom:6px}.rule small{color:#8c9bb0}.section{margin-top:28px}.rewardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:18px}.reward .emoji{font-size:23px;padding:14px;border-radius:12px;background:#fff3dc;display:inline-block;margin-bottom:18px}.reward p{font-size:12px;margin:7px 0 20px}.reward .cost{color:#2780de;font-size:12px;font-weight:700}.rewardfooter{border-top:1px solid #edf1f7;padding-top:15px;margin-top:18px}.link{border:0;color:#2982e5;background:none;font-size:12px;padding:4px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;margin-top:15px}th{color:#8c9bad;font-weight:400;background:#f8fafd}td,th{padding:15px 12px;border-bottom:1px solid #edf1f6;white-space:nowrap}td b{font-size:12px}.person{display:inline-block;width:29px;height:29px;border-radius:50%;background:#edf3ff;color:#5c88bd;text-align:center;line-height:29px;margin-right:8px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}label{display:block;font-size:12px;font-weight:700;color:#4e637e}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #dce5f1;border-radius:8px;background:#fff;color:#28405e;margin-top:9px}label small{font-weight:400;display:block;color:#94a1b3;line-height:1.5;margin-top:7px}input[type=checkbox]{width:auto;display:inline;margin-right:10px}.full{grid-column:1/-1}.note{font-size:11px;color:#8c9bad;margin-top:25px}.hidden{display:none!important}.toolbar{display:flex;gap:12px;margin:20px 0}.toolbar input{margin:0;max-width:330px}.empty{padding:40px;text-align:center;color:#8b9ab0}dialog{border:0;border-radius:18px;padding:28px;width:520px;max-width:94%;box-shadow:0 20px 100px #1b365a44}dialog::backdrop{background:#152f5266}dialog h2{font-size:22px}dialog .fields{gap:17px}dialog .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:15px 25px;color:#fff;background:#193852;border-radius:10px;z-index:20}.preview{background:#237de2;color:#fff;border-radius:13px;padding:27px;margin-top:24px}.preview p{color:#dceeff;font-size:12px}.preview strong{font-size:32px;display:block;margin:15px 0}.tabs{display:flex;gap:10px;margin-bottom:20px}.tabs button{padding:8px 12px}.tier{border-left:4px solid #3589eb}.tier:nth-child(2){border-color:#d8b24f}.tier:nth-child(3){border-color:#9699bd}@media (max-width: 1100px){aside{width:190px}main{margin-left:190px;padding:25px}.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media (max-width: 700px){aside{position:static;width:100%;padding:20px}.label,.store,.bottom{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav button{width:auto;white-space:nowrap;padding:9px 12px}main{margin:0;padding:20px}.heading{align-items:start}.heading h1{font-size:24px}.rewardgrid,.fields{grid-template-columns:1fr}.full{grid-column:auto}.cards{gap:10px}.metric{padding:15px}.metric strong{font-size:24px}header small{display:none}.heading p{font-size:12px}}.analytics-filters{display:flex;gap:10px;align-items:center}.analytics-filters select{margin:0;width:auto}.kpi-detail{font-size:10px;color:#8797ab!important}.trend-svg{width:100%;height:215px;margin-top:20px}.legend{font-size:11px;color:#8190a5;display:flex;gap:20px;margin-top:12px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.insight{padding:14px;background:#eff6ff;border-radius:9px;font-size:12px;line-height:1.7;color:#527396;margin:14px 0}.cohort td:not(:first-child){text-align:center;color:#236fb6;font-weight:700}.segment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.seg{cursor:pointer;text-align:left;color:#253e5d}.seg.selected{border:2px solid #3489eb;background:#f0f6ff}.seg strong{font-size:25px;display:block;margin:12px 0}.seg small{color:#8496ac}.heat{display:grid;grid-template-columns:45px repeat(7,1fr);gap:5px;margin-top:20px;font-size:10px}.heat div{padding:9px 3px;text-align:center;border-radius:4px}.automation-row{padding:20px 0;border-bottom:1px solid #e9eff6;display:flex;align-items:center;justify-content:space-between;gap:20px}.automation-row h3{font-size:14px;margin:0 0 7px}.automation-row p{font-size:12px}.switch{border:0;background:#d9e3ef;border-radius:20px;min-width:47px;height:25px;padding:3px;text-align:left}.switch.on{background:#2a83e7;text-align:right}.switch:after{content:"";display:inline-block;background:#fff;border-radius:50%;width:19px;height:19px;vertical-align:top}.campaign-item{padding:18px;border:1px solid #e1eaf5;border-radius:10px;margin:12px 0}@media (max-width: 800px){.segment-grid{grid-template-columns:repeat(2,1fr)}.analytics-filters,.heading{flex-wrap:wrap}}.chart .bar{height:var(--h)}.sidefoot__link{color:#3284dc}.badge[data-state=paused]{background:#f1f3f6;color:#8c98a8}.reward-type{font-size:11px;color:#8f9daf}.customer-email{margin:5px 0 0 38px;font-size:11px;color:#96a2b2}.badge--tier{background:#fff6db;color:#9b7c29}.is-negative{color:#c77e48}.is-positive{color:#2d9c7c}.dot--members{background:#2786ed}.dot--others{background:#b1c5db}.heatmap [data-vars]{background:rgba(40,132,235,var(--a));color:#4274a6}.heatmap .is-dense{color:#fff}.campaign-message{margin:14px 0;color:#45617f}