:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary-color:#667eea;--primary-hover:#5568d3;--secondary-color:#2ecc71;--secondary-hover:#27ae60;--error-color:#e74c3c;--error-bg:#fadbd8;--success-color:#27ae60;--success-bg:#d5f5e3;--text-color:#2c3e50;--light-gray:#ecf0f1;--medium-gray:#bdc3c7;--dark-gray:#7f8c8d;--white:#fff;--bg:#f5f7fa;--surface:#fff;--surface-alt:#f8fafc;--text:#2c3e50;--text-muted:#7f8c8d;--border:#e2e8f0;--input-bg:#fff;--input-text:#2c3e50;--input-border:#ddd;--placeholder:#7f8c8d;--accent-bg:#667eea1f;--shadow:0 2px 10px #0000001a;--border-radius:8px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1115;--surface:#1a1d23;--surface-alt:#22262e;--text:#e2e8f0;--text-muted:#94a3b8;--border:#2e303a;--input-bg:#1e2128;--input-text:#e2e8f0;--input-border:#3a3f4a;--placeholder:#94a3b8;--accent-bg:#667eea38;--shadow:0 2px 10px #00000059}}:root[data-theme=dark]{--bg:#0f1115;--surface:#1a1d23;--surface-alt:#22262e;--text:#e2e8f0;--text-muted:#94a3b8;--border:#2e303a;--input-bg:#1e2128;--input-text:#e2e8f0;--input-border:#3a3f4a;--placeholder:#94a3b8;--shadow:0 2px 10px #00000059}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--text);background-color:var(--bg);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}input,select,textarea{color:var(--input-text);background-color:var(--input-bg);border-color:var(--input-border)}input::placeholder,textarea::placeholder{color:var(--placeholder);opacity:1}select option{background-color:var(--input-bg);color:var(--input-text)}.login-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}[dir=rtl] body{font-family:Segoe UI,Tahoma,Geneva,Verdana,Noto Sans Arabic,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background-color:var(--primary-color);color:var(--white);box-shadow:var(--shadow);padding:16px 20px}.app-header-landing{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.app-header-content{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1200px;margin:0 auto;display:flex}[dir=rtl] .app-header-content{flex-direction:row-reverse}.app-header-title{flex:1}.app-header-logo{object-fit:contain;max-width:160px;max-height:40px}.app-header h1{margin:0;font-size:24px}.app-header-actions{align-items:center;gap:16px;display:flex}.app-header-link{color:var(--white);border-radius:var(--border-radius);padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s}.app-header-link:hover{background:#fff3}.app-header p{opacity:.9;margin:0;font-size:14px}.app-main{flex:1;width:100%}.app-main-landing{max-width:none;padding:0}.registration-section{background:#fff;padding:60px 20px}.section-header{text-align:center;max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto}.section-header h2{color:var(--text-color);margin-bottom:12px;font-size:28px}.section-header p{color:var(--dark-gray);font-size:14px}.shop-logo{object-fit:contain;border-radius:12px;width:80px;height:80px;margin:12px auto;display:block}.shop-contact{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.shop-contact-link{background:var(--shop-primary,#667eea);color:#fff;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.shop-contact-link:hover{opacity:.9}.app-footer{background-color:var(--text-color);color:var(--white);text-align:center;margin-top:auto;padding:20px}.app-footer p{margin:4px 0;font-size:13px}.app-loading,.app-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.spinner{border:4px solid #0000001a;border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-error h2{color:var(--error-color);margin-bottom:12px;font-size:22px}.app-error p{color:var(--dark-gray);font-size:14px}@media (width<=768px){html{font-size:15px}.app-header h1{font-size:20px}.app-header-content{flex-direction:row}.registration-section{padding:40px 16px}.section-header h2{font-size:24px}.shop-logo{width:64px;height:64px}}@media (width<=360px){.app-header h1{font-size:18px}}.hero-section{grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1200px;min-height:60vh;margin:0 auto;padding:60px 20px;display:grid}.hero-content{text-align:left}[dir=rtl] .hero-content{text-align:right}.hero-badge{background:linear-gradient(135deg, var(--shop-primary,#667eea) 0%, var(--shop-secondary,#764ba2) 100%);color:#fff;border-radius:20px;margin-bottom:20px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block}.hero-logo{object-fit:contain;max-width:220px;max-height:64px;margin-bottom:20px}.hero-content h1{color:#2c3e50;margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.2}.hero-content p{color:#4a5568;margin-bottom:32px;font-size:18px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.hero-btn-primary,.hero-btn-secondary{cursor:pointer;border:none;border-radius:8px;min-height:48px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .2s}.hero-btn-primary{background:var(--shop-primary,#667eea);color:#fff;border-radius:var(--shop-radius,8px);font-family:var(--shop-font,inherit)}.hero-btn-primary:hover{filter:brightness(.92);transform:translateY(-2px)}.hero-btn-secondary{color:var(--shop-primary,#667eea);border:2px solid var(--shop-primary,#667eea);border-radius:var(--shop-radius,8px);font-family:var(--shop-font,inherit);background:#fff}.hero-btn-secondary:hover{background:#f8fafc;transform:translateY(-2px)}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-card{text-align:center;background:#fff;border-radius:20px;max-width:300px;padding:40px;box-shadow:0 20px 60px #0000001a}.hero-qr{border:3px solid var(--shop-primary,#667eea);background:#fff;border-radius:16px;width:160px;height:160px;margin:0 auto 20px;padding:16px}.hero-qr-pattern{background-image:repeating-linear-gradient(0deg, var(--shop-primary,#667eea) 0, var(--shop-primary,#667eea) 8px, transparent 8px, transparent 16px), repeating-linear-gradient(90deg, var(--shop-primary,#667eea) 0, var(--shop-primary,#667eea) 8px, transparent 8px, transparent 16px);background-size:16px 16px;border-radius:8px;width:100%;height:100%}.hero-qr-image{object-fit:contain;border-radius:8px;width:100%;height:100%;display:block}.hero-card p{color:#4a5568;margin:0;font-size:14px}@media (width<=768px){.hero-section{text-align:center;grid-template-columns:1fr;gap:32px;padding:40px 20px}.hero-content{text-align:center!important}.hero-content h1{font-size:32px}.hero-content p{font-size:16px}.hero-actions{justify-content:center}.hero-btn-primary,.hero-btn-secondary{width:100%}.hero-card{padding:24px}.hero-qr{width:120px;height:120px}}.registration-flow{background-color:var(--surface);border-radius:var(--border-radius);box-shadow:var(--shadow);width:100%;max-width:500px;margin:0 auto;padding:24px}.registration-flow h2{color:var(--text);text-align:center;margin-bottom:24px;font-size:22px}.registration-flow form{flex-direction:column;gap:16px;display:flex}.registration-flow label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.registration-flow input{border:1px solid var(--input-border);border-radius:var(--border-radius);background-color:var(--input-bg);width:100%;min-height:48px;color:var(--input-text);padding:14px;font-size:16px;transition:border-color .3s}.registration-flow input:focus{border-color:var(--primary-color);outline:none}.registration-flow button{background-color:var(--primary-color);color:var(--white);border-radius:var(--border-radius);cursor:pointer;border:none;width:100%;min-height:48px;margin-top:8px;padding:14px;font-size:16px;font-weight:600;transition:background-color .3s}.registration-flow button:hover{background-color:var(--primary-hover)}.registration-flow button:disabled{background-color:var(--medium-gray);cursor:not-allowed}.registration-flow .error-message{color:var(--error-color);background-color:var(--error-bg);border-radius:var(--border-radius);margin-bottom:16px;padding:12px;font-size:14px}.registration-flow .success-message{color:var(--success-color);background-color:var(--success-bg);border-radius:var(--border-radius);margin-bottom:16px;padding:12px;font-size:14px}.registration-flow .complete-message{text-align:center;padding:16px}.registration-flow .success-title{color:var(--success-color);margin-bottom:24px;font-size:20px;font-weight:600}.registration-flow .loyalty-section{margin-bottom:24px}.registration-flow .loyalty-section h3{color:var(--text);margin:12px 0 8px;font-size:16px;font-weight:500}.registration-flow .loyalty-number{color:var(--primary-hover);word-break:break-all;background:var(--light-gray);border-radius:var(--border-radius);margin:8px 0;padding:12px;font-size:28px;font-weight:700}.registration-flow .qr-code-container{text-align:center;margin:20px 0}.registration-flow .qr-code-container h3{color:var(--text);margin-bottom:12px;font-size:16px}.registration-flow .qr-code-container img{border:1px solid var(--medium-gray);border-radius:var(--border-radius);width:100%;max-width:200px;height:auto}.registration-flow .qr-hint{color:var(--dark-gray);margin-top:12px;font-size:14px}.registration-flow .restart-button{background-color:var(--secondary-color);margin-top:24px}.registration-flow .restart-button:hover{background-color:var(--secondary-hover)}.registration-flow .pin-countdown-row{margin-bottom:8px}.registration-flow .pin-countdown{color:var(--dark-gray);font-size:14px}.registration-flow .pin-countdown.expired{color:var(--error-color)}.registration-flow .resend-pin-btn{background-color:var(--secondary-color);margin-top:8px}.registration-flow .resend-pin-btn:hover{background-color:var(--secondary-hover)}@media (width<=600px){.registration-flow{box-shadow:none;border-radius:0;max-width:100%;padding:20px 16px}.registration-flow h2{font-size:20px}.registration-flow input{padding:12px;font-size:16px}.registration-flow button{padding:14px;font-size:16px}.registration-flow .loyalty-number{font-size:24px}.registration-flow .qr-code-container img{max-width:160px}}.tenant-banner{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:60px 20px}.tenant-banner-content{max-width:1200px;margin:0 auto}.tenant-banner-text{text-align:center;margin-bottom:32px}.tenant-banner-text h2{margin-bottom:12px;font-size:32px}.tenant-banner-text p{opacity:.9;max-width:600px;margin:0 auto 24px;font-size:16px;line-height:1.6}.tenant-banner-btn{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:8px;min-height:44px;padding:12px 28px;font-size:16px;font-weight:600;transition:all .2s}.tenant-banner-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.tenant-form-container{background:var(--surface);border-radius:16px;max-width:600px;margin:0 auto;padding:32px;box-shadow:0 10px 40px #0003}.tenant-form h3{color:var(--text);text-align:center;margin-bottom:24px}[dir=rtl] .tenant-form h3{text-align:center}.tenant-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tenant-form .form-group{margin-bottom:16px}.tenant-form label{color:var(--text)}.tenant-form input,.tenant-form select,.tenant-form textarea{border:1px solid var(--input-border);box-sizing:border-box;background:var(--input-bg);width:100%;min-height:44px;color:var(--input-text);border-radius:6px;padding:12px;font-family:inherit;font-size:16px}.tenant-form textarea{resize:vertical;min-height:80px}.tenant-form input:focus,.tenant-form select:focus,.tenant-form textarea:focus{border-color:var(--primary-color);outline:none}.tenant-submit-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;width:100%;min-height:48px;padding:14px;font-size:16px;font-weight:600;transition:background .2s}.tenant-submit-btn:hover{background:#5568d3}.tenant-submit-btn:disabled{cursor:not-allowed;background:#a0aec0}.tenant-error{color:#c53030;background:#fed7d7;border-radius:6px;margin-bottom:16px;padding:12px;font-size:14px}.tenant-success{text-align:center;padding:20px}.tenant-success h3{color:#27ae60;margin-bottom:20px}.subscription-billing-toggle{gap:8px;display:flex}.subscription-billing-toggle button{border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);cursor:pointer;border-radius:6px;flex:1;padding:10px}.subscription-billing-toggle button.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.pin-input-row{align-items:stretch;gap:8px;display:flex}.pin-input-row input{background:var(--input-bg);min-width:120px;color:var(--input-text);flex:auto}.pin-input-row button{white-space:nowrap;flex:none}.tenant-form-actions{flex-wrap:wrap;gap:12px;display:flex}.tenant-form-actions .tenant-submit-btn{flex:1}.tenant-submit-btn.secondary{color:#2d3748;background:#edf2f7}.tenant-submit-btn.secondary:hover{background:#e2e8f0}.pin-countdown{color:var(--text-muted);margin-top:6px;font-size:13px;display:block}@media (width<=600px){.tenant-banner{padding:40px 16px}.tenant-banner-text h2{font-size:24px}.tenant-form-container{padding:24px 16px}.tenant-form-row{grid-template-columns:1fr}}.benefits-section{background:#fff;padding:64px 24px}.benefits-container{max-width:1100px;margin:0 auto}.benefits-section h2{text-align:center;color:#2c3e50;margin-bottom:40px;font-size:28px}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.benefit-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000000f}.benefit-icon{margin-bottom:16px;font-size:40px;display:block}.benefit-card h3{color:#2c3e50;margin:0 0 10px;font-size:18px}.benefit-card p{color:#64748b;margin:0;font-size:14px;line-height:1.5}@media (width<=768px){.benefits-section{padding:40px 16px}.benefits-section h2{font-size:22px}.benefit-card{padding:20px}}.logo-scroller-section{background:#f5f7fa;padding:48px 0;overflow:hidden}.logo-scroller-container{text-align:center;max-width:1200px;margin:0 auto}.logo-scroller-section h2{color:#2c3e50;margin-bottom:28px;padding:0 24px;font-size:22px}.logo-scroller-track{gap:48px;width:max-content;padding:0 24px;animation:30s linear infinite scrollLogos;display:flex}.logo-scroller-section:hover .logo-scroller-track{animation-play-state:paused}.logo-scroller-item{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:140px;height:80px;padding:12px 20px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000000d}.logo-scroller-item:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001a}.logo-scroller-img{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}.logo-scroller-name{color:#4a5568;white-space:nowrap;font-size:16px;font-weight:600}.logo-scroller-fallback{background:#eef2ff}@keyframes scrollLogos{0%{transform:translate(0)}to{transform:translate(-50%)}}[dir=rtl] .logo-scroller-track{animation-name:scrollLogosRtl}@keyframes scrollLogosRtl{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (width<=768px){.logo-scroller-section h2{font-size:18px}.logo-scroller-track{gap:24px}.logo-scroller-item{min-width:110px;height:64px;padding:8px 16px}}.packages-promo{background:#f8fafc;padding:80px 24px}.packages-promo-header{text-align:center;max-width:700px;margin:0 auto 48px}.packages-promo-header h2{color:#2d3748;margin:0 0 12px;font-size:32px}.packages-promo-header p{color:#718096;margin:0 0 24px;font-size:16px}.packages-billing-toggle{background:#e2e8f0;border-radius:8px;gap:4px;padding:4px;display:inline-flex}.packages-billing-toggle button{color:#4a5568;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s}.packages-billing-toggle button.active{color:#667eea;background:#fff;box-shadow:0 1px 3px #0000001a}.packages-promo-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1100px;margin:0 auto;display:grid}.package-promo-card{text-align:center;background:#fff;border-radius:12px;flex-direction:column;padding:32px 24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px #0000000d}.package-promo-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.package-promo-card h3{color:#2d3748;margin:0 0 8px;font-size:22px}.package-promo-desc{color:#718096;min-height:40px;margin:0 0 20px;font-size:14px}.package-promo-price{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.package-promo-price-option{background:#f7fafc;border-radius:8px;padding:12px}.package-promo-price-option.discounted{background:#f0fff4;border:1px solid #c6f6d5}.price-row{justify-content:center;align-items:baseline;gap:6px;display:flex}.price-value{color:#667eea;font-size:36px;font-weight:700}.price-cycle{color:#718096;font-size:16px}.package-promo-original{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:6px;display:flex}.original-price{color:#a0aec0;font-size:14px;text-decoration:line-through}.discount-badge{color:#fff;background:#48bb78;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.package-promo-features{text-align:left;margin:0 0 24px;padding:0;list-style:none}[dir=rtl] .package-promo-features{text-align:right}.package-promo-features li{color:#4a5568;border-bottom:1px solid #edf2f7;padding:10px 0;font-size:15px}.package-promo-features li:last-child{border-bottom:none}.package-promo-features strong{color:#667eea}.package-promo-cta{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;width:100%;margin-top:auto;padding:12px 24px;font-size:15px;font-weight:600;transition:background .2s}.package-promo-cta:hover{background:#5a67d8}.packages-promo-loading{text-align:center;color:#718096;padding:40px}.language-switcher{color:inherit;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.language-switcher:hover{background:#ffffff40}.language-icon{font-size:16px}.admin-header .language-switcher{color:#4a5568;background:#f1f5f9;border-color:#e2e8f0}.admin-header .language-switcher:hover{background:#e2e8f0}.theme-toggle{color:inherit;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:6px;min-height:36px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.theme-toggle:hover{background:#ffffff40}.theme-toggle-icon{font-size:16px;line-height:1}.theme-toggle-text{line-height:1}.admin-header .theme-toggle,.shop-header .theme-toggle,.customer-header .theme-toggle{background:var(--surface);color:var(--text);border-color:var(--border)}.admin-header .theme-toggle:hover,.shop-header .theme-toggle:hover,.customer-header .theme-toggle:hover{background:var(--bg)}[dir=rtl] .theme-toggle{flex-direction:row-reverse}@media (width<=480px){.theme-toggle{padding:8px 10px}.theme-toggle-text{display:none}}.admin-login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.admin-login-box{background:var(--surface);color:var(--text);border-radius:12px;width:100%;max-width:420px;padding:32px;box-shadow:0 10px 40px #0003}.admin-login-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}[dir=rtl] .admin-login-header{flex-direction:row-reverse}.admin-login-box h1{color:var(--text);font-size:24px}.admin-login-box>p{color:var(--text-muted);margin-bottom:24px;font-size:14px}.form-group input[type=color]{cursor:pointer;min-height:44px;padding:4px}.admin-btn-primary{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;min-height:44px;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s}.admin-btn-primary:hover{background:#5568d3}.admin-btn-primary:disabled{cursor:not-allowed;background:#a0aec0}.admin-btn-secondary{color:#667eea;cursor:pointer;background:0 0;border:1px solid #667eea;border-radius:6px;min-height:36px;padding:8px 16px;font-size:14px;transition:all .2s}.admin-btn-secondary:hover{color:#fff;background:#667eea}.admin-btn-danger{color:#e53e3e;cursor:pointer;background:0 0;border:1px solid #e53e3e;border-radius:6px;min-height:36px;padding:8px 16px;font-size:14px;transition:all .2s}.admin-btn-danger:hover{color:#fff;background:#e53e3e}.admin-form-actions{align-items:center;gap:12px;display:flex}.checkbox-group label{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-group input[type=checkbox]{width:18px;height:18px}.admin-table-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-error{color:#c53030;background:#fed7d7;border-radius:6px;margin-bottom:16px;padding:12px;font-size:14px}.admin-success{color:#27ae60;background:#d5f5e3;border-radius:6px;margin-bottom:16px;padding:12px;font-size:14px}.admin-login-footer{color:#7f8c8d;text-align:center;border-top:1px solid #eee;margin-top:20px;padding-top:20px;font-size:13px}.admin-dashboard{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.admin-body{flex:1;min-height:0;display:flex}[dir=rtl] .admin-body{flex-direction:row-reverse}.admin-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;padding:8px 0;display:flex;overflow-y:auto}.admin-sidebar-group{flex-direction:column;gap:2px;padding:8px 0;display:flex}.admin-sidebar-group+.admin-sidebar-group{border-top:1px solid var(--border)}.admin-sidebar-category{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0;padding:8px 20px 4px;font-size:11px;font-weight:700}[dir=rtl] .admin-sidebar{border-right:none;border-left:1px solid var(--border)}.admin-sidebar button{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-left:3px solid #0000;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}[dir=rtl] .admin-sidebar button{text-align:right;border-left:none;border-right:3px solid #0000}.admin-sidebar button:hover{background:var(--surface-alt);color:var(--primary-color)}.admin-sidebar button.active{background:var(--accent-bg,#667eea1f);color:var(--primary-color);border-left-color:var(--primary-color)}[dir=rtl] .admin-sidebar button.active{border-right-color:var(--primary-color)}.admin-header{background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;box-shadow:0 2px 4px #0000001a}[dir=rtl] .admin-header{flex-direction:row-reverse}.admin-brand{align-items:center;gap:12px;display:flex}.admin-menu-toggle{border:1px solid var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:18px;display:none}[dir=rtl] .admin-menu-toggle{margin-left:8px;margin-right:0}[dir=rtl] .admin-brand{flex-direction:row-reverse}.admin-brand h1{color:#2c3e50;margin:0;font-size:22px}.admin-role{color:#fff;text-transform:uppercase;background:#667eea;border-radius:20px;padding:4px 12px;font-size:11px}.admin-user{color:#4a5568;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}[dir=rtl] .admin-user{flex-direction:row-reverse}.admin-main{background:var(--bg);flex:1;padding:24px;overflow-y:auto}.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.admin-stat-card{background:var(--surface);box-shadow:var(--shadow);border-radius:12px;padding:20px}.admin-stat-card h3{color:var(--text-muted);text-transform:uppercase;margin:0 0 12px;font-size:13px}[dir=rtl] .admin-stat-card h3{text-align:right}.stat-value{color:var(--text);margin:0;font-size:28px;font-weight:700}[dir=rtl] .stat-value{text-align:right}.admin-table-container{background:var(--surface);box-shadow:var(--shadow);border-radius:12px;padding:20px;overflow-x:auto}.admin-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}[dir=rtl] .admin-section-header{flex-direction:row-reverse}.admin-section-header h2{color:var(--text);margin:0;font-size:20px}.admin-form{background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;margin-bottom:20px;padding:20px}.admin-form h3,.admin-form h4{color:var(--text);margin-top:0;margin-bottom:16px}[dir=rtl] .admin-form h3,[dir=rtl] .admin-form h4{text-align:right}.admin-form h4{border-bottom:1px solid var(--border);margin-top:24px;padding-bottom:8px;font-size:16px}.admin-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-table{border-collapse:collapse;width:100%;min-width:600px;color:var(--text)}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px}[dir=rtl] .admin-table th,[dir=rtl] .admin-table td{text-align:right}.admin-table th{background:var(--surface-alt);color:var(--text-muted);font-size:13px;font-weight:600}.admin-table tbody tr:hover{background:var(--surface-alt)}.admin-permissions-matrix{flex-direction:column;gap:24px;display:flex}.admin-permission-role{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.admin-permission-role-header{margin-bottom:16px}.admin-permission-role-header h3{color:#2c3e50;margin:0 0 4px;font-size:18px}.admin-permission-role-header p{color:#7f8c8d;margin:0;font-size:14px}.admin-permission-table{min-width:400px}.admin-permission-table .resource-name{text-transform:capitalize;font-weight:500}.perm-allowed{color:#27ae60;font-weight:700}.perm-denied{color:#e74c3c;font-weight:700}.admin-qr-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:24px;padding:20px}.admin-qr-panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}[dir=rtl] .admin-qr-panel-header{flex-direction:row-reverse}.admin-qr-panel-header h3{color:#2c3e50;margin:0;font-size:18px}.admin-qr-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:20px;display:grid}.admin-qr-card{text-align:center;background:#fff;border-radius:8px;padding:16px;position:relative;box-shadow:0 2px 4px #0000000d}.admin-qr-card img{width:100%;max-width:280px;height:auto;margin:12px 0}.admin-qr-type{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}[dir=rtl] .admin-qr-type{left:12px;right:auto}.admin-qr-type.customer{color:#27ae60;background:#d5f5e3}.admin-qr-type.campaign{color:#d97706;background:#fef3c7}.admin-qr-name{color:#2c3e50;margin:8px 0 4px;font-size:14px;font-weight:600}.admin-qr-url{color:#667eea;word-break:break-all;font-size:12px;text-decoration:none}.admin-qr-url:hover{text-decoration:underline}.admin-qr-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.admin-loading{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:4px solid var(--border);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}@media (width<=768px){.admin-menu-toggle{display:flex}.admin-sidebar{z-index:200;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 12px #00000026}[dir=rtl] .admin-sidebar{left:auto;right:0;transform:translate(100%);box-shadow:-2px 0 12px #00000026}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-overlay{z-index:199;background:#0006;position:fixed;inset:0}.admin-login-box{padding:24px 20px}.admin-login-header{flex-direction:column;align-items:flex-start;gap:12px}[dir=rtl] .admin-login-header{align-items:flex-end}.admin-login-box h1{font-size:20px}.admin-header{flex-direction:column;align-items:flex-start;padding:16px}[dir=rtl] .admin-header{align-items:flex-end}.admin-user{justify-content:flex-start;width:100%}[dir=rtl] .admin-user{justify-content:flex-end}.admin-sidebar{width:180px}.admin-sidebar button{padding:10px 14px;font-size:13px}.admin-main{padding:16px}.admin-form-row{grid-template-columns:1fr}.admin-section-header{flex-direction:column;align-items:flex-start;gap:12px}[dir=rtl] .admin-section-header{align-items:flex-end}.admin-section-header h2{font-size:18px}.admin-qr-panel-header{flex-direction:column;align-items:flex-start;gap:12px}[dir=rtl] .admin-qr-panel-header{align-items:flex-end}.admin-qr-grid{grid-template-columns:1fr}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:22px}}@media (width<=480px){.admin-stats-grid{grid-template-columns:1fr}.admin-user{flex-direction:column;align-items:flex-start;gap:8px}[dir=rtl] .admin-user{align-items:flex-end}}.field-hint{color:var(--text-muted);margin-top:-4px;margin-bottom:8px;font-size:13px}.admin-btn-link{width:100%;color:var(--primary-color);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;margin-top:12px;padding:10px;font-size:14px;font-weight:500;transition:background .2s;display:block}.admin-btn-link:hover{background:var(--surface-alt)}.admin-btn-link:disabled{color:var(--text-muted);cursor:not-allowed}.admin-settings-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-settings-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;padding:20px}.admin-settings-card h3{color:var(--text);margin-top:0;margin-bottom:12px;font-size:16px}.status-badge{border-radius:20px;padding:4px 12px;font-size:14px;font-weight:600;display:inline-block}.status-on{color:#166534;background:#dcfce7}.status-off{color:#991b1b;background:#fee2e2}.status-info{color:#3730a3;background:#e0e7ff}.admin-alert{border-radius:6px;margin-top:12px;padding:12px;font-size:14px}.admin-alert-success{color:#27ae60;background:#d5f5e3}.admin-alert-error{color:#c53030;background:#fed7d7}.email-template-group{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-bottom:16px;padding:16px}.email-template-group h4{color:var(--text);margin-top:0;margin-bottom:12px;font-size:15px}.email-template-group textarea{border:1px solid var(--input-border);box-sizing:border-box;resize:vertical;background:var(--input-bg);width:100%;color:var(--input-text);border-radius:6px;padding:12px;font-family:monospace;font-size:14px}.admin-price-original{color:#a0aec0;margin-left:6px;margin-right:6px;font-size:13px;text-decoration:line-through}.admin-discount-badge{color:#fff;background:#48bb78;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.admin-price-line{margin-bottom:4px}.admin-price-line:last-child{margin-bottom:0}.admin-price-cycle{color:#718096;text-transform:lowercase;font-size:12px}.admin-context-menu{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:160px;position:fixed;overflow:hidden;box-shadow:0 4px 12px #00000026}.admin-context-menu button{text-align:left;color:#2d3748;cursor:pointer;background:#fff;border:none;width:100%;padding:10px 14px;font-size:14px;display:block}[dir=rtl] .admin-context-menu button{text-align:right}.admin-context-menu button:hover{background:#f7fafc}.admin-context-menu button:not(:last-child){border-bottom:1px solid #e2e8f0}.admin-modal-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:8px;width:100%;max-width:480px;max-height:80vh;padding:24px;overflow-y:auto}.admin-modal h3{color:#2d3748;margin-top:0;margin-bottom:16px;font-size:18px}.admin-modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.admin-modal-header h3{margin:0}.admin-table .inactive-row{opacity:.6;background:#fed7d7}.admin-table .warning-row{background:#feebc8}.admin-table .admin-shop-child-row td:first-child{padding-left:2rem}[dir=rtl] .admin-table .admin-shop-child-row td:first-child{padding-left:0;padding-right:2rem}.admin-shop-tree-prefix{color:#718096;margin-inline-end:.35rem}.admin-owner-badge{color:#fff;white-space:nowrap;background:#667eea;border-radius:999px;margin-inline-start:.5rem;padding:.1rem .5rem;font-size:.72rem;font-weight:600}.email-preview-modal{max-width:720px}.email-body-preview{border:1px solid var(--border);background:#fff;border-radius:6px;max-height:60vh;margin-top:12px;padding:16px;overflow-y:auto}.admin-assigned-shops-list{margin:0 0 16px;padding:0;list-style:none}.admin-assigned-shops-list li{border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:4px;margin-bottom:8px;padding:12px;display:flex}.admin-assigned-shops-list li strong{color:#2d3748}.admin-assigned-shops-list li span{color:#718096;font-size:13px}.admin-modal-actions{justify-content:flex-end;display:flex}.section-dashboard{margin-bottom:1.5rem}.section-dashboard-title{color:#2c3e50;margin:0 0 .75rem;font-size:1.1rem}.section-dashboard-loading{color:#7f8c8d;font-size:.95rem}.audit-log-viewer .audit-log-filters{background:#f8f9fa;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:1rem;padding:1rem;display:grid}.audit-log-viewer .audit-log-filters .form-group{margin-bottom:0}.audit-log-table{font-size:.9rem}.audit-log-table th,.audit-log-table td{padding:10px 12px}.audit-actor{flex-direction:column;gap:2px;display:flex}.audit-actor-type{text-transform:uppercase;border-radius:4px;width:fit-content;padding:2px 6px;font-size:.75rem;font-weight:600;display:inline-block}.audit-actor-type.superadmin{color:#6c3483;background:#e8d5f2}.audit-actor-type.shop{color:#1e8449;background:#d4efdf}.audit-actor-type.cashier{color:#1f618d;background:#d6eaf8}.audit-actor-type.public{color:#9a7d0a;background:#fdebd0}.audit-actor-type.system{color:#566573;background:#eaeded}.audit-actor-email{color:#2c3e50;font-size:.85rem}.audit-actor-role{color:#7f8c8d;font-size:.8rem}.audit-details{white-space:pre-wrap;word-break:break-word;background:#f4f6f7;border-radius:4px;max-width:320px;margin:0;padding:8px;font-family:monospace;font-size:.8rem}.audit-expand-btn{color:#667eea;cursor:pointer;background:0 0;border:1px solid #667eea;border-radius:4px;margin-top:4px;padding:2px 8px;font-size:.75rem}.audit-empty{text-align:center;color:#7f8c8d;padding:2rem}.audit-pagination{justify-content:center;align-items:center;gap:12px;margin-top:1rem;display:flex}.audit-page-info{color:#2c3e50;font-size:.9rem}.context-menu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);z-index:1000;border-radius:6px;min-width:160px;position:fixed;overflow:hidden}.context-menu-item{background:var(--surface);border:none;border-bottom:1px solid var(--border);text-align:left;width:100%;color:var(--text);cursor:pointer;padding:10px 14px;font-size:14px;display:block}[dir=rtl] .context-menu-item{text-align:right}.context-menu-item:last-child{border-bottom:none}.context-menu-item:hover{background:var(--surface-alt)}.context-menu-item.danger{color:var(--error-color)}.context-menu-item.danger:hover{background:var(--error-bg)}.context-menu-hint{color:var(--text-muted);font-size:12px;font-style:italic}.shop-login-container{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.shop-login-box{background:var(--surface);border-radius:12px;width:100%;max-width:420px;padding:32px;box-shadow:0 10px 40px #0003}.shop-login-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}[dir=rtl] .shop-login-header{flex-direction:row-reverse}.shop-login-box h1{color:var(--text);font-size:24px}.shop-login-box>p{color:var(--text-muted);margin-bottom:24px;font-size:14px}.shop-error{color:#c53030;background:#fed7d7;border-radius:6px;margin-bottom:16px;padding:12px;font-size:14px}.shop-info-note{color:#975a16;background:#fefcbf;border-radius:6px;margin-bottom:16px;padding:12px;font-size:14px}.shop-btn-primary{color:#fff;cursor:pointer;background:#11998e;border:none;border-radius:6px;width:100%;min-height:44px;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s}.shop-btn-primary:hover{background:#0d7a6e}.shop-btn-primary:disabled{cursor:not-allowed;background:#a0aec0}.shop-btn-secondary{color:#11998e;cursor:pointer;background:0 0;border:1px solid #11998e;border-radius:6px;min-height:36px;padding:8px 16px;font-size:14px;transition:all .2s}.shop-btn-secondary:hover{color:#fff;background:#11998e}.shop-btn-danger{color:#e53e3e;cursor:pointer;background:0 0;border:1px solid #e53e3e;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.shop-btn-danger:hover{color:#fff;background:#e53e3e}.shop-btn-link{color:#11998e;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;width:100%;margin-top:12px;padding:10px;font-size:14px;font-weight:500;transition:background .2s;display:block}.shop-btn-link:hover{background:#f0fff4}.shop-btn-link:disabled{color:#a0aec0;cursor:not-allowed}.shop-dashboard{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.shop-body{flex:1;min-height:0;display:flex}[dir=rtl] .shop-body{flex-direction:row-reverse}.shop-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:240px;padding:16px 0;display:flex;overflow-y:auto}[dir=rtl] .shop-sidebar{border-right:none;border-left:1px solid var(--border)}.shop-sidebar button{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-left:3px solid #0000;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}[dir=rtl] .shop-sidebar button{text-align:right;border-left:none;border-right:3px solid #0000}.shop-sidebar button:hover{background:var(--surface-alt);color:#11998e}.shop-sidebar button.active{color:#11998e;background:#e6fffa;border-left-color:#11998e}[dir=rtl] .shop-sidebar button.active{border-right-color:#11998e}.shop-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}[dir=rtl] .shop-header{flex-direction:row-reverse}.shop-brand{align-items:baseline;gap:12px;display:flex}.shop-menu-toggle{border:1px solid var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:18px;display:none}[dir=rtl] .shop-menu-toggle{margin-left:8px;margin-right:0}.shop-brand h1{color:#11998e;margin:0;font-size:22px}.shop-name{color:#4a5568;font-size:14px}.shop-user,.shop-actions{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.shop-role-badge{color:#0d7a6e;text-transform:capitalize;background:#e6fffa;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.shop-main{background:var(--bg);flex:1;padding:24px;overflow-y:auto}.shop-alert{border-radius:6px;margin-bottom:16px;padding:12px 16px;font-size:14px}.shop-alert-error{color:#c53030;background:#fed7d7}.shop-alert-success{color:#22543d;background:#c6f6d5}.shop-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.shop-stat-card{background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:20px}.shop-stat-card h3{color:#718096;margin:0 0 8px;font-size:14px;font-weight:500}.shop-stat-card p{color:#11998e;margin:0;font-size:28px;font-weight:700}.shop-section{background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:24px}.shop-section h2{color:var(--text);margin-top:0;margin-bottom:16px;font-size:18px}.shop-form{max-width:480px}.shop-form.inline{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.shop-form.inline input{border:1px solid var(--input-border);background:var(--input-bg);min-width:200px;color:var(--input-text);border-radius:6px;flex:1;padding:10px 12px;font-size:14px}.theme-form{margin-bottom:24px}.theme-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.theme-form-row .form-group{margin-bottom:16px}.theme-preview-box{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px;overflow:hidden}.shop-table-wrap{overflow-x:auto}.shop-table{border-collapse:collapse;width:100%;font-size:14px}.shop-table th,.shop-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:12px}[dir=rtl] .shop-table th,[dir=rtl] .shop-table td{text-align:right}.shop-table th{color:#718096;font-weight:600}.shop-qr-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.shop-qr-card{text-align:center;background:#f7fafc;border-radius:8px;padding:16px}.shop-qr-card img{width:100%;max-width:140px;margin-bottom:8px}.shop-qr-card p{margin:0 0 4px;font-size:14px;font-weight:500}.shop-qr-card small{color:#718096;word-break:break-all;font-size:11px}.shop-qr-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}@media (width<=640px){.shop-menu-toggle{display:flex}.shop-sidebar{z-index:200;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 12px #00000026}[dir=rtl] .shop-sidebar{left:auto;right:0;transform:translate(100%);box-shadow:-2px 0 12px #00000026}.shop-sidebar.open{transform:translate(0)}.shop-sidebar-overlay{z-index:199;background:#0006;position:fixed;inset:0}.shop-header{flex-direction:column;align-items:flex-start}[dir=rtl] .shop-header{align-items:flex-end}.shop-user{flex-wrap:wrap;justify-content:space-between;width:100%}.shop-sidebar{width:180px}.shop-sidebar button{padding:10px 14px;font-size:13px}.shop-main{padding:16px}.theme-form-row{grid-template-columns:1fr}}.hero-background-selector{flex-direction:column;gap:8px;display:flex}.hero-background-selector select,.hero-background-custom-url{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--input-text);border-radius:6px;padding:10px 12px;font-size:14px}.shop-search-row{gap:8px;display:flex}.shop-search-row input{border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);border-radius:6px;flex:1;padding:10px 12px;font-size:14px}.shop-search-results{border:1px solid #e2e8f0;border-radius:6px;max-height:220px;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.shop-search-results li{border-bottom:1px solid #e2e8f0}.shop-search-results li:last-child{border-bottom:none}.shop-search-results button{text-align:left;cursor:pointer;color:#2d3748;background:#fff;border:none;flex-wrap:wrap;gap:8px 16px;width:100%;padding:10px 12px;font-size:14px;display:flex}[dir=rtl] .shop-search-results button{text-align:right}.shop-search-results button:hover{background:#f7fafc}.shop-search-results button strong{color:#11998e;flex:100%}.shop-search-results button span{color:#718096;font-size:13px}.shop-selected-customer{background:#f7fafc;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.shop-selected-customer p{margin:0}.shop-selected-customer .shop-btn-link{width:auto;margin:0;padding:6px 12px}.shop-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.shop-stat-card .stat-value{color:#11998e;font-size:28px;font-weight:700}.owner-shops-list{gap:12px;margin:16px 0;display:grid}.owner-shop-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:16px}.owner-shop-card.primary{background:#11998e0f;border-color:#11998e}.owner-shop-card.inactive{opacity:.7}.owner-shop-card-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}[dir=rtl] .owner-shop-card-header{flex-direction:row-reverse}.owner-shop-card-header .badge{color:#fff;background:#11998e;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:600}.owner-shop-card-header .badge.inactive{background:#e53e3e}.owner-shop-card-body p{color:var(--text-muted);margin:4px 0;font-size:14px}.owner-shop-card-body .shop-meta{font-size:12px}.owner-history-list{gap:8px;margin:16px 0;padding:0;list-style:none;display:grid}.owner-history-list li{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex-direction:column;gap:4px;padding:12px;display:flex}.owner-history-list li span{color:var(--text-muted);font-size:13px}.customer-login-container{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.customer-login-box{background:var(--surface);border-radius:12px;width:100%;max-width:420px;padding:32px;box-shadow:0 10px 40px #0003}.customer-login-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}[dir=rtl] .customer-login-header{flex-direction:row-reverse}.customer-login-box h1{color:var(--text);font-size:24px}.customer-login-box>p{color:var(--text-muted);margin-bottom:24px;font-size:14px}.form-group{text-align:left;margin-bottom:16px}[dir=rtl] .form-group{text-align:right}.form-group label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group select{border:1px solid var(--input-border);box-sizing:border-box;background:var(--input-bg);width:100%;min-height:44px;color:var(--input-text);border-radius:6px;padding:12px;font-size:16px}.form-group input:focus,.form-group select:focus{border-color:#f5576c;outline:none}.customer-error{color:#c53030;background:#fed7d7;border-radius:6px;margin-bottom:16px;padding:12px;font-size:14px}.customer-btn-primary{color:#fff;cursor:pointer;background:#f5576c;border:none;border-radius:6px;width:100%;min-height:44px;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s}.customer-btn-primary:hover{background:#d94e60}.customer-btn-primary:disabled{cursor:not-allowed;background:#a0aec0}.customer-btn-secondary{color:#f5576c;cursor:pointer;background:0 0;border:1px solid #f5576c;border-radius:6px;min-height:36px;padding:8px 16px;font-size:14px;transition:all .2s}.customer-btn-secondary:hover{color:#fff;background:#f5576c}.customer-btn-link{color:#f5576c;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;width:100%;margin-top:12px;padding:10px;font-size:14px;font-weight:500;transition:background .2s;display:block}.customer-btn-link:hover{background:#fff5f5}.customer-btn-link:disabled{color:#a0aec0;cursor:not-allowed}.customer-account{background:var(--bg);min-height:100vh}.customer-account-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.customer-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}[dir=rtl] .customer-header{flex-direction:row-reverse}.customer-brand{align-items:baseline;gap:12px;display:flex}.customer-brand h1{color:#f5576c;margin:0;font-size:22px}.customer-shop-name{color:#4a5568;font-size:14px}.customer-actions{align-items:center;gap:12px;display:flex}.customer-main{gap:20px;max-width:900px;margin:0 auto;padding:24px;display:grid}.customer-alert{border-radius:6px;padding:12px 16px;font-size:14px}.customer-alert-error{color:#c53030;background:#fed7d7}.customer-card{background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:24px}.customer-card h2{color:var(--text);margin-top:0;margin-bottom:16px;font-size:18px}.customer-info-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.customer-info-grid label{color:#718096;margin-bottom:4px;font-size:12px;display:block}.customer-info-grid p{color:var(--text);margin:0;font-size:15px;font-weight:500}.customer-points-card{text-align:center}.customer-points-value{color:#f5576c;margin:0;font-size:48px;font-weight:700}.customer-points-label{color:#718096;margin:4px 0 0}.customer-qr-card{text-align:center}.customer-qr-card img{width:100%;max-width:200px}.customer-table-wrap{overflow-x:auto}.customer-table{border-collapse:collapse;width:100%;font-size:14px}.customer-table th,.customer-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px}[dir=rtl] .customer-table th,[dir=rtl] .customer-table td{text-align:right}.customer-table th{color:#718096;font-weight:600}@media (width<=640px){.customer-header{flex-direction:column;align-items:flex-start}[dir=rtl] .customer-header{align-items:flex-end}.customer-actions{justify-content:space-between;width:100%}.customer-main{padding:16px}.customer-points-value{font-size:36px}}.customer-network-card .customer-info-grid{margin-bottom:16px}.customer-network-card .customer-btn-primary{width:auto;min-width:160px}.customer-network-referral{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.customer-referral-code{color:#f5576c;letter-spacing:2px;margin:4px 0 16px;font-size:24px;font-weight:700}.customer-share-link{margin-bottom:16px}.customer-copy-row{gap:8px;margin-top:4px;display:flex}.customer-copy-row input{border:1px solid var(--input-border);background:var(--surface-alt);color:var(--input-text);border-radius:6px;flex:1;padding:10px 12px;font-size:14px}.customer-copy-row button{color:#fff;cursor:pointer;background:#f5576c;border:none;border-radius:6px;min-width:72px;padding:10px 16px;font-size:14px}.customer-copy-row button:hover{background:#d94e60}.customer-referral-stats{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.customer-referral-stats label{color:#718096;margin-bottom:4px;font-size:12px;display:block}.customer-referral-stats p{color:var(--text);margin:0;font-size:18px;font-weight:600}.customer-redemptions{margin-top:12px}.customer-redemptions label{color:#718096;margin-bottom:4px;font-size:12px;display:block}.customer-redemptions ul{margin:0;padding:0;list-style:none}.customer-redemptions li{border-bottom:1px solid var(--border,#e2e8f0);justify-content:space-between;gap:8px;padding:6px 0;font-size:13px;display:flex}.customer-redemptions li:last-child{border-bottom:none}.status-badge{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.status-active{color:#22543d;background:#c6f6d5}.status-pending{color:#744210;background:#feebc8}.pin-countdown{color:#4a5568;font-size:13px}.pin-countdown.expired{color:#c53030}