:root{--bg:#f4f7f5;--shell:#eef4f1;--surface:#ffffff;--surface-soft:#f8faf8;--surface-strong:#10231e;--text:#16231f;--muted:#68766f;--muted-strong:#3e4d46;--line:#dde7e2;--line-strong:#cbd8d2;--accent:#18725d;--accent-dark:#105341;--accent-soft:#e7f4ef;--amber:#b7791f;--danger:#b42318;--ok:#0f766e;--shadow:0 18px 50px rgba(16,35,30,0.08);--shadow-soft:0 10px 28px rgba(16,35,30,0.06)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:linear-gradient(135deg,rgba(24,114,93,.08),transparent 34%),linear-gradient(315deg,rgba(183,121,31,.08),transparent 28%),var(--bg);color:var(--text);font-family:Tajawal,Arial,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{min-height:34px;height:34px;min-width:88px;max-width:100%;display:inline-flex;align-items:center;justify-content:center;border:2px solid #111;border-radius:0;background-color:#fff;color:#000;fill:#000;padding:0 10px;outline:0;cursor:pointer;font-weight:600;font-size:13px;line-height:24px;letter-spacing:0;text-align:center;text-decoration:none;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;box-shadow:none;transition:border-color .3s ease,color .3s ease,fill .3s ease,background-color .3s ease}button:active,button:focus,button:hover{border-color:#06f;color:#06f;fill:#06f;outline:0}button:disabled{cursor:not-allowed;opacity:.62}@media (min-width:768px){button{min-width:104px}}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:10px 12px;outline:none;box-shadow:inset 0 1px 0 rgba(16,35,30,.02);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}select{cursor:pointer}textarea{resize:vertical;min-height:120px;direction:ltr;text-align:left;font-family:Consolas,Courier New,monospace;line-height:1.6}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(24,114,93,.12)}label{min-width:0}pre{margin:0;white-space:pre-wrap;word-break:break-word;direction:ltr;text-align:left}.eyebrow{margin:0;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.login-page,.widget-demo{min-height:100vh;display:grid;place-items:center;padding:24px}.widget-demo section{width:min(760px,100%);display:grid;grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.92);box-shadow:var(--shadow);padding:28px}.widget-demo h1,.widget-demo p{margin:0}.widget-demo h1{font-size:clamp(28px,5vw,54px);line-height:1.1}.widget-demo p{color:var(--muted);line-height:1.8}.widget-demo code{display:block;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#10231e;color:#e7efe9;direction:ltr;text-align:left;padding:14px}.login-shell{width:min(980px,100%);display:grid;grid-template-columns:minmax(0,1fr) 390px;grid-gap:24px;gap:24px;align-items:stretch}.login-card,.login-copy,.panel{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.login-card,.login-copy{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-copy{display:grid;align-content:center;grid-gap:14px;gap:14px;padding:42px}.login-card h2,.login-copy h1,.panel h2,.sidebar h1,.topbar h2{margin:0;letter-spacing:0}.login-copy h1{font-size:clamp(34px,6vw,64px);line-height:1}.login-card p,.login-copy p:not(.eyebrow),.muted{margin:0;color:var(--muted);line-height:1.8}.login-card{display:grid;grid-gap:18px;gap:18px;padding:28px}.password-field{position:relative;display:block}.password-field input{-webkit-padding-end:48px;padding-inline-end:48px}.password-toggle{position:absolute;inset-block-start:50%;inset-inline-end:8px;width:34px;min-width:34px;height:34px;min-height:34px;border:0;border-radius:6px;background:transparent;color:var(--muted-strong);padding:0;transform:translateY(-50%);box-shadow:none}.password-toggle:focus,.password-toggle:hover{background:var(--accent-soft);color:var(--accent);border-color:transparent;box-shadow:none}.password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.form-error{margin:0;color:var(--danger);font-weight:800}.dashboard{min-height:100vh;display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr);background:rgba(255,255,255,.28);transition:grid-template-columns .18s ease}.dashboard:has(.sidebar.collapsed){grid-template-columns:112px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;grid-gap:22px;gap:22px;border-left:1px solid rgba(221,231,226,.85);background:linear-gradient(180deg,#ffffff,#f7fbf8);padding:22px;box-shadow:-12px 0 30px rgba(16,35,30,.04);overflow:hidden}.brand-block{display:flex;align-items:flex-start;justify-content:space-between;gap:4px;padding:4px 2px 14px;border-bottom:1px solid var(--line)}.brand-block>div{display:grid;grid-gap:4px;gap:4px;min-width:0}.brand-block h1{font-size:28px;line-height:1.1}.brand-block span,.panel-heading p,.topbar p{margin:0;color:var(--muted);line-height:1.6}.sidebar-toggle{width:34px;min-width:34px;height:34px;min-height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--accent-dark);padding:0;font-size:23px;line-height:1;box-shadow:none}.sidebar nav{display:grid;align-content:start;grid-gap:8px;gap:8px;overflow:auto;-webkit-padding-end:2px;padding-inline-end:2px;scrollbar-width:thin}.sidebar nav button{width:100%;min-height:56px;height:auto;display:grid;grid-template-columns:38px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;justify-items:stretch;background:transparent;color:var(--text);border:1px solid transparent;text-align:right;padding:8px 10px;box-shadow:none;position:static}.action-card:after,.icon-button:after,.sidebar nav button:after,.sidebar-toggle:after,.variable-chip:after{display:none}.nav-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--accent-dark)}.nav-icon-svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.nav-copy{display:grid;grid-gap:3px;gap:3px;min-width:0}.nav-copy span{font-size:14px;font-weight:800}.nav-copy small{max-width:100%;color:var(--muted);font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar nav button.active,.sidebar nav button:hover{background:var(--accent-soft);border-color:rgba(24,114,93,.18);color:var(--accent-dark);transform:none}.sidebar nav button.active .nav-icon,.sidebar nav button:hover .nav-icon{border-color:rgba(24,114,93,.22);background:var(--accent);color:#fff}.sidebar nav button.active{box-shadow:inset -3px 0 0 var(--accent)}.sidebar.collapsed{gap:16px;padding:18px 14px}.sidebar.collapsed .brand-block{justify-content:center;min-height:48px;padding:0 0 12px}.sidebar.collapsed .sidebar-toggle{width:42px;min-width:42px;height:42px;min-height:42px;font-size:24px}.sidebar.collapsed .account-box span,.sidebar.collapsed .brand-block>div,.sidebar.collapsed .nav-copy{display:none}.sidebar.collapsed nav{gap:10px;overflow-x:hidden;padding:0}.sidebar.collapsed nav button{width:58px;min-width:58px;min-height:58px;height:58px;grid-template-columns:1fr;justify-self:center;justify-items:center;border-color:var(--line);border-radius:999px;background:#fff;padding:0}.sidebar.collapsed .account-box{justify-self:center;width:64px;display:grid;place-items:center;border:0;background:transparent;padding:0}.sidebar.collapsed .account-box strong{display:none}.sidebar.collapsed .account-box button{width:58px;min-width:58px;height:42px;min-height:42px;overflow:hidden;padding:0;white-space:nowrap}.account-box{display:grid;grid-gap:8px;gap:8px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.account-box strong{font-size:15px}.account-box span{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.account-box button{margin-top:4px;background-color:#fff;color:#000}.account-box button:hover{background-color:#fff;color:#06f}.workspace{display:grid;align-content:start;grid-gap:18px;gap:18px;padding:22px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:86px;padding:18px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.86);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar>div:first-child{min-width:0}.topbar h2{font-size:26px}.topbar-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;justify-content:flex-end;min-width:min(100%,460px)}.topbar-actions select{width:clamp(170px,22vw,240px);min-width:0}.refresh-data-button{flex:0 0 auto;white-space:nowrap}.status-pill{min-width:76px;display:inline-flex;justify-content:center;align-items:center;min-height:34px;border:1px solid rgba(15,118,110,.22);border-radius:999px;background:#ecfdf5;color:var(--ok);font-size:12px;font-weight:800}.status-pill.loading{border-color:rgba(183,121,31,.26);background:#fffbeb;color:var(--amber)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;animation:page-in .22s ease both}.grid>.panel:only-child,.orders-grid>.panel:first-child,.points-grid>.panel,.rewards-grid>.panel{grid-column:1/-1}.tiers-grid{grid-template-columns:1fr}.employees-grid>.panel,.notifications-grid>.panel:first-child,.segments-grid>.panel,.tiers-grid>.panel{grid-column:1/-1}.panel{display:grid;align-content:start;grid-gap:16px;gap:16px;padding:18px;box-shadow:var(--shadow-soft)}.panel-heading{display:grid;grid-gap:5px;gap:5px;padding-bottom:12px;border-bottom:1px solid var(--line)}.panel h2{color:var(--text);font-size:19px}.panel-heading p{font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.stat-card,.stats-grid div{display:grid;grid-gap:6px;gap:6px;min-height:94px;padding:15px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#ffffff 0,var(--surface-soft) 100%)}.stats-grid span{color:var(--muted);font-size:12px;font-weight:800}.stats-grid strong{color:var(--accent-dark);font-size:30px;line-height:1}.chart-bars{display:grid;grid-gap:14px;gap:14px}.chart-bar-row{display:grid;grid-gap:7px;gap:7px}.chart-bar-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted-strong);font-size:13px;font-weight:800}.chart-bar-label strong{color:var(--accent-dark);font-size:16px}.chart-bar-track{height:12px;overflow:hidden;border-radius:999px;background:#e7efe9}.chart-bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#35a987);transition:inline-size .22s ease}.donut-chart-wrap{display:grid;grid-template-columns:180px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:center}.donut-chart{width:180px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;position:relative}.donut-chart:after{content:"";position:absolute;inset:34px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.donut-chart span{position:relative;z-index:1;color:var(--accent-dark);font-size:30px;font-weight:800}.donut-legend{display:grid;grid-gap:10px;gap:10px}.donut-legend div{display:grid;grid-template-columns:12px minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center;color:var(--muted-strong);font-size:13px}.donut-legend i{width:12px;height:12px;border-radius:3px}.donut-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend strong{color:var(--text)}.overview-dashboard{display:grid;grid-template-columns:1.35fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px;animation:page-in .22s ease both}.analytics-card,.metric-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#ffffff 0,var(--surface-soft) 100%);box-shadow:var(--shadow-soft);color:var(--text)}.analytics-card{display:grid;grid-gap:14px;gap:14px;align-content:start;min-height:220px;padding:18px}.analytics-card-large{grid-row:span 2;min-height:430px}.analytics-card-wide{grid-column:span 1}.analytics-heading,.metric-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.analytics-heading div,.metric-card-heading{min-width:0}.analytics-heading span,.metric-card small,.metric-card-heading span{color:var(--muted);font-size:12px;font-weight:800}.analytics-heading h3,.metric-card-heading strong{margin:2px 0 0;color:var(--accent-dark);font-size:30px;line-height:1}.analytics-heading small{color:var(--muted);font-size:11px;font-weight:800;text-align:left}.area-chart{display:grid;grid-gap:10px;gap:10px;min-height:310px}.area-chart svg{width:100%;min-height:270px;filter:drop-shadow(0 8px 14px rgba(24,114,93,.1))}.area-grid-line{stroke:rgba(16,35,30,.1);stroke-width:1}.area-fill{fill:rgba(24,114,93,.18)}.area-stroke{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.area-point{fill:#fff;stroke:var(--accent);stroke-width:3}.area-chart-labels{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));grid-gap:6px;gap:6px;color:var(--muted);direction:ltr;font-size:10px;font-weight:800;text-align:center}.vertical-chart{min-height:180px;display:grid;align-items:flex-end}.vertical-chart-grid{min-height:170px;display:grid;grid-template-columns:repeat(auto-fit,minmax(46px,1fr));grid-gap:14px;gap:14px;align-items:flex-end;-webkit-border-before:1px solid rgba(16,35,30,.08);border-block-start:1px solid rgba(16,35,30,.08);background:linear-gradient(180deg,rgba(16,35,30,.08) 1px,transparent 0) 0 32px /100% 42px;padding-top:16px}.vertical-bar{min-height:160px;display:grid;grid-template-rows:1fr auto;grid-gap:8px;gap:8px;align-items:flex-end;color:var(--muted);font-size:11px;font-weight:800;text-align:center}.vertical-bar span{width:100%;min-height:4px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--accent) 0,#35a987 100%);box-shadow:0 0 16px rgba(24,114,93,.12)}.status-progress-chart{display:grid;grid-gap:14px;gap:14px}.status-progress-row{display:grid;grid-gap:7px;gap:7px}.status-progress-row div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted-strong);font-size:12px;font-weight:800}.status-progress-row strong{color:var(--text)}.status-progress-row i{height:8px;overflow:hidden;border-radius:999px;background:#e7efe9}.status-progress-row b{display:block;height:100%;border-radius:inherit}.metric-card-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.metric-card{min-height:168px;display:grid;grid-gap:12px;gap:12px;padding:16px}.metric-card.green .metric-card-heading strong,.metric-card.green .mini-bars span{color:var(--ok);background:var(--ok)}.metric-card.amber .metric-card-heading strong,.metric-card.amber .mini-bars span{color:var(--amber);background:var(--amber)}.metric-card.blue .metric-card-heading strong,.metric-card.blue .mini-bars span{color:#2563eb;background:#2563eb}.mini-bars{min-height:74px;display:flex;align-items:flex-end;gap:5px;direction:ltr}.mini-bars span{flex:1 1;min-width:5px;border-radius:3px 3px 0 0;background:var(--accent);box-shadow:0 0 12px rgba(24,114,93,.12)}.analytics-card .chart-bars{gap:12px}.analytics-card .chart-bar-label{color:var(--muted-strong)}.analytics-card .chart-bar-label strong{color:var(--accent-dark)}.analytics-card .chart-bar-track{background:#e7efe9}.analytics-card .donut-chart:after{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.analytics-card .donut-chart span{color:var(--accent-dark)}.analytics-card .donut-legend div,.analytics-card .donut-legend strong{color:var(--text)}.analytics-card .donut-legend span{color:var(--muted)}.overview-details-grid{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.field{display:grid;grid-gap:7px;gap:7px;color:var(--muted-strong);font-size:13px;font-weight:800}.field-label{display:flex;min-height:18px;align-items:center;justify-content:space-between;gap:8px}.field-label small{border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);padding:2px 8px;font-size:10px;font-weight:800}.permission-checkbox-group{display:grid;grid-gap:10px;gap:10px;min-width:0;margin:0;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:12px}.permission-checkbox-group legend{padding:0 4px;color:var(--muted-strong);font-size:13px;font-weight:800}.permission-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.permission-checkbox{display:flex;min-width:0;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;cursor:pointer}.permission-checkbox input{width:18px;min-width:18px;height:18px;min-height:18px;margin:2px 0 0;padding:0;accent-color:var(--accent);box-shadow:none;cursor:pointer}.permission-checkbox span{display:grid;min-width:0;grid-gap:4px;gap:4px}.permission-checkbox strong{color:var(--text);font-size:13px;line-height:1.35}.permission-checkbox small{color:var(--muted);direction:ltr;font-size:11px;font-weight:700;line-height:1.3;text-align:left;overflow-wrap:anywhere}.json-field textarea{background:#fbfcfb}.button-row,.inline-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.sync-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(24,114,93,.18);border-radius:8px;background:#ecfdf5;padding:14px}.sync-banner div{display:grid;grid-gap:4px;gap:4px}.sync-banner strong{color:var(--accent-dark);font-size:15px}.sync-banner span{color:var(--muted-strong);font-size:13px;line-height:1.6}.integration-summary{display:grid;grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:14px}.integration-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.integration-summary-heading>div:first-child{display:flex;align-items:center;gap:10px}.integration-summary-heading strong{color:var(--text);font-size:15px;text-transform:uppercase}.integration-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin:0}.integration-fields div{display:grid;grid-gap:4px;gap:4px;min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.integration-fields dt{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.integration-fields dd{min-width:0;margin:0;color:var(--text);font-size:13px;font-weight:800;overflow-wrap:anywhere}.integration-result{display:grid;grid-gap:8px;gap:8px}.integration-result strong{color:var(--muted-strong);font-size:12px}.integration-result pre{max-height:180px;overflow:auto;margin:0;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;direction:ltr;text-align:left;font-size:12px}.bulk-target-note{display:grid;grid-gap:6px;gap:6px;border:1px solid rgba(24,114,93,.18);border-radius:8px;background:var(--surface-soft);padding:12px;color:var(--muted-strong);font-size:12px;line-height:1.6}.bulk-target-note strong{color:var(--text);font-size:13px}.bulk-customer-picker{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb;padding:12px}.bulk-picker-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:end}.bulk-picker-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.bulk-picker-actions strong{color:var(--muted-strong);font-size:12px}.bulk-customer-list{display:grid;max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.bulk-customer-option{display:grid;grid-template-columns:18px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;min-width:0;padding:10px 12px;border-bottom:1px solid var(--line)}.bulk-customer-option:last-child{border-bottom:0}.bulk-customer-option input{width:18px;min-height:18px;padding:0}.bulk-customer-option span{display:grid;min-width:0;grid-gap:3px;gap:3px}.bulk-customer-option small,.bulk-customer-option strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-customer-option strong{color:var(--text);font-size:13px}.bulk-customer-option small{color:var(--muted);font-family:Consolas,Courier New,monospace;font-size:11px}.sms-campaign-progress{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px}.sms-campaign-heading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.sms-campaign-heading>div{display:grid;grid-gap:3px;gap:3px;min-width:0}.sms-campaign-heading strong{color:var(--text)}.sms-campaign-heading span{color:var(--muted);font-family:Consolas,Courier New,monospace;font-size:12px}.sms-progress-track{height:10px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.sms-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .25s ease}.sms-campaign-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));grid-gap:8px;gap:8px}.sms-campaign-stats span{display:grid;grid-gap:2px;gap:2px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--muted);font-size:12px}.sms-campaign-stats strong{color:var(--text);font-size:15px}.sms-campaign-recipient-list{display:grid;max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:8px}.sms-campaign-recipient-header,.sms-campaign-recipient-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:9px 10px;border-bottom:1px solid var(--line)}.sms-campaign-recipient-header{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:var(--surface-soft);color:var(--muted-strong);font-size:12px;font-weight:700}.sms-campaign-recipient-row:last-child{border-bottom:0}.sms-campaign-recipient-row>span:first-child{display:grid;grid-gap:2px;gap:2px;min-width:0}.sms-campaign-recipient-row small,.sms-campaign-recipient-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sms-campaign-recipient-row small{color:var(--muted);font-size:11px}.sms-campaign-recipient-row>small{grid-column:1/-1;color:#9a3412}.sync-banner button{white-space:nowrap}.button-row button,.form-grid button,.inline-form button,.pagination-bar button,.sync-banner button,.toolbar-actions button,.topbar button{min-width:88px}.danger-button{border-color:rgba(180,35,24,.24);background:#fff7f5;color:var(--danger)}.danger-button:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.customer-table-panel{display:grid;grid-gap:14px;gap:14px}.customer-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px;align-items:flex-end;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.customer-toolbar .field{min-width:0}.customer-search{grid-column:span 2}.customer-search input{min-width:0}.compact-field{min-width:130px}.toolbar-actions{grid-column:span 2;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));grid-gap:8px;gap:8px;align-items:center;justify-content:stretch;white-space:nowrap}.toolbar-actions button{width:100%}.secondary-button{background-color:#fff;color:#000}.secondary-button:hover{background-color:#fff;color:#06f}.pagination-bar,.table-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.table-summary{color:var(--muted);font-size:13px;font-weight:800}.table-summary div{display:inline-flex;gap:8px;align-items:baseline}.table-summary strong{color:var(--accent-dark);font-size:22px;line-height:1}.pagination-bar{justify-content:center;padding-top:2px}.pagination-bar span{min-width:92px;color:var(--muted-strong);font-size:13px;font-weight:800;text-align:center}.variable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.variable-chip{min-height:68px;height:auto;display:grid;align-content:center;justify-items:start;grid-gap:5px;gap:5px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);box-shadow:none;text-align:right;position:static}.variable-chip:hover{border-color:rgba(24,114,93,.24);background:var(--accent-soft);color:var(--accent-dark)}.variable-chip code{direction:ltr;color:var(--accent-dark);font-family:Consolas,Courier New,monospace;font-size:13px;font-weight:800}.variable-chip span{color:var(--muted);font-size:12px}.notification-variable-row .variable-grid{display:flex;flex-wrap:wrap;gap:8px}.notification-variable-row .variable-chip{min-height:50px;flex:1 1 160px;padding:10px 12px}.notification-variable-row .variable-chip code,.notification-variable-row .variable-chip span{overflow-wrap:anywhere}.notification-message-textarea{direction:rtl;unicode-bidi:plaintext;text-align:right;font-family:Tajawal,Arial,Segoe UI,sans-serif}.inline-form{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.inline-form+.inline-form{margin-top:10px}.inline-form label{min-width:180px;flex:1 1}.button-row button,.inline-form button{min-width:88px}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.action-card{min-height:34px;height:34px;min-width:88px;display:inline-flex;align-items:center;justify-content:center;gap:0;border:2px solid #000;border-radius:0;background:#fff;color:#000;fill:#000;padding:0 10px;text-align:center;box-shadow:none;position:static;transition:border-color .3s ease,color .3s ease,fill .3s ease,background-color .3s ease}.action-card:hover{border-color:#06f;background:#fff;color:#06f;fill:#06f}.action-card span{font-size:13px;font-weight:600}.action-card small{display:none}.form-grid button,.json-preview,.wide-field{grid-column:1/-1}.json-preview{max-height:420px;overflow:auto;padding:14px;border:1px solid rgba(231,244,239,.18);border-radius:8px;background:var(--surface-strong);color:#e7efe9;font-size:12px;line-height:1.55}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:white;box-shadow:inset 0 1px 0 rgba(16,35,30,.02)}table{width:100%;min-width:720px;border-collapse:collapse;direction:ltr;text-align:left}td,th{padding:12px;border-bottom:1px solid var(--line);font-size:13px;text-align:inherit;vertical-align:middle;white-space:nowrap}th{background:#edf7f3;color:var(--muted-strong);font-weight:800}td{color:var(--text);max-width:280px;overflow:hidden;text-overflow:ellipsis}tr:last-child td{border-bottom:0}.customers-table table{min-width:1180px;direction:rtl;text-align:right}.orders-table table{min-width:1280px;direction:rtl;text-align:right}.points-customers-table table{min-width:1180px;direction:rtl;text-align:right}.point-transactions-table table{min-width:980px;direction:rtl;text-align:right}.rewards-table table{min-width:1180px;direction:rtl;text-align:right}.product-cashback-table table{min-width:1080px;direction:rtl;text-align:right}.redemptions-table table{min-width:1320px;direction:rtl;text-align:right}.segments-table table,.tiers-table table{min-width:1240px;direction:rtl;text-align:right}.segment-details-panel{grid-gap:12px;gap:12px;padding:12px}.order-details-panel,.segment-details-panel{display:grid;border:1px solid var(--line);border-radius:8px;background:#f8faf8}.order-details-panel{grid-gap:14px;gap:14px;padding:14px}.order-details-modal-card{width:min(920px,100%)}.order-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.order-details-header div{display:grid;grid-gap:4px;gap:4px}.order-details-header strong{color:var(--text);font-size:15px}.order-details-header span{color:var(--muted-strong);font-size:13px}.order-details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin:0}.order-details-grid div{border:1px solid var(--line);border-radius:8px;background:white;padding:10px}.order-details-grid dt{color:var(--muted-strong);font-size:11px;font-weight:700}.order-details-grid dd{margin:4px 0 0;color:var(--text);font-size:13px;font-weight:700}.employees-table table,.notifications-table table{min-width:1180px;direction:rtl;text-align:right}.customers-table td,.customers-table th,.employees-table td,.employees-table th,.notifications-table td,.notifications-table th,.orders-table td,.orders-table th,.point-transactions-table td,.point-transactions-table th,.points-customers-table td,.points-customers-table th,.product-cashback-table td,.product-cashback-table th,.redemptions-table td,.redemptions-table th,.rewards-table td,.rewards-table th,.segments-table td,.segments-table th{vertical-align:middle}.mono-cell,.number-cell{direction:ltr;text-align:inherit;unicode-bidi:plaintext;font-family:Consolas,Courier New,monospace}.number-cell,.strong-cell{font-weight:800}.strong-cell{min-width:170px;color:var(--text)}.sub-cell{display:block;margin-top:5px;color:var(--muted);font-size:11px;font-weight:700}.table-text-preview{max-width:360px;display:-webkit-box;overflow:hidden;color:var(--muted-strong);line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.table-actions-row{display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.table-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;white-space:nowrap}.table-badge.ok{border-color:rgba(15,118,110,.2);background:#ecfdf5;color:var(--ok)}.table-badge.amber{border-color:rgba(183,121,31,.24);background:#fffbeb;color:var(--amber)}.table-badge.muted{background:#f3f6f4;color:var(--muted-strong)}.tier-inline,.tier-title{display:inline-flex;align-items:center;gap:8px;min-width:0}.tier-inline img,.tier-title img{object-fit:cover;flex:0 0 auto}.tier-icon,.tier-inline img,.tier-inline>span,.tier-title img{width:32px;height:32px;border:1px solid var(--line);border-radius:8px}.tier-icon,.tier-inline>span{display:inline-flex;align-items:center;justify-content:center;background:#f7f8f7;color:var(--text);font-size:11px;font-weight:800;overflow:hidden}.table-action{min-height:30px;height:30px;min-width:66px;background-color:#fff;color:#000;padding:0 9px;font-size:11px}.table-action:hover{background-color:#fff;color:#06f}.table-action.danger{border-color:rgba(180,35,24,.5);color:var(--danger)}.table-action.danger:hover{border-color:var(--danger);background:#fff5f5;color:var(--danger)}.points-delta-positive{color:var(--ok)}.points-delta-negative{color:var(--danger)}.empty-table-note{padding:18px;border:1px dashed var(--line-strong);border-radius:8px;background:var(--surface-soft);text-align:center}.dashboard-toast-wrap{position:fixed;inset-block-start:22px;inset-inline-start:22px;z-index:80;width:min(420px,calc(100vw - 32px));pointer-events:none}.dashboard-toast{display:grid;grid-template-columns:38px minmax(0,1fr) 34px;grid-gap:12px;gap:12px;align-items:start;border:1px solid rgba(180,35,24,.22);border-radius:8px;background:#fff;padding:14px;box-shadow:0 18px 50px rgba(16,35,30,.18);direction:rtl;text-align:right;pointer-events:auto;animation:toast-in .18s ease both}.dashboard-toast.error{background:linear-gradient(180deg,#ffffff,#fff7f7)}.dashboard-toast.success{border-color:rgba(15,118,110,.24);background:linear-gradient(180deg,#ffffff,#f0fdf4)}.toast-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#fff1f2;color:var(--danger);font-size:18px;font-weight:900}.dashboard-toast.success .toast-icon{background:#ecfdf5;color:var(--ok)}.toast-copy{min-width:0;display:grid;grid-gap:4px;gap:4px}.toast-copy strong{color:var(--danger);font-size:14px}.dashboard-toast.success .toast-copy strong{color:var(--ok)}.toast-copy span{color:var(--text);font-size:13px;font-weight:700;line-height:1.6;overflow-wrap:anywhere}.toast-copy small{color:var(--muted);direction:ltr;font-size:11px;font-weight:800;text-align:left}.toast-close{width:34px;min-width:34px;height:34px;min-height:34px;border:1px solid var(--line);background:#fff;color:var(--muted-strong);padding:0;font-size:20px;line-height:1}.toast-close:hover{border-color:rgba(180,35,24,.24);background:#fff5f5;color:var(--danger)}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:rgba(9,20,17,.46);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade-in .16s ease both}.modal-card{width:min(920px,100%);max-height:min(86vh,860px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.68);border-radius:8px;background:var(--surface);box-shadow:0 30px 90px rgba(9,20,17,.32);animation:modal-in .19s ease both}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#f8fbf9)}.modal-header h3{margin:3px 0 0;font-size:22px;line-height:1.2}.icon-button{width:40px;min-width:40px;height:40px;min-height:40px;display:inline-grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--muted-strong);padding:0;font-size:24px;line-height:1;box-shadow:none}.icon-button:hover{border-color:rgba(180,35,24,.24);background:#fff5f5;color:var(--danger)}.modal-body{min-height:0;overflow:auto;padding:20px}.modal-body .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-body form{margin:0}.modal-body label:not(.field){display:grid;grid-gap:7px;gap:7px;color:var(--muted-strong);font-size:13px;font-weight:800}.points-modal-card{width:min(1080px,100%)}.reward-modal-card{width:min(980px,100%)}.product-picker-legacy-hidden{display:none!important}.product-picker-field{align-content:start}.product-picker-button{width:100%;min-height:48px;justify-content:flex-start;border:1px solid var(--line);background:#fff;color:var(--text);box-shadow:none;text-align:start}.product-picker-selected{display:grid;grid-gap:4px;gap:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:10px 12px;color:var(--muted);font-size:12px;font-weight:700}.product-picker-selected strong{color:var(--text);font-size:13px}.product-picker-overlay{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:24px;background:rgba(9,20,17,.52);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.product-picker-panel{width:min(760px,100%);max-height:min(84vh,720px);border:1px solid rgba(255,255,255,.68);border-radius:8px;background:var(--surface);box-shadow:0 30px 90px rgba(9,20,17,.34)}.product-picker-body,.product-picker-panel{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.product-picker-body{min-height:0;grid-gap:14px;gap:14px;padding:18px}.product-picker-results{min-height:220px;display:grid;align-content:start;grid-gap:8px;gap:8px;overflow:auto;-webkit-padding-end:4px;padding-inline-end:4px}.product-picker-result{width:100%;min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:10px 12px;box-shadow:none;text-align:start}.product-picker-result:hover{border-color:rgba(20,124,92,.28);background:var(--accent-soft)}.product-picker-result span{min-width:0;display:grid;grid-gap:3px;gap:3px}.product-picker-result small,.product-picker-result strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-picker-result small{color:var(--muted);font-size:11px}.product-picker-result em{color:var(--accent-dark);font-style:normal;font-weight:900}.product-picker-empty{border:1px dashed var(--line);border-radius:8px;background:var(--surface-soft);padding:18px;color:var(--muted);font-weight:800;text-align:center}.segment-modal-card{width:min(1040px,100%)}.notification-modal-card{width:min(980px,100%)}.employee-modal-card{width:min(940px,100%)}.points-modal-body{display:grid;grid-gap:16px;gap:16px}.points-wallet-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.points-wallet-summary div{display:grid;grid-gap:5px;gap:5px;min-height:82px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:12px}.points-wallet-summary span{color:var(--muted);font-size:12px;font-weight:800}.points-wallet-summary strong{color:var(--accent-dark);font-size:24px;line-height:1}.points-modal-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:10px}.points-modal-tabs button{min-width:120px}.points-modal-tabs button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.points-adjust-form,.points-history-panel{animation:page-in .16s ease both}.rewards-summary{align-items:center}.rewards-summary .button-row{justify-content:flex-end}.redemptions-history-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:10px 12px;color:var(--muted-strong);font-size:13px;font-weight:800}.redemptions-history-placeholder{display:grid;grid-gap:6px;gap:6px;border:1px dashed rgba(24,114,93,.28);border-radius:8px;background:#f7fbf9;padding:16px}.redemptions-history-placeholder strong{color:var(--accent-dark);font-size:15px}.redemptions-history-placeholder span{color:var(--muted-strong);font-size:13px;line-height:1.6}.reward-redeem-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.reward-redeem-summary div{display:grid;grid-gap:5px;gap:5px;min-height:74px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:12px}.reward-redeem-summary span{color:var(--muted);font-size:12px;font-weight:800}.reward-redeem-summary strong{color:var(--accent-dark);font-size:18px}.permissions-reference{display:grid;grid-gap:6px;gap:6px;border:1px dashed var(--line-strong);border-radius:8px;background:var(--surface-soft);padding:12px}.permissions-reference strong{color:var(--accent-dark);font-size:13px}.permissions-reference span{color:var(--muted-strong);direction:ltr;font-size:12px;line-height:1.7;text-align:left;overflow-wrap:anywhere}@keyframes page-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1180px){.overview-dashboard{grid-template-columns:1fr}.analytics-card-large,.analytics-card-wide{grid-column:auto;grid-row:auto}.metric-card-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.donut-chart-wrap{grid-template-columns:1fr;justify-items:center}.donut-legend{width:100%}.customer-search,.toolbar-actions{grid-column:1/-1}}@media (max-width:1020px){.dashboard,.dashboard:has(.sidebar.collapsed){grid-template-columns:1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:auto;grid-template-rows:auto auto auto;gap:12px;border-left:0;border-bottom:1px solid rgba(221,231,226,.95);box-shadow:0 12px 28px rgba(16,35,30,.08)}.sidebar,.sidebar.collapsed{padding:16px}.sidebar.collapsed .account-box span,.sidebar.collapsed .account-box strong,.sidebar.collapsed .brand-block>div,.sidebar.collapsed .nav-copy{display:grid}.sidebar.collapsed .account-box span{display:block}.sidebar.collapsed .brand-block{justify-content:space-between;min-height:auto}.sidebar.collapsed .sidebar-toggle{width:34px;min-width:34px;height:34px;min-height:34px;font-size:23px}.brand-block{align-items:center;padding-bottom:10px}.brand-block h1{font-size:22px}.brand-block span{font-size:12px}.sidebar-toggle{display:none}.sidebar nav{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 0 4px;scroll-snap-type:x proximity}.sidebar nav button,.sidebar.collapsed nav button{width:210px;min-width:210px;min-height:52px;grid-template-columns:36px minmax(0,1fr);padding:8px 10px;scroll-snap-align:start}.nav-icon{width:36px;height:36px}.nav-copy small{display:none}.account-box,.sidebar.collapsed .account-box{width:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:4px 12px;gap:4px 12px;border:1px solid var(--line);background:var(--surface-soft);padding:10px 12px}.account-box button,.sidebar.collapsed .account-box button{grid-row:1/span 2;grid-column:2;min-height:36px;margin:0;padding:0 18px}.grid,.login-shell{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;min-width:0;justify-content:flex-start}.topbar-actions select{flex:1 1 220px;width:auto}}@media (max-width:680px){.login-page,.sidebar,.workspace{padding:14px}.login-card,.login-copy,.panel,.topbar{padding:16px}.action-grid,.form-grid,.metric-card-grid,.permission-checkbox-grid,.points-wallet-summary,.reward-redeem-summary,.stats-grid,.variable-grid{grid-template-columns:1fr}.overview-dashboard{gap:12px}.analytics-card{min-height:0;padding:14px}.analytics-card-large{min-height:0}.analytics-heading h3,.metric-card-heading strong{font-size:24px}.area-chart{min-height:220px}.area-chart svg{min-height:190px}.vertical-chart-grid{min-height:140px}.sidebar{position:static;gap:10px}.brand-block{align-items:flex-start}.brand-block h1{font-size:20px}.sidebar nav{margin-inline:-4px;padding-inline:4px}.sidebar nav button,.sidebar.collapsed nav button{width:156px;min-width:156px;min-height:48px;grid-template-columns:32px minmax(0,1fr);gap:8px}.nav-icon{width:32px;height:32px}.nav-icon-svg{width:17px;height:17px}.nav-copy span{font-size:13px}.integration-summary-heading,.sync-banner{align-items:stretch;flex-direction:column}.integration-summary-heading .button-row,.integration-summary-heading .button-row button{width:100%}.customer-toolbar,.integration-fields{grid-template-columns:1fr}.customer-search,.toolbar-actions{grid-column:auto}.pagination-bar,.table-summary,.toolbar-actions{align-items:stretch;flex-direction:column;display:flex}.pagination-bar button,.toolbar-actions button{width:100%}.order-details-header{align-items:stretch;flex-direction:column}.order-details-grid{grid-template-columns:1fr}.account-box,.sidebar.collapsed .account-box{width:auto;grid-template-columns:1fr}.account-box button,.sidebar.collapsed .account-box button{grid-row:auto;grid-column:auto;width:100%}.modal-backdrop,.product-picker-overlay{padding:12px}.product-picker-result{grid-template-columns:1fr;align-items:start}.dashboard-toast-wrap{inset-block-start:12px;inset-inline-start:12px;width:calc(100vw - 24px)}.modal-body .form-grid{grid-template-columns:1fr}.topbar-actions{display:grid;grid-template-columns:1fr auto;align-items:stretch;grid-gap:8px;gap:8px}.topbar-actions select{width:100%}.topbar-actions .status-pill{width:auto}.topbar-actions .refresh-data-button{grid-column:1/-1;width:100%}.donut-chart{width:150px}}