:root{--canvas:#f1f1ed;--ink:#191b19;--accent:#d5ef77;--white:#fff;--muted:#6b6d66;--line:#e3e5db;--surface:#fafbf7;--field:#eef1e7;--focus:#94a66e;--radius:22px;font:15px/1.5 Roboto,sans-serif;color:var(--ink);background:var(--canvas)}
*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:Montserrat,sans-serif;line-height:1.2;letter-spacing:-.035em;margin:0;font-weight:650}h1{font-size:34px}h2{font-size:21px}h3{font-size:18px}p{margin:0}svg.icon{width:20px;height:20px;flex-shrink:0;display:inline-block}button,a,input,select,textarea{outline-offset:4px}*:focus-visible{outline:2px solid var(--focus)}input:focus,select:focus,textarea:focus{background:white;border-color:var(--focus);box-shadow:0 0 0 3px #d7e6b865}::selection{background:var(--accent)}.skip-link{position:fixed;left:12px;top:-80px;background:var(--ink);color:white;padding:12px;z-index:100}.skip-link:focus{top:12px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:1.3px;font-size:10px;font-family:Montserrat,sans-serif;font-weight:550}.shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;width:228px;padding:33px 18px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:block;padding:0 7px 29px}.brand img{width:182px;display:block}.brand-caption{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-top:12px}.brand-caption i,.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#96be22}.nav-group-title{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#86897e;margin:7px 14px 12px}.nav{display:grid;gap:5px}.nav a{display:flex;align-items:center;gap:13px;min-height:46px;border-radius:12px;padding:10px 14px;font-size:13px;color:#63665e;transition:background .15s}.nav a:hover{background:var(--canvas)}.nav a.active{color:var(--ink);background:var(--accent);font-weight:600}.nav .count{margin-left:auto;background:#ffffff70;padding:0 6px;border-radius:5px;font-size:10px}.nav-secondary{margin-top:26px}.sidebar-bottom{margin-top:auto;padding-top:40px}.sidebar-note{padding:19px;background:var(--ink);color:white;border-radius:18px}.sidebar-note .icon{color:var(--accent);margin-bottom:15px}.sidebar-note h3{font-size:16px;line-height:1.35;letter-spacing:-.03em;margin-bottom:9px}.sidebar-note p{color:#b7bcb0;font-size:11px;line-height:1.55}.library-link{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);padding:15px 8px 0}.workspace{grid-column:2;min-width:0}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);gap:20px;background:#f8f8f4}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center}.breadcrumb .icon{width:14px;height:14px}.topbar-right{display:flex;align-items:center;gap:20px}.demo-badge{font-size:10px;border:1px solid #dce0d1;padding:5px 10px;border-radius:30px;color:#626952;white-space:nowrap}.profile{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e6eadc;font-size:11px;font-weight:600;color:#4d5840;flex-shrink:0}.profile-name{font-size:12px;font-weight:600}.profile-role{font-size:10px;color:var(--muted)}.icon-button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:transparent;border:1px solid var(--line);color:var(--ink)}.icon-button:hover{background:var(--field)}.mobile-menu-button{display:none}.main{padding:32px 36px 40px;max-width:1700px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.page-head .eyebrow{margin-bottom:12px;color:var(--muted)}.page-head p{font-size:13px;color:var(--muted);margin-top:10px}.page-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border:0;border-radius:99px;padding:12px 19px;background:var(--ink);color:white;font-size:12px;font-weight:550}.button:hover{background:#30342c}.button.lime{background:var(--accent);color:var(--ink)}.button.lime:hover{background:#cbe861}.button.white{background:#fff;color:var(--ink);border:1px solid var(--line)}.button.ghost{background:transparent;color:var(--ink);border:1px solid #d5d9ca}.button .icon{width:17px;height:17px}.button .round-arrow{border:1px solid #191b1925;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:550;background:none;padding:0;border:0;color:inherit;min-height:44px}.text-link .icon{width:16px;height:16px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:23px}.period{padding:4px;background:#e6e8df;border-radius:30px;display:flex;gap:4px}.period button{border:0;background:transparent;border-radius:30px;font-size:11px;padding:8px 15px;color:#707568;min-height:35px}.period button.active{background:#fff;color:var(--ink);box-shadow:0 2px 3px #191b1908}.period-label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.period-label .icon{width:15px;height:15px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.metric{padding:23px 24px 20px;border-radius:20px;background:white;min-width:0;min-height:153px}.metric.dark{background:var(--ink);color:white}.metric.lime{background:var(--accent)}.metric-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);gap:8px}.metric.dark .metric-top{color:#c4c8bd}.metric.lime .metric-top{color:#4c573b}.metric-top .icon{width:19px;height:19px}.metric-value{font:650 clamp(23px,2.3vw,34px)/1.2 Montserrat,sans-serif;letter-spacing:-1.2px;margin:24px 0 10px;white-space:nowrap;font-variant-numeric:tabular-nums}.metric-value small{font:400 13px Roboto,sans-serif;letter-spacing:0;margin-left:3px}.metric-foot{font-size:10px;color:var(--muted)}.metric.dark .metric-foot{color:#b9c2ab}.metric.lime .metric-foot{color:#53643a}.metric-foot b{font-weight:500;color:#55692e}.metric.dark .metric-foot b{color:var(--accent)}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:20px;margin-bottom:22px}.panel{background:white;border-radius:var(--radius);padding:25px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.panel-head h2{font-size:19px}.panel-head p{font-size:11px;color:var(--muted);margin-top:6px}.panel-head .eyebrow{color:var(--muted);font-size:9px}.panel.pale{background:#e5e8dc}.panel.dark{background:var(--ink);color:white}.chart-meta{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:10px;color:var(--muted)}.legend{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;background:var(--accent);border-radius:50%}.bar-chart{height:185px;display:flex;gap:7px;align-items:flex-end;position:relative;padding-top:14px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#edf0e6 calc(25% - 1px),#edf0e6 25%)}.bar-chart button{position:relative;flex:1;min-width:0;height:var(--bar);min-height:2px;background:#d8e7b0;border:0;border-radius:5px 5px 0 0;transition:background .15s}.bar-chart button:hover,.bar-chart button:focus-visible{background:#9fbd56}.bar-chart button:last-child{background:#191b19}.chart-axis{display:flex;justify-content:space-between;margin-top:13px;font-size:10px;color:var(--muted)}.chart-detail{font-size:11px;color:var(--muted);height:18px;margin-top:12px}.loyalty-teaser{background:var(--ink);color:white;border-radius:22px;padding:25px;display:flex;flex-direction:column;position:relative;overflow:hidden}.loyalty-teaser .eyebrow{font-size:9px;color:#abb49d}.loyalty-teaser .icon-tile{background:var(--accent);color:var(--ink);width:43px;height:43px;display:grid;place-items:center;border-radius:13px;margin:21px 0 19px}.loyalty-teaser h2{font-size:23px;line-height:1.28;max-width:225px;margin-bottom:13px}.loyalty-teaser p{color:#b9c0af;font-size:12px;line-height:1.6}.loyalty-teaser .text-link{color:var(--accent);margin-top:auto;padding-top:18px;align-self:flex-start}.progress-dots{display:flex;gap:8px;margin:22px 0 18px}.progress-dots span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid #525b46;color:#8e9a7d;font-size:11px}.progress-dots span.filled{background:var(--accent);border-color:var(--accent);color:var(--ink)}.progress-dots span .icon{width:15px;height:15px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:20px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{color:#85897c;text-transform:uppercase;letter-spacing:.7px;font-size:9px;font-weight:500;text-align:left;padding:0 10px 15px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:15px 10px;border-bottom:1px solid #edf0e7;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table th:first-child,.data-table td:first-child{padding-left:0}.data-table th:last-child,.data-table td:last-child{padding-right:0}.data-table .numeric{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.person{display:flex;gap:12px;align-items:center}.person .avatar{width:33px;height:33px;font-size:10px}.person-name{font-size:12px;font-weight:550}.person-sub{color:var(--muted);font-size:10px;margin-top:3px}.person a:hover .person-name{text-decoration:underline}.badge{display:inline-flex;gap:5px;align-items:center;border-radius:30px;background:#edf3df;color:#526336;font-size:9px;font-weight:500;padding:5px 9px;white-space:nowrap}.badge .icon{width:12px;height:12px}.badge.neutral{background:#eff0eb;color:#686d61}.badge.warning{background:#f6edd6;color:#86672b}.badge.dark{background:#29311f;color:var(--accent)}.task-list{display:grid;gap:0}.task{padding:17px 0;border-bottom:1px solid #cdd4c2}.task:first-child{padding-top:0}.task:last-child{border:0;padding-bottom:0}.task h3{font-size:13px;letter-spacing:-.015em;line-height:1.4;margin:8px 0 5px}.task p{font-size:11px;color:#6d7760;line-height:1.55}.task-count{font:600 25px Montserrat,sans-serif;letter-spacing:-1px}.task-line{display:flex;justify-content:space-between;gap:12px;align-items:center}.task-line .icon{width:19px;height:19px}.page-footer{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#85897a;padding:24px 0 0}.search{position:relative;max-width:430px;flex:1}.search .icon{position:absolute;left:15px;top:14px;width:17px;height:17px;color:#7d8670}.search input{padding-left:43px;background:#fff;border:1px solid var(--line);min-height:46px;width:100%;border-radius:99px;font-size:12px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{border:1px solid #d9ddcf;background:transparent;border-radius:30px;padding:9px 13px;min-height:40px;font-size:11px}.filter-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.client-table .data-table td{padding-top:20px;padding-bottom:20px}.row-action{width:36px;height:36px;background:#f5f6f0;border:0;border-radius:50%;display:grid;place-items:center}.row-action .icon{width:16px;height:16px}.empty{padding:60px 24px;text-align:center;color:var(--muted)}.empty .icon{width:32px;height:32px;margin-bottom:14px;color:#8a9874}.empty h3{color:var(--ink);margin-bottom:8px}.empty p{font-size:13px;margin-bottom:20px}.client-hero{background:var(--ink);color:#fff;border-radius:24px;padding:27px 30px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.client-identity{display:flex;gap:20px;align-items:center}.client-identity .avatar{width:68px;height:68px;background:#303a23;color:var(--accent);font:550 23px Montserrat}.client-identity h1{font-size:29px;margin-bottom:9px}.client-identity p{color:#adb79e;font-size:12px}.client-totals{display:flex;gap:38px}.client-totals strong{font:600 25px Montserrat,sans-serif;display:block;white-space:nowrap}.client-totals span{font-size:10px;color:#a8b399;display:block;margin-top:7px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.stack{display:grid;gap:20px;align-content:start}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.info-label{font-size:10px;color:var(--muted);margin-bottom:6px}.info-value{font-size:13px}.car-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--canvas);border-radius:13px;margin-top:10px}.car-card .icon{color:#718153}.car-card strong{font-size:13px;font-weight:550}.car-card p{font-size:11px;color:var(--muted);margin-top:4px}.loyalty-panel{background:var(--accent)}.loyalty-panel .progress-dots span{border-color:#9aaf64;color:#5b6a43}.loyalty-panel .progress-dots span.filled{background:var(--ink);color:white;border-color:var(--ink)}.loyalty-number{font:600 42px Montserrat;letter-spacing:-2px;margin:20px 0 5px}.loyalty-number small{font:400 14px Roboto;letter-spacing:0}.channel-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;gap:12px}.channel-row:last-child{border:0}.channel-name{display:flex;gap:10px;align-items:center;font-size:12px}.channel-row input[type=checkbox],.check-row input{accent-color:var(--ink);width:18px;height:18px;flex-shrink:0}.notice{background:#edf1e5;border-radius:12px;padding:13px 15px;font-size:11px;color:#667156;line-height:1.6;margin-top:16px}.program-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.program-card{padding:32px;border-radius:24px;background:var(--ink);color:white;display:flex;flex-direction:column;min-height:330px}.program-card .eyebrow{color:#acb897;margin-bottom:35px}.program-card h2{font-size:30px;max-width:380px;line-height:1.25;margin-bottom:15px}.program-card p{font-size:13px;color:#bac3ae;max-width:340px;line-height:1.7}.program-card .program-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:32px}.program-list{display:grid;gap:12px}.setting-line{padding:15px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:12px}.setting-line:last-child{border:0}.setting-line span{color:var(--muted)}.summary-banner{padding:22px 26px;border-radius:20px;background:#e4e8d9;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:22px 0}.summary-banner h3{font-size:17px;margin-bottom:6px}.summary-banner p{font-size:12px;color:var(--muted)}.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.campaign{border-radius:22px;padding:26px;background:white;display:flex;flex-direction:column;min-height:305px}.campaign.lime{background:var(--accent)}.campaign.dark{background:var(--ink);color:white}.campaign .campaign-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.campaign h2{font-size:24px;line-height:1.25;margin-bottom:13px}.campaign p{font-size:12px;color:var(--muted);line-height:1.7}.campaign.dark p{color:#b3bca7}.campaign.lime p{color:#56683b}.campaign .campaign-bottom{margin-top:auto;padding-top:27px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.campaign.dark .row-action{background:#343d29;color:var(--accent)}.channels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.channel-card{padding:25px;background:white;border-radius:22px}.channel-card-title{display:flex;align-items:center;gap:13px;margin-bottom:17px}.icon-tile{width:42px;height:42px;border-radius:12px;background:var(--field);display:grid;place-items:center}.channel-card p{font-size:12px;color:var(--muted);min-height:45px;line-height:1.7;margin:12px 0 18px}.channel-card .setting-line{font-size:11px}.switch{position:relative;width:39px;height:24px;border:0;border-radius:30px;background:#d9ddcf;flex-shrink:0;padding:0}.switch:before{content:'';position:absolute;width:18px;height:18px;background:white;border-radius:50%;top:3px;left:3px;transition:left .15s}.switch[aria-checked=true]{background:var(--ink)}.switch[aria-checked=true]:before{left:18px;background:var(--accent)}.visit-list{display:grid;gap:14px}.visit-row{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(150px,1fr) 100px 90px;gap:16px;align-items:center;padding:21px 25px;background:white;border-radius:18px;font-size:12px}.visit-date{font:600 14px Montserrat}.visit-date span{font:400 10px Roboto;color:var(--muted);display:block;margin-top:5px}.visit-service{color:var(--muted);font-size:11px}.visit-sum{font-weight:600;text-align:right;white-space:nowrap}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:500;color:#626b55}.form-field.full{grid-column:1/-1}input:not([type=checkbox]),select,textarea{border:1px solid #dee3d4;background:var(--field);padding:13px 15px;min-height:48px;border-radius:12px;font-size:14px;color:var(--ink);width:100%;min-width:0}textarea{min-height:90px;resize:vertical}label input::placeholder{color:#909981}.form-field .hint{font-weight:400;font-size:10px;color:var(--muted)}.form-buttons{display:flex;justify-content:flex-end;gap:10px;padding-top:22px}.field-error{font-size:11px;color:#9d422b;font-weight:400}.section-separator{border:0;border-top:1px solid var(--line);margin:24px 0}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:25px}.dialog-head h2{font-size:26px;margin-bottom:9px}.dialog-head p{font-size:12px;color:var(--muted);line-height:1.6}.dialog-head .icon-button{flex-shrink:0;width:38px;height:38px}.dialog-body{display:grid;gap:22px}.dialog-section{background:#f2f4ea;border-radius:15px;padding:18px}.dialog-section h3{font-size:14px;margin-bottom:14px}.check-row{display:flex;gap:12px;align-items:flex-start;font-size:12px;min-height:44px}.check-row span{padding-top:1px}.check-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.receipt{padding:19px;background:var(--ink);color:white;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.receipt strong{font:600 24px Montserrat;white-space:nowrap}.receipt .muted{color:#b7c3a4;font-size:11px}.receipt .receipt-label{font-size:12px;margin-bottom:5px}dialog{border:0;border-radius:25px;padding:30px;width:min(660px,calc(100% - 32px));max-height:calc(100dvh - 40px);background:#fafbf7;color:var(--ink);box-shadow:0 30px 80px #0003;overflow:auto}dialog::backdrop{background:#10170ac0;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.toast{position:fixed;bottom:24px;left:calc(50% + 114px);transform:translate(-50%,20px);background:var(--ink);color:#fff;border-radius:14px;padding:14px 20px;z-index:100;box-shadow:0 8px 30px #0002;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);width:max-content}.toast.visible{opacity:1;transform:translate(-50%,0)}.components-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.component-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.skeleton{height:13px;background:#e5e9da;border-radius:5px;animation:pulse 1.5s infinite;width:70%;margin-top:14px}.skeleton.short{width:45%}@keyframes pulse{50%{opacity:.45}}.error-panel{background:#f5eee8;border-radius:15px;padding:18px;color:#855641;font-size:12px;display:flex;gap:12px;align-items:flex-start}.back-link{margin:0 0 20px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-tile{background:white;padding:25px;border-radius:20px}.service-tile h2{font-size:20px;min-height:50px;margin-top:20px}.service-tile p{color:var(--muted);font-size:12px;margin:10px 0 20px}.service-price{font:600 22px Montserrat;letter-spacing:-.7px}.service-tile:first-child{background:var(--accent)}.mobile-clients{display:none}.channel-choose{display:flex;gap:9px;flex-wrap:wrap}.channel-choose label{display:flex;gap:7px;align-items:center;font-size:12px;background:#edf1e4;border-radius:10px;padding:10px}.channel-choose input{accent-color:var(--ink)}.dry-preview{font-size:13px;line-height:1.7;background:white;border:1px solid var(--line);border-radius:14px;padding:18px;white-space:pre-wrap}.campaign-number{font:650 30px Montserrat;letter-spacing:-1px;margin:0 0 10px}.subnav{display:flex;gap:16px;margin-bottom:20px;font-size:12px}.subnav a{padding:8px 0;border-bottom:2px solid transparent}.subnav a.active{border-color:var(--ink);font-weight:550}
@media(min-width:1700px){.main{padding-top:42px}.metric-value{font-size:36px}.overview-grid,.bottom-grid{grid-template-columns:minmax(0,1fr) 340px}.bar-chart{height:230px}}
@media(max-width:1200px){.shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{width:205px;padding-inline:13px}.brand img{width:165px}.main{padding:28px 24px}.topbar{padding:0 24px}.overview-grid,.bottom-grid{grid-template-columns:minmax(0,1fr) 260px}.metric{padding:19px;min-height:148px}.metric-value{font-size:25px}.metric-top{font-size:10px}.panel{padding:22px}.person-sub{font-size:9px}.data-table td{padding-inline:7px}.toast{left:calc(50% + 102px)}.client-totals{gap:25px}.campaign-grid{gap:12px}.campaign{padding:23px}.detail-grid,.settings-grid{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.bottom-grid,.detail-grid,.settings-grid{grid-template-columns:1fr}.loyalty-teaser{display:grid;grid-template-columns:1fr 1fr;gap:15px}.loyalty-teaser .eyebrow,.loyalty-teaser h2,.loyalty-teaser p{grid-column:1}.loyalty-teaser .icon-tile{grid-column:2;grid-row:1/3;justify-self:end;margin:0}.loyalty-teaser .progress-dots{grid-column:2;grid-row:3;margin:0;justify-content:flex-end}.loyalty-teaser .text-link{grid-column:2;grid-row:4;justify-self:end;padding:0}.loyalty-teaser h2{max-width:100%}.bottom-grid>.pale .task-list{grid-template-columns:1fr 1fr;gap:24px}.task{border:0;padding:0}.page-head{align-items:flex-start}.page-actions{flex-wrap:wrap;justify-content:flex-end}.client-hero{align-items:flex-start;flex-direction:column}.client-totals{width:100%;justify-content:space-between}.campaign-grid{grid-template-columns:1fr 1fr}.program-grid{grid-template-columns:1fr}.visit-row{grid-template-columns:65px 1fr 100px}.visit-service{grid-column:2;grid-row:2}.visit-row>.badge{grid-column:3;grid-row:2;justify-self:end}.visit-sum{grid-column:3;grid-row:1}.client-table .hide-tablet{display:none}.components-grid{grid-template-columns:1fr}}
@media(max-width:800px){.shell{display:block}.sidebar{display:none}.workspace{display:block}.sidebar.open{display:flex;width:min(330px,calc(100% - 28px));box-shadow:0 0 0 100vmax #191b19b0;z-index:40}.sidebar.open .brand{padding-top:16px}.sidebar.open .brand img{width:190px}.sidebar-close{position:absolute;top:8px;right:8px;display:grid!important;background:#fff}.mobile-menu-button{display:grid}.topbar{height:72px;padding:0 20px;position:sticky;top:0;z-index:15;backdrop-filter:blur(12px);background:#f8f8f4eb}.breadcrumb{display:none}.topbar-right{gap:12px}.profile-name,.profile-role{display:none}.main{padding:25px 20px}.toast{left:50%}.page-head h1{font-size:29px}.page-actions .button{padding:12px 15px}.service-grid{grid-template-columns:1fr 1fr}.bar-chart{gap:5px}.channels-grid{gap:14px}}
@media(max-width:600px){:root{font-size:14px}.topbar{padding:0 16px;height:66px}.topbar-right{gap:9px}.demo-badge{font-size:9px;padding:5px 8px}.profile .avatar{width:32px;height:32px}.topbar-right>.icon-button{display:none}.main{padding:23px 16px 30px}.page-head{flex-direction:column;align-items:stretch;gap:17px;margin-bottom:21px}.page-head .eyebrow{font-size:9px;margin-bottom:10px}h1,.page-head h1{font-size:29px}.page-head p{font-size:12px;line-height:1.65;margin-top:9px}.page-actions{justify-content:flex-start}.page-actions .button.lime{flex:1}.page-actions .button{font-size:11px;min-height:46px}.toolbar{flex-wrap:wrap;gap:13px;margin-bottom:19px}.toolbar .search{max-width:100%;flex-basis:100%}.period{width:100%;justify-content:space-between}.period button{flex:1;font-size:10px;padding-inline:7px}.period-label{font-size:10px}.metric-grid{gap:10px;margin-bottom:16px}.metric{border-radius:17px;padding:17px 15px;min-height:145px}.metric-top{font-size:10px;align-items:flex-start}.metric-top .icon{width:16px;height:16px}.metric-value{font-size:25px;letter-spacing:-1px;margin-top:23px}.metric-value small{font-size:10px}.metric-foot{font-size:9px;line-height:1.5}.overview-grid,.bottom-grid{gap:16px;margin-bottom:16px}.panel{padding:21px 18px;border-radius:20px}.panel-head{gap:12px;margin-bottom:22px}.panel-head h2{font-size:18px}.panel-head .text-link{font-size:10px;white-space:nowrap}.bar-chart{height:170px;gap:4px}.bar-chart button{border-radius:3px 3px 0 0}.chart-meta,.chart-axis{font-size:9px}.loyalty-teaser{padding:24px;display:flex;gap:0;border-radius:20px}.loyalty-teaser .icon-tile{margin:19px 0 15px;width:39px;height:39px}.loyalty-teaser h2{font-size:24px;max-width:240px}.loyalty-teaser .progress-dots{margin:23px 0 7px;justify-content:flex-start}.loyalty-teaser .text-link{padding-top:9px}.bottom-grid>.pale .task-list{grid-template-columns:1fr;gap:0}.task{padding:17px 0;border-bottom:1px solid #cdd4c2}.data-table .hide-mobile{display:none}.data-table{font-size:11px}.data-table td{padding:14px 5px}.person{gap:8px}.person-name{font-size:11px}.person-sub{font-size:9px}.person .avatar{width:29px;height:29px;font-size:9px}.badge{font-size:8px;padding:4px 7px}.numeric{font-size:11px}.page-footer{font-size:9px;flex-direction:column;gap:7px;padding-top:20px}.client-table .table-wrap{display:none}.mobile-clients{display:grid;gap:12px}.mobile-client{background:#f4f5ef;border-radius:16px;padding:17px}.mobile-client-top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:15px}.mobile-client-top .person-name{font-size:13px}.mobile-client-info{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:11px;padding-top:14px;border-top:1px solid #e1e5d7}.mobile-client-info .info-label{font-size:9px}.filters{gap:6px}.filter-chip{font-size:10px;padding:8px 10px}.client-hero{padding:24px 20px;border-radius:20px}.client-identity{gap:13px}.client-identity .avatar{width:49px;height:49px;font-size:18px}.client-identity h1{font-size:22px}.client-identity p{font-size:10px;line-height:1.6}.client-totals{gap:13px}.client-totals strong{font-size:20px}.client-totals span{font-size:9px}.detail-grid{gap:16px}.info-grid{gap:20px}.info-value{font-size:12px;overflow-wrap:anywhere}.form-grid{grid-template-columns:1fr;gap:19px}.form-field.full{grid-column:auto}input:not([type=checkbox]),select,textarea{font-size:16px}.form-field{font-size:11px}.form-buttons{flex-wrap:wrap}.form-buttons>.button.lime{flex:1}.campaign-grid,.channels-grid,.service-grid{grid-template-columns:1fr}.campaign{min-height:270px;padding:25px}.campaign h2{font-size:25px}.campaign .campaign-top{margin-bottom:26px}.program-card{padding:27px 24px;min-height:345px}.program-card h2{font-size:29px}.program-card .program-bottom{flex-direction:column;align-items:flex-start}.summary-banner{padding:22px;align-items:flex-start;flex-direction:column;gap:13px}.visit-row{padding:18px 16px;gap:10px;grid-template-columns:48px minmax(0,1fr) 75px;font-size:11px}.visit-row .person .avatar{display:none}.visit-date{font-size:12px}.visit-date span{font-size:9px}.visit-service{font-size:10px}.visit-sum{font-size:11px}.settings-grid{gap:16px}.components-grid{gap:16px}dialog{width:calc(100% - 20px);padding:23px 20px;border-radius:21px;max-height:calc(100dvh - 20px)}.dialog-head h2{font-size:23px}.dialog-head p{font-size:11px}.dialog-body{gap:19px}.dialog-section{padding:15px}.receipt strong{font-size:22px}.receipt .receipt-label{font-size:11px}.form-buttons .button{min-height:48px}.toast{font-size:11px;width:calc(100% - 32px);text-align:center}.subnav{font-size:11px}.channel-card{padding:22px}.channel-row{min-height:55px}}
@media(max-width:350px){.metric{padding:15px 12px}.metric-value{font-size:22px}.metric-top{font-size:9px}.metric-top .icon{width:14px;height:14px}.client-totals strong{font-size:17px}.demo-badge{font-size:8px}.topbar-right{gap:7px}.profile .avatar{width:28px;height:28px}.main{padding-inline:12px}.panel{padding-inline:15px}.person .avatar{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body:has(.sidebar.open){overflow:hidden}.sidebar.open{overflow-y:auto}.sidebar.open .sidebar-bottom{padding-top:28px}

.bar-chart button{padding:0}.chart-detail{height:auto;min-height:18px;line-height:1.5}.bar-chart button::after{content:"";position:absolute;inset:0 -3px}.bar-chart{min-width:0}
.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:0}.auth-story{background:var(--ink);color:white;padding:64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:32px}.auth-story img{width:230px;margin-bottom:42px}.auth-story h1{font-size:70px;line-height:1.05}.auth-story p{max-width:380px;color:#c3c8bc;font-size:18px}.auth-story>span{font-size:12px;color:#c3c8bc;margin-top:48px}.auth-card{max-width:520px;width:100%;margin:auto;padding:48px}.auth-card h2{font-size:30px;margin:20px 0 14px}.auth-card form{display:grid;gap:20px;margin-top:30px}.auth-card .notice{margin-top:30px}.choice-field{border:0;margin:20px 0;padding:0;min-width:0}.choice-field legend{font-weight:600;margin-bottom:12px}.consent-editor{border-bottom:1px solid var(--line);padding:20px 0}.consent-editor h4{margin-bottom:12px}.consent-editor .form-field{margin-top:12px}.visit-item-editor{display:grid;grid-template-columns:2fr .6fr 1fr 40px;gap:10px;align-items:end;margin-bottom:14px}.progress-card{border-bottom:1px solid var(--line);padding:18px 0;display:grid;gap:10px}.progress-card:first-child{padding-top:0}.progress-card strong{font-family:Montserrat,sans-serif;font-size:24px}.progress-card .button{justify-self:start}.stack>.panel{margin-bottom:0}.main>.panel,.main>.stack,.main>.campaign-grid{margin-top:24px}.data-table td{white-space:normal;overflow-wrap:anywhere}.data-table .person{min-width:165px}.data-table .button{min-width:max-content}.table-wrap{max-width:100%;overflow:auto}.info-grid>div{overflow-wrap:anywhere}.campaign-card .component-row{margin-top:20px;flex-wrap:wrap}.car-card{flex-wrap:wrap}.car-card>.button{margin-left:auto}.campaign-card h2{margin-top:18px}.service-card .button{margin-top:16px}.sidebar-close{display:none}.bar-chart button.negative::after{background:#b17c68}.form-field input[type=file]{padding:10px;font-size:13px;width:100%;max-width:100%}.dialog-section{margin-top:22px}.channel-choose{flex-wrap:wrap}.channel-card{min-width:0}.data-table th{white-space:nowrap}dialog .form-grid{margin-top:14px}dialog .form-buttons{flex-wrap:wrap}dialog .button{min-width:0}dialog .field-error{margin-top:16px}.auth-card .form-field{font-size:14px}fieldset input{accent-color:var(--ink)}
@media(max-width:800px){.auth-wrap{grid-template-columns:1fr}.auth-story{padding:32px;gap:18px}.auth-story img{width:190px;margin-bottom:8px}.auth-story h1{font-size:42px}.auth-story p,.auth-story>span{display:none}.auth-card{padding:32px;max-width:540px}.sidebar.open .sidebar-close{display:flex}.topbar .profile>div{display:none}.client-table .table-wrap{display:block}.visit-item-editor{grid-template-columns:1fr 1fr 40px}.visit-item-editor>.form-field:first-child{grid-column:1/-1}.auth-card h2{font-size:27px}.campaign-card .button{font-size:12px;padding:12px 14px}}
@media(max-width:600px){.auth-story h1{font-size:34px}.auth-story{padding:26px}.auth-card{padding:26px}.info-grid{grid-template-columns:1fr}.topbar-right{gap:8px}.topbar .demo-badge{font-size:9px;padding:6px 8px}.topbar .profile .avatar{width:30px;height:30px;font-size:10px}.topbar .icon-button{width:32px;height:32px}.main>.campaign-grid{margin-top:24px}.main>.panel{padding:20px}.car-card>.button{margin-left:0}.choice-field .channel-choose{gap:10px}dialog .form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}dialog .form-buttons{gap:10px}.auth-card .button{justify-content:center}}
.mfa-secret{display:block;overflow-wrap:anywhere;word-break:break-all;padding:20px;background:var(--field);border-radius:14px;margin:14px 0;font-size:17px}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recovery-codes code{padding:12px;background:var(--field);border-radius:10px;overflow-wrap:anywhere}@media(max-width:400px){.recovery-codes{grid-template-columns:1fr}}
.mobile-records{display:none}.data-table td{white-space:nowrap;overflow-wrap:normal}.desktop-data .table-wrap{display:block!important}@media(max-width:600px){.metric-value{font-size:clamp(18px,5vw,24px);letter-spacing:-.6px}.desktop-data{display:none}.mobile-records{display:grid;gap:12px}.mobile-records .mobile-client{min-width:0}.mobile-client-info{overflow-wrap:anywhere}.main>.panel{overflow:hidden}}
/* Stages 4/5 use the existing site palette and component rhythm. */
.section-tabs{display:flex;gap:6px;flex-wrap:wrap;background:#e8ebe3;border-radius:16px;padding:6px;margin:24px 0}
.section-tabs button{min-height:44px;padding:10px 20px;border:0;border-radius:12px;font:inherit;background:transparent;color:var(--text);cursor:pointer}
.section-tabs button.active{background:#fff;box-shadow:0 2px 8px #191b1908}
.transport-notice{display:flex;align-items:flex-start;gap:16px;background:#e4e7dd;padding:20px 24px;border-radius:20px;margin-bottom:20px}
.transport-notice .icon{width:24px;height:24px;flex-shrink:0}.transport-notice p{margin:6px 0 0;color:#6b6d66;line-height:1.5}
.report-filter{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:24px 0}.report-filter .form-field{flex:1 1 180px;margin:0;min-width:0}.report-filter .button{margin-bottom:0;min-height:48px}
.metric-comparison{font-size:12px;margin-top:10px;line-height:1.4;color:inherit;opacity:.7}.metric-value{font-variant-numeric:tabular-nums}
.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.summary-value{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;margin:8px 0 12px}
.queue-record{padding:20px 0;border-bottom:1px solid #e2e5da}.queue-record:first-child{padding-top:0}.queue-record:last-child{border-bottom:0;padding-bottom:0}.queue-record p{line-height:1.6;overflow-wrap:anywhere}
.queue-top,.queue-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.queue-top{margin-bottom:8px}.queue-bottom .button{min-height:44px}
.template-body{white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere}.channel-template{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;margin:12px 0}.channel-template .form-field{margin:0}
.preview-message{padding:16px 0;border-bottom:1px solid #e2e5da}.preview-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid #e2e5da;font-size:13px;color:#6b6d66}.pagination>div{display:flex;gap:8px}.pagination .button{min-height:44px}
@media(max-width:1100px){.three-grid{gap:16px}.metric-comparison{font-size:11px}}
@media(max-width:600px){.three-grid{grid-template-columns:1fr;gap:12px}.three-grid .panel{padding:20px}.section-tabs{gap:4px;border-radius:14px}.section-tabs button{padding:10px 12px;flex:1 1 110px}.transport-notice{padding:20px;gap:12px}.queue-record{padding:20px 0}.queue-bottom{align-items:flex-start}.queue-bottom>.small{width:100%}.channel-template{grid-template-columns:1fr}.pagination{flex-direction:column;align-items:flex-start}.report-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.report-filter .button{grid-column:1/-1;justify-content:center}.summary-value{font-size:28px}.report-filter input{min-width:0}.metric-comparison{font-size:11px}}

@media(max-width:374px){.report-filter{grid-template-columns:1fr}}