@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;700;800&family=Cairo:wght@400;600;700;800&display=swap";:root{--bg:#f6efe6;--bg-soft:#fff8f1;--surface:#fffcf7eb;--surface-strong:#fffdf9;--ink:#193338;--ink-soft:#5f6f71;--brand:#1f8a8a;--brand-strong:#166a6a;--accent:#ef8f68;--line:#1933381a;--shadow:0 18px 40px #19333817;--radius:24px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:radial-gradient(circle at top left, #ef8f682e, transparent 28%), radial-gradient(circle at bottom right, #1f8a8a24, transparent 24%), var(--bg);margin:0;font-family:Plus Jakarta Sans,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}html[dir=rtl] body{font-family:Cairo,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.login-shell,.workspace-shell{min-height:100vh}.login-shell{grid-template-columns:1.15fr .85fr;display:grid}.login-art{flex-direction:column;justify-content:center;gap:24px;padding:72px;display:flex}.login-art h1,.topbar h1,.hero-card h2{letter-spacing:-.04em;margin:0;font-size:clamp(2.3rem,4vw,4.4rem);line-height:.98}.login-art p,.topbar p,.hero-card p,.panel p{color:var(--ink-soft);margin:0;line-height:1.6}.eyebrow{color:var(--brand-strong);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}.login-flow{gap:14px;margin-top:8px;display:grid}.flow-step,.timeline-item,.line-item,.log-row{align-items:flex-start;gap:14px;display:flex}.merchant-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.merchant-actions--start{justify-content:flex-start}.flow-step span,.timeline-item span{width:38px;height:38px;color:var(--brand-strong);background:#1f8a8a1f;border-radius:14px;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:inline-flex}.flow-step strong,.timeline-item p,.panel h3,.product-card h4,.customer-card h4{margin:0}.login-panel,.panel,.hero-card,.stat-card{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-panel{background:var(--surface);border-radius:32px;align-self:center;margin:36px;padding:32px}.login-panel__top,.topbar,.panel__header,.stack-inline,.product-card__footer,.conversation-card__top,.conversation-card__meta,.hero-meta,.topbar-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel__header{align-items:flex-start;margin-bottom:18px}.panel__header>div{gap:4px;display:grid}.demo-switch,.language-switcher{flex-wrap:wrap;gap:10px;display:flex}.chip,.lang-button,.secondary-button,.primary-button,.search-input,.login-form input,.login-form select,.order-form input,.order-form select{border:1px solid var(--line);border-radius:16px}.chip,.lang-button,.secondary-button{color:var(--ink);background:#ffffffb8}.chip,.lang-button,.secondary-button,.primary-button{padding:12px 16px;font-weight:700}.chip--muted{opacity:.85}.lang-button--active,.primary-button{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-strong))}.login-form{gap:16px;margin-top:22px;display:grid}.login-form label,.order-form label{gap:8px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.login-form span,.order-form span{font-weight:700}.login-form input,.login-form select,.order-form input,.order-form select,.draft-textarea,.search-input{background:#ffffffeb;width:100%;padding:14px 16px}.draft-textarea{resize:vertical;min-height:120px}.error-text{color:#b94234}.workspace-shell{grid-template-columns:300px 1fr;display:grid}.sidebar{color:#ffffffeb;background:#183338;flex-direction:column;gap:28px;min-height:100vh;padding:28px;display:flex;position:sticky;top:0}.brand-block,.role-card{align-items:center;gap:14px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--accent), #ffd78d);color:#0c252b;border-radius:18px;place-items:center;width:52px;height:52px;font-size:1.4rem;font-weight:800;display:grid}.brand-block p,.role-card p,.nav-link small,.sidebar-footer p{color:#ffffffa8;margin:0}.sidebar-nav{gap:8px;display:grid}.nav-link{color:inherit;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:all .18s;display:flex}.nav-link:hover,.nav-link--active{background:#ffffff1a}.nav-link span{background:#ffffff14;border-radius:12px;place-items:center;width:36px;height:36px;font-size:.78rem;font-weight:700;display:inline-grid}.sidebar-footer{gap:12px;margin-top:auto;display:grid}.role-card{background:#ffffff14;border-radius:18px;padding:14px}.role-card span{color:#173237;background:linear-gradient(135deg,#fff1dd,#ffd78d);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.workspace-main{padding:28px}.topbar{margin-bottom:22px}.pill{border:1px solid var(--line);background:#ffffffd1;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-weight:700;display:inline-flex}.pill__dot,.check{background:#19333833;border-radius:999px;width:12px;height:12px}.page-grid,.stat-grid,.split-grid,.integration-grid,.product-grid,.customer-grid,.zone-grid{gap:20px;display:grid}.hero-card{background:linear-gradient(135deg, #1f8a8aeb, #183338eb), var(--surface-strong);color:#fff;border-radius:30px;padding:28px}.hero-card .eyebrow,.hero-card p,.hero-card span{color:#ffffffc7}.hero-meta{flex-wrap:wrap;margin-top:28px}.hero-meta strong{font-size:1.8rem;display:block}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.panel{border-radius:var(--radius);background:var(--surface);padding:24px}.stat-card strong{margin:12px 0 6px;font-size:2rem;line-height:1;display:block}.stat-card span,.stat-card small,.detail-card--summary p,.detail-card--summary span{color:var(--ink-soft)}.detail-card--summary p{margin:12px 0 0;line-height:1.55}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid--orders{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.timeline-list,.checklist,.stack,.funnel-list,.conversation-list,.chat-thread{gap:14px;display:grid}.checklist-item{align-items:center;gap:12px;display:flex}.checklist--spaced{margin-top:18px}.check--done{background:var(--brand)}.alert-card,.draft-box,.order-builder,.order-line-card,.ai-suggestion-card,.template-card,.zone-card,.customer-card,.product-card,.product-detail-card,.conversation-card{border:1px solid var(--line);background:#ffffffd6;border-radius:22px}.alert-card,.draft-box,.order-builder,.ai-suggestion-card,.order-line-card,.template-card,.customer-card,.zone-card{padding:18px}.alert-card--warning{border-color:#ef8f6866}.alert-card--success{border-color:#1f8a8a59}.mono-text{word-break:break-word;font-family:SFMono-Regular,ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:.9rem}.inbox-layout{grid-template-columns:360px 1fr;gap:18px;display:grid}.panel--list,.panel--chat{min-height:68vh}.conversation-card{text-align:start;padding:16px}.conversation-card__profile,.conversation-header-profile,.customer-card__profile,.customer-detail-header{align-items:center;gap:14px;display:flex}.conversation-card__identity{gap:4px;display:grid}.conversation-card__identity small,.conversation-card__meta small{color:var(--ink-soft)}.conversation-card__signals{align-items:center;gap:8px;display:flex}.profile-avatar{color:var(--brand-strong);letter-spacing:.04em;background:linear-gradient(135deg,#1f8a8a29,#ef8f682e);border:1px solid #19333814;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex;overflow:hidden;box-shadow:0 10px 24px #19333814}.profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.profile-avatar--sm{width:44px;height:44px;font-size:.9rem}.profile-avatar--md{width:60px;height:60px;font-size:1rem}.profile-avatar--fallback{text-transform:uppercase}.conversation-unread-badge{background:linear-gradient(135deg, var(--accent), #ffb27d);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 10px 20px #ef8f683d}.conversation-card--active{border-color:#1f8a8a66;box-shadow:0 14px 30px #1f8a8a14}.conversation-card p,.message-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 14px;line-height:1.6}.conversation-card__preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-thread{max-height:48vh;padding-inline-end:8px;overflow:auto}.chat-bubble{background:#1933380f;border-radius:20px;max-width:78%;padding:14px 16px}.chat-bubble--ai{background:#1f8a8a24;margin-inline-start:auto}.chat-bubble strong,.chat-bubble small{margin-bottom:6px;display:block}.message-text{margin-bottom:8px}.attachment-stack{gap:10px;margin:12px 0;display:grid}.attachment-card{color:inherit;gap:6px;text-decoration:none;display:grid}.attachment-card--media{border:1px solid var(--line);background:#ffffffb8;border-radius:16px;padding:12px}.attachment-card--image img{border:1px solid var(--line);border-radius:16px;width:100%;max-width:280px;display:block}.attachment-card span{font-weight:700}.attachment-card audio,.attachment-video{width:100%;max-width:320px}.attachment-video{border:1px solid var(--line);background:#000;border-radius:16px}.draft-box{justify-content:space-between;gap:18px;margin-top:18px;display:flex}.ai-suggestion-card{gap:14px;margin-top:18px;display:grid}.ai-suggestion-card__signals{flex-wrap:wrap}.order-builder{margin-top:18px}.order-form{gap:16px;margin-top:16px;display:grid}.delivery-form-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.payment-method-form{gap:16px;margin-top:12px;display:grid}.payment-method-form__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:16px;display:grid}.payment-method-form__count{min-height:100%}.payment-method-form__actions{justify-content:flex-start;display:flex}.delivery-zones-section--payments{margin-top:22px}.payment-method-list{gap:12px;display:grid}.payment-method-card{border:1px solid var(--line);background:#ffffffc7;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.payment-method-card small{color:var(--ink-soft);margin-top:6px;display:block}.zone-card__top{justify-content:space-between;align-items:start;gap:16px;display:flex}.zone-card__meta{gap:6px;margin-top:12px;display:grid}.zone-card__meta span{color:var(--ink);font-size:1.35rem;font-weight:800}.zone-card__meta small{color:var(--ink-soft);line-height:1.45}.zone-city-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.zone-city-pill{color:var(--brand-strong);background:#1f8a8a14;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:700}.zone-card__actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.delivery-zones-section{border-top:1px solid var(--line);gap:18px;margin-top:28px;padding-top:22px;display:grid}.delivery-zones-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.delivery-zones-header strong{font-size:1.05rem;display:block}.delivery-zones-header small{max-width:320px;color:var(--ink-soft);text-align:end}.order-line-card{gap:14px;display:grid}.order-total{gap:4px;display:grid}.order-total span{color:var(--ink-soft);font-size:.86rem}.product-grid,.customer-grid,.zone-grid,.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-grid--pricing{flex:1;grid-template-columns:repeat(3,minmax(0,1fr))}.detail-card,.line-item-card{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;padding:16px}.panel--integration{gap:14px;display:grid}.detail-card span,.detail-list span{color:var(--ink-soft);margin-bottom:8px;display:block}.detail-card strong{display:block}.detail-card--compact{align-content:center;display:grid}.detail-list{border:1px solid var(--line);background:#ffffff85;border-radius:18px;padding:14px 16px}.detail-list p{margin-top:6px}.detail-list--warning{background:#b942340d;border-color:#b942342e}.catalog-toolbar{grid-template-columns:minmax(0,1.5fr) minmax(200px,.6fr) minmax(200px,.6fr);gap:12px;margin-bottom:16px;display:grid}.catalog-summary-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.line-item-card{text-align:start;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.line-item-card--active,.customer-card--active,.data-table__row--active{border-color:#1f8a8a66;box-shadow:0 14px 30px #1f8a8a14}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag-pill{color:var(--brand-strong);background:#1f8a8a1f;border-radius:999px;padding:8px 10px;font-size:.82rem;font-weight:700}.product-card{overflow:hidden}.product-card--button{text-align:start;border:1px solid var(--line);cursor:pointer;background:#ffffffd6;width:100%;padding:0}.product-card--active{border-color:#1f8a8a66;box-shadow:0 14px 30px #1f8a8a14}.product-detail-card{overflow:hidden}.product-editor-hero{border:1px solid var(--line);background:#1f8a8a14;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:12px;padding:16px 18px;display:flex}.product-visual{align-items:flex-end;min-height:150px;padding:18px;display:flex}.product-visual--image{background:#f7f1ea;min-height:220px;padding:0}.product-visual--image img{object-fit:cover;width:100%;height:220px;display:block}.product-visual span{background:#fffc;border-radius:999px;padding:8px 12px;font-weight:700}.product-card__body{padding:18px}.product-summary-row{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.product-card__hint{color:var(--ink-soft);margin-top:14px;display:block}.color-chip-row{align-items:center;gap:10px;display:inline-flex}.color-chip{border:1px solid #19333824;border-radius:999px;flex-shrink:0;width:16px;height:16px}.status-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.status-badge--success{color:#0f6d66;background:#1f8a8a1f}.status-badge--warning{color:#b55a2d;background:#ef8f6824}.status-badge--info{color:#3356b0;background:#778beb24}.status-badge--danger{color:#b94234;background:#b9423424}.status-badge--neutral{color:var(--ink-soft);background:#19333814}.data-table{gap:12px;display:grid}.data-table__head,.data-table__row{grid-template-columns:1.1fr 1.2fr .8fr .9fr .8fr;align-items:center;gap:12px;display:grid}.data-table__head{color:var(--ink-soft);text-transform:uppercase;font-size:.82rem}.data-table__row{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;padding:16px}.data-table__head--products,.data-table__row--products{grid-template-columns:1.6fr .9fr .7fr .8fr}.data-table__head--payments,.data-table__row--payments,.data-table__head--rules,.data-table__row--rules,.data-table__head--analytics,.data-table__row--analytics{grid-template-columns:1.1fr 1.1fr .8fr 1.1fr}.data-table__head--admin,.data-table__row--admin{grid-template-columns:1.4fr .9fr .9fr 1fr .7fr}.table-cell-stack{gap:4px;min-width:0;display:grid}.table-cell-stack strong,.table-cell-stack small,.table-cell-stack span{display:block}.table-cell-stack small,.table-mini-list small{color:var(--ink-soft)}.table-mini-list{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.table-mini-list .tag-pill{padding:6px 10px}.table-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.product-status-stack{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.product-listing-cell{align-items:center;gap:14px;min-width:0;display:flex}.product-listing-cell__thumb{object-fit:cover;border:1px solid var(--line);background:#f7f1ea;border-radius:16px;flex-shrink:0;width:56px;height:56px}.product-listing-cell__thumb--fallback{color:var(--brand-strong);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.product-listing-cell strong,.product-listing-cell small{display:block}.product-listing-cell small,.product-row-stack small{color:var(--ink-soft)}.product-listing-cell .tag-list{margin-top:8px}.product-row-stack{gap:6px;display:grid}.data-table__row--button,.customer-card--button{text-align:start;width:100%}.row-select-button{color:inherit;text-align:start;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.row-select-button strong{display:block}.status-editor{gap:8px;display:grid}.secondary-button--small{padding:10px 12px;font-size:.82rem}.zone-card span,.customer-card strong{margin-top:10px;font-size:1.2rem;display:block}.threshold-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.threshold-card div{background:#1f8a8a14;border-radius:20px;padding:18px}.threshold-card strong{margin-top:8px;font-size:2.2rem;display:block}.hero-card--compact{align-items:start}.hero-meta--stack{align-items:end}.helper-text{color:var(--ink-soft);margin:16px 0 0}.leaderboard-list,.channel-grid,.insight-grid,.admin-merchant-grid{gap:14px;display:grid}.leaderboard-card,.admin-merchant-card{border:1px solid var(--line);background:#ffffffdb;border-radius:22px;box-shadow:0 12px 28px #1833380d}.leaderboard-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.leaderboard-card__rank{width:44px;height:44px;color:var(--brand-strong);background:#1f8a8a1f;border-radius:16px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.leaderboard-card__body{gap:4px;display:grid}.leaderboard-card__body p,.admin-merchant-card__meta span{color:var(--ink-soft)}.leaderboard-card__metric{color:var(--brand-strong);font-weight:800}.channel-grid,.insight-grid,.admin-merchant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-merchant-card{gap:16px;padding:20px;display:grid}.admin-merchant-card--active{border-color:#1f8a8a57;box-shadow:0 16px 34px #1f8a8a1a}.admin-merchant-card__meta{flex-wrap:wrap;gap:10px 14px;display:flex}.empty-state--inline{text-align:start;align-items:flex-start;min-height:100%;padding:14px 0}.panel-step{letter-spacing:.18em;text-transform:uppercase;color:var(--brand);margin:0 0 8px;font-size:.8rem;font-weight:800}.panel-body-copy{max-width:64ch;color:var(--ink-soft);margin:8px 0 0}.field-group{gap:8px;display:grid}.field-label{font-weight:700}.field-help{color:var(--ink-soft);line-height:1.45}.select-shell{width:100%;position:relative}.form-select{width:100%;color:var(--ink);font:inherit;appearance:none;background:linear-gradient(#fffffffa,#f7f1ebf5);border:1px solid #1933381f;border-radius:18px;padding:15px 48px 15px 16px;box-shadow:inset 0 1px #ffffffeb,0 8px 18px #1833380f}.form-select:focus{border-color:#1f8a8a66;outline:2px solid #1f8a8a33}.select-shell__icon{inset-inline-end:16px;pointer-events:none;color:var(--ink-soft);font-size:1.1rem;position:absolute;top:50%;transform:translateY(-50%)}.ai-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.option-card{border:1px solid var(--line);text-align:start;cursor:pointer;background:#ffffffe0;border-radius:20px;padding:20px;transition:all .18s;box-shadow:0 10px 22px #1833380a}.option-card:hover,.option-card--active{background:linear-gradient(#e9f8f6f5,#f8fcfbf0);border-color:#1f8a8a57;transform:translateY(-1px)}.option-card strong,.option-card p{margin:0;display:block}.option-card__header{justify-content:space-between;align-items:start;gap:12px;display:flex}.option-card__state{color:var(--ink-soft);background:#19333814;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:.78rem;font-weight:700}.option-card__state--active{color:var(--brand);background:#1f8a8a24}.option-card p{color:var(--ink-soft);margin-top:8px;line-height:1.55}.threshold-card input[type=range]{width:100%;margin-top:16px}.bar{background:#19333814;border-radius:999px;width:100%;height:10px}.bar__fill{border-radius:inherit;background:linear-gradient(135deg, var(--accent), var(--brand));height:100%}.log-row span{min-width:50px;color:var(--ink-soft)}.empty-state{text-align:center;background:var(--surface);border:1px solid var(--line);min-height:240px;box-shadow:var(--shadow);border-radius:28px;place-items:center;padding:32px;display:grid}.empty-state--fullscreen{min-height:100vh}.loader{border:4px solid #1f8a8a2e;border-top-color:var(--brand);border-radius:999px;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.workspace-shell,.login-shell,.split-grid,.split-grid--orders,.inbox-layout,.stat-grid,.product-grid,.customer-grid,.zone-grid,.integration-grid,.option-grid,.ai-summary-grid,.channel-grid,.insight-grid,.admin-merchant-grid{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}}@media (width<=720px){.login-art,.login-panel,.workspace-main,.sidebar{margin:0;padding:20px}.topbar,.draft-box,.panel__header,.hero-meta,.data-table__head,.data-table__row{display:grid}.detail-grid,.catalog-toolbar,.catalog-summary-row{grid-template-columns:1fr}.delivery-zones-header{display:grid}.delivery-zones-header small{text-align:start;max-width:none}.data-table__head{display:none}.data-table__row,.data-table__head--products,.data-table__row--products,.data-table__head--payments,.data-table__row--payments,.data-table__head--rules,.data-table__row--rules,.data-table__head--analytics,.data-table__row--analytics,.data-table__head--admin,.data-table__row--admin{grid-template-columns:1fr}.hero-card,.panel,.stat-card,.login-panel{border-radius:24px}.form-grid,.payment-method-form__grid{grid-template-columns:1fr}}