@import"https://fonts.googleapis.com/css2?family=Heebo:wght@400;600;700&family=Inter:wght@400;500;600;700&display=swap";.splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#2d1b69,#1a1a2e);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in-out}.splash-content{display:flex;flex-direction:column;align-items:center;gap:32px;animation:slideUp .6s ease-out}.splash-logo{width:280px;height:auto;max-width:80vw;filter:drop-shadow(0 8px 24px rgba(139,92,246,.3));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);filter:drop-shadow(0 8px 24px rgba(139,92,246,.3))}50%{transform:scale(1.02);filter:drop-shadow(0 12px 32px rgba(139,92,246,.5))}}.splash-loader{width:200px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.loader-bar{height:100%;background:linear-gradient(90deg,#f59e0b,#fcd34d,#f59e0b);border-radius:2px;animation:loading 1.5s ease-in-out infinite;box-shadow:0 0 12px #f59e0b99}@keyframes loading{0%{width:0%;transform:translate(0)}50%{width:70%}to{width:100%;transform:translate(0)}}.splash-text{color:#fffc;font-size:16px;font-weight:500;letter-spacing:.5px;animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 640px){.splash-logo{width:220px}.splash-loader{width:160px}.splash-text{font-size:14px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#fff,#f8f9fa);padding:24px}.login-content{width:100%;max-width:480px;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:200px;height:auto;margin-bottom:24px;filter:drop-shadow(0 4px 12px rgba(37,11,137,.15));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);filter:drop-shadow(0 4px 12px rgba(37,11,137,.15))}50%{transform:scale(1.02);filter:drop-shadow(0 6px 16px rgba(37,11,137,.25))}}.login-title{font-size:32px;font-weight:700;color:#250b89;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.05)}.login-subtitle{font-size:16px;color:#6b7280;margin:0}.login-card{background:#fff;border-radius:20px;padding:40px 32px;box-shadow:0 10px 40px #250b891f;border:1px solid #E5E7EB;text-align:center}.login-card h2{font-size:24px;font-weight:600;color:#250b89;margin:0 0 8px}.login-description{font-size:14px;color:#666;margin:0 0 32px;line-height:1.5}.google-login-wrapper{display:flex;justify-content:center;margin-bottom:32px}.login-features{display:flex;flex-direction:column;gap:16px;margin-top:32px;padding-top:32px;border-top:1px solid #E5E7EB}.feature-item{display:flex;align-items:start;gap:16px;text-align:left}.feature-icon{font-size:28px;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px}.feature-text h4{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 4px}.feature-text p{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.login-footer{text-align:center;margin-top:24px}.login-footer p{font-size:13px;color:#9ca3af;margin:0}@media (max-width: 640px){.login-container{padding:16px}.login-logo{width:160px}.login-title{font-size:28px}.login-subtitle{font-size:14px}.login-card{padding:32px 24px}.login-card h2{font-size:20px}.login-description{font-size:13px}.google-login-wrapper{transform:scale(.95)}}.credit-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;border-left:4px solid;box-shadow:0 1px 2px #0000000d;cursor:pointer;transition:all .3s ease;animation:fadeIn .3s ease-in-out}.credit-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.credit-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;text-align:left}.store-info{display:flex;gap:12px;flex:1;min-width:0}.store-logo{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.store-logo span{font-size:20px;font-weight:700}.store-details{display:flex;flex-direction:column;gap:4px;min-width:0}.store-details h3{font-size:16px;font-weight:600;color:#111827;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.issue-date{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:4px;text-align:left}.credit-amount-section{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.credit-amount{font-size:24px;font-weight:700;white-space:nowrap;text-align:right}.original-amount{font-size:12px;opacity:.7;text-align:right}.remaining-label{font-size:11px;font-weight:500;text-transform:uppercase;text-align:right}.credit-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.status-badge{padding:6px 12px;border-radius:20px;border:1px solid;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.status-badge svg{width:14px;height:14px}.expiry-info{font-size:14px;color:#6b7280;display:flex;align-items:center;gap:4px}.credit-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.tag{padding:4px 8px;background-color:#e5e7eb;border-radius:12px;font-size:11px;color:#6b7280}[dir=rtl] .credit-card{border-left:none;border-right:4px solid}[dir=rtl] .credit-card-header,[dir=rtl] .store-info{flex-direction:row-reverse}[dir=rtl] .credit-amount-section{align-items:flex-start}[dir=rtl] .store-details h3,[dir=rtl] .credit-amount,[dir=rtl] .original-amount{text-align:start}[dir=rtl] .remaining-label{text-align:left}[dir=rtl] .credit-card-header,[dir=rtl] .store-details h3,[dir=rtl] .issue-date{text-align:right}[dir=rtl] .credit-amount,[dir=rtl] .original-amount{text-align:left}[dir=rtl] .expiry-info{text-align:right}[dir=rtl] .credit-card-footer,[dir=rtl] .status-badge,[dir=rtl] .expiry-info,[dir=rtl] .issue-date{flex-direction:row-reverse}[dir=rtl] .credit-tags{direction:rtl}@media (max-width: 640px){.credit-card-header{flex-direction:column;gap:12px}.credit-amount{font-size:28px}}.expiry-reminder{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a;animation:slideIn .3s ease-out}.expiry-reminder.critical{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #dc2626}.expiry-reminder.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #f59e0b}.expiry-reminder.info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6}.reminder-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%}.expiry-reminder.critical .reminder-icon{background:#dc2626;color:#fff;animation:pulse 2s infinite}.expiry-reminder.warning .reminder-icon{background:#f59e0b;color:#fff}.expiry-reminder.info .reminder-icon{background:#3b82f6;color:#fff}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.reminder-content{flex:1;min-width:0}.reminder-title{margin:0 0 4px;font-size:16px;font-weight:600}.expiry-reminder.critical .reminder-title{color:#991b1b}.expiry-reminder.warning .reminder-title{color:#92400e}.expiry-reminder.info .reminder-title{color:#1e40af}.reminder-message{margin:0;font-size:14px;line-height:1.4}.expiry-reminder.critical .reminder-message{color:#7f1d1d}.expiry-reminder.warning .reminder-message{color:#78350f}.expiry-reminder.info .reminder-message{color:#1e3a8a}.reminder-message strong{font-weight:600}.reminder-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.reminder-button{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.reminder-button.primary{color:#fff}.expiry-reminder.critical .reminder-button.primary{background:#dc2626}.expiry-reminder.critical .reminder-button.primary:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.expiry-reminder.warning .reminder-button.primary{background:#f59e0b}.expiry-reminder.warning .reminder-button.primary:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}.expiry-reminder.info .reminder-button.primary{background:#3b82f6}.expiry-reminder.info .reminder-button.primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.reminder-button.dismiss{background:#0000000d;color:#6b7280;padding:8px;display:flex;align-items:center;justify-content:center}.reminder-button.dismiss:hover{background:#0000001a;transform:scale(1.05)}[dir=rtl] .expiry-reminder,[dir=rtl] .reminder-actions{flex-direction:row-reverse}[dir=rtl] .reminder-title,[dir=rtl] .reminder-message{text-align:start}@media (max-width: 640px){.expiry-reminder{flex-direction:column;align-items:flex-start;gap:12px}[dir=rtl] .expiry-reminder{flex-direction:column;align-items:flex-start}.reminder-actions{width:100%;justify-content:space-between}[dir=rtl] .reminder-actions{flex-direction:row-reverse}.reminder-button.primary{flex:1}}.trade-offer-notification{background:linear-gradient(135deg,#dcfce7,#d1fae5);border:2px solid #10B981;border-radius:16px;padding:20px;margin-bottom:24px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #10b98133;animation:slideIn .3s ease-out}.trade-offer-notification:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d;border-color:#059669}.notification-icon{position:relative;background:linear-gradient(135deg,#10b981,#059669);color:#fff;width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #10b98166}.notification-badge{position:absolute;top:-6px;right:-6px;background:#dc2626;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:12px;min-width:24px;text-align:center;box-shadow:0 2px 8px #dc262666}.notification-title{margin:0 0 4px;font-size:18px;font-weight:700;color:#059669}.notification-message{margin:0;font-size:14px;color:#047857;line-height:1.5}.notification-dismiss{background:none;border:none;color:#059669;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;flex-shrink:0}.notification-dismiss:hover{background:#10b98133;color:#047857}@media (max-width: 768px){.trade-offer-notification{padding:16px;gap:12px}.notification-icon{width:48px;height:48px}.notification-title{font-size:16px}.notification-message{font-size:13px}}.wallet-home{min-height:100vh;padding-bottom:100px}.app-header{background:linear-gradient(135deg,#fff,#f8f9fa);color:#1a1a1a;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000014;border-bottom:3px solid #FFDE22;text-align:left}.header-logo{display:flex;align-items:center;gap:12px}.logo-image{height:40px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.header-actions{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #FFDE22;object-fit:cover;cursor:pointer;transition:transform .2s}.user-avatar:hover{transform:scale(1.05)}.icon-button{background:#250b8914;color:#250b89;border:none;padding:10px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.icon-button:hover{background:#250b8926;transform:scale(1.05)}.notification-button .notification-badge{position:absolute;top:-4px;right:-4px;background:#dc2626;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 4px #dc262666;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.logout-button{background:#dc262614;color:#dc2626}.logout-button:hover{background:#dc262626}.admin-button{background:linear-gradient(135deg,#250b891a,#7f3db01a);color:#250b89;border:1px solid rgba(37,11,137,.2);position:relative}.admin-button:after{content:"";position:absolute;inset:0;border-radius:10px;padding:1px;background:linear-gradient(135deg,#250b89,#7f3db0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3}.admin-button:hover{background:linear-gradient(135deg,#250b8926,#7f3db026);border-color:#250b8966;box-shadow:0 4px 12px #250b8933}.summary-card{margin:16px 0;padding:24px;background:linear-gradient(135deg,#5d148e,#7f3db0,#2563eb);border-radius:16px;color:#fff;box-shadow:0 10px 15px #5d148e4d;animation:fadeIn .3s ease-in-out;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,222,34,.15) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.summary-card .summary-label,.summary-card .summary-value,.summary-card .summary-stats{position:relative;z-index:1}.summary-card .summary-label{font-size:14px;color:#fff!important;opacity:1;margin-bottom:8px;text-align:left}.summary-card .summary-value{font-size:40px;font-weight:700;color:#fff!important;margin:0 0 24px;text-align:left}.summary-card .summary-stats{display:flex;justify-content:space-around;align-items:center}.summary-card .stat-item{display:flex;align-items:center;gap:12px;color:#fff!important}.summary-card .stat-item svg{color:#fff!important}.summary-card .stat-value{font-size:28px;font-weight:600;color:#fff!important;margin:0;background:none!important;-webkit-text-fill-color:#FFFFFF!important}.summary-card .stat-label{font-size:12px;color:#fff!important;opacity:1;margin:0;text-align:left}.stat-divider{width:1px;height:40px;background:#ffffff4d}.search-container{position:relative;margin:16px 0}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;z-index:1}.search-input{width:100%;padding:14px 16px 14px 48px;border:1px solid #E5E7EB;border-radius:8px;font-size:16px;background:#fff;transition:border-color .2s;text-align:left}.search-input::placeholder{text-align:left}.clear-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px 8px;z-index:1}.filter-chips{display:flex;gap:8px;overflow-x:auto;padding:8px 0;margin-bottom:16px}.filter-chips::-webkit-scrollbar{display:none}.chip{padding:8px 16px;border:1px solid #E5E7EB;border-radius:20px;background:#fff;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;white-space:nowrap;transition:all .2s}.chip:hover{border-color:#5d148e;color:#5d148e}.chip.active{background:#5d148e1a;border-color:#5d148e;color:#5d148e;font-weight:600}.credits-list{animation:fadeIn .3s ease-in-out}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state h3{font-size:24px;color:#6b7280;margin:0 0 8px}.empty-state p{font-size:16px;color:#9ca3af;margin:0}.fab{position:fixed;bottom:24px;right:24px;background:linear-gradient(135deg,#ffde22,#f59e0b);color:#1a1a1a;border:none;padding:16px 24px;border-radius:28px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #f59e0b66;transition:all .3s ease;z-index:100}.fab:hover{background:linear-gradient(135deg,#fff36f,#fbbf24);box-shadow:0 6px 16px #f59e0b80;transform:translateY(-2px)}.fab:active{transform:translateY(0)}[dir=rtl] .app-header{direction:rtl}[dir=rtl] .header-logo,[dir=rtl] .header-actions{flex-direction:row-reverse}[dir=rtl] .search-input{padding:14px 48px 14px 16px;text-align:right;direction:rtl}[dir=rtl] .search-input::placeholder{text-align:right}[dir=rtl] .filter-chips{direction:rtl;justify-content:flex-start}[dir=rtl] .fab{right:auto;left:24px}[dir=rtl] .notification-button .notification-badge{right:auto;left:-4px}[dir=rtl] .empty-state{text-align:center}[dir=rtl] .summary-card .summary-stats{justify-content:space-around}[dir=rtl] .summary-card .summary-value,[dir=rtl] .summary-card .summary-label,[dir=rtl] .summary-card .stat-item,[dir=rtl] .credits-list{text-align:start}[dir=rtl] .chip{text-align:center}[dir=rtl] .app-header{text-align:right}[dir=rtl] .summary-card .summary-label,[dir=rtl] .summary-card .summary-value,[dir=rtl] .summary-card .stat-label,[dir=rtl] .summary-card .stat-value{text-align:right!important}@media (max-width: 640px){.app-header{padding:12px 16px}.logo-image{height:36px}.summary-card{padding:20px}.summary-card .summary-value{font-size:32px;color:#fff!important}.summary-card .stat-value{font-size:24px;color:#fff!important;background:none!important;-webkit-text-fill-color:#FFFFFF!important}.summary-card .stat-label,.summary-card .summary-label{color:#fff!important}.fab{bottom:16px;right:16px}[dir=rtl] .fab{right:auto;left:16px}.fab span{display:none}}.scanner-overlay{position:fixed;inset:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-in-out}.scanner-container{background:#1e1e1e;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 10px 40px #00000080}.scanner-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#2c2c2c;border-bottom:1px solid #3C3C3C}.scanner-header h3{margin:0;color:#fff;font-size:18px;display:flex;align-items:center;gap:8px}.close-scanner{background:#ffffff1a;border:none;color:#fff;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-scanner:hover{background:#fff3}.scanner-viewport{width:100%;min-height:300px;display:flex;align-items:center;justify-content:center;background:#000}#qr-reader{border:none!important}#qr-reader video{border-radius:0!important;width:100%!important;height:auto!important}#qr-reader__dashboard,#qr-reader__camera_selection{display:none!important}.camera-selector{padding:16px 20px;background:#2c2c2c;display:flex;align-items:center;gap:12px}.camera-selector label{color:#fff;font-weight:600;font-size:14px}.camera-selector select{flex:1;padding:10px 12px;border:1px solid #3C3C3C;border-radius:8px;background:#1e1e1e;color:#fff;font-size:14px;cursor:pointer}.camera-selector select:focus{outline:none;border-color:#5d148e}.scanner-instructions{padding:20px;text-align:center;background:#2c2c2c;border-top:1px solid #3C3C3C}.scanner-instructions p{margin:0 0 8px;color:#fff;font-size:14px}.scanner-tip{font-size:12px!important;color:#b3b3b3!important;margin:0!important}.scanner-error{padding:40px 20px;text-align:center;background:#1e1e1e;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.scanner-error p{color:#dc2626;font-size:16px;margin:0}.retry-button{padding:12px 24px;background:#5d148e;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.retry-button:hover{background:#7f3db0}@keyframes scanSuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.scan-success{animation:scanSuccess .3s ease-in-out}[dir=rtl] .scanner-header,[dir=rtl] .scanner-header h3,[dir=rtl] .camera-selector{flex-direction:row-reverse}[dir=rtl] .scanner-header h3{text-align:start}[dir=rtl] .scanner-instructions p,[dir=rtl] .scanner-tip,[dir=rtl] .scanner-error p,[dir=rtl] .scanner-loading p{text-align:center}[dir=rtl] .camera-selector label{text-align:start}@media (max-width: 640px){.scanner-overlay{padding:0}.scanner-container{max-width:100%;height:100%;border-radius:0}.scanner-viewport{min-height:400px;flex:1}}.scanner-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px}.scanner-loading .spinner{width:40px;height:40px;border:3px solid #3C3C3C;border-top-color:#5d148e;border-radius:50%;animation:spin .8s linear infinite}.scanner-loading p{color:#b3b3b3;margin:0}.store-autocomplete{position:relative;width:100%}.store-autocomplete input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;font-family:Inter,sans-serif}.store-autocomplete input:focus{outline:none;border-color:var(--primary-color)}.suggestions-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:1000}.suggestion-item{display:flex;align-items:center;padding:12px;cursor:pointer;transition:background-color .2s;gap:12px}.suggestion-item:hover,.suggestion-item.selected{background-color:var(--background-color)}.suggestion-logo{width:40px;height:40px;border-radius:8px;object-fit:contain;flex-shrink:0}.suggestion-text{flex:1;min-width:0}.suggestion-name{font-weight:500;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-address{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestions-dropdown::-webkit-scrollbar{width:8px}.suggestions-dropdown::-webkit-scrollbar-track{background:transparent}.suggestions-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.add-credit-page{min-height:100vh;background-color:#f9fafb}.page-header{background:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 2px #0000000d;position:sticky;top:0;z-index:10}.page-header h1{font-size:20px;font-weight:600;margin:0}.back-button{background:none;border:none;color:#111827;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.back-button:hover{background:#f3f4f6}.credit-form{max-width:600px;margin:0 auto;padding:24px 0;animation:fadeIn .3s ease-in-out}.image-upload-section{margin-bottom:24px}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:#fff;border:2px dashed #E5E7EB;border-radius:12px;cursor:pointer;transition:all .2s}.upload-area:hover{border-color:#5d148e;background:#5d148e05}.upload-area svg{color:#5d148e;margin-bottom:16px}.upload-area h3{font-size:18px;margin:0 0 8px;color:#111827}.upload-area p{font-size:14px;color:#6b7280;margin:0}.image-preview{position:relative;border-radius:12px;overflow:hidden;background:#fff}.image-preview img{width:100%;height:auto;display:block}.remove-image{position:absolute;top:12px;right:12px;background:#ffffffe6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a}.error-messages{background:#fee2e2;border:1px solid #FCA5A5;border-radius:8px;padding:12px 16px;margin-bottom:20px}.error-messages p{color:#dc2626;font-size:14px;margin:4px 0}.form-group label{display:block;font-size:14px;font-weight:600;color:#111827;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:1px solid #E5E7EB;border-radius:8px;font-size:16px;background:#fff;color:#111827;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#5d148e;outline:none;box-shadow:0 0 0 3px #5d148e1a}.form-group textarea{resize:vertical;font-family:inherit}.input-with-suffix{position:relative}.input-with-suffix .suffix{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#6b7280;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tag-input-container,.barcode-input-container{display:flex;gap:8px}.tag-input-container input,.barcode-input-container input{flex:1}.scan-barcode-button{padding:12px 20px;background:#ffde22;color:#1a1a1a;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.scan-barcode-button:hover{background:#fff36f;box-shadow:0 2px 8px #ffde224d}.add-tag-button{padding:12px 20px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #2563eb4d}.add-tag-button:hover{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 12px #2563eb66}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tags-list .tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#5d148e1a;border:1px solid rgba(93,20,142,.2);border-radius:16px;font-size:13px;color:#5d148e;font-weight:500}.tags-list .tag button{background:none;border:none;padding:0;color:#5d148e;cursor:pointer;display:flex;align-items:center}.submit-button{width:100%;padding:16px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px;box-shadow:0 4px 12px #16a34a4d}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#4ade80);box-shadow:0 6px 16px #16a34a66;transform:translateY(-1px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.ocr-hint{font-size:12px!important;color:#5d148e!important;font-weight:500!important;margin-top:8px!important}.ocr-progress-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10;animation:fadeIn .2s ease-in-out}.ocr-progress-content{text-align:center;color:#fff;padding:24px}.ocr-progress-content .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#ffde22;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.ocr-progress-content p{margin:0 0 16px;font-size:16px;font-weight:600}.progress-bar{width:200px;height:6px;background:#fff3;border-radius:3px;overflow:hidden;margin:0 auto 8px}.progress-fill{height:100%;background:linear-gradient(90deg,#5d148e,#ffde22);transition:width .3s ease;border-radius:3px}.progress-text{font-size:14px;color:#fffc}[dir=rtl] .page-header{direction:rtl;flex-direction:row-reverse}[dir=rtl] .remove-image{right:auto;left:12px}[dir=rtl] .form-group input,[dir=rtl] .form-group textarea,[dir=rtl] .form-group select{text-align:start}[dir=rtl] .upload-area,[dir=rtl] .scanner-instructions{text-align:center}[dir=rtl] .page-header h1,[dir=rtl] .form-group label{text-align:start}[dir=rtl] .upload-area h3,[dir=rtl] .upload-area p{text-align:center}[dir=rtl] .error-messages p,[dir=rtl] .ocr-hint{text-align:start}[dir=rtl] .ocr-progress-content p,[dir=rtl] .progress-text{text-align:center}[dir=rtl] .tag-input-container,[dir=rtl] .barcode-input-container{flex-direction:row-reverse}[dir=rtl] .tags-list{direction:rtl}[dir=rtl] .tags-list .tag{flex-direction:row-reverse}@media (max-width: 640px){.page-header{padding:12px 16px}.credit-form{padding:16px 0}.form-row{grid-template-columns:1fr}}.credit-detail-page{min-height:100vh;background:#f9fafb}.detail-header{background:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 2px #0000000d;position:sticky;top:0;z-index:10}.detail-header h1{font-size:20px;font-weight:600;margin:0;text-align:left}.header-actions{display:flex;gap:8px;position:relative}.menu-container{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;z-index:100;animation:fadeIn .2s ease-in-out}.dropdown-menu button{width:100%;padding:12px 16px;text-align:left;background:none;border:none;color:#dc2626;font-weight:500;cursor:pointer;transition:background .2s}.dropdown-menu button:hover{background:#f3f4f6}.credit-detail-content{max-width:800px;margin:0 auto;padding:24px 16px;animation:fadeIn .3s ease-in-out}.store-header{text-align:center;padding:32px 24px;border-radius:16px;margin-bottom:24px}.store-logo-large{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border:2px solid rgba(0,0,0,.05)}.store-logo-large span{font-size:36px;font-weight:700}.store-header h2{font-size:24px;margin:0 0 8px;text-align:center}.amount-large{font-size:48px;font-weight:700;margin-top:8px;text-align:center}.barcode-section{background:#fff;border-radius:16px;padding:24px;text-align:center;margin-bottom:16px;border:1px solid #E5E7EB}.barcode-title{font-size:16px;font-weight:600;margin-bottom:20px;color:#111827;text-align:center}.barcode-container{display:flex;justify-content:center;align-items:center;min-height:150px;padding:20px}.barcode-data{font-family:Courier New,monospace;font-size:14px;color:#6b7280;margin-top:12px;text-align:center;direction:ltr}.status-banner{padding:16px;border-radius:12px;border:1px solid;text-align:center;font-size:16px;font-weight:600;margin-bottom:24px}.details-card,.receipt-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:16px;border:1px solid #E5E7EB}.details-card h3,.receipt-card h3{font-size:20px;margin:0 0 20px;text-align:left}.detail-row{display:flex;align-items:flex-start;gap:12px}.detail-icon{color:#6b7280;margin-top:2px;flex-shrink:0}.detail-content{flex:1;display:flex;flex-direction:column;gap:4px}.detail-label{font-size:14px;color:#6b7280;text-align:left}.detail-value{font-size:16px;font-weight:500;color:#111827;text-align:left}.notes-text{font-size:14px;line-height:1.6;color:#111827;margin:4px 0 0;text-align:left}.detail-divider{height:1px;background:#e5e7eb;margin:16px 0}.receipt-image{width:100%;border-radius:12px;margin-top:12px}.redeem-button{width:100%;padding:16px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px;box-shadow:0 4px 12px #16a34a4d}.redeem-button:hover{background:linear-gradient(135deg,#22c55e,#4ade80);box-shadow:0 6px 16px #16a34a66;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease-in-out}.modal-content{background:#fff;border-radius:16px;padding:24px;max-width:400px;width:100%;animation:slideIn .2s ease-in-out}.modal-content h3{margin:0 0 12px;font-size:20px;text-align:left}.modal-content p{color:#6b7280;margin:0 0 20px;line-height:1.5;text-align:left}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.button-secondary,.button-primary,.button-danger{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.button-secondary{background:#f3f4f6;color:#6b7280}.button-secondary:hover{background:#e5e7eb}.button-primary{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.button-primary:hover{background:linear-gradient(135deg,#22c55e,#4ade80);box-shadow:0 2px 8px #16a34a4d}.button-danger{background:#dc2626;color:#fff}.button-danger:hover{background:#b91c1c}.balance-breakdown{width:100%;max-width:400px;margin:16px auto 0}.balance-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.balance-label{font-size:14px;font-weight:500;color:#000000b3;text-align:left}.balance-value{font-size:16px;font-weight:600;text-align:right}.balance-remaining{margin-top:8px}.balance-remaining .balance-label{font-size:16px;font-weight:600;color:#111827}.balance-divider{height:2px;background:#0000001a;margin:8px 0}.action-buttons{display:flex;gap:12px;margin-top:8px}.action-buttons .redeem-button{flex:1;margin-top:0}.redeem-button.partial{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 12px #2563eb4d}.redeem-button.partial:hover{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 6px 16px #2563eb66}[dir=rtl] .detail-header{direction:rtl}[dir=rtl] .header-actions{flex-direction:row-reverse}[dir=rtl] .dropdown-menu{right:auto;left:0}[dir=rtl] .dropdown-menu button{text-align:start}[dir=rtl] .detail-content{align-items:flex-start}[dir=rtl] .balance-row{flex-direction:row-reverse;justify-content:space-between}[dir=rtl] .modal-actions{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .action-buttons{flex-direction:row-reverse}[dir=rtl] .store-header,[dir=rtl] .barcode-section{text-align:center}[dir=rtl] .detail-label,[dir=rtl] .detail-value,[dir=rtl] .notes-text,[dir=rtl] .modal-content h3,[dir=rtl] .modal-content p,[dir=rtl] .balance-label{text-align:start}[dir=rtl] .balance-value{text-align:end}[dir=rtl] .detail-header h1{text-align:right}[dir=rtl] .store-header h2,[dir=rtl] .amount-large{text-align:center}[dir=rtl] .details-card h3,[dir=rtl] .receipt-card h3,[dir=rtl] .detail-label,[dir=rtl] .detail-value{text-align:right}[dir=rtl] .barcode-title{text-align:center}[dir=rtl] .barcode-data{text-align:center;direction:ltr}[dir=rtl] .notes-text,[dir=rtl] .modal-content h3,[dir=rtl] .modal-content p,[dir=rtl] .balance-label{text-align:right}[dir=rtl] .balance-value{text-align:left}@media (max-width: 640px){.detail-header{padding:12px 16px}.credit-detail-content{padding:16px}.store-header{padding:24px 16px}.amount-large{font-size:36px}.action-buttons,[dir=rtl] .action-buttons{flex-direction:column}.action-buttons .redeem-button{width:100%}}.settings-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding-bottom:40px}.settings-header{background:linear-gradient(135deg,#fff,#f8f9fa);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000014;border-bottom:3px solid #FFDE22;position:sticky;top:0;z-index:100}.settings-header h1{margin:0;font-size:24px;font-weight:700;color:#250b89;text-align:left}.back-button{background:none;border:none;color:#250b89;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.back-button:hover{background:#250b891a}.settings-container{max-width:900px;margin:0 auto;padding:24px}.profile-section{background:linear-gradient(135deg,#250b89,#3b1ca8);color:#fff;margin-bottom:24px}.profile-section .section-header{color:#fff;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:16px;margin-bottom:24px}.profile-content{display:flex;flex-direction:column;align-items:center;gap:24px}.profile-avatar-container{position:relative}.profile-avatar-large{width:100px;height:100px;border-radius:50%;border:4px solid #FFDE22;object-fit:cover;box-shadow:0 4px 12px #0003}.profile-avatar-placeholder{width:100px;height:100px;border-radius:50%;border:4px solid #FFDE22;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff}.profile-info{text-align:center;width:100%}.profile-name{margin:0 0 16px;font-size:24px;font-weight:700;color:#fff}.profile-detail{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;color:#ffffffe6;font-size:14px}.logout-button-profile{width:100%;max-width:300px;padding:14px 24px;background:#dc2626e6;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #0003}.logout-button-profile:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.settings-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #00000014}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#250b89;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.section-header h2{margin:0;font-size:20px;font-weight:600;text-align:left}.setting-item{padding:20px 0;border-bottom:1px solid #e9ecef}.setting-item:last-child{border-bottom:none}.setting-item:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.setting-label{flex:1}.setting-label h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#1a1a1a;text-align:left}.setting-label p{margin:0;font-size:14px;color:#6b7280;text-align:left}.toggle-switch{position:relative;display:inline-block;width:56px;height:32px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:32px}.toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#250b89}input:checked+.toggle-slider:before{transform:translate(24px)}.phone-input,.select-input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:border-color .2s;margin-top:8px}.phone-input:focus,.select-input:focus{outline:none;border-color:#250b89}.phone-preview{margin-top:8px;padding:8px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;font-size:14px;color:#0c4a6e}.whatsapp-details{margin-top:24px;padding:24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px}.details-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0;background:none;border:none;font-size:16px;font-weight:600;color:#14532d;cursor:pointer;transition:all .2s;margin-bottom:0}.details-toggle:hover{color:#166534}.details-content{margin-top:16px;animation:slideDown .3s ease-out}.whatsapp-details h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#14532d}.message-preview{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.message-preview-header{background:#25d366;color:#fff;padding:12px 16px;font-weight:600;font-size:14px}.message-preview-body{padding:16px;font-size:14px;line-height:1.6;color:#1a1a1a;white-space:pre-line}.message-preview-body .link{color:#3b82f6;text-decoration:underline}.whatsapp-features{margin-bottom:20px}.whatsapp-features ul{margin:0;padding:0;list-style:none}.whatsapp-features li{display:flex;align-items:center;gap:8px;padding:8px 0;color:#166534;font-size:14px}.check-icon{color:#22c55e;flex-shrink:0}.whatsapp-privacy{display:flex;gap:12px;padding:16px;background:#ffffffb3;border-radius:8px;border:1px solid #bbf7d0}.whatsapp-privacy strong{display:block;margin-bottom:4px;color:#14532d}.whatsapp-privacy p{margin:0;font-size:13px;color:#166534;line-height:1.5}.settings-actions{margin-bottom:24px}.save-button{width:100%;padding:16px;background:#250b89;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #250b8933}.save-button:hover:not(:disabled){background:#1a0661;transform:translateY(-2px);box-shadow:0 6px 16px #250b894d}.save-button:disabled{opacity:.7;cursor:not-allowed}.message{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-top:12px;font-size:14px;font-weight:500;animation:slideIn .3s ease-out}.message.success{background:#d1fae5;color:#065f46;border:1px solid #34d399}.message.error{background:#fee2e2;color:#991b1b;border:1px solid #f87171}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .settings-header{direction:rtl;flex-direction:row-reverse}[dir=rtl] .section-header,[dir=rtl] .setting-item:first-child{flex-direction:row-reverse}[dir=rtl] .setting-label{text-align:start}[dir=rtl] .toggle-slider:before{left:auto;right:4px}[dir=rtl] input:checked+.toggle-slider:before{transform:translate(-24px)}[dir=rtl] .phone-input,[dir=rtl] .select-input{text-align:start}[dir=rtl] .details-toggle{flex-direction:row-reverse;justify-content:space-between}[dir=rtl] .whatsapp-features li,[dir=rtl] .whatsapp-privacy{flex-direction:row-reverse;text-align:start}[dir=rtl] .profile-detail{flex-direction:row-reverse;justify-content:center}[dir=rtl] .message{flex-direction:row-reverse}[dir=rtl] .profile-info{text-align:center}[dir=rtl] .message-preview-body,[dir=rtl] .setting-item h3,[dir=rtl] .setting-item p,[dir=rtl] .phone-preview,[dir=rtl] .whatsapp-details h4,[dir=rtl] .message-preview-header{text-align:start}[dir=rtl] .profile-name{text-align:center}[dir=rtl] .settings-header h1,[dir=rtl] .section-header h2,[dir=rtl] .setting-label h3,[dir=rtl] .setting-label p{text-align:right}@media (max-width: 640px){.settings-container{padding:16px}.settings-header h1{font-size:20px}.profile-avatar-large,.profile-avatar-placeholder{width:80px;height:80px}.profile-name{font-size:20px}.whatsapp-details{padding:16px}}.marketplace-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding-bottom:40px}.marketplace-header{background:linear-gradient(135deg,#fff,#f8f9fa);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000014;border-bottom:3px solid #5D148E;position:sticky;top:0;z-index:100}.marketplace-header h1{margin:0;font-size:24px;font-weight:700;color:#5d148e;text-align:left}.create-listing-btn{background:linear-gradient(135deg,#5d148e,#7f3db0);color:#fff;border:none;padding:10px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.create-listing-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #5d148e4d}.marketplace-container{max-width:1200px;margin:0 auto;padding:24px}.marketplace-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #E5E7EB;padding-bottom:0}.marketplace-tabs .tab{background:none;border:none;padding:12px 24px;font-size:16px;font-weight:600;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:8px;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}.marketplace-tabs .tab:hover{color:#5d148e;background:#5d148e0d}.marketplace-tabs .tab.active{color:#5d148e;border-bottom-color:#5d148e}.search-container{position:relative;margin-bottom:24px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280}.search-input{width:100%;padding:14px 16px 14px 48px;border:1px solid #E5E7EB;border-radius:8px;font-size:16px;background:#fff;transition:border-color .2s}.search-input:focus{border-color:#5d148e;outline:none;box-shadow:0 0 0 3px #5d148e1a}.clear-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px 8px}.listings-grid{display:flex;flex-direction:column;gap:12px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.listing-card{background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 1px 3px #00000014;border-left:3px solid #5D148E;transition:all .2s;cursor:pointer}.listing-card:hover{transform:translate(3px);box-shadow:0 3px 12px #0000001f}.listing-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.store-info{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.store-logo{width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,#f0ebf5,#e8e0f0);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.store-logo img{width:100%;height:100%;object-fit:contain}.store-logo span{font-size:20px;font-weight:700;color:#5d148e}.store-details{flex:1;min-width:0}.listing-store{margin:0 0 4px;font-size:16px;font-weight:700;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.price-info{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.original-price{font-size:12px;color:#9ca3af;text-decoration:line-through}.discount-badge{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:700}.price-section{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.asking-price{font-size:22px;font-weight:700;color:#5d148e;line-height:1;text-align:right}.savings{font-size:10px;color:#059669;font-weight:600;text-align:right}.listing-description{font-size:12px;color:#6b7280;line-height:1.4;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listing-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #F3F4F6;margin-bottom:8px}.expiry-info{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.listing-owner-badge{background:linear-gradient(135deg,#ffde22,#f59e0b);color:#1a1a1a;padding:8px 12px;border-radius:6px;font-weight:600;text-align:center;font-size:13px}.listing-actions{display:flex;gap:8px;margin-top:8px}.purchase-button{background:linear-gradient(135deg,#5d148e,#7f3db0);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;flex:1}.purchase-button:hover{background:linear-gradient(135deg,#7f3db0,#9b5fcc);transform:translateY(-1px);box-shadow:0 2px 8px #5d148e4d}.trade-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;flex:1}.trade-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.marketplace-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.marketplace-empty h3{font-size:24px;color:#6b7280;margin:0 0 8px}.marketplace-empty p{font-size:16px;color:#9ca3af;margin:0 0 24px;max-width:500px}.list-credit-button{background:linear-gradient(135deg,#ffde22,#f59e0b);color:#1a1a1a;border:none;padding:14px 28px;border-radius:28px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #f59e0b66;transition:all .3s}.list-credit-button:hover{background:linear-gradient(135deg,#fff36f,#fbbf24);transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b80}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #E5E7EB}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:#5d148e}.close-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.close-button:hover{background:#0000000d}.modal-loading,.modal-empty{padding:40px;text-align:center}.modal-loading{display:flex;flex-direction:column;align-items:center}.modal-empty p{color:#6b7280;margin-bottom:20px}.modal-content form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.form-select,.form-input,.form-textarea{width:100%;padding:12px 16px;border:1px solid #E5E7EB;border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .2s}.form-select:focus,.form-input:focus,.form-textarea:focus{border-color:#5d148e;outline:none;box-shadow:0 0 0 3px #5d148e1a}.form-textarea{resize:vertical;min-height:80px}.credit-preview{background:linear-gradient(135deg,#f0f4ff,#e8f0ff);padding:16px;border-radius:8px;margin-bottom:20px}.trade-preview{background:linear-gradient(135deg,#dcfce7,#d1fae5);padding:16px;border-radius:8px;margin-bottom:20px;border:2px solid #059669}.trade-preview h3{margin:0 0 12px;font-size:16px;font-weight:700;color:#059669}.trade-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.trade-item strong{color:#1a1a1a;font-size:16px}.trade-item span{color:#059669;font-size:18px;font-weight:700}.preview-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.preview-row span{color:#6b7280;font-size:14px}.preview-row strong{color:#1a1a1a;font-size:16px}.discount-info{margin-top:8px;padding:8px 12px;background:linear-gradient(135deg,#dcfce7,#d1fae5);color:#059669;border-radius:6px;font-size:14px;font-weight:600}.char-count{text-align:right;font-size:12px;color:#9ca3af;margin-top:4px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #E5E7EB}.primary-button,.secondary-button{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.primary-button{background:linear-gradient(135deg,#5d148e,#7f3db0);color:#fff}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#7f3db0,#9b5fcc);transform:translateY(-2px);box-shadow:0 4px 12px #5d148e4d}.primary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{background:#e5e7eb;color:#1a1a1a}.secondary-button:hover{background:#d1d5db}.listing-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.status-active{background:linear-gradient(135deg,#dcfce7,#d1fae5);color:#059669}.status-badge.status-sold{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.status-badge.status-cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.cancel-button{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.cancel-button:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-1px);box-shadow:0 2px 8px #dc26264d}.history-controls-wrapper{margin-bottom:24px}.history-controls-toggle{background:#fff;border:2px solid #E5E7EB;border-radius:10px;padding:12px 20px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;font-weight:600;color:#5d148e;transition:all .2s;width:fit-content;box-shadow:0 2px 4px #0000000d;text-align:left}.history-controls-toggle:hover{background:linear-gradient(135deg,#f8f4fc,#f0ebf5);border-color:#5d148e;transform:translateY(-1px);box-shadow:0 4px 8px #5d148e26}.history-controls-toggle:active{transform:translateY(0)}.history-controls-toggle span{flex:1}.history-controls{background:#fff;border-radius:12px;padding:20px;margin-top:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-group,.sort-group{display:flex;align-items:center;gap:12px}.filter-group label,.sort-group label{font-size:14px;font-weight:600;color:#1a1a1a;white-space:nowrap;text-align:left}.filter-buttons{display:flex;gap:8px}.filter-btn{background:#f3f4f6;color:#6b7280;border:2px solid transparent;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.filter-btn:hover{background:#e5e7eb;color:#1a1a1a}.filter-btn.active{background:linear-gradient(135deg,#5d148e,#7f3db0);color:#fff;border-color:#5d148e}.sort-group{display:flex;gap:8px}.sort-select{padding:8px 16px;border:2px solid #E5E7EB;border-radius:8px;font-size:14px;font-weight:600;color:#1a1a1a;background:#fff;cursor:pointer;transition:all .2s;text-align:left}.sort-select:hover{border-color:#5d148e}.sort-select:focus{border-color:#5d148e;outline:none;box-shadow:0 0 0 3px #5d148e1a}.sort-order-btn{background:#f3f4f6;color:#5d148e;border:2px solid #E5E7EB;padding:8px 12px;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;min-width:44px;display:flex;align-items:center;justify-content:center}.sort-order-btn:hover{background:#e5e7eb;border-color:#5d148e}.sort-order-btn:active{transform:scale(.95)}.transaction-list{display:flex;flex-direction:column;gap:16px}.transaction-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s}.transaction-card:hover{box-shadow:0 4px 16px #00000026}.transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #E5E7EB}.transaction-type{display:flex;align-items:center;gap:12px}.transaction-type h3{margin:0;font-size:18px;font-weight:700;color:#1a1a1a;text-align:left}.type-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.type-badge.sold{background:linear-gradient(135deg,#dcfce7,#d1fae5);color:#059669}.type-badge.bought{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.transaction-date{font-size:14px;color:#6b7280;text-align:right}.transaction-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.detail-row span{color:#6b7280;text-align:left}.detail-row strong{color:#1a1a1a;font-weight:600;text-align:right}.detail-row .sale-price{color:#5d148e}.detail-row .discount{color:#dc2626}.transaction-summary{padding:12px 16px;border-radius:8px;text-align:center;font-weight:600;font-size:16px}.transaction-summary.earned{background:linear-gradient(135deg,#dcfce7,#d1fae5);color:#059669}.transaction-summary.saved{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.type-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.type-badge.accepted{background:linear-gradient(135deg,#dcfce7,#d1fae5);color:#059669}.type-badge.rejected,.type-badge.cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.type-badge.expired{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#6b7280}.trade-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid #E5E7EB}.accept-trade-button{flex:1;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:14px 20px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.accept-trade-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.reject-trade-button{flex:1;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:14px 20px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.reject-trade-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.offer-unavailable{color:#dc2626;font-weight:600;font-size:14px;padding:8px 12px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:6px;display:inline-block;width:100%;text-align:center}[dir=rtl] .marketplace-header,[dir=rtl] .marketplace-tabs{direction:rtl}[dir=rtl] .search-icon{left:auto;right:16px}[dir=rtl] .search-input{padding:14px 48px 14px 16px;text-align:start}[dir=rtl] .clear-button{right:auto;left:12px}[dir=rtl] .listing-card{border-left:none;border-right:3px solid #5D148E}[dir=rtl] .listing-card:hover{transform:translate(-3px)}[dir=rtl] .listing-card-header,[dir=rtl] .store-info{flex-direction:row-reverse}[dir=rtl] .listing-footer,[dir=rtl] .expiry-info,[dir=rtl] .listing-actions,[dir=rtl] .modal-header,[dir=rtl] .preview-row,[dir=rtl] .trade-item,[dir=rtl] .modal-actions{flex-direction:row-reverse}[dir=rtl] .char-count{text-align:left}[dir=rtl] .listing-status-header,[dir=rtl] .filter-group,[dir=rtl] .sort-group,[dir=rtl] .filter-buttons,[dir=rtl] .transaction-header,[dir=rtl] .transaction-type{flex-direction:row-reverse}[dir=rtl] .detail-row{flex-direction:row-reverse;text-align:start}[dir=rtl] .trade-actions{flex-direction:row-reverse}[dir=rtl] .input-with-suffix .suffix{right:auto;left:16px}[dir=rtl] .form-group input,[dir=rtl] .form-group textarea,[dir=rtl] .form-group select,[dir=rtl] .form-input,[dir=rtl] .form-select,[dir=rtl] .form-textarea{text-align:start}[dir=rtl] .preview-row,[dir=rtl] .trade-item,[dir=rtl] .listing-card-header,[dir=rtl] .listing-footer,[dir=rtl] .transaction-header{justify-content:space-between}[dir=rtl] .marketplace-empty{text-align:center}[dir=rtl] .listing-store,[dir=rtl] .listing-description,[dir=rtl] .modal-header h2,[dir=rtl] .form-group label,[dir=rtl] .transaction-type h3{text-align:start}[dir=rtl] .transaction-date{text-align:end}[dir=rtl] .price-section{align-items:flex-start}[dir=rtl] .asking-price{text-align:start}[dir=rtl] .savings{text-align:left}[dir=rtl] .marketplace-header h1,[dir=rtl] .listing-store{text-align:right}[dir=rtl] .asking-price{text-align:left}[dir=rtl] .filter-group label,[dir=rtl] .sort-group label{text-align:right}[dir=rtl] .filter-btn{text-align:center}[dir=rtl] .sort-select{text-align:right;direction:rtl}[dir=rtl] .history-controls-toggle,[dir=rtl] .transaction-type h3{text-align:right}[dir=rtl] .transaction-date{text-align:left}[dir=rtl] .detail-row span{text-align:right}[dir=rtl] .detail-row strong{text-align:left}@media (max-width: 768px){.marketplace-header{padding:12px 16px}.marketplace-header h1{font-size:20px}.marketplace-container{padding:16px}.marketplace-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.marketplace-tabs .tab{padding:12px 16px;font-size:14px;white-space:nowrap}.listings-grid{grid-template-columns:1fr;gap:16px}.history-controls-toggle{width:100%;justify-content:center}.history-controls{flex-direction:column;align-items:stretch;gap:16px}.filter-group,.sort-group{flex-direction:column;align-items:stretch}.filter-buttons{width:100%}.filter-btn{flex:1}.sort-group select,.sort-order-btn{width:100%}.transaction-header{flex-direction:column;align-items:flex-start;gap:8px}.transaction-type{width:100%}.modal-content{margin:20px;max-height:calc(100vh - 40px)}.modal-actions,[dir=rtl] .modal-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}}.notifications-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding-bottom:40px}.notifications-header{background:linear-gradient(135deg,#fff,#f8f9fa);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000014;border-bottom:3px solid #5D148E;position:sticky;top:0;z-index:100}.notifications-header h1{margin:0;font-size:24px;font-weight:700;color:#5d148e;flex:1;text-align:center}.back-button{background:none;border:none;color:#5d148e;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.back-button:hover{background:#5d148e1a}.mark-all-read-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mark-all-read-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b9814d}.notifications-container{max-width:800px;margin:0 auto;padding:24px}.filter-tabs{display:flex;gap:8px;margin-bottom:24px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 8px #00000014}.filter-tab{flex:1;background:none;border:none;padding:12px 24px;font-size:16px;font-weight:600;color:#6b7280;cursor:pointer;border-radius:8px;transition:all .2s}.filter-tab:hover{background:#5d148e0d;color:#5d148e}.filter-tab.active{background:linear-gradient(135deg,#5d148e,#7f3db0);color:#fff;box-shadow:0 2px 8px #5d148e4d}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.spinner{width:40px;height:40px;border:3px solid #E5E7EB;border-top-color:#5d148e;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #00000014;position:relative}.notification-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.notification-item.unread{background:linear-gradient(135deg,#f0f4ff,#e8f0ff);border-left:4px solid #5D148E}.notification-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.notification-item.trade-offer .notification-icon{background:linear-gradient(135deg,#10b981,#059669)}.notification-item.trade-accepted .notification-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.notification-item.trade-rejected .notification-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.notification-item.credit-sold .notification-icon,.notification-item.credit-expiring .notification-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.notification-item.system .notification-icon,.notification-item.default .notification-icon{background:linear-gradient(135deg,#6b7280,#4b5563)}.notification-content{flex:1;min-width:0}.notification-title{margin:0 0 4px;font-size:16px;font-weight:700;color:#1a1a1a}.notification-message{margin:0 0 8px;font-size:14px;color:#6b7280;line-height:1.5}.notification-time{font-size:12px;color:#9ca3af}.notification-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.unread-dot{width:10px;height:10px;background:#5d148e;border-radius:50%;box-shadow:0 0 0 4px #5d148e33}.delete-button{background:none;border:none;color:#dc2626;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;opacity:0}.notification-item:hover .delete-button{opacity:1}.delete-button:hover{background:#dc26261a}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{color:#9ca3af;margin-bottom:16px}.notifications-empty h3{font-size:24px;color:#6b7280;margin:0 0 8px}.notifications-empty p{font-size:16px;color:#9ca3af;margin:0;max-width:400px}[dir=rtl] .notifications-header{direction:rtl;flex-direction:row-reverse}[dir=rtl] .filter-tabs{direction:rtl}[dir=rtl] .notification-item{flex-direction:row-reverse;text-align:start}[dir=rtl] .notifications-empty{text-align:center}[dir=rtl] .notification-title,[dir=rtl] .notification-message,[dir=rtl] .notification-time{text-align:start}[dir=rtl] .notifications-empty h3,[dir=rtl] .notifications-empty p,[dir=rtl] .notifications-header h1{text-align:center}[dir=rtl] .notification-item.unread{border-left:none;border-right:4px solid #5D148E}[dir=rtl] .notification-actions{flex-direction:row-reverse}@media (max-width: 768px){.notifications-header{padding:12px 16px}.notifications-header h1{font-size:20px}.notifications-container{padding:16px}.notification-item{padding:16px;gap:12px}.notification-icon{width:40px;height:40px}.notification-title{font-size:15px}.notification-message{font-size:13px}.delete-button{opacity:1}}.admin-dashboard{min-height:100vh;background:linear-gradient(135deg,#f9fafb,#fff);font-family:Heebo,Inter,sans-serif}.admin-dashboard .app-header{background:linear-gradient(135deg,#fff,#f8f9fa);color:#1a1a1a;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000014;border-bottom:3px solid #FFDE22}.admin-dashboard .header-left{display:flex;align-items:center;gap:16px}.admin-dashboard .logo-image{height:40px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.admin-dashboard .header-actions{display:flex;align-items:center;gap:12px}.admin-dashboard .user-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #FFDE22;object-fit:cover}.dashboard-content{padding:20px;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;background:linear-gradient(135deg,#5d148e,#7f3db0);padding:32px;border-radius:20px;box-shadow:0 10px 15px #5d148e33;position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(255,222,34,.2) 0%,transparent 70%);border-radius:50%;transform:translate(50%,-50%)}.dashboard-header:after{content:"";position:absolute;bottom:0;left:0;width:200px;height:200px;background:radial-gradient(circle,rgba(255,222,34,.15) 0%,transparent 70%);border-radius:50%;transform:translate(-30%,30%)}.dashboard-header h1{margin:0;font-size:32px;font-weight:700;color:#fff;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.admin-dashboard .back-button{background:#5d148e14;color:#5d148e;border:none;padding:10px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.admin-dashboard .back-button:hover{background:#5d148e26;transform:scale(1.05)}.refresh-button{background:#ffde22;color:#1a1a1a;border:none;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;position:relative;z-index:1;box-shadow:0 4px 6px #00000026}.refresh-button:hover{background:#fff36f;transform:translateY(-2px);box-shadow:0 6px 12px #ffde2266}.stats-section{margin-bottom:32px;background:#fff;padding:28px;border-radius:20px;box-shadow:0 4px 6px #0000000f;border:2px solid #E5E7EB;transition:all .3s}.stats-section:hover{box-shadow:0 10px 15px #5d148e1f;border-color:#5d148e}.stats-section h2{margin:0 0 24px;font-size:24px;font-weight:600;color:#111827;position:relative;padding-bottom:16px}.stats-section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#ffde22,#f59e0b);border-radius:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.stat-card{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #E5E7EB;border-radius:16px;padding:24px;transition:all .3s;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#5d148e,#7f3db0,#ffde22)}.stat-card:after{content:"";position:absolute;bottom:-50px;right:-50px;width:120px;height:120px;background:radial-gradient(circle,rgba(93,20,142,.05) 0%,transparent 70%);border-radius:50%;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px #5d148e26;border-color:#7f3db0}.stat-card:hover:after{bottom:-20px;right:-20px;background:radial-gradient(circle,rgba(255,222,34,.1) 0%,transparent 70%)}.stat-card.wide{grid-column:span 2;background:linear-gradient(135deg,#fffbeb,#fff)}.stat-card.wide:before{background:linear-gradient(90deg,#ffde22,#f59e0b)}.stat-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;position:relative;z-index:1}.stat-value{font-size:40px;font-weight:700;background:linear-gradient(135deg,#5d148e,#7f3db0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:6px;position:relative;z-index:1}.stat-card.wide .stat-value{background:linear-gradient(135deg,#f59e0b,#ffde22);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-sublabel{font-size:12px;color:#9ca3af;font-weight:500;position:relative;z-index:1}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:18px;color:#6b7280;font-weight:600;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:20px;border:2px solid #E5E7EB}.error-message{background:linear-gradient(135deg,#fee2e2,#fef2f2);color:#dc2626;padding:20px 24px;border-radius:16px;margin-bottom:20px;font-weight:600;border-left:5px solid #DC2626;box-shadow:0 4px 6px #dc26261a}.retry-button{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px #dc262633}.retry-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 12px #dc26264d}.feature-flags-container{display:flex;flex-direction:column;gap:16px}.feature-flag-item{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #E5E7EB;border-radius:16px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .3s}.feature-flag-item:hover{border-color:#5d148e;box-shadow:0 4px 12px #5d148e1a}.feature-flag-info{display:flex;align-items:center;gap:16px;flex:1}.feature-flag-icon{font-size:36px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:12px;border:2px solid #E5E7EB}.feature-flag-text h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#111827}.feature-flag-text p{margin:0;font-size:14px;color:#6b7280}.feature-toggle-button{position:relative;width:140px;height:44px;border-radius:22px;border:none;cursor:pointer;transition:all .3s;display:flex;align-items:center;padding:4px;font-weight:600;font-size:13px}.feature-toggle-button.enabled{background:linear-gradient(135deg,#16a34a,#059669);color:#fff;justify-content:flex-start}.feature-toggle-button.disabled{background:#e5e7eb;color:#6b7280;justify-content:flex-end}.feature-toggle-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #5d148e33}.feature-toggle-button:disabled{opacity:.6;cursor:not-allowed}.toggle-slider{position:absolute;width:36px;height:36px;background:#fff;border-radius:50%;transition:all .3s;box-shadow:0 2px 4px #0003}.feature-toggle-button.enabled .toggle-slider{left:4px}.feature-toggle-button.disabled .toggle-slider{right:4px}.toggle-label{position:relative;z-index:1;padding:0 12px}.feature-toggle-button.enabled .toggle-label{margin-left:44px}.feature-toggle-button.disabled .toggle-label{margin-right:44px}@media (max-width: 768px){.dashboard-content{padding:16px}.admin-dashboard .logo-image{height:36px}.dashboard-header{flex-direction:column;gap:16px;text-align:center}.dashboard-header h1{font-size:24px}.stats-grid{grid-template-columns:1fr}.stat-card.wide{grid-column:span 1}.stat-value{font-size:28px}.stats-section h2{font-size:20px}.feature-flag-item{flex-direction:column;align-items:flex-start}.feature-toggle-button{align-self:stretch}}:root{--primary-color: #5D148E;--primary-light: #7F3DB0;--primary-dark: #3A0D5A;--secondary-color: #FFDE22;--secondary-light: #FFF36F;--secondary-dark: #C7A900;--success-color: #16A34A;--warning-color: #F59E0B;--error-color: #DC2626;--info-color: #2563EB;--background-color: #F9FAFB;--surface-color: #FFFFFF;--border-color: #E5E7EB;--text-primary: #111827;--text-secondary: #6B7280;--text-disabled: #9CA3AF;--gradient-primary: linear-gradient(135deg, #5D148E, #7F3DB0);--gradient-secondary: linear-gradient(135deg, #FFDE22, #FFF36F);--gradient-success: linear-gradient(135deg, #16A34A, #22C55E);--gradient-info: linear-gradient(135deg, #2563EB, #3B82F6);--gradient-warm: linear-gradient(135deg, #F59E0B, #FBBF24);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Heebo,Inter,sans-serif;background-color:var(--background-color);color:var(--text-primary);direction:ltr;transition:direction .3s ease;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl]{direction:rtl}[dir=rtl] body{font-family:Heebo,sans-serif}[dir=rtl] *{text-align:start}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{text-align:inherit}[dir=rtl] [style*="text-align: center"]{text-align:center!important}[dir=rtl] [style*="display: flex"],[dir=rtl] .flex{flex-direction:row-reverse}[dir=rtl] [style*="flex-direction: column"],[dir=rtl] .flex-column{flex-direction:column!important}[dir=rtl] [style*="justify-content: flex-start"]{justify-content:flex-end!important}[dir=rtl] [style*="justify-content: flex-end"]{justify-content:flex-start!important}[dir=rtl] [style*="justify-content: space-between"]{justify-content:space-between!important}[dir=rtl] [style*="align-items: flex-start"]{align-items:flex-end!important}[dir=rtl] [style*="align-items: flex-end"]{align-items:flex-start!important}[dir=rtl] .margin-left{margin-left:0;margin-right:auto}[dir=rtl] .margin-right{margin-right:0;margin-left:auto}[dir=rtl] .padding-left{padding-left:0;padding-right:var(--spacing, 16px)}[dir=rtl] .padding-right{padding-right:0;padding-left:var(--spacing, 16px)}[dir=rtl] [style*="left:"]{left:auto!important}[dir=rtl] [style*="right:"]{right:auto!important}[dir=rtl] .back-button svg,[dir=rtl] button[class*=back] svg{transform:scaleX(-1)}[dir=rtl] .next-button svg,[dir=rtl] .forward-button svg,[dir=rtl] [class*=arrow-right] svg,[dir=rtl] [class*=arrow-left] svg{transform:scaleX(-1)}[dir=rtl] .chevron-right,[dir=rtl] .chevron-left{transform:scaleX(-1)}[dir=rtl] .no-flip svg,[dir=rtl] .icon-no-flip,[dir=rtl] .logo svg,[dir=rtl] [data-no-flip] svg{transform:scaleX(1)!important}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;border:none;outline:none}a{text-decoration:none;color:inherit}ul{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f9fafb}::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in{animation:slideIn .3s ease-in-out}.container{max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width: 768px){.container{padding:0 24px}}@media (min-width: 1024px){.container{padding:0 32px}}