@import"https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200..700&display=swap";:root{color-scheme:light;font-family:Readex Pro,ui-sans-serif,system-ui,-apple-system,sans-serif;--bg: #f8fafc;--surface: #ffffff;--surface-soft: #f1f5f9;--ink: #064e3b;--muted: #64748b;--line: #e2e8f0;--primary: #059669;--primary-strong: #065f46;--primary-soft: #ecfdf5;--secondary: #d97706;--secondary-soft: #fffbeb;--accent: #f59e0b;--accent-soft: #fffbeb;--danger: #ef4444;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--glass: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top right,rgba(15,122,67,.08),transparent 26%),radial-gradient(circle at bottom left,rgba(216,147,16,.09),transparent 22%),var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}button{cursor:pointer;border:none;outline:none}input,select,textarea{min-height:48px;width:100%;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);padding:0 16px;font-weight:500}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);direction:rtl}.app-shell.no-sidebar{grid-template-columns:1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--surface);border-left:1px solid var(--line);padding:32px 24px;display:flex;flex-direction:column;gap:32px;box-shadow:var(--shadow-sm)}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--primary-strong);font-weight:700;font-size:24px;letter-spacing:-.02em}.brand-mark{width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary);color:#fff;display:inline-grid;place-items:center;box-shadow:var(--shadow-lg)}.app-switcher,.nav-list{display:grid;gap:12px}.app-switcher a,.nav-item{min-height:52px;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:12px;padding:0 16px;font-weight:600;color:var(--muted);border:1px solid transparent}.app-switcher a.active{background:var(--primary-soft);color:var(--primary-strong);border-color:var(--primary)}.app-switcher a:not(.active):hover{background:var(--surface-soft);color:var(--ink)}.nav-item{background:transparent;color:var(--muted)}.nav-item.active{background:var(--surface-soft);color:var(--ink)}.ghost-button{background:transparent;border:1px solid transparent;color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-radius:var(--radius-md)}.ghost-button:hover{color:var(--ink);background:var(--surface-soft)}.primary-button{min-height:52px;background:var(--primary);color:#fff;border-radius:var(--radius-md);padding:0 24px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow-md)}.primary-button:hover{background:var(--primary-strong);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.secondary-button{min-height:52px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-md);padding:0 24px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px}.secondary-button:hover{background:var(--surface-soft);border-color:var(--muted)}.workspace{background:var(--bg)}.topbar{position:sticky;top:0;z-index:50;height:80px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between}.topbar-title{display:flex;align-items:center;gap:20px}.topbar-title strong{font-size:20px;display:block}.topbar-title span{font-size:14px;color:var(--muted)}.identity-chip{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-full, 999px)}.identity-chip strong{color:var(--primary);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.logout-button{min-height:44px;border:0;border-radius:8px;padding:0 16px;font-weight:850}.page-stack{padding:40px;max-width:1440px;margin:0 auto;display:grid;gap:40px}.hero-card{position:relative;min-height:480px;border-radius:var(--radius-xl);overflow:hidden;display:flex;align-items:center;background:var(--ink);box-shadow:var(--shadow-xl)}.hero-overlay{position:relative;z-index:10;padding:60px;max-width:800px;display:grid;gap:24px}.section-kicker{color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:14px}.hero-overlay h1{font-size:56px;line-height:1.1;color:#fff;margin:0;font-weight:800}.hero-overlay p{font-size:18px;line-height:1.6;color:#ffffffb3;margin:0}.hero-actions{display:flex;gap:16px;margin-top:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-card{background:var(--surface);padding:32px;border-radius:var(--radius-lg);border:1px solid var(--line);display:grid;gap:12px;box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card strong{font-size:32px;font-weight:800;color:var(--ink)}.stat-card p{color:var(--muted);font-size:15px;font-weight:500}.surface-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm)}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{font-size:28px;font-weight:700;margin:0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.product-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--line);overflow:hidden;transition:all .3s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.product-media{height:240px;background:var(--surface-soft);position:relative;display:grid;place-items:center;overflow:hidden}.product-body{padding:24px;display:grid;gap:16px;flex:1}.product-body h3{font-size:20px;margin:0;font-weight:700}.product-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--line)}.product-footer strong{font-size:22px;color:var(--primary)}.whatsapp-link{color:#25d366;font-weight:700;display:flex;align-items:center;gap:8px}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.role-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--line);overflow:hidden;transition:all .3s}.role-card:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.role-card-visual{height:200px;background-size:cover;background-position:center}.role-card-body{padding:24px;display:grid;gap:12px}.role-card-body h3{font-size:22px;margin:0}.toolbar-card label,.form-grid label,.inline-field label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:850}.search-field{min-height:46px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;padding:0 12px 0 8px}.search-field svg{color:var(--muted)}.search-field input{border:0;outline:0;background:transparent;padding:0}.toggle{min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);display:inline-flex;align-items:center;gap:10px;padding:0 12px;color:var(--green-strong);font-weight:800}.toggle input{display:none}.toggle span{width:40px;height:22px;border-radius:999px;background:#bcc8c0;position:relative}.toggle span:after{content:"";position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s ease}.toggle input:checked+span{background:var(--green)}.toggle input:checked+span:after{transform:translate(-18px)}.section-head,.section-header-inline{display:flex;align-items:end;justify-content:space-between;gap:12px}.section-head strong,.section-header-inline span{color:var(--muted);font-size:13px;font-weight:800}.product-card,.plan-card,.merchant-directory-card{background:var(--surface);border:1px solid rgba(219,228,222,.88);border-radius:8px;box-shadow:0 14px 28px #141e190f;overflow:hidden}.product-card{display:grid}.product-media{min-height:190px;padding:18px;color:#fff;display:grid;align-content:end;gap:8px}.product-media span{width:fit-content;min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:#ffffff24;font-size:12px;font-weight:850}.product-media strong{font-size:24px;line-height:1.2}.tone-phone{background:linear-gradient(135deg,#0f172a,#1d4ed8 56%,#58d1ff)}.tone-fashion{background:linear-gradient(135deg,#431426,#b93560 54%,#ffc2d5)}.tone-parts{background:linear-gradient(135deg,#0c2d24,#0a8b61 54%,#9cf1cf)}.tone-device{background:linear-gradient(135deg,#41260f,#ce7b14 54%,#f8ddb1)}.product-body{padding:16px;display:grid;gap:12px}.meta-top,.product-footer,.merchant-directory-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.status-pill,.tag-pill{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;font-size:12px;font-weight:850}.status-pill.success{background:var(--green-soft);color:var(--green-strong)}.status-pill.warning{background:var(--amber-soft);color:#8b5a00}.status-pill.danger{background:#fff1ef;color:#aa3829}.status-pill.muted,.tag-pill{background:#f1f4f2;color:#56655d}.muted-strong{color:#32413a;font-weight:850}.meta-list{display:grid;gap:8px}.meta-list span{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.meta-list.compact span{font-size:12px}.meta-list svg{color:var(--green);width:16px;height:16px}.product-footer small,.plan-summary span{color:var(--muted)}.product-footer strong,.plan-summary strong{display:block;font-size:24px}.whatsapp-link{min-height:40px;border-radius:8px;border:1px solid #97c9ad;background:#f4faf6;color:var(--green-strong);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-weight:850}.dual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-header-inline{align-items:center}.list-stack{display:grid;gap:10px}.info-row{border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.info-row.expanded{grid-template-columns:minmax(0,1fr) auto}.info-row div{display:grid;gap:4px}.info-row strong{font-size:15px}.info-row span{color:var(--muted);font-size:12px}.info-row em{font-style:normal;color:#8b5a00;font-size:12px;font-weight:850}.merchant-pill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split-layout,.owner-layout{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:start}.column-main,.column-side{display:grid;gap:18px}.highlight-card{background:linear-gradient(135deg,#0f7a4314,#d8931014),var(--surface)}.plan-summary{display:grid;gap:8px}.plan-summary p{color:var(--muted)}.form-grid{padding:0}.merchant-settings-form{grid-template-columns:repeat(3,minmax(0,1fr)) 120px}.product-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-form-grid button{align-self:end}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 10px;text-align:right;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);background:#f8faf9;font-size:12px}tbody tr:hover{background:#fcfdfc}.empty-state{min-height:120px;border:1px dashed #b6c4bc;border-radius:8px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:18px;font-weight:800}.empty-state.small{min-height:72px}.owner-layout .column-side{position:sticky;top:96px}.merchant-directory-card,.plan-card{padding:16px;display:grid;gap:12px}.merchant-directory-head strong,.plan-card strong{font-size:18px}.merchant-directory-head span,.plan-card span{font-size:13px}.inline-field{display:grid;gap:6px}.owner-plan-form{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-field{min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:0 12px;display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.checkbox-field input{width:18px;min-height:auto}.wide-field,.action-row.full-width{grid-column:1 / -1}.subscription-form{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-shell{min-height:100vh;background:radial-gradient(circle at top right,rgba(15,122,67,.14),transparent 26%),radial-gradient(circle at bottom left,rgba(216,147,16,.12),transparent 22%),#eef3ef;display:grid;place-items:center;padding:28px}.auth-layout{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);background:#ffffff8f;border:1px solid rgba(219,228,222,.88);border-radius:8px;box-shadow:var(--shadow);overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-visual{position:relative;min-height:640px;background-image:url(/auth_splash.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#fff}.auth-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#fff0 60%,#ffffff1a)}.auth-shell.role-customer .auth-visual,.auth-shell.role-merchant .auth-visual,.auth-shell.role-owner .auth-visual{background-image:url(/auth_splash.png)}.auth-overlay{position:absolute;inset:auto 0 0;z-index:1;padding:28px;display:grid;gap:12px;color:#fff}.auth-kicker{width:fit-content;min-height:30px;padding:0 10px;border-radius:999px;background:#ffffff24;display:inline-flex;align-items:center;font-size:12px;font-weight:850}.auth-overlay h1,.auth-card h2{margin:0}.auth-card{background:#ffffffe6;padding:28px;display:grid;align-content:center;gap:14px}.auth-brand{display:inline-flex;align-items:center;gap:10px;color:var(--green-strong);font-weight:900;font-size:22px}.auth-card p{margin:0;color:var(--muted);line-height:1.7}@media(max-width:1280px){.stats-grid,.product-grid,.role-showcase-grid,.merchant-directory,.plan-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-card,.owner-plan-form,.subscription-form{grid-template-columns:1fr 1fr}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-left:0;border-bottom:1px solid var(--line);padding:14px}.app-switcher,.nav-list{display:flex;overflow-x:auto;padding-bottom:4px}.app-switcher a,.nav-item{flex:0 0 auto}.topbar{position:static;padding:14px;flex-direction:column;align-items:stretch}.topbar-actions,.topbar-title{width:100%;justify-content:space-between}.page-stack{padding:16px}.feedback-banner{margin:14px 16px 0}.hero-card,.split-layout,.owner-layout,.dual-grid,.toolbar-card,.merchant-settings-form,.product-form-grid,.subscription-form,.owner-plan-form,.stats-grid,.merchant-pill-grid,.product-grid,.role-showcase-grid,.merchant-directory,.plan-cards{grid-template-columns:1fr}.hero-overlay h1{font-size:34px}.hero-metrics{padding-top:0;display:none}.auth-layout{grid-template-columns:1fr}.auth-visual{display:none}}@media(max-width:640px){.brand{justify-content:center}.topbar-title{align-items:flex-start}.topbar-actions{flex-direction:column;align-items:stretch}.identity-chip{border-radius:8px}.hero-card{min-height:280px}.hero-overlay,.hero-metrics,.auth-card,.auth-overlay{padding:18px}.hero-overlay h1{font-size:28px}.chip-row button,.filter-row button,.app-switcher a,.nav-item{white-space:nowrap}.section-head,.section-header-inline,.meta-top,.product-footer,.merchant-directory-head{flex-direction:column;align-items:flex-start}.action-row,.table-actions,.hero-actions{flex-direction:column;align-items:stretch}.action-row button,.table-actions button,.hero-actions button,.ghost-button,.primary-button,.secondary-button,.danger-button,.logout-button{width:100%}.info-row,.info-row.expanded{grid-template-columns:1fr}table{min-width:720px}.auth-shell{padding:14px}}.home-features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:80px var(--container-padding);background:var(--surface)}.feature-card{text-align:center;padding:32px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .3s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md)}.feature-card .icon-circle{width:64px;height:64px;background:var(--surface-soft);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px}.feature-card h3{margin-bottom:12px;font-weight:700}.home-stats-banner{display:flex;justify-content:space-around;padding:60px var(--container-padding);background:var(--ink);color:#fff;text-align:center}.stat-item strong{display:block;font-size:40px;color:var(--primary);margin-bottom:8px}.stat-item span{font-size:14px;opacity:.7}.home-footer{background:var(--surface-soft);border-top:1px solid var(--border-light);padding:80px var(--container-padding) 40px}.footer-main{display:grid;grid-template-columns:2fr 1fr;gap:80px;margin-bottom:60px}.footer-brand .brand-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer-brand .brand-logo img{width:40px}.footer-brand .brand-logo strong{font-size:24px;color:var(--ink)}.footer-brand p{max-width:400px;line-height:1.6;color:var(--muted)}.footer-nav{display:flex;gap:64px}.nav-col{display:flex;flex-direction:column;gap:12px}.nav-col strong{margin-bottom:8px;color:var(--ink)}.nav-col button,.nav-col a{background:none;border:none;color:var(--muted);text-align:right;cursor:pointer;font-size:14px;text-decoration:none;padding:0}.nav-col button:hover,.nav-col a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border-light);padding-top:32px;text-align:center;color:var(--muted);font-size:13px}.hero-main-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.dev-credit{display:block;margin-top:12px;font-size:12px;opacity:.6}.dev-credit a{color:var(--primary);text-decoration:none;font-weight:600}.merchant-auth-card{max-width:480px;width:100%;margin:40px auto;padding:40px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000000d;text-align:center}.merchant-circular-logo{width:130px;height:130px;margin:0 auto 24px;border-radius:50%;border:4px solid #d4a76a;padding:4px;background:#fff;display:flex;align-items:center;justify-content:center}.merchant-circular-logo img{width:100%;height:100%;border-radius:50%;object-fit:cover}.merchant-auth-header h2{font-size:36px;font-weight:700;color:#064e3b;margin:0 0 8px}.merchant-auth-header .muted{color:#64748b;font-size:16px;margin-bottom:32px}.auth-fields{display:flex;flex-direction:column;gap:16px}.auth-input-field{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:0 16px;transition:all .2s}.auth-input-field:focus-within{border-color:#064e3b;background:#fff;box-shadow:0 0 0 4px #064e3b1a}.auth-input-field svg{color:#64748b;width:20px;height:20px}.auth-input-field input{flex:1;border:none;background:transparent;padding:16px 0;font-size:15px;font-weight:500;text-align:right;outline:none;width:100%}.auth-options{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:14px}.forgot-password{color:#064e3b;font-weight:700;text-decoration:none}.remember-me{display:flex;align-items:center;gap:8px;color:#475569;cursor:pointer}.remember-me input{width:18px;height:18px;min-height:18px;accent-color:#064e3b}.merchant-login-btn{background:#064e3b!important;color:#fff!important;height:56px;border-radius:12px!important;font-size:18px!important;font-weight:700!important;margin-top:24px;width:100%}.divider{display:flex;align-items:center;margin:24px 0;color:#94a3b8}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.divider span{padding:0 16px;font-size:15px}.register-btn{width:100%;height:56px;border:1.5px solid #d4a76a!important;color:#d4a76a!important;background:#fff!important;border-radius:12px!important;font-weight:700!important;display:flex;align-items:center;justify-content:center;gap:12px}.register-hint{margin-top:24px;color:#64748b;font-size:14px}.register-hint.prominent,.register-hint.prominent a{color:#064e3b!important;font-weight:800!important;font-size:16px}.register-hint a{color:#064e3b;font-weight:700;text-decoration:none}.home-hero-simple{position:relative;width:100%;height:600px;overflow:hidden;border-radius:var(--radius-xl);margin-bottom:40px;box-shadow:var(--shadow-2xl)}.hero-full-image{width:100%;height:100%;object-fit:cover;display:block}.hero-floating-action{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:10}.hero-floating-action .hero-cta{min-width:280px;padding:18px 32px;font-size:18px;box-shadow:0 10px 30px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:768px){.page-stack{padding:12px;gap:24px}.home-hero-simple{height:350px;border-radius:var(--radius-lg);margin-bottom:20px}.hero-floating-action{bottom:20px;width:calc(100% - 40px)}.hero-floating-action .hero-cta{width:100%;min-width:unset;font-size:16px;padding:14px}.home-features{grid-template-columns:1fr;gap:16px}.feature-card{padding:24px}.home-stats-banner{flex-direction:column;gap:24px;padding:32px 16px}.stat-item{width:100%}.footer-main{flex-direction:column;gap:40px;text-align:center}.footer-brand{align-items:center;text-align:center}.footer-nav{flex-direction:column;gap:32px;align-items:center}.nav-col{align-items:center;text-align:center}.nav-col button,.nav-col a{text-align:center}.merchant-auth-card{margin:20px 10px;padding:24px 20px;border-radius:20px}.merchant-auth-header h2{font-size:22px}.circular-logo{width:80px;height:80px}}@media(max-width:480px){.home-hero-simple{height:280px}.hero-floating-action{bottom:15px}}.hero-under-action{display:flex;justify-content:center;margin:-20px 0 40px;position:relative;z-index:20}.hero-under-action .hero-cta{min-width:320px;padding:20px 40px;font-size:20px;box-shadow:0 12px 30px #05966933;border-radius:100px;font-weight:700}@media(max-width:768px){.hero-under-action{margin:-15px 0 30px;padding:0 16px}.hero-under-action .hero-cta{width:100%;min-width:unset;font-size:18px}}.centered-footer-nav{justify-content:center!important;flex:1}.centered-nav-col{align-items:center!important;text-align:center!important}.centered-nav-col a{text-align:center!important}.feature-card{padding:32px 24px!important;text-align:center}.feature-card h3{margin-top:0!important;font-size:20px;color:var(--primary)}@media(max-width:768px){.feature-card{padding:20px!important}}.text-link-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:0;font-family:inherit;transition:color .2s}.text-link-btn:hover{color:var(--primary);text-decoration:underline}.revealed-phone{color:var(--primary)!important;font-weight:700;font-size:15px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.toolbar-card{grid-template-columns:1fr!important;gap:12px!important;padding:16px!important}.dual-grid{grid-template-columns:1fr!important;gap:20px!important}.product-grid{grid-template-columns:1fr!important}.action-row{flex-direction:column;gap:8px!important}.action-row button{width:100%}.home-shell .topbar .secondary-button{display:none!important}}.topbar-title strong{font-family:Readex Pro,sans-serif;font-size:20px;letter-spacing:-.02em;color:var(--ink)}.topbar-title .gold-text{color:#d97706;font-family:Playfair Display,serif;font-weight:800}.topbar-left-side{display:flex;align-items:center;gap:16px}.menu-hamburger{background:none;border:none;cursor:pointer;padding:8px;color:var(--primary);display:flex;align-items:center;justify-content:center;transition:transform .2s}.menu-hamburger:hover{transform:scale(1.1)}.topbar-logo-brand{display:flex;align-items:center;gap:10px;cursor:pointer}.header-logo{width:36px;height:36px;border-radius:50%;border:1px solid #e2e8f0}.header-brand-text{font-size:20px;font-weight:800;display:flex}.header-brand-text .gold-part{color:#d97706;font-family:Playfair Display,serif}.header-brand-text .dark-part{color:#1e293b;font-family:Playfair Display,serif}.drawer-backdrop{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;animation:fadeIn .3s ease}.customer-drawer{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:85%;background:#fff;z-index:2001;box-shadow:-10px 0 30px #0000001a;display:flex;flex-direction:column;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:20px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.drawer-brand{display:flex;align-items:center;gap:12px}.drawer-brand img{width:32px;height:32px}.drawer-brand h3{font-size:18px;font-weight:700;color:#1e293b}.close-drawer{background:#f8fafc;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.drawer-body{flex:1;overflow-y:auto;padding:20px}.drawer-section{margin-bottom:32px}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title-row h4{font-size:15px;font-weight:700;color:#064e3b}.badge{font-size:11px;background:#f1f5f9;color:#64748b;padding:4px 8px;border-radius:4px}.drawer-list{display:flex;flex-direction:column;gap:12px}.drawer-item{background:#f8fafc;padding:14px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f5f9}.item-info{display:flex;flex-direction:column}.item-info strong{font-size:14px;color:#1e293b}.item-info small{font-size:12px;color:#64748b}.status-tag{font-size:11px;padding:4px 8px;border-radius:6px;font-weight:600}.status-tag.pending{background:#fffbeb;color:#d97706}.status-tag.accepted{background:#ecfdf5;color:#059669}.status-tag.rejected{background:#fef2f2;color:#dc2626}.empty-drawer-state{text-align:center;padding:20px;color:#94a3b8;font-size:13px;border:1px dashed #e2e8f0;border-radius:12px}.header-brand-text,.drawer-brand h3,.gold-text{direction:ltr!important;display:inline-flex!important;unicode-bidi:isolate}.customer-stack-compact{padding:12px!important;background:#f8fafc}.compact-toolbar{padding:12px!important;border-radius:16px!important;margin-bottom:16px!important;box-shadow:0 4px 12px #0000000d!important}.search-input-wrapper{display:flex;align-items:center;gap:10px;background:#f1f5f9;padding:0 12px;border-radius:12px;height:48px;margin-bottom:12px}.search-input-wrapper input{flex:1;background:none;border:none;font-size:14px;color:#1e293b;height:100%}.search-input-wrapper input:focus{outline:none}.gps-trigger{background:#fff;border:1px solid #e2e8f0;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);cursor:pointer}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-row select{height:40px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;font-size:13px;padding:0 8px}.compact-head{padding:0 4px 12px!important;display:flex;justify-content:space-between;align-items:center}.compact-head h2{font-size:16px;margin:0}.compact-head p{font-size:12px;margin:0;color:#64748b}.compact-grid{display:grid;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.compact-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #f1f5f9;display:flex;flex-direction:column}.product-media-mini{height:100px;position:relative}.mini-tag{position:absolute;top:6px;left:6px;background:#ffffffe6;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;color:var(--primary)}.product-body-mini{padding:10px;display:flex;flex-direction:column;gap:4px}.title-row{display:flex;justify-content:space-between;align-items:flex-start}.title-row h3{font-size:13px;font-weight:700;margin:0;color:#1e293b;line-height:1.2}.mini-status{font-size:9px;font-weight:800;padding:1px 4px;border-radius:4px}.mini-status.on{color:#059669}.mini-status.off{color:#dc2626}.shop-info{font-size:11px;color:#64748b;margin:0}.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.mini-price{font-size:13px;color:#064e3b}.mini-actions{display:flex;gap:4px}.icon-btn-sm{width:28px;height:28px;border-radius:6px;background:#f1f5f9;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#475569}.icon-btn-sm.wa{background:#dcfce7;color:#166534}@media(max-width:400px){.compact-grid{grid-template-columns:1fr!important}}.auth-select{background:none;border:none;font-size:14px;color:#1e293b;width:100%;height:100%;cursor:pointer}.auth-select:focus{outline:none}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%}.workspace,.page-stack,.surface-card,.product-card,.compact-card,.auth-layout,.auth-card,.topbar,.footer-main,.home-features,.home-stats-banner,.owner-layout,.split-layout,.column-main,.column-side{min-width:0}.topbar{min-height:72px;height:auto}.topbar-actions{display:flex;align-items:center;gap:10px}.hero-overlay h1,.auth-overlay h1,.auth-card h2,.product-body-mini h3,.merchant-directory-head strong,.plan-card strong,.info-row strong{overflow-wrap:anywhere}.auth-input-field,.auth-fields{min-width:0}.auth-input-field{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;min-height:52px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:0 14px}.auth-input-field input,.auth-input-field select{min-height:50px;border:0;background:transparent;padding:0;box-shadow:none}.feedback-banner{max-width:min(960px,calc(100% - 32px));margin:16px auto 0;border-radius:12px;padding:12px 16px;font-weight:800}.feedback-banner.soft{background:var(--primary-soft);color:var(--primary-strong);border:1px solid rgba(5,150,105,.18)}.feedback-banner.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}@media(max-width:980px){.app-shell,.app-shell.no-sidebar{display:block}.sidebar{display:none}.workspace{width:100%}.topbar{position:sticky;top:0;z-index:80;display:flex;flex-direction:row;align-items:center;padding:10px 14px;gap:12px}.topbar-left-side,.topbar-actions{min-width:0}.topbar-left-side{flex:1}.header-brand-text{font-size:18px;white-space:nowrap}.mini-auth-btn{min-height:42px;padding:0 14px;width:auto}.page-stack{width:100%;max-width:100%;padding:14px;gap:20px}.surface-card{padding:18px;border-radius:14px}.home-hero-simple{height:auto;aspect-ratio:4 / 3;border-radius:16px;margin-bottom:0}.hero-full-image{object-position:center}.hero-under-action{margin:0;padding:0}.home-features,.home-stats-banner,.home-footer{padding:24px 14px;border-radius:16px}.footer-main{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:28px}.footer-brand p{margin-inline:auto}.hero-card{min-height:auto;border-radius:16px}.merchant-hero,.owner-hero{min-height:260px}.hero-overlay{padding:24px}.hero-overlay h1{font-size:30px;line-height:1.25}.hero-overlay p{font-size:15px}.stats-grid,.merchant-pill-grid,.product-grid,.role-showcase-grid,.merchant-directory,.plan-cards,.split-layout,.owner-layout,.dual-grid,.merchant-settings-form,.product-form-grid,.subscription-form,.owner-plan-form{display:grid;grid-template-columns:1fr!important}.owner-layout .column-side{position:static}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-media-mini{height:92px}.price-row,.title-row,.meta-top,.product-footer,.merchant-directory-head,.section-head,.section-header-inline{gap:8px}.table-wrap{margin-inline:-8px;padding-inline:8px}table{min-width:640px}.auth-shell{min-height:100dvh;padding:12px;place-items:stretch}.auth-layout{width:100%;min-height:calc(100dvh - 24px);display:flex;flex-direction:column;border-radius:18px}.auth-visual{display:block;min-height:180px}.auth-visual:before{background:linear-gradient(180deg,#070c092e,#070c09b8)}.auth-overlay,.auth-visual .section-kicker,.auth-visual h1,.auth-visual p{display:none}.auth-card,.merchant-auth-card{width:100%;max-width:none;margin:0;padding:22px;border-radius:0 0 18px 18px;box-shadow:none}.merchant-auth-card{border-radius:18px;min-height:calc(100dvh - 24px);align-content:center}}@media(max-width:520px){.topbar{min-height:60px}.menu-hamburger{padding:6px}.header-logo{width:32px;height:32px}.header-brand-text{font-size:16px}.mini-auth-btn{min-height:38px;padding:0 12px;font-size:13px}.page-stack,.customer-stack-compact{padding:10px!important;gap:16px}.compact-toolbar{padding:10px!important}.filter-row{grid-template-columns:1fr}.compact-grid{grid-template-columns:1fr!important}.home-hero-simple{aspect-ratio:1 / 1}.hero-under-action .hero-cta,.primary-button,.secondary-button,.outline-button{min-height:46px;font-size:14px;padding-inline:14px}.feature-card{padding:18px!important}.stat-item strong{font-size:28px}.hero-overlay{padding:18px}.hero-overlay h1{font-size:24px}.stats-grid{gap:12px}.stat-card{padding:18px}.stat-card strong{font-size:24px}.section-header-inline,.section-head,.merchant-directory-head,.info-row,.info-row.expanded,.product-footer{display:grid;grid-template-columns:1fr;align-items:start}.action-row,.hero-actions,.table-actions{display:grid;grid-template-columns:1fr}.drawer-item,.price-row,.title-row{align-items:flex-start}.customer-drawer{width:min(100%,360px);max-width:100%}.auth-visual{min-height:120px}.auth-card,.merchant-auth-card{padding:18px}.circular-logo{width:72px;height:72px;margin-bottom:14px}.merchant-auth-header h2{font-size:20px}}.filter-row-secondary{align-items:center}.compact-toggle{min-height:40px;padding-inline:10px;font-size:12px}.max-price-input{min-height:40px;border:1px solid #e2e8f0;border-radius:10px;padding:0 10px;background:#fff}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.shop-suggestion-card{border:1px solid #e8eef2;border-radius:14px;background:#fff;padding:0;overflow:hidden;text-align:right;cursor:pointer;box-shadow:0 12px 26px #0f172a0d;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.shop-suggestion-card:hover{transform:translateY(-2px);border-color:#05966961;box-shadow:0 18px 34px #0f172a14}.shop-card-media-row{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;height:92px;background:#f8fafc}.shop-card-media-row .product-media-mini{height:92px;border-radius:0}.shop-card-body{display:grid;gap:8px;padding:12px}.shop-card-body h3{margin:0;font-size:15px;line-height:1.25;color:#0f172a}.shop-product-preview{color:#475569;font-size:12px;line-height:1.5;min-height:18px;overflow-wrap:anywhere}.shop-detail-panel{display:grid;gap:14px}.shop-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-media-mini{overflow:hidden;background:#ecfdf5}.product-media-mini img,.product-placeholder{width:100%;height:100%;display:block}.product-media-mini img{object-fit:cover}.product-placeholder{position:absolute;inset:0}.product-media-mini.has-product-image .mini-tag{background:#fffffff0;color:#0f172a}.shop-media-mini .mini-tag{display:none}.shop-product-card .product-media-mini{background:#f8fafc}.image-upload-field{border:1px dashed #cbd5e1;border-radius:12px;padding:12px;background:#f8fafc}.image-upload-field input{border:0;padding:0;background:transparent}.product-image-preview{display:grid;gap:10px}.product-image-preview img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc}.product-table-item{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;min-width:230px}.product-table-item .product-media-mini{height:54px;border-radius:10px}.product-table-item .mini-tag{display:none}.product-table-fields{display:grid;gap:6px;min-width:0}.product-table-fields strong,.product-table-fields span{overflow-wrap:anywhere}.product-table-fields span{color:#64748b;font-size:12px;font-weight:800}@media(max-width:640px){.shop-grid{grid-template-columns:1fr}.shop-detail-head{display:grid;grid-template-columns:1fr}.filter-row-secondary{grid-template-columns:1fr}}.user-control{display:flex;align-items:center;gap:16px}.user-welcome{font-weight:700;color:#064e3b;font-size:14px}.logout-btn-header{height:40px;padding:0 16px;background:#fff;border:1.5px solid #ef4444;color:#ef4444;border-radius:8px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}.logout-btn-header:hover{background:#fef2f2}.global-splash{position:fixed;inset:0;background:#fff;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .4s ease-out}.splash-content{display:flex;flex-direction:column;align-items:center;gap:32px;max-width:500px;width:90%}.splash-img{width:100%;height:auto;animation:splashPulse 2s infinite ease-in-out}.loader-dots{display:flex;gap:8px}.loader-dots span{width:10px;height:10px;background:var(--secondary);border-radius:50%;animation:dotFlashing 1s infinite alternate}.loader-dots span:nth-child(2){animation-delay:.2s}.loader-dots span:nth-child(3){animation-delay:.4s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes splashPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.95}}@keyframes dotFlashing{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}@media(max-width:768px){.auth-layout{grid-template-columns:1fr}.auth-visual{min-height:260px}}