@font-face{font-family:Inter;src:url(/assets/Inter-Regular-D_OEWK5M.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Medium-CUUU5s0Y.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-SemiBold-DJEV1_qs.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Bold-BwgmOkdM.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{color:#16231b;background:#fff;font-family:Inter,Arial,sans-serif;font-synthesis:none;--green: #59c46d;--green-dark: #319c4c;--green-pale: #dff4e4;--green-wash: #f0faf2;--ink: #16231b;--muted: #68736d;--border: #d9dedb;--border-dark: #c6cec9;--surface: #fff;--surface-soft: #f7f9f8;--orange: #e87d12;--blue: #477ce5;--magenta: #c500c8;--danger: #d9534f;--shadow: 0 12px 32px rgb(25 49 34 / 10%)}*{box-sizing:border-box}html{min-width:320px;background:#fff}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgb(89 196 109 / 32%);outline-offset:2px}img{max-width:100%}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.text-success{color:#2fa34a;font-weight:600}.text-danger{color:#cf4743;font-weight:600}.button{min-height:44px;border:1px solid transparent;border-radius:9px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:600;transition:background .18s,border-color .18s,color .18s,transform .18s;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{color:#fff;background:var(--green);border-color:var(--green)}.button--primary:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark)}.button--secondary{color:var(--ink);background:#fff;border-color:var(--border-dark)}.button--secondary:hover:not(:disabled){background:var(--surface-soft);border-color:#9fa9a3}.button--ghost{color:var(--muted);background:transparent}.button--ghost:hover:not(:disabled){color:var(--ink);background:var(--surface-soft)}.button--danger{color:#fff;background:var(--danger)}.button--sm{min-height:36px;padding-inline:13px;font-size:13px}.button--lg{min-height:50px}.icon-button{width:40px;height:40px;border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;flex:0 0 auto}.icon-button:hover:not(:disabled){background:#eef3ef}.icon-button:disabled{opacity:.35;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>label,.field>legend{font-size:13px;font-weight:500;color:#39453e}.field>label span{color:var(--danger)}.field input:not([type=radio]):not([type=checkbox]):not([type=color]),.field textarea,.field select,.toolbar-select select{width:100%;min-height:43px;border:1px solid var(--border);border-radius:7px;padding:10px 12px;color:var(--ink);background:#fff}.field textarea{resize:vertical}.field input:disabled{color:#78827c;background:#f4f5f4}.field small{color:var(--muted);line-height:1.45}.field .field__error{color:var(--danger)}.field--error input,.field--error select,.field--error textarea{border-color:var(--danger)!important}.field--wide{grid-column:1 / -1}fieldset.field{margin:0;padding:0;border:0}fieldset.field>legend{padding:0;margin-bottom:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-stack{display:flex;flex-direction:column;gap:18px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.range-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.radio-row,.radio-column{display:flex;gap:18px;flex-wrap:wrap}.radio-column{flex-direction:column;gap:12px}.radio-row label,.radio-column label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.radio-row input,.radio-column input{width:18px;height:18px;accent-color:var(--green)}.password-input{position:relative}.password-input input{padding-right:48px!important}.password-input button{position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;border-radius:7px;background:transparent;display:grid;place-items:center;cursor:pointer}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--border);border-radius:10px;padding:14px}.switch-row span{display:flex;flex-direction:column;gap:4px}.switch-row small{color:var(--muted)}.switch-row input{width:42px;height:24px;accent-color:var(--green)}.login-page{height:100dvh;min-height:660px;display:grid;grid-template-columns:minmax(520px,620px) minmax(520px,640px) 1fr;overflow:hidden;background:#fff}.login-form-panel{display:grid;place-items:start center;padding:150px 32px 48px}.login-form-wrap{width:min(100%,536px);text-align:center}.login-form-wrap h1{margin:10px 0 16px;font-size:30px;line-height:1.2}.login-form-wrap>p{margin:0 0 30px;color:var(--muted)}.login-form-wrap form{text-align:left;display:flex;flex-direction:column;gap:24px}.login-kicker{display:none}.login-mobile-logo{display:none;width:180px;margin:0 auto 32px}.login-submit{width:100%;margin-top:16px;border-radius:18px}.text-button{border:0;background:none;cursor:pointer;margin:24px 0 0;padding:6px;font-size:13px}.register-copy{margin:18px 0 0!important;color:#39453e!important}.register-copy a{color:var(--green);text-decoration:none;font-weight:500}.demo-entry{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:18px}.demo-entry span{display:flex;align-items:center;gap:12px;color:#8b948f;font-size:12px}.demo-entry span:before,.demo-entry span:after{content:"";height:1px;background:var(--border);flex:1}.login-brand{margin:20px 0;border-radius:42px;background:#effaf1;display:grid;place-items:center}.login-brand img{width:min(60%,560px)}.app-shell{min-height:100vh;background:#fff}.app-shell__main{min-height:100vh;margin-left:300px;transition:margin-left .2s}.app-shell--collapsed .app-shell__main{margin-left:80px}.sidebar{width:300px;height:100dvh;position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#fff;transition:width .2s,transform .2s}.sidebar__header{height:80px;padding:0 18px 0 32px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;position:relative;flex:0 0 auto}.sidebar__brand{border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;min-width:0}.sidebar__brand img{width:182px;height:58px;object-fit:contain;object-position:left center}.sidebar__collapse{margin-left:auto;width:40px;height:34px;border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;background:#fff;cursor:pointer}.sidebar__mobile-close{display:none}.sidebar__scroll{padding:12px;overflow-y:auto;scrollbar-color:#8c938f transparent;scrollbar-width:thin}.plan-alert{width:100%;min-height:142px;margin-bottom:26px;padding:24px;border:1px solid #efc9c9;border-radius:18px;background:#fff7f7;box-shadow:0 9px 20px #4e26261f;text-align:left;display:flex;align-items:center;gap:14px;cursor:pointer}.plan-alert img{width:42px;height:42px;object-fit:contain}.plan-alert span{color:#73756f;line-height:1.35}.plan-alert strong{display:block;color:#d84e54}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav>button,.nav-group>button,.sidebar__footer>button{min-height:48px;width:100%;border:0;border-radius:11px;padding:0 16px;display:flex;align-items:center;gap:14px;background:transparent;cursor:pointer;text-align:left;font-weight:500}.sidebar nav button:hover,.sidebar__footer button:hover{background:#f2f7f3}.sidebar nav button.is-active,.sidebar__footer button.is-active{background:var(--green-pale);font-weight:600}.sidebar nav button.is-active svg,.nav-group>button.is-active-parent svg{color:var(--green)}.nav-group>button svg:last-child{margin-left:auto;transition:transform .18s}.nav-group>button svg.is-rotated{transform:rotate(180deg)}.nav-submenu{padding:2px 0 5px 52px;display:flex;flex-direction:column;gap:2px}.nav-submenu button{min-height:36px;padding:0 12px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer;font-size:14px;color:var(--muted)}.nav-submenu button.is-active{color:var(--green-dark);font-weight:600;background:var(--green-wash)}.nav-divider{display:block;color:#868e89;font-size:13px;margin:22px 0 9px}.sidebar__footer{margin-top:auto;padding:10px 12px 16px;border-top:1px solid #eff2f0;display:grid;gap:3px}.sidebar.is-collapsed{width:80px}.sidebar.is-collapsed .sidebar__header{padding-inline:14px;justify-content:center}.sidebar.is-collapsed .sidebar__brand img{width:48px;object-fit:cover;object-position:right}.sidebar.is-collapsed .sidebar__collapse{position:absolute;right:-17px;width:34px;border-radius:50%;background:#fff;z-index:3}.sidebar.is-collapsed .sidebar__collapse svg{transform:rotate(180deg)}.sidebar.is-collapsed .plan-alert,.sidebar.is-collapsed nav button span,.sidebar.is-collapsed .nav-divider,.sidebar.is-collapsed .nav-group>button svg:last-child,.sidebar.is-collapsed .nav-submenu,.sidebar.is-collapsed .sidebar__footer button span{display:none}.sidebar.is-collapsed nav>button,.sidebar.is-collapsed .nav-group>button,.sidebar.is-collapsed .sidebar__footer>button{justify-content:center;padding:0}.sidebar.is-collapsed .sidebar__scroll{padding-top:22px}.topbar{height:80px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 30px 0 50px;position:sticky;top:0;z-index:20;background:#fffffff0;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.topbar>strong{font-size:30px;margin-right:auto}.topbar__menu{display:none}.account-button{border:0;background:transparent;padding:6px 8px;border-radius:10px;display:flex;align-items:center;gap:10px;cursor:pointer}.account-button:hover{background:var(--surface-soft)}.account-button__avatar,.avatar{width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;flex:0 0 auto;background:var(--green-pale);color:var(--green-dark);font-size:12px;font-weight:700}.account-button__avatar img{width:27px;height:27px;object-fit:contain}.account-button>span:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;gap:2px}.account-button small{color:var(--muted)}.page-content{padding:38px 40px 72px;overflow:hidden}.page-heading{margin-bottom:26px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.page-heading h1{display:none;margin:0 0 7px;font-size:clamp(25px,3vw,34px)}.page-heading p{margin:0;color:var(--muted)}.page-heading__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.period-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:30px}.segmented{display:inline-flex;min-height:52px;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:#fff}.segmented button{min-width:114px;border:0;border-right:1px solid var(--border);background:#fff;padding:0 20px;cursor:pointer;font-weight:500}.segmented button:last-child{border-right:0}.segmented button.is-active{background:var(--green-pale)}.date-range{min-height:52px;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#fff}.date-range input{width:145px;border:0;padding:9px;color:var(--muted);background:transparent}.date-range button{border:0;background:transparent;color:var(--muted);cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(185px,1fr));gap:20px;margin-bottom:24px}.metric-card{min-height:124px;border:1px solid var(--border);border-top:7px solid var(--metric-color);border-radius:14px;padding:18px 20px;background:#fff}.metric-card p{margin:0 0 12px;color:var(--muted)}.metric-card div{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-card strong{font-size:27px}.metric-card span{display:inline-flex;align-items:center;color:var(--green-dark)}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.analytics-grid__wide{grid-column:1 / -1}.chart-card,.panel{border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden}.chart-card>header,.panel__header{min-height:70px;padding:20px 24px 8px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.chart-card h2,.panel h2,.panel__header h2{margin:0;font-size:20px}.chart-card header p,.panel__header p{margin:5px 0 0;color:var(--muted);font-size:13px}.chart-card__body{min-height:250px;padding:8px 14px 20px}.chart-legend{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:-18px;font-size:12px;color:var(--muted)}.chart-legend span,.color-label,.icon-label{display:inline-flex;align-items:center;gap:8px}.chart-legend i,.color-label i,.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto}.summary-list{height:100%;min-height:220px;display:grid;align-content:center;gap:15px;padding:20px 24px}.summary-list div{padding:15px 0;border-bottom:1px solid #edf0ee;display:flex;align-items:center;justify-content:space-between}.summary-list span{color:var(--muted)}.summary-list strong{font-size:22px}.age-bars{padding:18px;display:grid;gap:18px}.age-bars label{display:grid;grid-template-columns:48px 1fr 40px;align-items:center;gap:12px}.age-bars progress,.subscription-summary progress{width:100%;height:9px;accent-color:var(--green)}.rfm-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.rfm-card{min-height:108px;border:1px solid var(--border);border-radius:14px;padding:16px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px}.rfm-card>b{grid-row:1 / 3;color:var(--green);font-size:54px;line-height:1}.rfm-card:nth-child(3)>b{color:var(--magenta)}.rfm-card:nth-child(4)>b{color:var(--blue)}.rfm-card span{color:#4d5852;font-size:13px}.rfm-card strong{justify-self:end;font-size:24px}.rfm-card--total{background:var(--orange);color:#fff;border-color:var(--orange);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.rfm-card--total span{color:#fff;font-weight:600;font-size:15px}.rfm-card--total strong{font-size:25px}.rfm-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:20px;margin-bottom:22px}.rfm-share-list{display:grid;padding:8px 20px}.rfm-share-list div{min-height:54px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe3e0}.rfm-share-list span{color:var(--muted)}.toolbar{margin-bottom:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-input{min-height:46px;width:min(100%,440px);border:1px solid var(--border);border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:9px;background:#fff}.search-input input{min-width:0;flex:1;border:0;outline:0;background:transparent}.search-input>button{width:30px;height:30px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;cursor:pointer}.toolbar-select select{min-height:46px;min-width:180px}.mobile-sort{display:none;position:relative;min-height:44px;border:1px solid var(--border);border-radius:9px;align-items:center;padding:0 10px;gap:8px}.mobile-sort span{color:var(--muted);font-size:13px}.mobile-sort select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding-right:20px;background:transparent;font-weight:500}.mobile-sort svg{position:absolute;right:8px;pointer-events:none}.panel--table{overflow:visible}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:15px 18px;border-bottom:1px solid #e7eae8;text-align:left;vertical-align:middle}th{color:#59635d;background:#fafbfa;font-size:12px;font-weight:600;white-space:nowrap}td{font-size:13px}tbody tr:hover{background:#fbfdfb}tbody tr:last-child td{border-bottom:0}.align-right{text-align:right}.table-actions{display:inline-flex;justify-content:flex-end;gap:3px}.table-link{border:0;background:none;color:var(--green-dark);font-weight:600;cursor:pointer;padding:0;text-align:left}.status{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.status--success{color:#267d3a;background:#e4f6e8}.status--warning{color:#a86410;background:#fff2dc}.status--danger{color:#aa3e3b;background:#fde8e8}.status--neutral{color:#59635d;background:#eef1ef}.pagination{min-height:64px;padding:10px 16px;border-top:1px solid #e7eae8;display:flex;align-items:center;justify-content:space-between;gap:16px}.pagination p{margin:0;color:var(--muted);font-size:13px}.pagination div{display:flex;align-items:center;gap:10px}.pagination div>span{color:var(--muted);font-size:13px}.empty-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--muted)}.empty-state h3{margin:10px 0 5px;color:var(--ink)}.empty-state p{margin:0 0 15px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:24px;display:grid;place-items:center;background:#101a1485;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(100%,560px);max-height:calc(100dvh - 48px);border-radius:18px;background:#fff;box-shadow:0 24px 68px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modal-in .18s ease-out}.modal--lg{width:min(100%,780px)}.modal__header,.drawer__header{padding:22px 24px 18px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.modal__header h2,.drawer__header h2{margin:0;font-size:22px}.modal__header p,.drawer__header p{margin:5px 0 0;color:var(--muted);font-size:13px}.modal__body,.drawer__body{padding:24px;overflow-y:auto}.modal__footer,.drawer__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.985)}}.overlay--drawer{place-items:stretch end;padding:0}.drawer{width:min(500px,100vw);height:100dvh;background:#fff;box-shadow:-20px 0 50px #0000002e;display:flex;flex-direction:column;animation:drawer-in .2s ease-out}.drawer--left{box-shadow:20px 0 50px #0000002e}.drawer__body{flex:1}@keyframes drawer-in{0%{transform:translate(100%)}}.stepper{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.stepper li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#929a95;font-size:11px;font-style:normal}.stepper li:before{content:"";position:absolute;top:14px;left:-50%;width:100%;height:2px;background:#e2e5e3;z-index:0}.stepper li:first-child:before{display:none}.stepper li>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef1ef;font-weight:600;position:relative;z-index:1}.stepper li em{font-style:normal}.stepper li.is-current,.stepper li.is-complete{color:var(--green-dark)}.stepper li.is-current span,.stepper li.is-complete span{color:#fff;background:var(--green)}.stepper li.is-complete:before,.stepper li.is-current:before{background:var(--green)}.feedback{margin:0 0 18px;border-radius:9px;padding:12px 14px;display:flex;align-items:flex-start;gap:9px;line-height:1.45;font-size:13px}.feedback--success{color:#256e36;background:#eaf8ed}.feedback--danger{color:#9f3733;background:#fff0f0}.success-state{min-height:250px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green-dark)}.success-state img{width:64px;height:64px;object-fit:contain}.success-state h3{margin:12px 0 7px;color:var(--ink);font-size:22px}.success-state p{max-width:430px;margin:0;color:var(--muted);line-height:1.55}.confirmation-card{border:1px solid var(--border);border-radius:12px;padding:20px}.confirmation-card h3{margin:0 0 14px}.confirmation-card dl,.profile-details{margin:0;display:grid}.confirmation-card dl div,.profile-details div{min-height:45px;border-bottom:1px solid #edf0ee;display:flex;align-items:center;justify-content:space-between;gap:20px}.confirmation-card dl div:last-child,.profile-details div:last-child{border-bottom:0}.confirmation-card dt,.profile-details dt{color:var(--muted)}.confirmation-card dd,.profile-details dd{margin:0;font-weight:600;text-align:right}.select-list{display:grid;gap:8px;margin-top:15px;max-height:340px;overflow-y:auto}.select-list>label{min-height:66px;padding:10px 13px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;gap:12px;cursor:pointer}.select-list>label:hover{background:var(--surface-soft)}.select-list>label.is-selected{border-color:var(--green);background:var(--green-wash)}.select-list>label>span:nth-of-type(2),.select-list>label>span:first-of-type:not(.avatar){min-width:0;display:flex;flex-direction:column;gap:4px}.select-list>label>span:not(.avatar){flex:1}.select-list small{color:var(--muted)}.select-list b{margin-left:auto;font-size:13px;white-space:nowrap}.otp-panel{text-align:center;padding:10px 0 20px}.otp-inputs{display:flex;justify-content:center;gap:10px;margin:24px 0 16px}.otp-inputs input{width:52px;height:58px;border:1px solid var(--border);border-radius:10px;text-align:center;font-size:24px;font-weight:600}.otp-timer{color:var(--muted);font-size:13px}.otp-timer button{border:0;background:transparent;color:var(--green-dark);cursor:pointer;font-weight:600}.avatar--lg{width:62px;height:62px;font-size:18px}.avatar--xl{width:84px;height:84px;font-size:23px}.profile-summary{display:flex;flex-direction:column;align-items:center;text-align:center}.profile-summary h3{margin:12px 0 8px}.profile-summary dl{width:100%;margin:24px 0;display:grid;text-align:left}.profile-summary dl div{min-height:45px;border-bottom:1px solid #edf0ee;display:flex;justify-content:space-between;align-items:center;gap:14px}.profile-summary dt{color:var(--muted)}.profile-summary dd{margin:0;font-weight:600;text-align:right}.drawer-actions{display:grid;width:100%;gap:9px}.tabs{margin:0 0 24px;border-bottom:1px solid var(--border);display:flex;gap:28px;overflow-x:auto}.tabs button{min-height:48px;padding:0 2px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font-weight:500;white-space:nowrap}.tabs button.is-active{color:var(--ink);border-bottom-color:var(--green);font-weight:600}.tabs button span{margin-left:7px;padding:2px 7px;border-radius:999px;background:#eef2ef;font-size:11px}.subscription-summary{min-height:128px;margin-bottom:24px;border:1px solid var(--border);border-radius:14px;padding:22px;display:grid;grid-template-columns:1fr 1.2fr 1.2fr auto;align-items:center;gap:28px}.subscription-summary>div{display:flex;flex-direction:column;gap:6px}.subscription-summary span{color:var(--muted);font-size:13px}.subscription-summary strong{font-size:20px}.subscription-summary p{margin:0;color:var(--muted);font-size:12px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan-card{min-height:380px;border:1px solid var(--border);border-radius:16px;padding:26px;display:flex;flex-direction:column}.plan-card.is-featured{border:2px solid var(--green);box-shadow:0 14px 34px #349b4921}.plan-card__eyebrow{color:var(--muted);font-size:12px}.plan-card h2{margin:10px 0 18px;font-size:25px}.plan-card__price{display:flex;align-items:flex-end;gap:6px}.plan-card__price strong{font-size:34px}.plan-card__price span{color:var(--muted)}.plan-card ul,.plan-confirm ul{padding:0;margin:26px 0;list-style:none;display:grid;gap:13px}.plan-card li,.plan-confirm li{display:flex;gap:9px;align-items:center}.plan-card li svg,.plan-confirm li svg{color:var(--green-dark)}.plan-card .button{margin-top:auto}.reward-summary{margin-top:22px;border:1px solid var(--border);border-radius:14px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.reward-summary div{display:flex;flex-direction:column;gap:5px}.reward-summary span,.reward-summary p{color:var(--muted)}.reward-summary p{margin:0}.plan-confirm{text-align:center;padding:8px}.plan-confirm__icon{width:56px;height:56px;border-radius:16px;display:inline-grid;place-items:center;color:var(--green-dark);background:var(--green-pale)}.plan-confirm h3{margin:14px 0 4px}.plan-confirm p{margin:0;font-size:28px;font-weight:700}.plan-confirm ul{width:fit-content;margin-inline:auto;text-align:left}.payment-card-form{display:grid;gap:22px}.payment-card-preview{width:min(100%,410px);aspect-ratio:1.7;margin:0 auto;border-radius:18px;padding:26px;color:#fff;background:#3eaf59;box-shadow:0 14px 30px #26753938;display:flex;flex-direction:column;justify-content:space-between}.payment-card-preview>span{font-weight:700;letter-spacing:.05em}.payment-card-preview>strong{font-size:22px;letter-spacing:.12em}.payment-card-preview>div{display:flex;justify-content:space-between}.designer-layout{display:grid;grid-template-columns:minmax(360px,460px) minmax(420px,1fr);gap:24px;align-items:start}.design-controls{padding:24px;display:flex;flex-direction:column;gap:20px}.design-controls h2{margin-bottom:2px}.file-control{min-height:84px;border:1px dashed #9eaaa2;border-radius:12px;padding:15px;display:flex;align-items:center;gap:14px;cursor:pointer;background:#fbfdfb}.file-control:hover{border-color:var(--green);background:var(--green-wash)}.file-control.is-uploading{cursor:progress;opacity:.72}.file-control input{position:absolute;opacity:0;pointer-events:none}.file-control svg{color:var(--green-dark)}.file-control span{display:flex;flex-direction:column;gap:5px}.file-control small{color:var(--muted)}.color-field{display:grid;grid-template-columns:48px 1fr;gap:10px}.color-field input[type=color]{width:48px;height:43px;border:1px solid var(--border);border-radius:8px;padding:4px;background:#fff}.qr-panel{border:1px solid var(--border);border-radius:12px;padding:17px;display:flex;align-items:center;gap:18px}.qr-panel>svg{flex:0 0 auto}.qr-panel__image{width:92px;height:92px;flex:0 0 auto;border-radius:8px;object-fit:contain}.qr-panel>div{min-width:0;display:flex;flex-direction:column;gap:6px}.qr-panel small{color:var(--muted);word-break:break-all}.qr-panel>div>div{display:flex;gap:7px;margin-top:8px;flex-wrap:wrap}.preview-stage{min-height:630px;border:1px solid var(--border);border-radius:14px;background:#f3f5f4;display:grid;place-items:center;padding:34px;overflow:hidden}.registration-preview{width:min(100%,620px);min-height:520px;border-radius:18px;display:grid;place-items:center;padding:30px;background-position:center;background-size:cover;box-shadow:var(--shadow)}.preview-phone{width:min(100%,330px);border-radius:20px;padding:30px 24px;background:#fff;display:flex;flex-direction:column;gap:13px;box-shadow:0 18px 44px #24392b26}.preview-phone img{width:150px;height:50px;object-fit:contain;align-self:center}.preview-phone h3{text-align:center;margin:7px 0 4px}.preview-phone input{min-height:42px;border:1px solid var(--border);border-radius:8px;padding:0 12px}.preview-phone button{min-height:44px;border:0;border-radius:10px;color:#fff;font-weight:600}.wallet-preview{width:min(100%,520px);border-radius:26px;padding:16px;background:#111;box-shadow:0 24px 54px #00000040}.wallet-preview__top{color:#fff;padding:4px 5px 16px}.wallet-preview__top span{display:inline-flex;align-items:center;gap:7px}.wallet-card{aspect-ratio:1.58;border-radius:18px;padding:24px;background-size:cover;background-position:center;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr auto;gap:8px;box-shadow:inset 0 0 0 1px #00000014}.wallet-card img{width:120px;height:44px;object-fit:contain;object-position:left;grid-column:1 / -1}.wallet-card>small{align-self:end}.wallet-card h3{grid-column:1 / -1;align-self:start;margin:0;font-size:25px}.wallet-card>div{align-self:end;display:flex;flex-direction:column;gap:4px}.wallet-card>svg{align-self:end}.notification-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr);gap:22px}.notification-composer,.calendar-panel{padding:24px}.notification-composer{display:flex;flex-direction:column;gap:18px}.calendar{border:1px solid var(--border);border-radius:12px;overflow:hidden}.calendar>header{min-height:60px;padding:0 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.calendar>header button{width:38px;height:38px;border:0;border-radius:8px;background:transparent;cursor:pointer;font-size:24px}.calendar__week,.calendar__days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar__week span{padding:13px 4px;text-align:center;color:var(--muted);font-size:12px}.calendar__days button{aspect-ratio:1;min-height:42px;border:0;background:#fff;position:relative;cursor:pointer}.calendar__days button:hover:not(:disabled){background:var(--surface-soft)}.calendar__days button.is-today{color:#fff;background:var(--green);border-radius:50%}.calendar__days button.has-event:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--orange);bottom:5px;left:calc(50% - 2.5px)}.calendar-events{display:grid;gap:10px;margin-top:18px;color:var(--muted);font-size:13px}.calendar-events span{display:flex;align-items:center;gap:8px}.dot--green{background:var(--green)}.dot--orange{background:var(--orange)}.color-options{display:flex;gap:12px;flex-wrap:wrap}.color-options label{width:34px;height:34px;border-radius:50%;cursor:pointer;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--border)}.color-options label.is-active{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--green-dark)}.employee-list{display:grid;gap:10px}.employee-list article{border:1px solid var(--border);border-radius:11px;padding:12px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px}.employee-list article>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.employee-list small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.employee-list article>div:last-child{display:flex}.profile-page{display:grid;grid-template-columns:320px minmax(0,640px);gap:22px;align-items:start}.profile-card{min-height:390px;border:1px solid var(--border);border-radius:14px;padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center}.profile-card__logo{width:160px;height:56px;margin-bottom:30px;display:grid;place-items:center}.profile-card h2{margin:15px 0 6px}.profile-card p{margin:0 0 15px;color:var(--muted)}.profile-form{padding:26px}.profile-form h2{margin-bottom:24px}.demo-role-panel{display:grid;gap:16px;margin-top:26px;padding-top:22px;border-top:1px solid var(--border)}.onboarding-info{text-align:center;padding:12px 24px}.onboarding-info img{width:74px;height:74px;object-fit:contain}.onboarding-info p{margin:14px 0 0;line-height:1.6;color:var(--muted)}.toast{position:fixed;z-index:200;right:24px;bottom:24px;min-width:290px;max-width:min(420px,calc(100vw - 32px));min-height:52px;border:1px solid #a6dfb2;border-radius:11px;padding:10px 10px 10px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#226f34;background:#effbf1;box-shadow:var(--shadow)}.toast button{width:32px;height:32px;border:0;border-radius:7px;display:grid;place-items:center;background:transparent;cursor:pointer}@media(max-width:1260px){.metric-grid,.rfm-metrics,.subscription-summary{grid-template-columns:repeat(2,1fr)}.subscription-summary .button{justify-self:start}.designer-layout{grid-template-columns:minmax(330px,400px) minmax(380px,1fr)}.notification-layout{grid-template-columns:1fr}}@media(max-width:1024px){.app-shell__main,.app-shell--collapsed .app-shell__main{margin-left:0}.sidebar,.sidebar.is-collapsed{width:min(500px,100vw);transform:translate(-100%);visibility:hidden;box-shadow:22px 0 48px #0003;transition:transform .2s,visibility 0s .2s}.sidebar.is-open{transform:translate(0);visibility:visible;transition-delay:0s}.sidebar.is-collapsed .sidebar__header{padding:0 22px;justify-content:flex-start}.sidebar.is-collapsed .sidebar__brand img{width:182px;object-fit:contain;object-position:left}.sidebar.is-collapsed .plan-alert{display:flex}.sidebar.is-collapsed nav button span,.sidebar.is-collapsed .nav-divider,.sidebar.is-collapsed .nav-group>button svg:last-child,.sidebar.is-collapsed .sidebar__footer button span{display:inline}.sidebar.is-collapsed nav>button,.sidebar.is-collapsed .nav-group>button,.sidebar.is-collapsed .sidebar__footer>button{justify-content:flex-start;padding:0 16px}.sidebar__collapse{display:none}.sidebar__mobile-close{display:inline-flex;margin-left:auto}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:#0a120d75}.topbar{padding:0 20px;height:64px}.topbar__menu{display:inline-flex;margin-right:auto}.topbar>strong{display:none}.account-button>span:nth-child(2),.account-button>svg{display:none}.page-content{padding:28px 22px 60px}.page-heading{align-items:flex-start}.page-heading h1{display:block}.designer-layout{grid-template-columns:1fr}.preview-stage{min-height:560px}}@media(max-width:760px){.login-page{height:auto;min-height:100dvh;grid-template-columns:1fr;overflow:visible}.login-brand{display:none}.login-form-panel{place-items:center;padding:34px 22px}.login-mobile-logo{display:block}.page-content{padding:24px 20px 54px}.page-heading{margin-bottom:24px;flex-direction:column}.page-heading p{display:none}.page-heading__actions{width:100%}.page-heading__actions .button{flex:1}.period-toolbar{align-items:stretch;flex-direction:column}.segmented{width:100%}.segmented button{flex:1;min-width:0;padding-inline:8px}.date-range{width:100%}.date-range label{flex:1;min-width:0}.date-range input{width:100%;min-width:0}.metric-grid{grid-template-columns:1fr;gap:16px}.metric-card{min-height:99px}.analytics-grid{grid-template-columns:1fr}.analytics-grid__wide{grid-column:auto}.chart-card h2{font-size:18px}.rfm-metrics,.rfm-layout{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar .search-input{width:100%}.toolbar>.button{flex:1}.toolbar-select{flex:1}.toolbar-select select{width:100%;min-width:0}.mobile-sort{display:inline-flex;flex:1}.panel--table{border:0}.table-wrap{overflow:visible}table{min-width:0;display:block}thead{display:none}tbody{display:grid;gap:12px}tr{border:1px solid var(--border);border-radius:12px;padding:8px 14px;display:grid;background:#fff}td{min-height:42px;padding:10px 0;border-bottom:1px solid #edf0ee;display:grid;grid-template-columns:minmax(108px,42%) 1fr;align-items:center;gap:12px;text-align:right;overflow-wrap:anywhere}td:last-child{border-bottom:0}td:before{content:attr(data-label);color:var(--muted);font-size:12px;text-align:left}td>*{justify-self:end}td .table-link{text-align:right}.pagination{border:1px solid var(--border);border-radius:12px;margin-top:12px}.form-grid{grid-template-columns:1fr}.field--wide{grid-column:auto}.range-fields{grid-template-columns:1fr}.overlay{padding:0;align-items:end}.modal,.modal--lg{width:100%;max-height:94dvh;border-radius:20px 20px 0 0}.modal__header,.modal__body,.modal__footer{padding-left:20px;padding-right:20px}.modal__footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.modal__footer .button{flex:1}.drawer{width:100vw}.otp-inputs{gap:6px}.otp-inputs input{width:min(13vw,48px);height:54px}.subscription-summary{grid-template-columns:1fr;gap:18px}.plan-grid{grid-template-columns:1fr}.reward-summary{align-items:flex-start;flex-direction:column}.preview-stage{min-height:470px;padding:18px}.registration-preview{min-height:440px;padding:18px}.wallet-card,.notification-composer,.calendar-panel{padding:18px}.calendar__days button{min-height:36px}.employee-list article{grid-template-columns:auto 1fr auto}.employee-list article>.status{display:none}.employee-list article>div:last-child{grid-column:2 / -1;justify-content:flex-end}.profile-page{grid-template-columns:1fr}.profile-card{min-height:330px}.toast{right:16px;bottom:16px}}@media(max-width:390px){.page-content{padding-inline:20px}.page-heading h1{font-size:26px}.page-heading p{display:none}.topbar{padding-inline:14px}.metric-card{padding:14px 12px}.metric-card strong{font-size:23px}.chart-card__body{padding-inline:2px}.stepper li em{display:none}.modal__header h2{font-size:20px}.payment-card-preview{padding:20px}.payment-card-preview>strong{font-size:17px}.qr-panel{align-items:flex-start}.sidebar__header{padding-inline:24px}.plan-alert{min-height:140px;margin:12px 12px 24px;width:calc(100% - 24px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}