body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app-container{height:100vh;width:100vw;background-image:url(/assets/menue_backrownd-BtvY_3V3.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;position:relative}.app-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:1}.app-container>*{position:relative;z-index:2}.app-header{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;position:fixed;top:0;left:0;right:0;z-index:1000;background:#0d0d0d;box-shadow:0 2px 10px #00000080}.logo-section{flex:0 0 auto;text-align:left}.logo-placeholder{font-size:2rem;font-weight:700;color:#00bcd4;text-shadow:0 0 10px rgba(0,188,212,.5);letter-spacing:2px}.logo-image{height:46px;width:auto;max-width:300px;object-fit:contain}@media (min-width: 1025px){.cardz-logo-wrap{transform:scale(3);transform-origin:left center;display:inline-block}}.business-section{display:flex;align-items:center;gap:1rem;color:#fff;background:transparent;isolation:isolate}.business-icon{width:46px;height:46px;object-fit:contain;background:transparent;-webkit-background-clip:padding-box;background-clip:padding-box;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;opacity:1;mix-blend-mode:normal;isolation:isolate}.business-name{font-size:2.574rem;font-weight:600;color:#fff}.main-layout{flex:1;display:flex;height:calc(100vh - 70px);direction:rtl;padding-top:70px}.main-layout.dashboard-mode{padding-top:10px}.main-layout.dashboard-mode .sidebar{transform:translateY(60px)}.sidebar{width:220px;background:#0d1117f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;overflow-y:auto;height:calc(100vh - 70px);display:flex;flex-direction:column}.sidebar-nav{flex:1;width:100%}.sidebar-nav>div{width:100%}.menu-item{display:flex;align-items:center;justify-content:flex-start;text-align:right;padding:.8rem 1rem;margin-bottom:.5rem;background-color:#3aa1a4;border:2px solid white;border-radius:8px;text-decoration:none;color:#000;font-weight:500;transition:all .3s ease;cursor:pointer;position:relative;width:100%}.menu-item:hover{background-color:#2d8285;transform:translate(-5px);box-shadow:0 4px 10px #3aa1a44d}.menu-item:active{transform:translate(-5px) scale(.98)}.menu-item.active{background-color:#2d8285;box-shadow:0 4px 10px #3aa1a44d}.menu-item .menu-icon{display:none}.menu-item span{font-size:.9rem;text-align:right}.menu-item span:first-child{flex:1;text-align:right;padding-right:0}.submenu-arrow{font-size:.7rem;margin-left:auto;padding-left:.5rem}.submenu{margin-right:0;margin-top:.5rem;margin-bottom:.5rem;width:100%}.submenu-item{display:flex;align-items:center;justify-content:flex-start;text-align:right;padding:.5rem .8rem;margin-bottom:.3rem;background-color:#3aa1a499;border:1px solid rgba(255,255,255,.5);border-radius:6px;color:#fff!important;font-size:.85rem;cursor:pointer;transition:all .3s ease;width:100%}.submenu-item:hover{background-color:#3aa1a4cc;transform:translate(-3px)}.submenu-item span{width:100%;text-align:right;font-size:.85rem}.main-content{flex:1;border-radius:12px 0 0;margin:1rem 0 1rem 1rem}.content-area{padding:2rem;height:100%;overflow-y:auto;color:#fff}.main-layout:has(.content-area.settings-mode){overflow-y:auto}.main-layout:has(.content-area.settings-mode) .content-area{overflow-y:visible}.main-layout:has(.content-area.settings-mode) .sidebar{overflow-y:visible;width:220px;flex:0 0 220px}.content-area .billing-shift-wrap{transform:translateY(-67px)}.content-area.billing-mode{overflow-y:auto;overflow-x:hidden;padding-top:67px}.content-area.billing-mode .plans-grid,.content-area.billing-mode .plan-card,.content-area.billing-mode .plan-title{overflow:visible}.main-layout .app-header+.main-layout .content-area.billing-mode{overflow:visible}.content-area.billing-mode .plan-card,.content-area.billing-mode .plans-grid{overflow:visible}.content-area.is-dashboard{padding-top:.75rem}.main-layout.dashboard-mode .content-area.is-dashboard{padding-top:1.25rem;transform:translateY(-26px)}.content-area h2{font-size:1.8rem;margin-bottom:1rem;color:#fff!important;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#ffffff!important}.content-area p{font-size:1.1rem;line-height:1.6;color:#ccc}@media (max-width: 768px){.sidebar{width:240px}.main-content{margin:1rem 0 1rem 240px}.app-header{padding:0 1rem}.logo-image{height:40px;max-width:120px}}.barcode-button-container{display:flex;justify-content:center;margin-top:auto;padding:1rem 0;transform:translateY(-15%)}.barcode-button{background:transparent;border:none;cursor:pointer;padding:.5rem;transition:transform .2s ease}.barcode-button:hover{transform:scale(1.1)}.barcode-icon{width:100px;height:100px;object-fit:contain}.app-container .sidebar .menu-item{display:flex;align-items:center;justify-content:flex-start;text-align:right;padding:.6rem .8rem;margin-bottom:.4rem;background-color:#3aa1a4!important;border:2px solid white;border-radius:8px;text-decoration:none;color:#fff!important;font-weight:500;transition:all .3s ease;cursor:pointer;position:relative;width:100%}.app-container .sidebar .menu-item:hover{background-color:#236669!important;transform:translate(-5px);box-shadow:0 4px 10px #3aa1a44d}.app-container .sidebar .menu-item:active{transform:translate(-5px) scale(.98)}.app-container .sidebar .menu-item.active{background-color:#236669!important;box-shadow:0 4px 10px #3aa1a44d}.header-title{position:absolute;left:42.95%;transform:translate(-50%);color:#fff}.header-title h2{font-size:1.7rem;font-weight:600;margin:0;color:#fff}@media (min-width: 768px) and (max-width: 1024px){.app{display:flex;height:100vh;background-color:#f5f5f5;overflow:hidden}.app-container{height:100dvh}.sidebar{display:none!important}.main-content{margin-right:0!important}.app-sidebar{width:280px;background:linear-gradient(180deg,#1e3a8a,#3b82f6);color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;position:fixed;height:100vh;left:0;top:0;z-index:100;transition:transform .3s ease}.app-sidebar.collapsed{width:70px}.app-sidebar.hidden{transform:translate(-100%)}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:12px;background:#0000001a}.sidebar-logo{width:40px;height:40px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#3b82f6}.sidebar-title{font-size:18px;font-weight:700;margin:0}.sidebar-title.hidden{display:none}.sidebar-menu{flex:1;padding:20px 0;overflow-y:auto}.menu-section{margin-bottom:24px}.menu-section-title{font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:1px;padding:0 24px 8px;margin-bottom:8px}.menu-section-title.hidden{display:none}.menu-item{display:flex;align-items:center;padding:12px 24px;margin:2px 12px;border-radius:10px;cursor:pointer;transition:all .3s ease;color:#fffc;text-decoration:none;font-size:14px;font-weight:500;border:none;background:none;width:calc(100% - 24px);text-align:right}.menu-item:hover{background:#ffffff1a;color:#fff;transform:translate(-2px)}.menu-item.active{background:#fff3;color:#fff;font-weight:600;box-shadow:0 2px 8px #0000001a}.menu-icon{margin-left:12px;font-size:18px;width:20px;text-align:center}.menu-text.hidden{display:none}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.2);background:#0000001a}.user-info{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff1a;border-radius:10px;margin-bottom:12px}.user-avatar{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.user-details{flex:1}.user-details.hidden{display:none}.user-name{font-size:14px;font-weight:600;margin:0 0 2px}.user-role{font-size:12px;color:#ffffffb3;margin:0}.app-main{flex:1;margin-right:280px;display:flex;flex-direction:column;overflow:hidden}.app-main.expanded{margin-right:70px}.app-main.full-width{margin-right:0}.app-header{background:#fff;padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001a;z-index:50}.header-left{display:flex;align-items:center;gap:16px}.menu-toggle{background:#f3f4f6;border:none;border-radius:8px;padding:8px;cursor:pointer;font-size:16px;color:#6b7280;transition:all .3s ease}.menu-toggle:hover{background:#e5e7eb;color:#374151}.page-title{font-size:24px;font-weight:700;color:#1f2937;margin:0}.header-right{display:flex;align-items:center;gap:12px}.header-actions{display:flex;align-items:center;gap:8px}.action-btn{background:#f3f4f6;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:14px;color:#6b7280;transition:all .3s ease}.action-btn:hover{background:#e5e7eb;color:#374151}.action-btn.primary{background:#3b82f6;color:#fff}.action-btn.primary:hover{background:#2563eb}.app-content{flex:1;padding:24px;overflow-y:auto;background:#f9fafb}.content-container{max-width:100%;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;min-height:calc(100vh - 140px)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;color:#6b7280}.breadcrumb-item{color:#9ca3af}.breadcrumb-item.active{color:#3b82f6;font-weight:500}.breadcrumb-separator{color:#d1d5db}@media (orientation: landscape) and (max-height: 600px){.sidebar-header{padding:16px 20px}.sidebar-title{font-size:16px}.app-header{padding:12px 24px}.page-title{font-size:20px}}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.system-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #10b9814d;z-index:1001;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}}@media (min-width: 1025px) and (max-width: 1366px){.app-container{height:100dvh}.sidebar{display:none!important}.main-content{margin-right:0!important}}@media (max-width: 767px){.app{display:flex;flex-direction:column;height:100vh;background-color:#f8fafc;overflow:hidden}.app-mobile-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000026;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-header-left{display:flex;align-items:center;gap:12px}.mobile-menu-toggle{background:#fff3;border:none;color:#fff;padding:8px;border-radius:8px;cursor:pointer;font-size:18px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-app-logo{width:32px;height:32px;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#3b82f6}.mobile-app-title{font-size:18px;font-weight:700;margin:0}.mobile-header-right{display:flex;align-items:center;gap:8px}.mobile-action-btn{background:#fff3;border:none;color:#fff;padding:8px;border-radius:6px;cursor:pointer;font-size:14px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.mobile-sidebar{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:linear-gradient(180deg,#1e3a8a,#3b82f6);z-index:200;transition:right .4s cubic-bezier(.25,.46,.45,.94);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-sidebar.open{right:0}.mobile-sidebar-header{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;background:#0000001a}.mobile-sidebar-title{color:#fff;font-size:18px;font-weight:600;margin:0}.mobile-close-sidebar{background:#fff3;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;font-size:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.mobile-sidebar-content{padding:16px 0}.mobile-menu-section{margin-bottom:20px}.mobile-menu-section-title{font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:1px;padding:0 20px 8px;margin-bottom:8px}.mobile-menu-item{display:flex;align-items:center;padding:16px 20px;color:#ffffffe6;text-decoration:none;transition:all .3s ease;border:none;background:none;width:100%;cursor:pointer;font-size:16px;text-align:right;min-height:56px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-menu-item:active{background:#ffffff1a;color:#fff}.mobile-menu-item.active{background:#fff3;color:#fff;font-weight:600;border-bottom:1px solid rgba(255,255,255,.3)}.mobile-menu-icon{margin-left:12px;font-size:20px;width:24px;text-align:center}.app-mobile-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff}.mobile-page-container{min-height:calc(100vh - 60px);background:#fff}.mobile-page-header{background:#f9fafb;padding:16px;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:50}.mobile-page-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 8px;text-align:center}.mobile-page-subtitle{font-size:14px;color:#6b7280;margin:0;text-align:center}.mobile-page-content{padding:16px}.mobile-fab{position:fixed;bottom:20px;left:20px;width:56px;height:56px;background:#3b82f6;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:24px;box-shadow:0 4px 12px #3b82f666;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mobile-fab:active{transform:scale(.95);box-shadow:0 2px 8px #3b82f699}.mobile-action-bar{background:#fff;padding:12px 16px;border-top:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;bottom:0;display:flex;gap:8px;box-shadow:0 -2px 8px #0000001a}.mobile-action-button{flex:1;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-action-button.primary{background:#3b82f6;color:#fff}.mobile-action-button.secondary{background:#f3f4f6;color:#6b7280}.mobile-action-button:active{transform:scale(.98)}.mobile-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.mobile-loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.mobile-loading-text{color:#6b7280;font-size:14px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.mobile-card:active{background:#f9fafb;transform:scale(.98)}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.mobile-card-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.mobile-card-badge{background:#e5e7eb;color:#6b7280;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.mobile-card-content{color:#6b7280;font-size:14px;line-height:1.4}.mobile-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:150;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-sidebar-overlay.visible{opacity:1;pointer-events:all}.mobile-notification{position:fixed;top:16px;left:16px;right:16px;background:#10b981;color:#fff;padding:16px;border-radius:8px;box-shadow:0 4px 12px #10b9814d;z-index:1001;animation:slideDown .3s ease-out;text-align:center;font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 360px){.app-mobile-header{padding:10px 12px}.mobile-app-title{font-size:16px}.mobile-page-content{padding:12px}.mobile-card{padding:12px;margin-bottom:8px}}@media (orientation: landscape) and (max-height: 500px){.app-mobile-header{padding:8px 16px}.mobile-app-title{font-size:16px}.mobile-page-header{padding:12px 16px}.mobile-page-title{font-size:18px;margin-bottom:4px}.mobile-fab{bottom:16px;left:16px;width:48px;height:48px}}.mobile-touch-target{min-height:44px;min-width:44px}.mobile-scroll-smooth{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.desktop-only,.tablet-only{display:none!important}@supports (padding: max(0px)){.app-mobile-header{padding-top:max(12px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.mobile-page-content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.mobile-action-bar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom))}.mobile-fab{bottom:max(20px,env(safe-area-inset-bottom) + 20px);left:max(20px,env(safe-area-inset-left) + 20px)}}.mobile-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mobile-fade-in{animation:mobileFadeIn .3s ease-out}@keyframes mobileFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-slide-up{animation:mobileSlideUp .3s ease-out}@keyframes mobileSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}}.content-area.settings-mode{padding:1rem 2rem}.content-area.settings-mode .business-settings,.content-area.settings-mode .card-settings,.content-area.settings-mode .system-settings{height:calc(100vh - 120px);overflow-y:auto}.submenu-item.active{background-color:#3aa1a4e6!important;color:#fff!important;font-weight:600;transform:translate(-5px)}*{direction:rtl;text-align:right}.business-login-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#f0f0f0;background-image:url(/assets/entry_app_image-DnEfKV7F.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box;overflow:hidden;will-change:background-image}@media (min-width: 1025px){.web-shift-group-25{position:relative;top:-25px}}.top-section-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;transform:translateY(5%);justify-content:center;text-align:center;position:relative;left:50%;transform:translate(-50%) translateY(5%)}.slogan-line1,.slogan-line2,.slogan-line3,.slogan-line4{color:#fff;text-align:center!important;font-family:Rubik,sans-serif;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.7);margin:0 auto;width:max-content;display:block;position:static;left:auto;transform:none}.slogan-line1{font-size:36px;margin-bottom:10px}.slogan-line2,.slogan-line3,.slogan-line4{font-size:36px;margin-bottom:30px}.slogan-line3{margin-bottom:10px}.slogan-line2{position:relative}.slogan-line2:after{content:none}.slogan-sep{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) translateY(-53px);width:180px;height:auto;z-index:2147483647;pointer-events:none}.slogan-separator{display:none}.slogan-emph{font-size:36px;line-height:1.1}.logo-container{margin-bottom:30px;position:relative;top:200px;transform:translateY(-24%) scale(9.6);transform-origin:center center}.business-logo{width:140px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.login-title{font-size:32px;font-weight:400;text-align:center;margin-bottom:50px;font-family:Rubik,sans-serif;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);transform:translateY(calc(-10% + 90px))}.login-section{width:100%;margin-top:0;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transform:translateY(-10%)}.login-button{display:flex;align-items:center;justify-content:center;width:120px;height:60px;border-radius:30px;border:3px solid white;padding:0 40px;cursor:pointer;font-family:Rubik,sans-serif;margin:90px auto 20px;transition:all .3s ease;box-shadow:0 4px 12px #0000004d;background-color:#3aa1a4}.login-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.login-text{font-size:20px;color:#fff;font-weight:500;text-align:center}.credit-button{position:absolute;bottom:20px;background:none;border:none;cursor:pointer;padding:5px;transform:translateY(10%)}.credit-text{font-size:12px;color:#fff;font-family:Rubik,sans-serif;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.auth-modal{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 10px;border-bottom:1px solid #eee}.auth-modal-header h3{margin:0;font-size:20px;font-weight:700;font-family:Rubik,sans-serif}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:4px;line-height:1}.close-button:hover{color:#666}.auth-modal-content{padding:20px}.input-group{margin-bottom:16px}.input-group label{display:block;margin-bottom:6px;font-weight:600;color:#333;font-family:Rubik,sans-serif}.input-group input{width:100%;padding:12px;border:2px solid;border-radius:8px;font-size:16px;font-family:Rubik,sans-serif;direction:ltr;text-align:left;box-sizing:border-box}.input-group input:focus{outline:none;box-shadow:0 0 0 3px #3aa1a433}.error-message{color:#d32f2f;font-size:14px;margin-bottom:16px;font-family:Rubik,sans-serif;text-align:center}.auth-modal-actions{display:flex;flex-direction:column;gap:12px}.auth-submit-button{width:100%;padding:12px;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;font-family:Rubik,sans-serif;transition:opacity .2s}.auth-submit-button:hover{opacity:.9}.forgot-password-button{background:none;border:none;color:#666;font-size:14px;cursor:pointer;font-family:Rubik,sans-serif;text-decoration:underline;padding:8px}.forgot-password-button:hover{color:#333}.hamburger-button{background:none;border:none;cursor:pointer;position:relative;margin:20px 0;transform:translateY(-90%)}.hamburger-button:hover{opacity:.7}.hamburger-icon{font-size:36px;font-weight:700}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000026;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding-top:200px}.menu-popup{background:#fff;border-radius:16px;padding:35px 25px 25px;margin:16px;max-width:368px;width:100%;box-shadow:0 4px 12px #0000001f;animation:slideDown .3s ease-out;position:relative}.menu-close-button{position:absolute;top:5px;right:5px;background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:5px;line-height:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.menu-close-button:hover{background-color:#f0f0f0;color:#333}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.menu-item{display:flex;align-items:center;justify-content:center;margin-bottom:18px;padding:12px 20px;background:none;border:none;cursor:pointer;width:100%;transition:opacity .2s;border-radius:8px}.menu-item:last-child{margin-bottom:0}.menu-item:hover{opacity:.7}.menu-text{font-size:16px;font-weight:700;font-family:Rubik,sans-serif}@media (max-width: 1024px) and (min-width: 768px){.business-login-container{padding:20px}.top-section-wrapper{transform:translateY(5%)}.logo-container{margin-bottom:40px;transform:translateY(-24%) scale(2)}.business-logo{width:180px}.hamburger-button{margin:15px 0}.hamburger-icon{font-size:32px}.menu-overlay{padding-top:150px}.login-title{font-size:28px;margin-bottom:40px}.login-button{width:110px;height:55px}.login-text{font-size:18px}}@media (max-width: 767px){.business-login-container{padding:20px}.top-section-wrapper{transform:translateY(5%)}.logo-container{margin-bottom:30px;transform:translateY(-24%) scale(1.8)}.business-logo{width:160px}.hamburger-button{margin:10px 0}.hamburger-icon{font-size:28px}.menu-overlay{padding-top:120px}.menu-popup{max-width:322px;padding:30px 20px 20px}.login-title{font-size:24px;margin-bottom:30px}.login-section{padding:0 20px;width:100%}.login-button{width:90px;height:50px;padding:0 25px}.login-text{font-size:16px}.credit-text{font-size:10px}}@media (max-width: 360px){.business-logo{width:100px;height:100px}.login-button{width:70px;height:38px}.login-text{font-size:14px}.logo-container{transform:translateY(-24%) scale(1.5)}}@media (min-width: 768px) and (max-width: 1024px){.login-container{height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;position:relative;overflow:hidden}.header{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:100}.logo-section{display:flex;align-items:center;gap:12px}.logo{width:50px;height:50px;object-fit:contain}.brand-text{color:#fff;font-size:24px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hamburger-menu{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease;color:#fff;font-size:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hamburger-menu:hover{background:#ffffff4d;transform:scale(1.05)}.side-menu{position:fixed;top:0;right:-350px;width:350px;height:100vh;background:linear-gradient(180deg,#1e3a8a,#3b82f6);box-shadow:-5px 0 25px #0000004d;transition:right .4s cubic-bezier(.25,.46,.45,.94);z-index:200;display:flex;flex-direction:column}.side-menu.open{right:0}.menu-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center}.menu-title{color:#fff;font-size:20px;font-weight:600;margin:0}.close-menu{background:#fff3;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;font-size:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.menu-items{flex:1;padding:24px 0;overflow-y:auto}.menu-item{display:flex;align-items:center;padding:16px 24px;color:#ffffffe6;text-decoration:none;transition:all .3s ease;border:none;background:none;width:100%;cursor:pointer;font-size:16px;text-align:right}.menu-item:hover{background:#ffffff1a;color:#fff;padding-right:32px}.menu-item.primary{background:#fff3;color:#fff;font-weight:600;margin:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.3)}.menu-item.primary:hover{background:#ffffff4d;padding-right:24px}.menu-icon{margin-left:12px;font-size:18px}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;position:relative}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;width:100%;max-width:450px;box-shadow:0 25px 50px #00000040;border:1px solid rgba(255,255,255,.2);position:relative;z-index:10}.login-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:8px;color:#1f2937}.login-subtitle{font-size:16px;color:#6b7280;text-align:center;margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:#374151}.form-input{padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-input.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:14px;margin-top:4px;display:flex;align-items:center;gap:6px}.login-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.additional-links{margin-top:24px;text-align:center}.link{color:#3b82f6;text-decoration:none;font-size:14px;margin:0 12px;transition:color .3s ease}.link:hover{color:#1d4ed8;text-decoration:underline}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:150;opacity:0;pointer-events:none;transition:opacity .3s ease}.menu-overlay.visible{opacity:1;pointer-events:all}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:300;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-modal{background:#fff;border-radius:20px;padding:32px;width:90%;max-width:400px;box-shadow:0 25px 50px #0000004d;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:16px;left:16px;background:#f3f4f6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#6b7280}@media (orientation: landscape) and (max-height: 600px){.main-content{padding:20px}.login-card{padding:24px;max-width:400px}.login-title{font-size:24px;margin-bottom:6px}.login-form{gap:16px}}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-input:focus,.login-button:focus,.menu-item:focus{outline:2px solid #3b82f6;outline-offset:2px}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}}@media (max-width: 767px){.login-container{height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:0}.mobile-header{background:#0006;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:100;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-logo-section{display:flex;align-items:center;gap:10px}.mobile-logo{width:40px;height:40px;object-fit:contain}.mobile-brand-text{color:#fff;font-size:20px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.mobile-hamburger-menu{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:10px;cursor:pointer;transition:all .3s ease;color:#fff;font-size:18px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-hamburger-menu:active{background:#ffffff4d;transform:scale(.95)}.mobile-side-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:linear-gradient(180deg,#1e3a8a,#3b82f6);transition:right .4s cubic-bezier(.25,.46,.45,.94);z-index:200;display:flex;flex-direction:column;overflow-y:auto}.mobile-side-menu.open{right:0}.mobile-menu-header{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;background:#0000001a}.mobile-menu-title{color:#fff;font-size:18px;font-weight:600;margin:0}.mobile-close-menu{background:#fff3;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;font-size:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.mobile-menu-items{flex:1;padding:16px 0}.mobile-menu-item{display:flex;align-items:center;padding:16px 20px;color:#ffffffe6;text-decoration:none;transition:all .3s ease;border:none;background:none;width:100%;cursor:pointer;font-size:16px;text-align:right;min-height:56px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-menu-item:active{background:#ffffff1a;color:#fff}.mobile-menu-item.primary{background:#fff3;color:#fff;font-weight:600;margin:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3)}.mobile-menu-item.primary:active{background:#ffffff4d}.mobile-menu-icon{margin-left:12px;font-size:20px}.mobile-main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 16px;position:relative}.mobile-login-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:28px 24px;width:100%;max-width:400px;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.2);position:relative;z-index:10}.mobile-login-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:6px;color:#1f2937}.mobile-login-subtitle{font-size:14px;color:#6b7280;text-align:center;margin-bottom:24px;line-height:1.4}.mobile-login-form{display:flex;flex-direction:column;gap:20px}.mobile-form-group{display:flex;flex-direction:column;gap:8px}.mobile-form-label{font-size:14px;font-weight:600;color:#374151}.mobile-form-input{padding:16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mobile-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.mobile-form-input.error{border-color:#ef4444;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.mobile-error-message{color:#ef4444;font-size:14px;margin-top:4px;display:flex;align-items:center;gap:6px;background:#fef2f2;padding:8px 12px;border-radius:8px;border:1px solid #fecaca}.mobile-login-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:18px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d;min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px}.mobile-login-button:active{transform:scale(.98);box-shadow:0 2px 8px #3b82f666}.mobile-login-button:disabled{opacity:.6;cursor:not-allowed;transform:none;background:#9ca3af}.mobile-additional-links{margin-top:20px;text-align:center;display:flex;flex-direction:column;gap:12px}.mobile-link{color:#3b82f6;text-decoration:none;font-size:14px;padding:8px;transition:color .3s ease;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-link:active{color:#1d4ed8;background:#3b82f61a;border-radius:8px}.mobile-auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;z-index:300;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-auth-modal{background:#fff;border-radius:20px 20px 0 0;padding:24px 20px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 -10px 40px #0000004d;position:relative;animation:slideUpMobile .3s ease-out}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.mobile-modal-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.mobile-modal-close{background:#f3f4f6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#6b7280;min-width:44px;min-height:44px}.mobile-touch-target{min-height:44px;min-width:44px}.mobile-no-zoom{font-size:16px!important}.mobile-scroll-smooth{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (max-width: 360px){.mobile-login-card{padding:20px 16px;margin:16px 12px}.mobile-login-title{font-size:22px}.mobile-form-input,.mobile-login-button{padding:14px}.logo-container{transform:translateY(-24%) scale(4.5)}}@media (orientation: landscape) and (max-height: 500px){.mobile-main-content{padding:16px 12px}.mobile-login-card{padding:20px;max-width:350px}.mobile-login-title{font-size:20px;margin-bottom:4px}.mobile-login-subtitle{font-size:13px;margin-bottom:16px}.mobile-login-form{gap:16px}.mobile-additional-links{margin-top:16px;gap:8px}}.mobile-fade-in{animation:mobileFadeIn .5s ease-out}@keyframes mobileFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mobile-loading{position:relative;pointer-events:none}.mobile-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:mobileSpin 1s linear infinite}@keyframes mobileSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.desktop-only,.tablet-only{display:none!important}.mobile-form-input:focus,.mobile-login-button:focus,.mobile-menu-item:focus{outline:2px solid #3b82f6;outline-offset:2px}@supports (padding: max(0px)){.mobile-header{padding-top:max(12px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.mobile-main-content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}}}@media (max-width: 1024px) and (min-width: 768px){.business-login-container{padding:20px}.top-section-wrapper{transform:translateY(5%)}.logo-container{margin-bottom:40px;transform:translateY(-24%) scale(6)}.business-logo{width:180px}.hamburger-button{margin:15px 0}.hamburger-icon{font-size:32px}.menu-overlay{padding-top:150px}.login-title{font-size:28px;margin-bottom:40px}.login-button{width:110px;height:55px}.login-text{font-size:18px}}@media (max-width: 767px){.business-login-container{padding:20px}.top-section-wrapper{position:static;left:auto;transform:none;align-items:center;text-align:center}.logo-container{margin:30px auto;position:relative;top:-40px;left:auto;right:auto;display:inline-block;transform:none;transform-origin:center center}.logo-container .business-logo{width:320px;height:auto}.business-logo{width:160px}.hamburger-button{margin:10px 0;transform:translateY(-500px)}.hamburger-icon{font-size:28px;display:inline-block;transform:scale(2);transform-origin:center}.menu-overlay{padding-top:120px}.menu-popup{max-width:322px;padding:30px 20px 20px}.login-title{font-size:24px;margin-bottom:20px;transform:translateY(-320px)}.login-section{padding:0 20px;width:100%;transform:translateY(-260px)}.slogan-line1,.slogan-line2,.slogan-line3,.slogan-line4{font-size:28px}.slogan-line2{position:relative}.slogan-line2:after{content:none}.slogan-sep{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) translateY(-316px);width:140px;height:auto;z-index:2147483647;pointer-events:none}.login-button{width:180px;height:50px;padding:0 25px}.login-text{font-size:32px}.credit-text{font-size:10px}.credit-button{bottom:5px}}@media screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3){.slogan-sep{top:calc(50% - 33px)!important;transform:translate(-50%,-50%) translateY(-349px)!important}}@media screen and (orientation: portrait) and (min-width: 428px) and (max-width: 432px) and (min-height: 920px) and (max-height: 940px){.slogan-sep{top:calc(50% - 33px)!important;transform:translate(-50%,-50%) translateY(-349px)!important}}@media screen and (orientation: portrait) and (width: 430px) and (height: 932px){.slogan-sep{top:calc(50% - 33px)!important;transform:translate(-50%,-50%) translateY(-349px)!important}}@supports (-webkit-touch-callout: none){@media screen and (orientation: portrait) and (min-width: 428px) and (max-width: 432px) and (min-height: 900px) and (max-height: 932px){.slogan-sep{top:calc(50% - 33px)!important;transform:translate(-50%,-50%) translateY(-349px)!important}}@media screen and (orientation: portrait) and (width: 430px) and (min-height: 915px) and (max-height: 932px){.slogan-sep{top:calc(50% - 33px)!important;transform:translate(-50%,-50%) translateY(-349px)!important}}}@supports (-webkit-touch-callout: none){@media screen and (orientation: portrait) and (min-device-width: 428px) and (max-device-width: 431px) and (min-device-height: 926px) and (max-device-height: 933px) and (-webkit-min-device-pixel-ratio: 3){h2.slogan-line2>img.slogan-sep,img.slogan-sep{position:fixed!important;left:50%!important;top:calc(50% - 33px)!important;transform:translate(-50%,-50%) translateY(-349px)!important;z-index:2147483647!important;width:140px!important;height:auto!important;pointer-events:none!important}}}@supports (-webkit-touch-callout: none){@media screen and (orientation: portrait) and (min-device-width: 390px) and (max-device-width: 394px) and (min-device-height: 844px) and (max-device-height: 853px) and (-webkit-min-device-pixel-ratio: 3){h2.slogan-line2>img.slogan-sep,img.slogan-sep{position:fixed!important;left:50%!important;top:calc(50% - 33px)!important;transform:translate(-50%,-50%) translateY(-349px)!important;z-index:2147483647!important;width:140px!important;height:auto!important;pointer-events:none!important}}}@supports (-webkit-touch-callout: none){@media screen and (orientation: portrait) and (min-width: 390px) and (max-width: 431px) and (min-height: 844px) and (max-height: 933px){h2.slogan-line2>img.slogan-sep,img.slogan-sep{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) translateY(-365px)!important;z-index:2147483647!important;width:140px!important;height:auto!important;pointer-events:none!important}}}��/�*� �P�u�n�c�h�C�a�r�d�M�o�d�a�l� �-� �C�l�e�a�n� �F�i�g�m�a� �D�e�s�i�g�n� �*�/� � �/�*� �O�v�e�r�r�i�d�e� �a�n�y� �p�a�r�e�n�t� �c�o�n�t�a�i�n�e�r� �c�o�n�s�t�r�a�i�n�t�s� �*�/� �b�o�d�y�.�m�o�d�a�l�-�o�p�e�n� �{� � � �o�v�e�r�f�l�o�w�:� �h�i�d�d�e�n� �!�i�m�p�o�r�t�a�n�t�;� �}� � �/�*� �M�o�d�a�l� �O�v�e�r�l�a�y� �*�/� �.�p�u�n�c�h�-�c�a�r�d�-�m�o�d�a�l�-�o�v�e�r�l�a�y� �{� � � �p�o�s�i�t�i�o�n�:� �f�i�x�e�d�;� � � �i�n�s�e�t�:� �0�;� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �r�g�b�a�(�0�,� �0�,� �0�,� �0�.�5�)�;� � � �b�a�c�k�d�r�o�p�-�f�i�l�t�e�r�:� �b�l�u�r�(�4�p�x�)�;� � � �z�-�i�n�d�e�x�:� �9�9�9�9�9�9�;� � � � � � �/�*� �B�r�e�a�k� �o�u�t� �o�f� �a�n�y� �c�o�n�t�a�i�n�e�r� �c�o�n�s�t�r�a�i�n�t�s� �*�/� � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Z�(�0�)�;� � � �i�s�o�l�a�t�i�o�n�:� �i�s�o�l�a�t�e�;� � � � � � �/�*� �C�e�n�t�e�r� �c�o�n�t�e�n�t� �*�/� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �c�e�n�t�e�r�;� � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � � � � �/�*� �A�l�l�o�w� �s�c�r�o�l�l�i�n�g� �i�f� �n�e�e�d�e�d� �*�/� � � �o�v�e�r�f�l�o�w�-�y�:� �a�u�t�o�;� � � �p�a�d�d�i�n�g�:� �4�0�p�x� �2�0�p�x�;� �}� � �/�*� �M�o�d�a�l� �C�a�r�d� �*�/� �.�p�u�n�c�h�-�c�a�r�d�-�m�o�d�a�l�-�c�a�r�d� �{� � � �w�i�d�t�h�:� �9�0�%�;� � � �m�a�x�-�w�i�d�t�h�:� �3�2�0�p�x�;� � � �m�a�x�-�h�e�i�g�h�t�:� �c�a�l�c�(�1�0�0�v�h� �-� �8�0�p�x�)�;� � � �o�v�e�r�f�l�o�w�-�y�:� �a�u�t�o�;� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�2�c�3�d�4�e�;� � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �w�h�i�t�e�;� � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �0�.�5�r�e�m�;� � � �b�o�x�-�s�h�a�d�o�w�:� �0� �2�5�p�x� �5�0�p�x� �-�1�2�p�x� �r�g�b�a�(�0�,� �0�,� �0�,� �0�.�2�5�)�;� � � � � � �/�*� �E�n�s�u�r�e� �m�o�d�a�l� �s�t�a�y�s� �i�n� �v�i�e�w� �*�/� � � �m�a�r�g�i�n�:� �a�u�t�o�;� � � �f�l�e�x�-�s�h�r�i�n�k�:� �0�;� �}� � �/�*� �C�a�r�d� �H�e�a�d�e�r� �*�/� �.�p�u�n�c�h�-�c�a�r�d�-�h�e�a�d�e�r� �{� � � �t�e�x�t�-�a�l�i�g�n�:� �c�e�n�t�e�r�;� � � �p�a�d�d�i�n�g�:� �0�.�5�r�e�m� �1�r�e�m�;� �}� � �/�*� �C�u�s�t�o�m�e�r� �N�a�m�e� �*�/� �.�p�u�n�c�h�-�c�a�r�d�-�c�u�s�t�o�m�e�r�-�n�a�m�e� �{� � � �f�o�n�t�-�s�i�z�e�:� �1�.�2�5�r�e�m�;� � � �f�o�n�t�-�w�e�i�g�h�t�:� �b�o�l�d�;� � � �c�o�l�o�r�:� �w�h�i�t�e�;� � � �m�a�r�g�i�n�:� �0�.�2�5�r�e�m� �0�;� �}� � �/�*� �P�r�o�d�u�c�t� �T�y�p�e� �*�/� �.�p�u�n�c�h�-�c�a�r�d�-�p�r�o�d�u�c�t�-�t�y�p�e� �{� � � �f�o�n�t�-�s�i�z�e�:� �0�.�8�7�5�r�e�m�;� � � �c�o�l�o�r�:� �#�e�2�e�8�f�0�;� � � �m�a�r�g�i�n�:� �0�;� �}� � �/�*� �P�u�n�c�h� �C�o�u�n�t�e�r� �S�e�c�t�i�o�n� �*�/� �.�p�u�n�c�h�-�c�o�u�n�t�e�r�-�s�e�c�t�i�o�n� �{� � � �t�e�x�t�-�a�l�i�g�n�:� �c�e�n�t�e�r�;� � � �p�a�d�d�i�n�g�:� �0�.�5�r�e�m� �1�r�e�m�;� �}� � �/�*� �P�u�n�c�h� �C�o�u�n�t�e�r� �*�/� �.�p�u�n�c�h�-�c�o�u�n�t�e�r� �{� � � �f�o�n�t�-�s�i�z�e�:� �1�.�1�2�5�r�e�m�;� � � �f�o�n�t�-�w�e�i�g�h�t�:� �6�0�0�;� � � �c�o�l�o�r�:� �w�h�i�t�e�;� � � �m�a�r�g�i�n�:� �0�.�2�5�r�e�m� �0�;� �}� � �/�*� �P�u�n�c�h� �C�o�u�n�t�e�r� �R�e�m�a�i�n�i�n�g� �*�/� �.�p�u�n�c�h�-�c�o�u�n�t�e�r�-�r�e�m�a�i�n�i�n�g� �{� � � �f�o�n�t�-�s�i�z�e�:� �0�.�8�7�5�r�e�m�;� � � �c�o�l�o�r�:� �#�c�b�d�5�e�1�;� � � �m�a�r�g�i�n�:� �0�;� �}� � �/�*� �P�u�n�c�h� �I�c�o�n�s� �S�e�c�t�i�o�n� �*�/� �.�p�u�n�c�h�-�i�c�o�n�s�-�s�e�c�t�i�o�n� �{� � � �p�a�d�d�i�n�g�:� �1�r�e�m�;� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�0�5�)�;� �}� � �/�*� �P�u�n�c�h� �I�c�o�n�s� �G�r�i�d� �*�/� �.�p�u�n�c�h�-�i�c�o�n�s�-�g�r�i�d� �{� � � �d�i�s�p�l�a�y�:� �g�r�i�d�;� � � �g�r�i�d�-�t�e�m�p�l�a�t�e�-�c�o�l�u�m�n�s�:� �r�e�p�e�a�t�(�5�,� �1�f�r�)�;� � � �g�a�p�:� �0�.�5�r�e�m�;� � � �j�u�s�t�i�f�y�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� �}� � �/�*� �P�u�n�c�h� �I�c�o�n� �B�u�t�t�o�n� �*�/� �.�p�u�n�c�h�-�i�c�o�n�-�b�u�t�t�o�n� �{� � � �w�i�d�t�h�:� �2�.�5�r�e�m�;� � � �h�e�i�g�h�t�:� �2�.�5�r�e�m�;� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �c�e�n�t�e�r�;� � � �b�a�c�k�g�r�o�u�n�d�:� �t�r�a�n�s�p�a�r�e�n�t�;� � � �b�o�r�d�e�r�:� �n�o�n�e�;� � � �c�u�r�s�o�r�:� �d�e�f�a�u�l�t�;� � � �p�a�d�d�i�n�g�:� �0�;� � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� �}� � �/�*� �P�u�n�c�h� �I�c�o�n� �C�o�n�t�a�i�n�e�r� �*�/� �.�p�u�n�c�h�-�i�c�o�n�-�c�o�n�t�a�i�n�e�r� �{� � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � � �w�i�d�t�h�:� �2�.�5�r�e�m�;� � � �h�e�i�g�h�t�:� �2�.�5�r�e�m�;� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �c�e�n�t�e�r�;� �}� � �/�*� �P�r�o�d�u�c�t� �I�c�o�n� �*�/� �.�p�u�n�c�h�-�p�r�o�d�u�c�t�-�i�c�o�n� �{� � � �w�i�d�t�h�:� �2�.�5�r�e�m�;� � � �h�e�i�g�h�t�:� �2�.�5�r�e�m�;� � � �o�b�j�e�c�t�-�f�i�t�:� �c�o�n�t�a�i�n�;� �}� � �/�*� �P�u�n�c�h� �H�o�l�e� �O�v�e�r�l�a�y� �*�/� �.�p�u�n�c�h�-�h�o�l�e�-�o�v�e�r�l�a�y� �{� � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � �i�n�s�e�t�:� �0�;� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �c�e�n�t�e�r�;� � � �p�o�i�n�t�e�r�-�e�v�e�n�t�s�:� �n�o�n�e�;� �}� � �/�*� �P�u�n�c�h� �H�o�l�e� �I�c�o�n� �*�/� �.�p�u�n�c�h�-�h�o�l�e�-�i�c�o�n� �{� � � �w�i�d�t�h�:� �2�r�e�m�;� � � �h�e�i�g�h�t�:� �2�r�e�m�;� � � �o�b�j�e�c�t�-�f�i�t�:� �c�o�n�t�a�i�n�;� �}� � �/�*� �A�c�t�i�o�n� �B�u�t�t�o�n�s� �S�e�c�t�i�o�n� �*�/� �.�p�u�n�c�h�-�a�c�t�i�o�n�s�-�s�e�c�t�i�o�n� �{� � � �p�a�d�d�i�n�g�:� �1�r�e�m�;� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�1�e�2�9�3�b�;� � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �0� �0� �0�.�5�r�e�m� �0�.�5�r�e�m�;� �}� � �/�*� �A�c�t�i�o�n�s� �G�r�i�d� �*�/� �.�p�u�n�c�h�-�a�c�t�i�o�n�s�-�g�r�i�d� �{� � � �d�i�s�p�l�a�y�:� �g�r�i�d�;� � � �g�r�i�d�-�t�e�m�p�l�a�t�e�-�c�o�l�u�m�n�s�:� �r�e�p�e�a�t�(�2�,� �1�f�r�)�;� � � �g�a�p�:� �0�.�7�5�r�e�m�;� �}� � �/�*� �A�c�t�i�o�n� �B�u�t�t�o�n� �B�a�s�e� �*�/� �.�p�u�n�c�h�-�a�c�t�i�o�n�-�b�u�t�t�o�n� �{� � � �p�a�d�d�i�n�g�:� �0�.�7�5�r�e�m� �1�r�e�m�;� � � �f�o�n�t�-�s�i�z�e�:� �0�.�8�7�5�r�e�m�;� � � �f�o�n�t�-�w�e�i�g�h�t�:� �6�0�0�;� � � �c�o�l�o�r�:� �w�h�i�t�e�;� � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �0�.�3�7�5�r�e�m�;� � � �c�u�r�s�o�r�:� �p�o�i�n�t�e�r�;� � � �t�r�a�n�s�i�t�i�o�n�:� �a�l�l� �0�.�2�s�;� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �c�e�n�t�e�r�;� � � �h�e�i�g�h�t�:� �2�.�5�r�e�m�;� �}� � �.�p�u�n�c�h�-�a�c�t�i�o�n�-�b�u�t�t�o�n�:�h�o�v�e�r�:�n�o�t�(�:�d�i�s�a�b�l�e�d�)� �{� � � �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�-�1�p�x�)�;� � � �b�o�x�-�s�h�a�d�o�w�:� �0� �4�p�x� �6�p�x� �-�1�p�x� �r�g�b�a�(�0�,� �0�,� �0�,� �0�.�1�)�;� �}� � �.�p�u�n�c�h�-�a�c�t�i�o�n�-�b�u�t�t�o�n�:�d�i�s�a�b�l�e�d� �{� � � �o�p�a�c�i�t�y�:� �0�.�5�;� � � �c�u�r�s�o�r�:� �n�o�t�-�a�l�l�o�w�e�d�;� �}� � �/�*� �B�u�t�t�o�n� �C�o�l�o�r�s� �*�/� �.�p�u�n�c�h�-�a�c�t�i�o�n�-�c�a�n�c�e�l� �{� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�9�1�4�0�4�c�;� � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �w�h�i�t�e�;� �}� � �.�p�u�n�c�h�-�a�c�t�i�o�n�-�e�x�e�c�u�t�e� �{� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �#�1�b�7�e�7�1�;� � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �w�h�i�t�e�;� �}� � �.�p�u�n�c�h�-�a�c�t�i�o�n�-�m�u�l�t�i�p�l�e� �{� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �r�g�b�a�(�1�5�,� �2�3�,� �4�2�,� �0�.�8�)�;� � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�3�)�;� �}� � �.�p�u�n�c�h�-�a�c�t�i�o�n�-�r�e�n�e�w� �{� � � �b�a�c�k�g�r�o�u�n�d�-�c�o�l�o�r�:� �r�g�b�a�(�7�1�,� �8�5�,� �1�0�5�,� �0�.�3�)�;� � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�3�)�;� �}� @media (min-width: 768px) and (max-width: 1366px){.punch-card-modal-card{max-width:340px}.punch-card-customer-name{font-size:1.75rem}.punch-card-product-type{font-size:.875rem}.punch-icon-button,.punch-icon-container,.punch-product-icon{width:3.5rem;height:3.5rem}.punch-hole-icon{width:3rem;height:3rem}}@media (max-width: 767px){.punch-card-modal-card{max-width:95%;margin:1rem}.punch-card-customer-name{font-size:1.5rem}.punch-card-product-type{font-size:.875rem}.punch-icon-button,.punch-icon-container,.punch-product-icon{width:3rem;height:3rem}.punch-hole-icon{width:2.5rem;height:2.5rem}.punch-actions-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.punch-action-button{font-size:.75rem;padding:0 .75rem}}.edit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;transform:translateZ(0);isolation:isolate;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:12px 10px}.edit-modal-content{background:#2c3d4e;border:1px solid white;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;width:90%;max-width:500px;max-height:calc(100vh - 24px);overflow-y:auto;position:relative;margin:auto;flex-shrink:0}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.1);background-color:#2c3d4e}.customer-number{display:none}.edit-form{padding:8px 10px;background-color:#2c3d4e}.form-row{display:flex;gap:6px;margin-bottom:6px}.form-group{margin-bottom:6px}.form-input:focus,.form-textarea:focus{outline:none;border-color:#fffc!important;background-color:#2c3d4e!important;color:#e2e8f0!important;box-shadow:0 0 0 2px #fff3}.form-input.disabled{background-color:#ffffff0d;cursor:not-allowed;color:#ffffff4d;border-color:#fff3}.form-textarea{resize:vertical;min-height:50px;max-height:54px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}.submit-button,.cancel-button{padding:5px 10px;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.payment-toggle{display:flex;background-color:#ffffff1a;border-radius:8px;padding:2px;width:100%;box-shadow:inset 0 1px 3px #0003;border:1px solid rgba(255,255,255,.2)}.toggle-option{flex:1;padding:6px 8px;border:none;background:transparent;color:#fff9;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .3s ease;text-align:center}body.modal-open{overflow:hidden!important}.edit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;transform:translateZ(0);isolation:isolate;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:40px 20px}.edit-modal-content{background:#2c3d4e;border:1px solid white;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;width:90%;max-width:500px;max-height:calc(100vh - 80px);overflow-y:auto;position:relative;margin:auto;flex-shrink:0}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.1);background-color:#2c3d4e}.edit-modal-header h2{margin:0;font-size:1.25rem;color:#e2e8f0!important;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#e2e8f0!important;text-fill-color:#e2e8f0!important;text-align:center;flex:1;font-weight:700}.close-button{background:transparent;border:none;font-size:1.5rem;color:#fff;cursor:pointer;padding:.25rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:absolute;top:.5rem;left:.5rem}.close-button:hover{color:#e2e8f0}.edit-form{padding:12px 15px;background-color:#2c3d4e}.form-row{display:flex;gap:10px;margin-bottom:10px}.form-group{margin-bottom:10px}.form-group.half-width{flex:1;margin-bottom:0}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#e2e8f0;font-size:.9rem}.form-input,.form-textarea{width:100%;padding:8px 10px;border:1px solid rgba(255,255,255,.5)!important;border-radius:.375rem;font-size:.9rem;font-family:inherit;box-sizing:border-box;background-color:#2c3d4e!important;color:#e2e8f0!important}.form-input:focus,.form-textarea:focus{outline:none;border-color:#fffc!important;background-color:#fff!important;color:#1e293b!important;box-shadow:0 0 0 2px #fff3}.form-textarea{resize:vertical;min-height:50px;max-height:80px}.error-message{background-color:#dc26261a;color:#fca5a5;padding:10px;border-radius:4px;margin-bottom:15px;font-size:.9rem;border:1px solid rgba(220,38,38,.3)}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.submit-button,.cancel-button{padding:8px 16px;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-button{background-color:#1b7e71;color:#fff;border:1px solid white}.submit-button:hover:not(:disabled){background-color:#148066}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.cancel-button{background-color:#91404c;color:#fff;border:1px solid white}.cancel-button:hover{background-color:#7a3641}.payment-toggle-container{width:100%;margin-top:8px}.payment-toggle{display:flex;background-color:#ffffff1a;border-radius:8px;padding:4px;width:100%;box-shadow:inset 0 1px 3px #0003;border:1px solid rgba(255,255,255,.2)}.toggle-option{flex:1;padding:8px 16px;border:none;background:transparent;color:#fff9;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .3s ease;text-align:center}.toggle-option.active{background-color:#fff3;box-shadow:0 2px 4px #0000001a;color:#fff}.payment-toggle.prepaid .toggle-option.active{background-color:#1b7e71;color:#fff}.payment-toggle.not-prepaid .toggle-option.active{background-color:#91404c;color:#fff}.toggle-option:hover:not(.active){background-color:#ffffff80}@media (max-width: 480px){.edit-modal-content{width:95%;margin:20px}.edit-modal-header{padding:15px}.edit-form{padding:10px 15px 15px}.form-row{flex-direction:column;gap:0}.form-group.half-width{margin-bottom:15px}.form-actions{flex-direction:column}.submit-button,.cancel-button{width:100%}}@media (min-width: 768px) and (max-width: 1024px){.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease-out;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:24px;border-radius:16px 16px 0 0;position:relative}.modal-title{font-size:22px;font-weight:700;margin:0;text-align:center}.close-button{position:absolute;top:16px;left:16px;background:#fff3;border:none;color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .3s ease}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.modal-content{padding:24px}.form-container{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:4px}.form-label.required:after{content:" *";color:#ef4444}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-textarea{min-height:80px;resize:vertical;font-family:inherit}.phone-input,.date-input{direction:ltr;text-align:left}.error-message{color:#ef4444;font-size:13px;margin-top:4px;display:flex;align-items:center;gap:6px;background:#fef2f2;padding:8px 12px;border-radius:6px;border:1px solid #fecaca}.error-icon{width:16px;height:16px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700}.modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 16px 16px;display:flex;gap:12px;justify-content:flex-start}.btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;flex:1}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;background:#9ca3af;box-shadow:none}.btn-secondary{background:#6b7280;color:#fff;box-shadow:0 2px 8px #6b72804d}.btn-secondary:hover{background:#4b5563;transform:translateY(-1px)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:16px;z-index:10}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.form-hint{font-size:12px;color:#6b7280;margin-top:4px;line-height:1.4}.required-note{font-size:12px;color:#6b7280;margin-bottom:16px;text-align:center;font-style:italic}.form-input:focus,.form-select:focus,.form-textarea:focus,.btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (orientation: landscape) and (max-height: 600px){.modal{max-height:95vh;margin:10px}.modal-header{padding:16px 24px}.modal-title{font-size:20px}.modal-content{padding:16px 24px}.form-container{gap:16px}}.modal-overlay[data-close-on-outside=true]{cursor:pointer}.modal-overlay[data-close-on-outside=true] .modal{cursor:default}.modal.closing{animation:modalSlideOut .2s ease-in forwards}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-20px)}}}@media (max-width: 767px){.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background:#fff;border-radius:20px 20px 0 0;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 -10px 40px #0000004d;animation:slideUpMobile .3s ease-out;position:relative;-webkit-overflow-scrolling:touch}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:20px 16px;border-radius:20px 20px 0 0;position:relative;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-title{font-size:20px;font-weight:700;margin:0;text-align:center;padding:0 40px}.close-button{position:absolute;top:12px;left:12px;background:#fff3;border:none;color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .3s ease;min-width:44px;min-height:44px}.close-button:active{background:#ffffff4d;transform:scale(.95)}.modal-content{padding:20px 16px}.form-container{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.form-label.required:after{content:" *";color:#ef4444;font-weight:700}.form-input,.form-select,.form-textarea{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;transition:all .3s ease;background:#fff;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-textarea{min-height:80px;resize:vertical;font-family:inherit}.phone-input,.date-input{direction:ltr;text-align:left}.error-message{color:#ef4444;font-size:14px;margin-top:6px;display:flex;align-items:center;gap:8px;background:#fef2f2;padding:12px 16px;border-radius:8px;border:1px solid #fecaca}.error-icon{width:18px;height:18px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.modal-footer{padding:16px;border-top:1px solid #e5e7eb;background:#fff;position:-webkit-sticky;position:sticky;bottom:0;display:flex;flex-direction:column;gap:12px}.btn{width:100%;padding:16px 20px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;text-align:center}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:active{transform:scale(.98);box-shadow:0 2px 8px #3b82f666}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;background:#9ca3af;box-shadow:none}.btn-secondary{background:#6b7280;color:#fff;box-shadow:0 2px 8px #6b72804d}.btn-secondary:active{background:#4b5563;transform:scale(.98)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px 20px 0 0;z-index:10}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{color:#6b7280;font-size:14px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.form-hint{font-size:13px;color:#6b7280;margin-top:6px;line-height:1.4}.required-note{font-size:13px;color:#6b7280;margin-bottom:16px;text-align:center;font-style:italic;background:#f9fafb;padding:12px;border-radius:8px;border:1px solid #e5e7eb}.mobile-touch-target{min-height:44px;min-width:44px}.mobile-no-zoom{font-size:16px!important}.mobile-scroll-smooth{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (max-width: 360px){.modal-content{padding:16px 12px}.modal-title{font-size:18px;padding:0 36px}.form-input,.form-select,.form-textarea,.btn{padding:12px 14px}.modal-footer{padding:12px}}@media (orientation: landscape) and (max-height: 500px){.modal{max-height:95vh;border-radius:12px 12px 0 0}.modal-header{padding:12px 16px;border-radius:12px 12px 0 0}.modal-title{font-size:18px}.modal-content{padding:16px}.form-container{gap:16px}.modal-footer{padding:12px 16px}}.modal.closing{animation:slideDownMobile .2s ease-in forwards}@keyframes slideDownMobile{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.form-input:focus,.form-select:focus,.form-textarea:focus,.btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@supports (padding: max(0px)){.modal-content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.modal-footer{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom))}}.desktop-only,.tablet-only{display:none!important}.mobile-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}.vouchers-table th:nth-child(1),.vouchers-table td:nth-child(1){transform:translate(-16px);position:relative}.popups-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;height:100%;min-height:600px}.popups-settings{background:#ffffff0d;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.popups-title{color:#fff;font-size:24px;font-weight:600;margin-bottom:1.5rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.popup-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1.25rem;margin-bottom:1.5rem;transition:all .3s ease}.popup-card:hover{background:#ffffff0f;border-color:#fff3}.popup-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:18px;font-weight:600;color:#fff}.popup-toggle{position:relative;width:50px;height:24px;cursor:pointer}.popup-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#444;border-radius:24px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.popup-toggle input:checked+.toggle-slider{background-color:#4caf50}.popup-toggle input:checked+.toggle-slider:before{transform:translate(26px)}.popup-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-group label{color:#ccc;font-size:14px;font-weight:500}.setting-input,.setting-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;padding:.5rem;font-size:11px;margin-top:.5rem;margin-left:10px!important}.setting-item .setting-input,.setting-item .setting-select{margin-left:0!important;width:auto;min-width:120px;max-width:200px}.setting-item{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.setting-item label{flex-shrink:0;white-space:nowrap}.setting-input:focus,.setting-select:focus{outline:none;border-color:#9ca3af;background:#ffffff14}.setting-select option{background:#333;color:#fff}.image-upload-container{width:100%;grid-column:1 / -1}.image-drop-zone{cursor:pointer}.upload-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#ffffff0d;border:2px dashed rgba(255,255,255,.3);border-radius:8px;padding:1rem;color:#ccc;cursor:pointer;transition:all .3s ease;font-size:14px}.upload-btn:hover{background:#ffffff14;border-color:#ffffff80;color:#fff}.uploaded-image{position:relative;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.uploaded-image img{width:100%;height:120px;object-fit:cover;display:block}.remove-image-btn{position:absolute;top:5px;right:5px;background:#f00c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-image-btn:hover{background:red;transform:scale(1.1)}.preview-btn{width:100%;background:#1d4ed8cc;border:1px solid rgba(29,78,216,1);color:#fff;padding:.75rem;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060ceb;display:flex;justify-content:center;align-items:center;z-index:10000;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.preview-content{background:#0b0f16;border-radius:12px;max-width:520px;width:100%;max-height:80vh;overflow:hidden;padding:16px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;align-items:center;overscroll-behavior:contain}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.close-preview{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}.iphone-frame .inline-close-x{position:absolute;top:6px;right:8px;width:22px;height:22px;border-radius:50%;background:#ffffff3d;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;cursor:pointer;z-index:3}.close-preview:focus{outline:none}.close-preview:after{content:""}.notification-title{color:#000!important;background:transparent!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#000!important}.notification-body{color:#000!important;margin-top:4px}.notification-header .now-label{visibility:hidden}.mini-voucher--preview{background-size:cover;background-position:center;width:100%;max-width:300px;margin:8px auto;border-radius:8px;overflow:hidden}.mini-voucher--preview .mini-voucher-content{color:#000;text-shadow:none}.mini-voucher--preview .mini-voucher-business{color:#000}.mini-voucher--preview .mini-voucher-value{color:#111}.mini-voucher--preview .mini-voucher-validity{color:#222}.mini-voucher--preview .mini-voucher-conditions{color:#333;font-size:12px;margin-top:6px}.mini-voucher-barcode--preview{transform:scaleX(-1);direction:ltr}.notification-voucher-preview{margin-top:50px;display:flex;justify-content:center;width:100%}.voucher-inline-wrapper{display:inline-block;justify-content:center;transform:translateY(-14px) scale(1.248);transform-origin:top center;will-change:transform}.phone-illustration{width:min(220px,80vw);aspect-ratio:9/16;margin:50px auto 8px;background:#0a0f1a;border-radius:20px;padding:6px;box-shadow:inset 0 0 0 4px #111;display:flex}.phone-illustration-screen{flex:1;background:#e9e6e1;border-radius:14px;overflow:hidden;padding:8px}.push-preview-title{font-size:12px;font-weight:700;color:#fff;text-align:right;margin-bottom:2px;opacity:.9}.push-preview-body{font-size:11px;color:#ddd;text-align:right;margin-bottom:6px;line-height:1.2}.preview-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.preview-btn:disabled{background:#6464644d;border-color:#64646480;color:#888;cursor:not-allowed}.save-settings-btn{width:100%;background:#22c55ecc;border:1px solid rgba(34,197,94,1);color:#fff;padding:.8rem;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:1.5rem}.save-settings-btn:hover{background:#22c55e;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.popups-preview{background:#ffffff0d;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:1.5rem;position:relative}.phone-simulators{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap;position:relative}.phone-simulator{display:flex;flex-direction:column;align-items:center;gap:.5rem}.phone-frame{width:140px;height:280px;background:#1a1a1a;border:3px solid #333;border-radius:20px;padding:8px;position:relative;box-shadow:0 4px 20px #0000004d}.phone-screen{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;position:relative;overflow:hidden}.phone-header{background:#0000001a;padding:4px 8px;position:relative;z-index:1;overflow:hidden}.phone-status-bar{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#fff;font-weight:600}.app-header{text-align:center;color:#fff;font-size:10px;font-weight:600;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.2);position:relative;z-index:1;overflow:hidden}.phone-content{padding:8px;height:calc(100% - 60px);position:relative}.phone-login-form{background:#ffffffe6;border-radius:8px;padding:8px;text-align:center}.phone-login-form h3{font-size:10px;margin:0 0 6px;color:#333}.phone-login-form input{width:80%;padding:4px;font-size:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:6px}.phone-login-form button{background:#4caf50;color:#fff;border:none;padding:4px 8px;font-size:8px;border-radius:4px;cursor:pointer}.punch-card{background:#ffffffe6;border-radius:8px;padding:8px;text-align:center}.card-header{font-size:10px;font-weight:600;color:#333;margin-bottom:8px}.punch-holes{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;justify-items:center}.punch-hole{font-size:16px;color:#ddd}.punch-hole.filled{color:#4caf50}.phone-popup-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.phone-popup{background:#fff;border-radius:8px;padding:8px;max-width:90%;max-height:70%;position:relative;box-shadow:0 4px 20px #0000004d}.phone-popup img{max-width:100%;max-height:120px;border-radius:4px;display:block}.phone-popup-close{position:absolute;top:2px;right:6px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:16px;height:16px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.no-popup-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff00001a;border:1px dashed rgba(255,0,0,.3);border-radius:4px;padding:4px 8px;color:#f00c;font-size:8px;font-weight:600;text-align:center}.simulator-label{color:#fff;font-size:12px;font-weight:600;text-align:center;background:#ffffff1a;padding:.25rem .5rem;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.popup-details-section{margin-top:1rem}.popup-details-section h4{color:#fff;font-size:18px;font-weight:600;margin-bottom:1rem;text-align:center}.popup-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.popup-info-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem}.popup-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.popup-info-header h5{color:#fff;font-size:14px;font-weight:600;margin:0}.no-popup-params{text-align:center;color:#888;font-size:13px;padding:1rem}.no-popup-params p{margin:0}.uploaded-image-container{background:transparent;border:none;padding:0;margin:0;display:block;width:auto;max-width:200px}.image-actions{margin-top:1rem;text-align:center}.replace-image-btn{background:#ffa5001a;border:1px solid rgba(255,165,0,.3);color:orange;padding:.3rem .6rem;border-radius:4px;cursor:pointer;font-size:10px;margin-top:.75rem}.replace-image-btn:hover{background:#ffa50033;border-color:#ffa50080}.drop-zone-content{text-align:center;padding:1rem;position:relative}.drop-zone-content p{margin:.75rem 0;color:#ccc;font-size:11px}.drop-zone-content small{color:#888;font-size:9px;margin-top:.5rem;display:block}.checkbox-container{margin-top:1rem}.checkbox-label{display:flex;align-items:center;gap:10px;color:#ccc;font-size:11px;cursor:pointer;margin-top:.75rem;margin-left:0}.checkbox-label input[type=checkbox]{width:14px;height:14px;margin:0}.popup-preview-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1rem;margin-bottom:1rem}.popup-preview-section h5{color:#fff;font-size:16px;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.popup-preview-card{display:flex;flex-direction:column;gap:1rem}.popup-parameters{background:#0003;border-radius:8px;padding:.75rem;border:1px solid rgba(255,255,255,.1)}.param-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.param-row:last-child{border-bottom:none}.param-label{color:#ccc;font-size:13px;font-weight:500}.param-value{color:#fff;font-size:13px;font-weight:600}.status-row{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.status-badge{padding:.2rem .6rem;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.inactive{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.popup-toggle-btn{width:100%;padding:.6rem;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid;margin-top:.5rem}.popup-toggle-btn.activate{background:#22c55e1a;color:#22c55e;border-color:#22c55e4d}.popup-toggle-btn.activate:hover{background:#22c55e33;border-color:#22c55e80}.popup-toggle-btn.deactivate{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.popup-toggle-btn.deactivate:hover{background:#ef444433;border-color:#ef444480}.no-popup-configured{display:flex;flex-direction:column;gap:1rem}.empty-popup-placeholder{background:#6464641a;border:2px dashed rgba(255,255,255,.2);border-radius:8px;padding:2rem;text-align:center;color:#888}.empty-popup-placeholder p{margin:0;font-size:14px;font-weight:500}.no-params{color:#888;font-size:13px;text-align:center;margin:0;padding:.5rem}.popups-preview h4{color:#fff;font-size:20px;font-weight:600;margin:0;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.preview-container{flex:1;min-height:250px;display:flex;align-items:center;justify-content:center}.no-preview{text-align:center;color:#888;font-style:italic}.popup-simulator{position:relative;width:100%;max-width:300px;margin:0 auto}.popup-overlay{background:#000000b3;border-radius:12px;padding:1rem;position:relative}.popup-modal{background:#fff;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000004d}.popup-close-btn{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:14px;z-index:10;display:flex;align-items:center;justify-content:center}.popup-modal img{width:100%;height:auto;display:block;max-height:200px;object-fit:cover}.preview-info{margin-top:.75rem;text-align:center;color:#ccc;font-size:12px}.preview-info p{margin:.25rem 0}.popup-stats h4{color:#fff;font-size:18px;font-weight:600;margin-bottom:1rem}.stats-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-bottom:1rem}.stats-card h5{color:#fff;font-size:16px;font-weight:600;margin-bottom:.75rem;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-item{text-align:center}.stat-value{display:block;color:#4caf50;font-size:18px;font-weight:700;margin-bottom:.25rem}.stat-label{color:#ccc;font-size:12px}.popup-actions{display:flex;gap:1rem;margin-top:1rem}.drafts-btn{flex:1;background:#9ca3afcc;border:1px solid rgba(156,163,175,1);color:#fff;padding:1rem;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.drafts-btn:hover{background:#9ca3af;transform:translateY(-2px)}.activity-display{margin-top:.5rem;padding:.5rem;background:#000;border:1px solid #ffffff;border-radius:4px;box-shadow:inset 0 0 0 1px #fff}.activity-display small{color:#fff;font-weight:500}.help-text{color:#888;font-size:11px;margin-top:.25rem;font-style:italic}.upload-guidelines{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-top:1rem}.upload-guidelines h5{color:#fff;font-size:14px;font-weight:600;margin-bottom:.75rem}.upload-guidelines ul{list-style:none;padding:0;margin:0}.upload-guidelines li{color:#ccc;font-size:12px;margin-bottom:.25rem;padding-left:1rem;position:relative}.upload-guidelines li:before{content:"•";color:#9ca3af;position:absolute;left:0}.popup-drafts-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-drafts-dialog{background:#1f2937;border-radius:12px;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);position:-webkit-sticky;position:sticky;top:0;background:#1a1a1a;z-index:2}.dialog-header h3{color:#fff;margin:0;font-size:20px;font-weight:600}.close-dialog-btn{background:#f003;border:1px solid rgba(255,0,0,.3);color:#fff;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-dialog-btn:hover{background:#f006}.dialog-content{padding:1.5rem 1.5rem 12rem}.create-draft-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.create-draft-section h4{color:#fff;margin-bottom:1rem;font-size:16px;font-weight:600}.draft-form{display:flex;gap:1rem;align-items:center}.popup-type-select,.draft-name-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;padding:.75rem;font-size:14px;transition:all .3s ease;flex:1}.popup-type-select{max-width:150px}.draft-name-input{flex:2}.popup-type-select:focus,.draft-name-input:focus{outline:none;border-color:#9ca3af;background:#ffffff14}.popup-type-select option{background:#333;color:#fff}.save-draft-btn{background:#15803d;border:1px solid rgba(21,128,61,1);color:#fff;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;white-space:nowrap}.save-draft-btn:hover{background:#106930;border-color:#106930}.drafts-list{padding-bottom:2rem}.drafts-list h4{color:#fff;margin-bottom:1rem;font-size:16px;font-weight:600}.drafts-grid{display:grid;gap:1rem}.draft-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.draft-card:hover{background:#ffffff14;border-color:#fff3}.draft-info{display:flex;flex-direction:column;gap:.25rem}.draft-info strong{color:#fff;font-size:14px}.draft-info small{color:#ccc;font-size:12px}.load-draft-btn,.delete-draft-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s ease}.load-draft-btn:hover{background:#1d4ed84d;border-color:#1d4ed880}.delete-draft-btn:hover{background:#ef44444d;border-color:#ef444480}.no-drafts{text-align:center;color:#888;font-style:italic;padding:2rem}.activity-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.activity-dialog{background:#1f2937;border-radius:12px;width:90%;max-width:700px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.activity-options{display:grid;gap:1.5rem}.activity-option{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1.5rem;transition:all .3s ease}.activity-option:hover{background:#ffffff14;border-color:#fff3}.activity-option h4{color:#fff;margin:0 0 .5rem;font-size:16px;font-weight:600}.activity-option p{color:#ccc;margin:0 0 1rem;font-size:14px}.activity-params{display:flex;flex-wrap:wrap;gap:.75rem}.param-option{background:#000;border:1px solid #ffffff;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:13px;transition:all .3s ease;box-shadow:inset 0 0 0 1px #fff}.param-option:hover{background:#333;border-color:#fff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #fff}.uploaded-image-preview{margin-top:1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem;background-color:#0003;display:inline-block;width:auto;max-width:200px}.upload-icon{position:absolute;top:-.75rem;right:1rem;width:32px;height:32px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s ease;cursor:pointer}.upload-icon:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.uploaded-image-preview img{max-width:100%;max-height:120px;border-radius:4px;display:block;margin:0 auto .5rem}.remove-image-button{background-color:#f003;border:1px solid rgba(255,0,0,.3);color:#fff;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:.3rem;margin:0 auto}.remove-image-button:hover{background-color:#ff00004d}.notification-image{margin-top:.5rem;width:100%}.notification-image img{width:100%;border-radius:8px;max-height:200px;object-fit:cover}.drafts-list{background-color:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-bottom:1rem;max-height:300px;overflow-y:auto}.no-drafts{text-align:center;color:#ffffff80;padding:2rem}.draft-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background-color:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.draft-item:hover{background-color:#ffffff14}.draft-info h4{margin:0 0 .25rem;color:#fff;font-size:14px}.draft-info p{margin:0 0 .25rem;color:#ffffffb3;font-size:12px}.draft-info small{color:#ffffff80;font-size:11px}.draft-actions{display:flex;gap:.5rem}.use-draft-button,.delete-draft-button{padding:.4rem .8rem;border-radius:4px;border:1px solid rgba(255,255,255,.2);background-color:transparent;color:#fff;font-size:12px;cursor:pointer}.use-draft-button{background-color:#10b98133;border-color:#10b98166}.use-draft-button:hover{background-color:#10b9814d}.delete-draft-button{background-color:#ef444433;border-color:#ef444466}.delete-draft-button:hover{background-color:#ef44444d}.custom-notification{position:fixed;top:20px;right:20px;z-index:9999;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-content{background-color:#10b981e6;color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 6px #0000004d;display:flex;align-items:center;gap:1rem;min-width:250px}.notification-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.notification-close:hover{background-color:#fff3}.auto-push-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;overscroll-behavior:contain;touch-action:none}.auto-push-dialog{background-color:#1a1a1a;border-radius:12px;width:100%;max-width:480px;max-height:64vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080;margin:20px 0}.auto-push-dialog .voucher-select{width:100%}.auto-push-dialog .inline-hint{color:#bbb;font-size:12px;margin-top:6px}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.dialog-header h3{margin:0;color:#fff;font-size:20px}.close-dialog{background:none;border:none;color:#ffffffb3;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-dialog:hover{background-color:#ffffff1a;color:#fff}.dialog-content{flex:1;overflow-y:auto;padding:1.5rem;max-height:calc(80vh - 128px)}.timing-section,.content-section,.audience-section,.time-section{margin-bottom:2rem}.timing-section h4,.content-section h4,.audience-section h4,.time-section h4{color:#fff;margin-bottom:1rem;font-size:16px}.timing-select,.day-select,.audience-select,.day-input,.months-input,.title-input,.content-textarea,.time-input{width:100%;padding:.75rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;margin-bottom:.75rem}.timing-select option,.day-select option,.audience-select option{background-color:#fff;color:#000}.timing-select:focus,.day-select:focus,.audience-select:focus,.day-input:focus,.months-input:focus,.title-input:focus,.content-textarea:focus,.time-input:focus{outline:none;border-color:#9ca3af;background-color:#ffffff14}.content-textarea{resize:vertical;min-height:100px}.image-upload-section{margin-top:1rem}.upload-btn{padding:.75rem 1.5rem;background-color:#9ca3af33;border:1px solid rgba(156,163,175,.4);border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:14px}.upload-btn:hover{background-color:#9ca3af4d;transform:translateY(-1px)}.image-preview{margin-top:1rem;position:relative;display:inline-block}.image-preview img{max-width:200px;max-height:150px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.image-preview button{position:absolute;top:-8px;right:-8px;background-color:#ef4444e6;border:none;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:12px;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);position:-webkit-sticky;position:sticky;bottom:0;background:#1a1a1a;z-index:2}.cancel-btn,.preview-btn,.save-btn{padding:.75rem 1.5rem;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.cancel-btn{background-color:transparent;color:#ffffffb3;border-color:#fff3}.cancel-btn:hover{background-color:#ffffff0d;color:#fff}.preview-btn{background-color:#3b82f633;color:#60a5fa;border-color:#3b82f666}.preview-btn:hover{background-color:#3b82f64d;color:#93c5fd;transform:translateY(-1px)}.save-btn{background-color:#9ca3af;color:#000;border:none}.save-btn:hover{background-color:#b8bfc7;transform:translateY(-1px);box-shadow:0 4px 12px #9ca3af4d}.condition-section,.voucher-section,.push-type-section{margin-bottom:2rem}.condition-section h4,.voucher-section h4,.push-type-section h4{color:#fff;margin-bottom:1rem;font-size:16px}.condition-section label{display:block;color:#fffc;font-size:14px;margin-bottom:.5rem}.condition-input{width:100%;padding:.75rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px}.condition-input:focus{outline:none;border-color:#9ca3af;background-color:#ffffff14}.checkbox-option{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;cursor:pointer}.checkbox-option input[type=checkbox]{width:18px;height:18px;accent-color:#9CA3AF}.checkbox-option span{color:#fff;font-size:14px}.voucher-select{width:100%;padding:.75rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;margin-top:.5rem}.voucher-select option{background-color:#fff;color:#000}.voucher-select:focus{outline:none;border-color:#9ca3af;background-color:#ffffff14}.audience-info{padding:.75rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fffc;font-size:14px}.image-upload-section h5{color:#fffc;font-size:14px;margin-bottom:.5rem;font-weight:400}.push-type-options{display:flex;gap:1rem;margin-bottom:1rem}.recurring-options{margin-top:1rem}.recurring-select{width:100%;padding:.75rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px}.recurring-select option{background-color:#fff;color:#000}.recurring-select:focus{outline:none;border-color:#9ca3af;background-color:#ffffff14}.one-time-options,.recurring-timing{margin-top:1rem}.recurring-timing h5{color:#fffc;font-size:14px;margin-bottom:.5rem;font-weight:400}.date-selection{margin-top:.5rem}.date-input{width:auto;max-width:160px;padding:10px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;cursor:pointer;margin-left:auto;display:block}.date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.date-input:focus{outline:none;border-color:#9ca3af;background-color:#ffffff14}.event-selection{margin-top:.5rem}.event-select{width:100%;padding:.75rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px}.event-select option{background-color:#fff;color:#000}.event-select:focus{outline:none;border-color:#9ca3af;background-color:#ffffff14}.config-audience-btn{background-color:#ffffffe6;color:#000;padding:.5rem 1rem;border:1px solid rgba(156,163,175,.4);border-radius:6px;cursor:pointer;font-size:13px;margin-top:.75rem;width:100%;transition:all .3s ease}.config-audience-btn:hover{background-color:#fffffff2;color:#000;transform:translateY(-1px)}.customer-selection-overlay,.activity-selection-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.customer-selection-dialog,.activity-selection-dialog{background-color:#1a1a1a;border-radius:12px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080}.customer-search-input{width:100%;padding:.75rem;background-color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#000;font-size:14px;margin-bottom:1rem}.customer-search-input:focus{outline:none;border-color:#9ca3af;background-color:#fffffff2;color:#000}.customers-list{max-height:300px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);border-radius:6px}.customer-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background-color .2s}.customer-item:hover{background-color:#ffffff0d}.customer-item:last-child{border-bottom:none}.customer-item input[type=checkbox]{width:18px;height:18px;accent-color:#9CA3AF}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-name{color:#fff;font-size:14px;font-weight:500}.customer-phone{color:#ffffffb3;font-size:12px}.activity-section,.activity-params-section{margin-bottom:1.5rem}.activity-section h4,.activity-params-section h4{color:#fff;margin-bottom:1rem;font-size:16px}.activity-select{width:100%;padding:.75rem;background-color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#000;font-size:14px}.activity-select option{background-color:#fff;color:#000}.activity-select:focus{outline:none;border-color:#9ca3af;background-color:#fffffff2;color:#000}.param-group{margin-bottom:1rem}.param-group label{display:block;color:#fffc;font-size:14px;margin-bottom:.5rem}.param-input{width:100%;padding:.75rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px}.param-input:focus{outline:none;border-color:#9ca3af;background-color:#ffffff14}.push-main-title{text-align:center;color:#fff;font-size:32px;margin-bottom:2rem;font-weight:700;width:100%;display:flex;justify-content:center;align-items:center}.manual-push-header{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.push-main-title-large{color:#fff;font-size:72px;font-weight:700;margin-bottom:2rem;text-align:center;width:100%;display:flex;justify-content:center;align-items:center}.push-subtitle{color:#fffc;font-size:18px;font-weight:500;margin-bottom:1.5rem;text-align:center;width:100%;display:flex;justify-content:center;align-items:center}.manual-controls{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;width:100%}.back-to-shortcuts-btn{background-color:#9ca3af33;color:#fff;border:1px solid rgba(156,163,175,.4);border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;font-size:14px;transition:all .3s ease}.back-to-shortcuts-btn:hover{background-color:#9ca3af4d;border-color:#9ca3af}.back-to-shortcuts-btn-small{background-color:#9ca3af33;color:#fff;border:1px solid rgba(156,163,175,.4);border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:12px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;order:1}.draft-buttons{order:2}.back-to-shortcuts-btn-small:hover{background-color:#9ca3af4d;border-color:#9ca3af}.auto-push-header{display:flex;justify-content:flex-start;margin-bottom:.5rem}.back-to-manual-btn{background-color:#9ca3af33;color:#fff;border:1px solid rgba(156,163,175,.4);border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:12px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.back-to-manual-btn:hover{background-color:#9ca3af4d;border-color:#9ca3af}.auto-push-section{padding:.5rem 1.5rem}.top-title-wrapper{transform:translateY(32px)}.title-wrapper{transform:translateY(-150px)}.auto-push-title{text-align:center;color:#fff;font-size:24px;font-weight:600;margin-bottom:1rem;margin-top:.5rem;width:100%}.push-top-title{color:#fff;font-size:28px;font-weight:700;text-align:center;margin:0 0 .5rem}.creation-type-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:3rem 0;width:100%}.creation-options{display:flex;gap:2rem;max-width:800px}.creation-option{background-color:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;cursor:pointer;transition:all .3s ease;flex:1;text-align:center;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.creation-option:hover{background-color:#ffffff1a;border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.option-icon{font-size:3rem;margin-bottom:1rem}.option-content h4{color:#fff;font-size:20px;margin-bottom:.5rem;font-weight:600}.option-content p{color:#ffffffb3;font-size:14px;line-height:1.5}@media (max-width: 768px){.creation-options{flex-direction:column;gap:1rem}.creation-option{min-height:150px;padding:1.5rem}.option-icon{font-size:2rem}.option-content h4{font-size:18px}.push-main-title{font-size:24px}.push-main-title-large{font-size:48px}.push-subtitle{font-size:16px}.manual-controls{flex-direction:column;gap:1rem;align-items:stretch}.back-to-shortcuts-btn{text-align:center}.back-to-shortcuts-btn-small{text-align:center;justify-content:center}}@media (max-width: 480px){.auto-push-dialog{max-width:100%;margin:0;height:100%;max-height:100%;border-radius:0}.dialog-content{padding:1rem}}.marketing-center{width:100%;height:100%;display:flex;flex-direction:column;padding-top:0;transform:translateY(-5%);overflow-y:auto}.tabs-container{display:flex;justify-content:center;gap:.75rem;padding:.75rem;background-color:#1a1a1a;border-bottom:1px solid rgba(255,255,255,.1);position:-webkit-sticky;position:sticky;top:0;z-index:100}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background-color:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .3s ease;font-size:13px}.tab-button:hover{background-color:#ffffff1a;color:#fff}.tab-button.active{background-color:#9ca3af;color:#000;border-color:#9ca3af}.tab-icon{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.tab-icon img{width:18px;height:18px;object-fit:contain}.tab-text{color:#fff!important;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#ffffff!important}.content-container,.tab-content-container{flex:1;padding:2rem;overflow-y:auto;max-width:1400px;margin:0 auto;width:100%}.tab-content{animation:fadeIn .3s ease;padding-top:1rem;margin-top:.5rem;overflow-y:visible}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.push-content{display:flex;flex-direction:column;gap:2rem}.push-section{background-color:#ffffff0d;border-radius:12px;padding:1.5rem}#auto-push-shortcuts.push-section{margin-bottom:0!important;padding-bottom:0!important}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{color:#fff;font-size:18px;margin:0}.draft-buttons{display:flex;gap:.5rem}.draft-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fffc;cursor:pointer;transition:all .3s ease;font-size:14px}.draft-button:hover{background-color:#ffffff26;color:#fff}.drafts-list{background-color:#0003;border-radius:8px;padding:1rem;margin-bottom:1rem;color:#ffffffb3;font-size:14px}.marketing-form-group{margin-bottom:1.5rem}.marketing-form-group label{display:block;color:#ffffffe6;margin-bottom:.5rem;font-size:14px}.marketing-form-input,.marketing-form-textarea,.marketing-form-select{width:100%;padding:.75rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;transition:all .3s ease}.marketing-form-select option{background-color:#1a1a1a;color:#fff}.marketing-form-input:focus,.marketing-form-textarea:focus,.marketing-form-select:focus{outline:none;border-color:#9ca3af;background-color:#ffffff26}.marketing-form-textarea{resize:vertical;min-height:100px}.send-button{background-color:#9ca3af;color:#000;padding:.75rem 2rem;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.send-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9ca3af4d}.auto-push-types{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.shrink-80{zoom:.86}@supports not (-webkit-appearance:none){.shrink-80{display:inline-block;transform:scale(.86);transform-origin:top center;overflow:hidden}}.auto-push-card{background-color:#ffffff0d;border:2px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;min-height:80px}.auto-push-card h4{color:#fff;font-size:14px;font-weight:500;margin:0}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff3;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#9ca3af}input:checked+.slider:before{transform:translate(24px)}.accordion-container{padding:1rem}.accordion-item{margin-bottom:1rem;background-color:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.accordion-header{width:100%;padding:1rem;background-color:transparent;border:none;display:flex;align-items:center;gap:.5rem;color:#ffffffe6;cursor:pointer;transition:background-color .3s ease;font-size:16px}.accordion-header:hover{background-color:#ffffff0d}.accordion-header.expanded{background-color:#9ca3af33}.accordion-icon{font-size:20px;display:inline-flex;align-items:center;justify-content:center}.accordion-icon img{width:20px;height:20px;object-fit:contain}.accordion-label{flex:1;text-align:right}.accordion-arrow{color:#ffffff80}.accordion-content{padding:1rem;border-top:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.push-wizard{margin-top:1.5rem}.wizard-steps{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.wizard-steps .step{color:#ffffff80;font-size:14px;position:relative}.wizard-steps .step.active{color:#fff;font-weight:500}.wizard-steps .step.active:after{content:"";position:absolute;bottom:-1.1rem;left:0;right:0;height:3px;background-color:#9ca3af}.audience-options{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.radio-option,.checkbox-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#ffffffe6;font-size:14px}.radio-option input[type=radio],.checkbox-option input[type=checkbox]{width:18px;height:18px;cursor:pointer}.specific-selection{margin-top:1rem;padding:1rem;background-color:#ffffff08;border-radius:8px}.search-box{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.letter-filters{display:flex;gap:.5rem;margin-bottom:1rem}.letter-btn{padding:.5rem 1rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fffc;cursor:pointer;transition:all .3s ease;font-size:14px}.letter-btn:hover{background-color:#ffffff26;color:#fff}.letter-btn.active{background-color:#9ca3af;color:#fff;border-color:#9ca3af}.customer-list{max-height:200px;overflow-y:auto;padding:1rem;background-color:#0003;border-radius:6px}.app-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10050}.app-modal{background:#111827;color:#fff;border-radius:10px;padding:16px;width:min(340px,90vw);box-shadow:0 10px 30px #00000080;text-align:center}.app-modal h4{margin:0 0 8px;font-size:18px}.app-modal p{margin:0 0 12px;color:#fca5a5}.app-modal .modal-actions{display:flex;justify-content:center;gap:8px}.activity-selection{margin-top:1rem}.time-range-option{margin-top:1rem;padding:1rem;background-color:#ffffff08;border-radius:8px}.time-range-input{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.time-range-input span{color:#ffffffe6;font-size:14px}.weeks-input{width:80px;padding:.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;text-align:center}.step-navigation{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.next-button,.back-button,.preview-button{padding:.75rem 2rem;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.next-button,.preview-button{background-color:#9ca3af;color:#000}.back-button{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;gap:.5rem}.back-button span{display:inline-block;transform:scaleX(-1);font-size:18px}.next-button:hover:not(:disabled),.preview-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9ca3af4d}.back-button:hover{background-color:#fff3;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff1a}.next-button:disabled{opacity:.5;cursor:not-allowed}.coupon-selection{display:flex;align-items:center;gap:1rem;margin-top:1rem}.coupon-select{padding:.5rem 1rem;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:14px;min-width:200px}.coupon-select option{background-color:#fff;color:#1f2937}.upload-section{margin-top:1rem}.upload-buttons{display:flex;gap:.75rem}.upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fffc;cursor:pointer;transition:all .3s ease;font-size:14px}.upload-button:hover{background-color:#ffffff26;color:#fff}.upload-guidelines{margin-top:.5rem;color:#ffffff80;font-size:12px}.timing-options{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.schedule-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;padding:1rem;background-color:#ffffff08;border-radius:8px}.automatic-settings{margin-top:1rem;padding:1rem;background-color:#ffffff08;border-radius:8px}.time-restrictions{margin-top:1rem}.time-restrictions label{display:block;margin-top:.75rem;margin-bottom:.5rem;color:#fffc;font-size:14px}.time-range{display:flex;align-items:center;gap:.5rem}.preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.preview-content{background-color:#1a1a1a;border-radius:12px;padding:2rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1)}.phone-preview{display:flex;justify-content:center;margin:2rem 0}.iphone-frame{width:280px;padding:20px;background-color:#000;border-radius:30px;border:3px solid #333;box-shadow:0 10px 30px #00000080;position:relative}.phone-preview .notification{position:static!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important}.notification{background-color:#f0f0f0;border-radius:12px;padding:12px;color:#000}.notification-header{display:flex;justify-content:space-between;font-size:12px;color:#666;margin-bottom:8px}.notification-title{font-weight:600;margin-bottom:4px}.notification-body{font-size:14px;color:#333;margin-bottom:8px}.notification-image{width:100%;border-radius:8px;overflow:hidden}.notification-image img{width:100%;height:auto;display:block}.notification-voucher-preview{margin-top:50px}.mini-voucher-preview{width:100%;height:140px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;overflow:hidden;display:flex;padding:10px}.mini-voucher-content{flex:1;text-align:center;color:#333;display:flex;flex-direction:column;align-items:center;justify-content:center}.mini-voucher-header{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:8px}.mini-voucher-logo{width:20px;height:20px;object-fit:contain}.mini-voucher-business{font-size:12px;font-weight:600;color:#000}.mini-voucher-content h4{margin:5px 0;font-size:14px;color:#000!important;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#000!important}.mini-voucher-value{font-size:13px;font-weight:700;margin:5px 0;color:#000!important;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#000!important}.mini-voucher-validity{font-size:11px;color:#666;margin-top:5px}.mini-voucher-wrapper{display:flex;width:100%;height:100%}.mini-voucher-content{flex:1}.mini-voucher-barcode{width:70px;display:flex;align-items:center;justify-content:center;border-left:1px dashed #ccc;padding:5px}.mini-barcode-visual{display:flex;flex-direction:column;align-items:center;gap:3px}.mini-barcode-lines{display:flex;height:50px;gap:1px;writing-mode:horizontal-tb}.mini-barcode-line{width:2px;background:#000}.mini-barcode-line.thick{width:3px}.mini-barcode-number{font-size:8px;font-family:monospace;color:#000;writing-mode:horizontal-tb;-webkit-text-orientation:upright;text-orientation:upright;letter-spacing:-1px}.send-conditions{background-color:#ffffff0d;border-radius:8px;padding:1.5rem;margin:1.5rem 0}.send-conditions h4{color:#fff;margin-bottom:1rem}.send-conditions ul{list-style:none;padding:0;direction:rtl}.send-conditions li{color:#fffc;margin-bottom:.5rem;padding-right:1.5rem;padding-left:0;position:relative}.send-conditions li:before{content:"•";position:absolute;right:.5rem;left:auto;color:#9ca3af}.send-conditions li .leading-dot{display:none}.preview-actions{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}.marketing-cancel-button,.save-draft-button,.confirm-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.marketing-cancel-button{background-color:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.save-draft-button{background-color:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.save-draft-button:hover{background-color:#ffffff26;color:#fff}.confirm-button{background-color:#9ca3af;color:#000}.business-logo-small{width:16px;height:16px;border-radius:3px;display:inline-block;vertical-align:middle;margin-left:4px}.auto-push-card{display:flex;justify-content:space-between;align-items:center;padding:1.25rem}.card-header{display:flex;align-items:center;gap:1rem}.card-icon{font-size:24px;display:inline-flex;align-items:center;justify-content:center}.card-icon img{width:24px;height:24px;object-fit:contain}.auto-push-card:has(.card-icon img[alt="שוברים שטרם נוצלו"]) .card-header{gap:1.2rem}.toggle-button{min-width:60px;padding:.4rem .8rem;border-radius:20px;border:1px solid transparent;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.toggle-button.active{background-color:#10b981e6;border-color:#10b981;color:#fff}.toggle-button.active:hover{background-color:#10b981}.toggle-button.inactive{background-color:#ef4444e6;border-color:#ef4444;color:#fff}.toggle-button.inactive:hover{background-color:#ef4444}.toggle-text{font-size:11px;letter-spacing:.5px}.card-actions{display:flex;align-items:center;gap:1rem}.config-button{padding:.5rem 1rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fffc;cursor:pointer;transition:all .3s ease;font-size:14px}.config-button:hover{background-color:#ffffff26;color:#fff}.activities-table-container{overflow-x:auto;margin-top:1.5rem}.activities-table{width:100%;border-collapse:collapse;background-color:#ffffff0d;border-radius:8px;overflow:hidden}.activities-table th{background-color:#9ca3af;color:#000;padding:12px;text-align:right;font-weight:500;font-size:14px}.activities-table td,.activities-table th.view-col,.activities-table .watch-cell{border-bottom:1px solid rgba(255,255,255,.1)}.activities-table td{padding:12px;color:#fff;font-size:14px;vertical-align:middle}.activities-table tr:last-child td{border-bottom:none}.channel-icon{margin-left:.5rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:12px;font-weight:500}.action-btn{padding:.4rem .8rem;margin-left:.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fffc;cursor:pointer;transition:all .3s ease;font-size:12px}.action-btn:hover{background-color:#ffffff26;color:#fff}.activities-table .action-btn{line-height:0;display:inline-flex;align-items:center;justify-content:center;padding:1px 3px;background:transparent}.activities-table .action-btn img{width:12px!important;height:12px!important;object-fit:contain;display:block}.activities-table .voucher-cell{display:flex;align-items:center;gap:6px}.activities-top-btn{padding:4px 8px!important;font-size:11px!important;border-radius:6px!important;height:28px!important;line-height:1!important;min-width:auto!important}@media (max-width: 768px){.auto-push-types{grid-template-columns:1fr;gap:1rem}}@media (min-width: 769px) and (max-width: 1024px){.auto-push-types{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width: 480px){.push-section,.content-container{padding:1rem}.search-box,.schedule-inputs{grid-template-columns:1fr}.wizard-steps{gap:1rem;font-size:12px}.activities-table{font-size:12px}.activities-table th,.activities-table td{padding:8px}}.vouchers-container{width:100%;padding:20px}.vouchers-header{display:flex;justify-content:flex-start;margin-bottom:8px;margin-top:-20px}.create-voucher-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#10856c;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.create-voucher-btn:hover{background-color:#0f6851}.create-voucher-btn span{font-size:20px;font-weight:700}.vouchers-table-wrapper{width:100%;background-color:#ffffff0d;border-radius:12px;overflow:auto}.vouchers-table{width:100%;border-collapse:collapse}.vouchers-table thead{background-color:#ffffff1a}.vouchers-table th{padding:15px;text-align:right;color:#ffffffe6;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1)}.vouchers-table td{padding:15px;text-align:right;color:#fffc;border-bottom:1px solid rgba(255,255,255,.05)}.vouchers-table tbody tr{height:60px}.vouchers-table tbody td{vertical-align:middle}.vouchers-table tbody tr:hover{background-color:#ffffff08}.no-vouchers{text-align:center!important;color:#ffffff80;font-style:italic;padding:40px!important}.status-badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.status-badge.active{background-color:#22c55e33;color:#22c55e}.status-badge.inactive{background-color:#ef444433;color:#ef4444}.actions-cell{display:flex;gap:15px;align-items:center;justify-content:center;padding:10px 0;border-bottom:none!important}td.actions-cell{border-bottom:none!important}.edit-btn,.delete-btn{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.edit-btn:hover img,.delete-btn:hover img{opacity:1;transform:scale(1.1)}.voucher-dialog .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.voucher-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.voucher-dialog{background-color:#fff;border-radius:12px;width:90%;max-width:700px;max-height:calc(100vh - 40px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:auto;position:relative}.voucher-dialog .dialog-header{padding:20px;display:flex;justify-content:space-between;align-items:center}.voucher-dialog .dialog-header h2,.voucher-dialog .dialog-header h3{color:#1f2937!important;margin:0;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#1f2937!important;font-size:20px;font-weight:600}.voucher-dialog .close-btn{background:none;border:none;color:#6b7280;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.voucher-dialog .close-btn:hover{background-color:#f3f4f6;color:#1f2937}.voucher-dialog .close-dialog{background:none;border:none;color:#6b7280;font-size:28px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.voucher-dialog .close-dialog:hover{background-color:#f3f4f6;color:#1f2937}.voucher-dialog .dialog-content{padding:20px}.voucher-dialog .form-group{margin-bottom:20px}.voucher-dialog .form-row{display:flex;gap:15px;margin-bottom:20px;align-items:flex-end}.voucher-dialog .form-group-20{flex:0 0 20%;margin-bottom:0}.voucher-dialog .form-group-25{flex:0 0 25%;margin-bottom:0}.voucher-dialog .form-group-30{flex:0 0 30%;margin-bottom:0}.voucher-dialog .form-group-45{flex:0 0 45%;margin-bottom:0}.voucher-dialog .form-group-50{flex:0 0 50%;margin-bottom:0}.voucher-dialog .form-group label{display:block;color:#374151;margin-bottom:8px;font-weight:500}.voucher-dialog .form-group input,.voucher-dialog .form-group select,.voucher-dialog .form-group textarea{width:100%;padding:10px;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:14px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.voucher-dialog .form-group select option{background-color:#fff;color:#000}.voucher-dialog .validity-input{max-width:100px}.voucher-dialog .form-group input:focus,.voucher-dialog .form-group select:focus,.voucher-dialog .form-group textarea:focus{outline:none;border-color:#3aa1a4;box-shadow:0 0 0 2px #3aa1a433}.voucher-dialog .disabled-input{background-color:#ffffff05;color:#ffffff80;cursor:not-allowed}.voucher-dialog .custom-type-input{margin-top:10px}.voucher-dialog textarea{resize:none;min-height:80px}.color-picker{width:60px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;background-color:transparent}.color-picker::-webkit-color-swatch{border-radius:6px;border:none}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-value{font-family:monospace;font-size:14px;color:#fffc;background-color:#ffffff1a;padding:6px 12px;border-radius:6px}.color-picker-group{margin-bottom:20px}.color-picker-wrapper{display:flex;align-items:center;gap:15px;width:150px}.color-picker{width:60px;height:40px;border:2px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;background:none;padding:2px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:6px}.color-picker::-moz-color-swatch{border:none;border-radius:6px}.color-value{font-family:monospace;font-size:14px;color:#fffc;text-transform:uppercase;background-color:#ffffff0d;padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.voucher-preview-section{margin-top:0;padding-top:0}.voucher-dialog .form-group:has(.voucher-preview-section){margin-bottom:0!important}.voucher-preview-section h3{color:#fff;margin-bottom:15px}.voucher-preview{position:relative;width:100%;height:350px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;overflow:hidden;display:flex}.voucher-content{flex:1;padding:77px 20px 10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;color:#333;position:relative}.voucher-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.voucher-business-logo{width:30px;height:30px;object-fit:contain;border-radius:50%}.voucher-business-name{font-size:16px;font-weight:600;color:#000!important;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#000000!important}.voucher-content h2{margin:5px 0 8px;font-size:16px;color:#000!important;font-weight:700;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#000000!important}.voucher-value{font-size:22px!important;font-weight:700!important;margin:5px 0 15px!important;color:#000!important;text-align:center!important;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#000!important}.voucher-content h3{margin:0 0 8px;font-size:18px;color:#000!important;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#000000!important}.voucher-content p{margin:0 0 10px;font-size:14px;color:#333!important;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#333!important;flex:1}.voucher-validity{font-size:14px;color:#000!important;margin-top:auto;font-weight:500;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#000000!important}.voucher-barcode{width:120px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:77px 10px 20px;position:relative}.barcode-visual{display:flex;flex-direction:row;align-items:center;height:100%;gap:5px}.barcode-lines{display:flex;flex-direction:column;width:80px;align-items:center;gap:2px;height:180px;justify-content:center}.barcode-line{height:4px;width:100%;background-color:#000}.barcode-line.thin{height:2px}.barcode-line.thick{height:6px}.barcode-line.medium{height:4px}.barcode-line:nth-child(2n){width:85%}.barcode-number{font-family:monospace;font-size:14px;color:#000;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;letter-spacing:2px;margin-left:10px;font-weight:600}.voucher-dialog .dialog-actions{padding:20px;display:flex;justify-content:flex-end;gap:10px;margin-top:-30px}.voucher-dialog .cancel-btn,.voucher-dialog .save-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease}.voucher-dialog .cancel-btn{background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.voucher-dialog .cancel-btn:hover{background-color:#e5e7eb}.voucher-dialog .save-btn{background-color:#3aa1a4;color:#fff}.voucher-dialog .save-btn:hover{background-color:#2e8184}.voucher-dialog .delete-confirm-btn{background-color:#ef4444!important}.voucher-dialog .delete-confirm-btn:hover{background-color:#dc2626!important}@media (max-width: 768px){.vouchers-table-wrapper{overflow-x:auto}.vouchers-table{min-width:700px}.voucher-dialog{width:95%;max-height:calc(100vh - 40px)}.voucher-preview{height:200px}.voucher-dialog .form-row{flex-direction:column;gap:0}.voucher-dialog .form-group-20,.voucher-dialog .form-group-25,.voucher-dialog .form-group-30,.voucher-dialog .form-group-45,.voucher-dialog .form-group-50{flex:none;width:100%;margin-bottom:20px}.voucher-content h2{font-size:20px}.voucher-content h3{font-size:18px}.voucher-content p{font-size:14px}}.vouchers-layout{display:grid;grid-template-columns:2.2fr .3fr;gap:2rem;margin-top:-20px;height:75vh;overflow:hidden}.vouchers-list-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.5rem;overflow:hidden;width:calc(100% - 378px)!important;margin-left:378px}.vouchers-table{width:100%!important;table-layout:fixed!important;border-collapse:collapse;margin:0!important}.vouchers-table th,.vouchers-table td{padding:8px 12px!important;text-align:right;border-bottom:1px solid rgba(255,255,255,.1)}.vouchers-table th{background-color:#ffffff1a;color:#ffffffe6;font-weight:600}.vouchers-table td{color:#fffc}.vouchers-table tbody tr:hover{background-color:#ffffff0d}.vouchers-table th:nth-child(2),.vouchers-table td:nth-child(2){transform:translate(76px);position:relative}.vouchers-table th:nth-child(3),.vouchers-table td:nth-child(3){transform:translate(61px);position:relative}.vouchers-table th:nth-child(4),.vouchers-table td:nth-child(4){transform:translate(11px);position:relative}.action-icon:nth-child(1){position:relative;top:7px}.action-icon:nth-child(2){position:relative;top:7px;left:-17px;transform:scale(1.2)}.action-icon:nth-child(3){position:relative;left:-31px;top:4px;transform:scale(.93)}.vouchers-table thead tr{background:linear-gradient(90deg,#ffffff1a,#ffffff1a)!important;position:relative}.vouchers-table th{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.vouchers-preview-section{background:transparent;padding:0rem 1.5rem 1.5rem;margin-top:-16px!important;display:flex;flex-direction:column;align-items:center;justify-content:center}.voucher-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.business-info{text-align:center}.business-logo{width:40px;height:40px;border-radius:50%;margin-bottom:.3rem}.business-name{font-size:21.84px;font-weight:700;color:#fff;margin:0}.voucher-number-display{font-size:10px;color:#666;font-weight:700}.voucher-main{text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;padding:.5rem 0}.voucher-type-title{font-size:12px;color:#666;margin-bottom:.3rem}.voucher-value-display{font-size:18px;font-weight:700;color:#000;margin-bottom:.5rem}.voucher-content-text{font-size:10px;color:#333;line-height:1.3;text-align:center;margin-bottom:.5rem}.voucher-validity{font-size:9px;color:#666;text-align:center;margin-bottom:.3rem}.voucher-conditions{font-size:8px;color:#666;text-align:center}.custom-name{font-weight:400;color:#888}.voucher-actions{gap:.3rem}.vouchers-table .voucher-number{font-weight:700;color:#fff!important}.vouchers-table .voucher-type{color:#ffffffe6;font-size:12px;text-align:right}.vouchers-table td.voucher-value{color:#ffffffe6!important;font-size:12px!important;font-weight:400!important;text-align:right!important;margin:0!important}.vouchers-table .voucher-status .status-badge{padding:.2rem .5rem;border-radius:8px;font-size:10px;font-weight:600}.vouchers-table .voucher-status .status-badge.active{background:#22c55e33;color:#22c55e}.vouchers-table .voucher-status .status-badge.inactive{background:#ef444433;color:#ef4444}.voucher-barcode-section{position:absolute;right:2%;top:20%;bottom:20%;width:12%;background:#333;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:2px}.barcode-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.voucher-preview-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#fff9}.voucher-template{width:300px;height:auto;opacity:.5;border-radius:8px}.voucher-template-empty{width:300px;height:auto;opacity:1;border-radius:8px;transform:scale(5.76) translate(31.25px);transform-origin:center;position:relative;z-index:1}.vouchers-table{width:100%;border-collapse:collapse;margin-top:1rem}.vouchers-table tbody td:nth-child(3){color:#fff!important;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#ffffff!important}.vouchers-table th:nth-child(3),.vouchers-table th:nth-child(4),.vouchers-table th:nth-child(5),.vouchers-table td:nth-child(3),.vouchers-table td:nth-child(4),.vouchers-table td:nth-child(5){margin-left:15px}.vouchers-table th,.vouchers-table td{padding:.4rem;text-align:right;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:middle;line-height:1.1}.vouchers-table .actions-cell{padding:0!important;text-align:center!important;border-bottom:none!important}.vouchers-table th{color:#fffc;font-size:12px;font-weight:600;background:#ffffff0d;white-space:nowrap}.vouchers-table td{color:#fff;font-size:12px;white-space:nowrap}.vouchers-table tbody tr{transition:background-color .2s}.vouchers-table tbody tr:hover{background:#ffffff0d}.vouchers-table tbody tr.selected{background:#9ca3af33}.voucher-actions{display:inline-flex!important;gap:8px!important;align-items:center!important;justify-content:center!important;height:100%!important;width:100%!important;position:relative!important;z-index:10!important}.voucher-actions .action-btn{line-height:0;display:inline-flex;align-items:center;justify-content:center}.voucher-actions .action-btn{background:transparent!important;border:none!important;cursor:pointer!important;transition:transform .3s ease!important;padding:6px!important;margin:0!important;opacity:1!important;visibility:visible!important;display:inline-flex!important;position:relative!important;z-index:1000!important;pointer-events:all!important;align-items:center!important;justify-content:center!important;min-width:30px!important;min-height:30px!important;isolation:isolate!important}.voucher-actions .action-btn img{object-fit:contain;pointer-events:none!important}.voucher-actions .view-btn,.voucher-actions .edit-btn,.voucher-actions .delete-btn{z-index:1000!important;font-size:2.4px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:3.6px!important;height:3.6px!important;vertical-align:middle!important}.vouchers-table .actions-cell{width:120px;text-align:center;white-space:nowrap;padding-top:0;padding-bottom:0;overflow:visible!important;border-bottom:none!important;pointer-events:auto!important}.vouchers-table tbody tr{height:44px}.vouchers-table .actions-cell{width:40px;text-align:center;white-space:nowrap}.no-vouchers{text-align:center;padding:3rem;color:#fff9}.no-vouchers p{margin:.5rem 0;font-size:16px}.create-voucher-btn{background:#10856c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.create-voucher-btn:hover{background:#0f6851;transform:translateY(-1px);box-shadow:0 4px 12px #10856c4d}.notification{position:fixed;bottom:20px;right:20px;padding:12px 20px;border-radius:8px;color:#fff;font-size:14px;font-weight:500;z-index:2000;animation:slideInUp .3s ease;box-shadow:0 4px 12px #0003}.notification.success{background:#22c55e}.notification.error{background:#ef4444}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.voucher-preview-empty{position:relative!important;margin-top:-320px!important}.voucher-preview-empty p{color:#000!important;font-weight:700!important;text-align:center!important;position:absolute;top:50%;left:50%;transform:translate(calc(-50% - 5px),calc(-50% + 80px));z-index:200;margin:0}.voucher-content-empty{position:absolute!important;top:-25px!important;left:50%!important;transform:translate(calc(-50% + 255px))!important;z-index:150!important;width:80%!important;display:flex!important;justify-content:center!important;pointer-events:none}.voucher-content-empty .voucher-business-header{display:flex;align-items:center;justify-content:center;gap:10px;background:transparent!important;border:none!important;opacity:1;transition:opacity .3s ease}.voucher-business-logo{transform:translateY(-40px)!important;position:relative!important;z-index:200!important}.voucher-business-name{transform:translateY(-40px)!important;position:relative!important;z-index:200!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.voucher-conditions{background-color:transparent!important;color:#000!important;transform:translateY(-17px)!important;position:relative!important;z-index:200!important}.barcode-simple{position:absolute!important;left:16px!important;top:45.5px!important;width:40px!important;height:auto!important;z-index:100!important;transform:scale(5)!important}.voucher-business-logo{width:32px!important;height:32px!important;border-radius:50%!important;object-fit:cover!important;border:none!important;box-shadow:none!important}.voucher-business-name{font-size:18px!important;font-weight:700!important;color:#2c3e50!important;margin:0!important;text-align:center!important;text-shadow:none!important}.displayed-voucher-data{position:absolute!important;top:38px!important;left:50%!important;transform:translate(-50%)!important;width:280px!important;text-align:center!important;z-index:160!important}.displayed-voucher-data h3{position:absolute!important;top:0!important;left:50%!important;transform:translate(-50%)!important;font-size:22px!important;font-weight:700!important;color:#2c3e50!important;margin:0!important;width:280px!important;text-align:center!important}.displayed-voucher-data .voucher-content-text{position:absolute!important;top:40px!important;left:50%!important;transform:translate(-50%)!important;font-size:14px!important;color:#333!important;margin:0!important;width:280px!important;text-align:center!important;line-height:1.4!important}.vouchers-preview-section .displayed-voucher-data .voucher-content-text{top:30px!important}.vouchers-preview-section .displayed-voucher-data .voucher-content-wrapper .voucher-content-text{transform:translate(-50%)!important}.displayed-voucher-data .voucher-value{position:absolute!important;top:100px!important;left:50%!important;transform:translate(-50%)!important;font-size:18px!important;font-weight:700!important;color:#000!important;margin:0!important;width:280px!important;text-align:center!important}.displayed-voucher-data .voucher-conditions{position:absolute!important;top:136px!important;left:50%!important;transform:translate(-50%)!important;font-size:9px!important;color:#000!important;margin:0!important;width:280px!important;text-align:center!important}.voucher-content-text{transform:translateY(-10px)!important;position:relative!important;z-index:200!important}.displayed-voucher-data .voucher-content-wrapper .voucher-content-text{transform:translate(-50%,20px)!important}.displayed-voucher-data .voucher-content-wrapper{position:relative!important}.activities-table img{width:12px!important;height:12px!important;object-fit:contain!important}.activities-top-btn{position:relative;padding:8px 12px!important;height:36px!important;font-size:13px!important;background-color:#236669!important;color:#fff!important;border:2px solid #ffffff!important;border-radius:6px!important;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap}.activities-table .voucher-cell .watch-btn img{width:12px!important;height:12px!important}.activities-top-btn{padding:4px 8px!important;height:28px!important;font-size:11px!important;max-width:220px!important}.activities-top-btn{transform:scale(.6)!important;transform-origin:top right!important}.activities-table .voucher-cell .watch-btn img{width:12px!important;height:12px!important;transform:none!important;max-width:12px!important;max-height:12px!important}.activities-top-btn{transform:scale(1.5)!important;transform-origin:top right!important}.activities-table .voucher-cell .watch-btn img{width:6px!important;height:6px!important;display:inline-block;object-fit:contain;vertical-align:middle}.activities-table .voucher-cell{position:relative}.activities-table .voucher-cell .watch-btn{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;position:relative;z-index:2;background:transparent;border:none;padding:0;margin-inline-start:6px}.activities-table .voucher-cell .watch-btn img{width:4.2px!important;height:4.2px!important;display:inline-block;object-fit:contain;vertical-align:middle}.activities-table .voucher-cell{display:block}.activities-table .watch-cell{width:140px;text-align:center;vertical-align:middle}.activities-table th.view-col{width:140px}.activities-table .watch-cell .watch-btn{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;padding:0;margin:0;background:transparent;border:none;box-sizing:content-box;transform:translate(41px);overflow:visible}.activities-table .watch-cell .watch-btn img{width:12px!important;height:12px!important;object-fit:contain;display:inline-block;transform:scale(2.5);transform-origin:center}@media (min-width: 768px) and (max-width: 1024px){.tabs-container{display:flex!important}.sidebar{display:none!important}.popups-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;min-height:500px}.popups-settings{padding:1.25rem}.popups-title{font-size:22px;margin-bottom:1.25rem}.popup-card{padding:1.125rem;margin-bottom:1.25rem}.popup-card-title{font-size:17px}.popup-settings-grid{grid-template-columns:1fr 1fr;gap:.875rem}.setting-input,.setting-select{padding:.625rem;font-size:14px;margin-left:10px!important}.popups-preview{padding:1.25rem}.popups-preview h4{font-size:19px}.preview-container{min-height:220px}.popup-simulator{max-width:280px}.popup-modal img{max-height:180px}.popup-stats h4{font-size:17px}.stats-card{padding:.875rem}.stats-card h5{font-size:15px}.stat-value{font-size:17px}.stat-label{font-size:11.5px}.popup-drafts-dialog,.activity-dialog{width:85%;max-height:85vh}.dialog-content{padding:1.25rem 1.25rem 4rem}.dialog-header h3{font-size:19px}.popup-actions{gap:.875rem}.drafts-btn,.save-settings-btn{padding:.875rem;font-size:15px}.activity-option{padding:1.25rem}.activity-option h4{font-size:15.5px}.param-option{font-size:12.5px;padding:.45rem .9rem;background:#000;border:1px solid #ffffff;color:#fff;box-shadow:inset 0 0 0 1px #fff}}@media (min-width: 1025px) and (max-width: 1366px){.marketing-content{max-width:1100px;margin:0 auto}.vouchers-table th,.vouchers-table td{padding:10px 12px;font-size:13px}.vouchers-layout{grid-template-columns:2fr .6fr;gap:16px}.tabs-container,.content-tabs{display:flex!important}.marketing-sidebar{display:none!important}.marketing-content{margin-right:0}}@media (min-width: 768px) and (max-width: 1024px){.marketing-center{display:flex;flex-direction:row;height:100dvh;background-color:transparent}.marketing-sidebar{display:none!important}.marketing-sidebar.collapsed{width:70px}.sidebar-toggle{position:absolute;top:20px;right:20px;background:#fff3;border:none;color:#fff;padding:8px;border-radius:50%;cursor:pointer;font-size:16px}.sidebar-tabs{list-style:none;padding:0;margin:0}.sidebar-tab{display:flex;align-items:center;padding:16px 24px;margin:4px 12px;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;border:none;background:transparent;color:#fffc;width:calc(100% - 24px)}.sidebar-tab:hover{background:#ffffff1a;color:#fff}.sidebar-tab.active{background:#fff3;color:#fff;font-weight:600}.tab-icon{margin-left:12px;font-size:18px}.tab-icon img{width:20px;height:20px;filter:brightness(0) invert(1)}.sidebar-tab.collapsed .tab-text{display:none}.marketing-content{flex:1;margin-right:0;padding:24px;overflow-y:auto;background-color:transparent!important;border-radius:16px 0 0;margin-top:0}.marketing-content.expanded{margin-right:70px}.marketing-header{background:transparent;padding:20px 0 24px;border-bottom:none;margin-bottom:24px}.marketing-title{font-size:28px;font-weight:700;color:#1f2937;margin:0;text-align:center}.content-tabs{display:flex!important}.tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.push-container{max-width:100%}.push-steps{display:flex;justify-content:center;margin-bottom:24px;background:transparent!important;padding:16px;border-radius:12px}.step{display:flex;align-items:center;margin:0 12px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;transition:all .3s ease}.step.active{background:#3b82f6;color:#fff}.step.completed{background:#10b981;color:#fff}.step-number{width:24px;height:24px;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;margin-left:8px;font-size:12px;font-weight:600}.form-section{background:transparent;padding:24px;border-radius:12px;box-shadow:none;margin-bottom:20px}.form-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#374151}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{min-height:100px;resize:vertical}.btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.auto-push-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}.auto-push-card{background:transparent!important;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:center}.auto-push-card:hover{box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.card-icon{font-size:32px;margin-bottom:12px;display:block}.card-title{font-size:16px;font-weight:600;margin-bottom:8px;color:#1f2937}.card-description{font-size:14px;color:#6b7280;line-height:1.4}.vouchers-grid{display:grid;grid-template-columns:1fr;gap:20px}.voucher-card{background:transparent!important;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease}.voucher-card:hover{box-shadow:0 4px 12px #0000001a}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dialog{background:transparent!important;border-radius:16px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.dialog-header{padding:24px 24px 0;background:transparent!important;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.dialog-title{font-size:20px;font-weight:600;color:#fff!important;-webkit-text-fill-color:#ffffff!important;margin:0 0 16px}.dialog-content{padding:0 24px 24px}.dialog-actions{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-start}.preview-container{background:transparent!important;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-top:20px}.preview-phone{width:300px;height:550px;background:#000;border-radius:25px;padding:20px;margin:0 auto;position:relative}.preview-screen{width:100%;height:100%;background:transparent!important;border-radius:15px;padding:15px;overflow:hidden}.notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #10b9814d;z-index:1001;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}}@media (max-width: 767px){.popups-layout{display:flex;flex-direction:column;gap:1rem;min-height:auto}.popups-settings{max-height:none;overflow-y:visible;margin-bottom:1rem}.popups-title{font-size:20px;margin-bottom:1rem}.popup-card{padding:1rem;margin-bottom:1rem}.popup-card-title{font-size:16px;flex-wrap:wrap;gap:.5rem}.popup-settings-grid{grid-template-columns:1fr;gap:.75rem}.setting-input,.setting-select{padding:.625rem;font-size:16px;margin-left:10px!important}.upload-btn{padding:.75rem;font-size:14px}.uploaded-image img{height:100px}.preview-btn,.save-settings-btn{padding:.875rem;font-size:15px}.popups-preview{padding:1rem;order:-1}.popups-preview h4{font-size:18px}.preview-container{min-height:180px}.popup-simulator{max-width:250px}.popup-modal img{max-height:150px}.popup-stats h4{font-size:16px}.stats-card{padding:.75rem}.stats-card h5{font-size:14px}.stats-grid{gap:.5rem}.stat-value{font-size:16px}.stat-label{font-size:11px}.popup-toggle{width:45px;height:22px}.toggle-slider:before{height:16px;width:16px;left:3px;bottom:3px}.popup-toggle input:checked+.toggle-slider:before{transform:translate(23px)}.popup-drafts-dialog,.activity-dialog{width:95%;max-height:85vh}.dialog-content{padding:1rem 1rem 6rem}.dialog-header{padding:1rem}.dialog-header h3{font-size:18px}.dialog-content{padding:1rem}.draft-form{flex-direction:column;gap:.75rem}.popup-type-select{max-width:none}.activity-option{padding:1rem}.activity-option h4{font-size:15px}.activity-option p{font-size:13px}.param-option{font-size:12px;padding:.4rem .8rem;background:#000;border:1px solid #ffffff;color:#fff;box-shadow:inset 0 0 0 1px #fff}.popup-actions{flex-direction:column;gap:.75rem}.upload-guidelines{padding:.75rem}.upload-guidelines h5{font-size:13px}.upload-guidelines li{font-size:11px}}@media (max-width: 767px){.marketing-center{width:100%;height:100vh;background-color:#f8fafc;display:flex;flex-direction:column;overflow:hidden}.mobile-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000026;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-title{font-size:18px;font-weight:600;margin:0}.back-button{background:#fff3;border:none;color:#fff;padding:8px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:4px}.mobile-accordion{background:#fff;margin:0;box-shadow:0 1px 3px #0000001a}.accordion-section{border-bottom:1px solid #e5e7eb}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;background:#fff;border:none;width:100%;text-align:right;font-size:16px;font-weight:500;color:#1f2937;transition:background-color .3s ease}.accordion-header:hover,.accordion-header.active{background:#f9fafb}.accordion-header.active{color:#3b82f6;font-weight:600}.accordion-icon{margin-right:12px;font-size:20px}.accordion-icon img{width:24px;height:24px}.accordion-arrow{transition:transform .3s ease;font-size:12px;margin-left:8px}.accordion-arrow.expanded{transform:rotate(180deg)}.accordion-content{padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background:#f9fafb}.accordion-content.expanded{max-height:1000px;padding:16px}.mobile-section-content{padding:16px;background:#fff;min-height:calc(100vh - 60px)}.push-mobile-container{display:flex;flex-direction:column;gap:16px}.push-mobile-steps{display:flex;justify-content:space-between;background:#f1f5f9;padding:12px;border-radius:8px;margin-bottom:20px;overflow-x:auto}.mobile-step{display:flex;flex-direction:column;align-items:center;min-width:60px;font-size:12px;color:#64748b}.mobile-step.active{color:#3b82f6;font-weight:600}.mobile-step.completed{color:#10b981}.mobile-step-circle{width:32px;height:32px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:4px;font-weight:600;font-size:14px}.mobile-step.active .mobile-step-circle{background:#3b82f6;color:#fff}.mobile-step.completed .mobile-step-circle{background:#10b981;color:#fff}.mobile-form-section{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px}.mobile-form-section h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937}.mobile-form-group{margin-bottom:16px}.mobile-form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.mobile-form-input,.mobile-form-textarea,.mobile-form-select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box;background:#fff}.mobile-form-input:focus,.mobile-form-textarea:focus,.mobile-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mobile-form-textarea{min-height:80px;resize:vertical}.mobile-btn{width:100%;padding:14px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.mobile-btn-primary{background:#3b82f6;color:#fff}.mobile-btn-primary:hover,.mobile-btn-primary:active{background:#2563eb}.mobile-btn-secondary{background:#6b7280;color:#fff}.mobile-btn-secondary:hover,.mobile-btn-secondary:active{background:#4b5563}.mobile-btn-outline{background:transparent;color:#3b82f6;border:1px solid #3b82f6}.mobile-btn-outline:hover,.mobile-btn-outline:active{background:#3b82f6;color:#fff}.mobile-auto-push-list{display:flex;flex-direction:column;gap:12px}.mobile-auto-push-card{background:#fff;border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease}.mobile-auto-push-card:active{background:#f9fafb}.mobile-card-header{display:flex;align-items:center;margin-bottom:8px}.mobile-card-icon{margin-left:12px;font-size:24px}.mobile-card-icon img{width:24px;height:24px}.mobile-card-title{font-size:16px;font-weight:600;color:#1f2937}.mobile-card-description{font-size:14px;color:#6b7280;line-height:1.4;margin-bottom:12px}.mobile-card-status{display:flex;align-items:center;justify-content:space-between}.mobile-status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.mobile-status-badge.active{background:#dcfce7;color:#16a34a}.mobile-status-badge.inactive{background:#fef2f2;color:#dc2626}.mobile-vouchers-list{display:flex;flex-direction:column;gap:12px}.mobile-voucher-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;position:relative}.mobile-voucher-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.mobile-voucher-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.mobile-voucher-type{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:12px}.mobile-voucher-details{font-size:14px;color:#4b5563;line-height:1.4;margin-bottom:12px}.mobile-voucher-actions{display:flex;gap:8px}.mobile-action-btn{flex:1;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .3s ease}.mobile-edit-btn{background:#3b82f6;color:#fff}.mobile-delete-btn{background:#ef4444;color:#fff}.mobile-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.mobile-dialog{background:#fff;border-radius:16px 16px 0 0;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-dialog-header{padding:20px 16px 0;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:10}.mobile-dialog-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px;text-align:center}.mobile-dialog-content{padding:16px}.mobile-dialog-actions{padding:16px;border-top:1px solid #e5e7eb;background:#fff;position:-webkit-sticky;position:sticky;bottom:0}.mobile-preview-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-top:16px}.mobile-preview-phone{width:280px;height:500px;background:#000;border-radius:20px;padding:16px;margin:0 auto;position:relative}.mobile-preview-screen{width:100%;height:100%;background:#fff;border-radius:12px;padding:12px;overflow:hidden;display:flex;flex-direction:column}.mobile-notification{position:fixed;top:16px;left:16px;right:16px;background:#10b981;color:#fff;padding:16px;border-radius:8px;box-shadow:0 4px 12px #10b9814d;z-index:1001;animation:slideDown .3s ease-out;text-align:center;font-weight:500}.marketing-center,.mobile-section-content,.mobile-dialog{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.mobile-text-input{font-size:16px!important}.desktop-only,.tablet-only{display:none!important}.mobile-touch-target{min-height:44px;min-width:44px}.mobile-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}.raffles-manager{direction:rtl;color:#fff}.raffles-main-content{padding:1rem}.raffles-nav-buttons{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0 2rem;gap:1rem}.nav-left-group{display:flex;align-items:center;gap:10px}.back-to-settings-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#e6e6e6;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:6px 10px;cursor:pointer}.back-to-settings-btn:hover{border-color:#fff6}.nav-right-group{display:flex;gap:.75rem}.info-nav-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-height:44px}.info-nav-btn:hover{background:#ffffff1f;border-color:#fff6;transform:translateY(-1px)}.info-nav-btn.active{background:#3b82f64d;border-color:#3b82f6cc;color:#fff}.action-nav-btn{background:linear-gradient(135deg,#10856c,#0d6b57);border:1px solid #10856c;color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-height:44px;box-shadow:0 2px 8px #10856c4d}.action-nav-btn:hover{background:linear-gradient(135deg,#0d6b57,#0a5242);transform:translateY(-2px);box-shadow:0 4px 12px #10856c66}.action-nav-btn.active{background:linear-gradient(135deg,#0d6b57,#0a5242);box-shadow:0 0 15px #10856c99}.raffle-settings{margin:2rem 0}.settings-container{background:#ffffff0d;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);margin:0;width:100%}.settings-container h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:1.5rem}.setting-group{margin-bottom:1.5rem}.setting-group label{display:block;color:#fff;font-weight:500;margin-bottom:.5rem}.phone-input-compact{width:100%;max-width:280px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.6rem .9rem;border-radius:6px;font-size:14px;transition:all .3s ease}.phone-input-compact:focus{outline:none;border-color:#3b82f6cc;background:#ffffff1f}.phone-input-compact::placeholder{color:#ffffff80}.voucher-select{width:100%;max-width:400px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease}.voucher-select:focus{outline:none;border-color:#3b82f6cc;background:#ffffff1f}.voucher-info-static{background:#10856c1a;border:1px solid rgba(16,133,108,.3);border-radius:6px;padding:1rem;margin-top:.5rem}.voucher-description{color:#ffffffe6;font-size:14px;margin:0 0 .5rem;font-weight:500}.prize-value{color:#10856c;font-size:15px;margin:0;font-weight:600}.voucher-selected-info strong{color:#48bbb5}.audience-info{background:#10856c0d;padding:1rem;border-radius:8px;border:1px solid rgba(16,133,108,.2)}.participants-info{margin-bottom:1rem;color:#fff;font-size:14px}.results-distribution{margin-top:.75rem}.distribution-title{margin-bottom:.5rem;color:#fff;font-size:14px;font-weight:600}.distribution-list{list-style:none;padding:0;margin:0}.distribution-list li{color:#ccc;font-size:13px;margin-bottom:.25rem;padding:.25rem 0}.distribution-list strong{color:#fff}.view-animation-btn{background:transparent;border:none;color:#fff;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.3rem;min-height:32px;box-shadow:none}.view-animation-btn:hover{background:#ffffff1a;transform:translateY(-1px);box-shadow:none}.voucher-select option{background:#2a2a2a;color:#fff}.execute-raffle-btn{background:linear-gradient(135deg,#10856c,#0d6b57);border:1px solid #10856c;color:#fff;padding:1rem 2rem;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;min-height:50px;box-shadow:0 3px 10px #10856c4d}.execute-raffle-btn:hover:not(:disabled){background:linear-gradient(135deg,#0d6b57,#0a5242);transform:translateY(-2px);box-shadow:0 5px 15px #10856c66}.execute-raffle-btn:disabled{background:#6464644d;border-color:#64646480;color:#888;cursor:not-allowed;transform:none;box-shadow:none}.raffle-help-message{color:#ffffffb3;font-size:13px;margin-top:1rem;text-align:center;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;padding:.75rem;animation:helpPulse 2s infinite ease-in-out}@keyframes helpPulse{0%,to{border-color:#ffc1074d;background:#ffc1071a}50%{border-color:#ffc10780;background:#ffc10726}}.raffle-history{margin:2rem 0}.raffle-history h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:1.5rem}.no-history{text-align:center;color:#ffffffb3;padding:2rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.history-table{overflow-x:auto;margin-top:1rem}.history-table table{width:100%;border-collapse:collapse;background:#ffffff0d;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.history-table th,.history-table td{padding:.8rem;text-align:right;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.history-table th{background:#ffffff14;font-weight:600;font-size:14px}.history-table td{font-size:13px}.status-sent{color:#4caf50}.status-delivered{color:#2196f3}.status-read{color:#ff9800}.status-error{color:#f44336}.raffle-terms{margin:2rem 0}.raffle-terms h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:1.5rem}.terms-content{background:#ffffff0d;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.terms-text{margin-bottom:1.5rem;padding-right:.5rem}.terms-text h4{color:#fff;font-size:18px;font-weight:600;margin-bottom:1.5rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.75rem}.terms-text h5{color:#fff;font-size:16px;font-weight:600;margin:1.5rem 0 .75rem;border-right:3px solid #10856c;padding-right:.75rem}.terms-text h5:contains("⚙"){background:#48bbb51a;padding:.5rem .75rem;border-radius:4px;border-right:3px solid rgba(72,187,181,.8)}.terms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem;background:#10856c1a;border-radius:8px}.terms-header h3{margin:0;color:#fff}.terms-close-btn{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:.25rem;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.terms-close-btn:hover{background:#ffffff1a;color:#ff6b6b;transform:scale(1.1)}.terms-text p{color:#fffc;line-height:1.6;margin-bottom:.75rem;font-size:13px}.terms-text p.sub-clause{margin-right:1.5rem;color:#ffffffb3;font-size:12px}.terms-text::-webkit-scrollbar{width:6px}.terms-text::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.terms-text::-webkit-scrollbar-thumb{background:#10856c99;border-radius:3px}.terms-text::-webkit-scrollbar-thumb:hover{background:#10856ccc}.edit-terms-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.edit-terms-btn:hover{background:#ffffff1f;border-color:#fff6}.terms-edit-mode{padding:1rem}.terms-edit-mode h4{color:#10856c;font-size:18px;font-weight:600;margin-bottom:1rem;text-align:center}.edit-note{background:#10856c1a;border:1px solid rgba(16,133,108,.3);border-radius:6px;padding:.75rem;color:#ffffffe6;font-size:14px;margin-bottom:1.5rem;text-align:center}.editable-field{background:#48bbb526;border:1px solid rgba(72,187,181,.3);border-radius:6px;padding:1rem;margin:.5rem 0;transition:all .3s ease}.editable-field:hover{background:#48bbb533;border-color:#48bbb580}.editable-field label{display:block;color:#fff;font-weight:600;margin-bottom:.5rem;font-size:14px}.editable-field textarea{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;padding:.75rem;font-size:13px;line-height:1.5;resize:vertical;min-height:60px;transition:all .3s ease}.editable-field textarea:focus{outline:none;border-color:#48bbb5cc;background:#ffffff26;box-shadow:0 0 8px #48bbb54d}.editable-field textarea::placeholder{color:#ffffff80}.locked{color:#fff9;background:#ffffff05;border-left:3px solid rgba(255,255,255,.1);padding:.5rem .75rem;margin:.25rem 0;font-size:13px;border-radius:3px}.locked-special{color:#ffffff80;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:4px;padding:.5rem .75rem;margin:.5rem 0;font-size:13px;text-align:center;font-weight:500}.locked-mixed{color:#ffffffb3;background:linear-gradient(90deg,#ff00001a 50%,#48bbb51a 50%);border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.5rem .75rem;margin:.5rem 0;font-size:13px;text-align:center;font-weight:500}.custom-term-edit{background:#48bbb526;border:1px solid rgba(72,187,181,.3);border-radius:6px;padding:1rem;margin:.75rem 0}.custom-term-edit label{display:block;color:#fff;font-weight:600;margin-bottom:.5rem;font-size:14px}.custom-term-controls{display:flex;gap:.5rem;align-items:flex-start}.custom-term-controls textarea{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;padding:.75rem;font-size:13px;line-height:1.5;resize:vertical;min-height:60px}.custom-term-controls textarea:focus{outline:none;border-color:#48bbb5cc;background:#ffffff26}.remove-term-btn{background:#dc2626cc;border:1px solid rgba(220,38,38,1);color:#fff;padding:.5rem;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease;height:fit-content}.remove-term-btn:hover{background:#dc2626;transform:scale(1.05)}.add-term-btn{background:linear-gradient(135deg,#10856c,#0d6b57);border:1px solid #10856c;color:#fff;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;margin:1rem 0;display:block;width:fit-content}.add-term-btn:hover{background:linear-gradient(135deg,#0d6b57,#0a5242);transform:translateY(-1px);box-shadow:0 4px 12px #10856c66}.terms-actions{margin-top:1.5rem;text-align:center}.edit-actions{display:flex;gap:1rem;justify-content:center}.cancel-edit-btn{background:#dc2626cc;border:1px solid rgba(220,38,38,1);color:#fff;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.cancel-edit-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.save-terms-btn{background:linear-gradient(135deg,#10856c,#0d6b57);border:1px solid #10856c;color:#fff;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.save-terms-btn:hover{background:linear-gradient(135deg,#0d6b57,#0a5242);transform:translateY(-1px);box-shadow:0 4px 12px #10856c66}.custom-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.custom-alert-modal,.custom-prompt-modal{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:12px;padding:0;box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,255,255,.2);min-width:300px;max-width:500px;width:90%;animation:modalSlideIn .3s ease-out}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#10856c,#0d6b57);border-radius:12px 12px 0 0}.modal-header h3{margin:0;color:#fff;font-size:1.1rem;font-weight:600}.modal-body{padding:1.5rem;color:#fff;text-align:center}.modal-body p{margin:0 0 1rem;font-size:14px;line-height:1.5}.modal-input{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;padding:.75rem;font-size:14px;margin-top:1rem;transition:all .3s ease}.modal-input:focus{outline:none;border-color:#10856c;background:#ffffff26;box-shadow:0 0 8px #10856c4d}.modal-input::placeholder{color:#ffffff80}.modal-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:.75rem;justify-content:flex-end;background:#ffffff05;border-radius:0 0 12px 12px}.modal-btn{padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;border:none;min-width:80px}.modal-btn.primary{background:linear-gradient(135deg,#10856c,#0d6b57);color:#fff}.modal-btn.primary:hover{background:linear-gradient(135deg,#0d6b57,#0a5242);transform:translateY(-1px);box-shadow:0 4px 12px #10856c66}.modal-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.modal-btn.secondary:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-1px)}.delete-raffle-btn{background:transparent;border:none;color:#fff;padding:.3rem .5rem;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;margin-left:.3rem}.delete-raffle-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.delete-raffle-btn img{filter:none}@media (max-width: 768px){.custom-alert-modal,.custom-prompt-modal{width:95%;margin:1rem}.modal-footer{flex-direction:column-reverse}.modal-btn{width:100%}}.raffle-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.25rem}.grid-col .grid-title{margin:0 0 .75rem;color:#fff;font-size:18px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.5rem}.distribution-list.plain{list-style:none;padding:0;margin:0}.distribution-list.plain li{color:#e6e6e6;margin:.25rem 0}.setting-group.compact{margin:.75rem 0}.setting-group.compact label{color:#fff}.participants-info-plain{color:#e6e6e6;margin:.25rem 0 0}.auto-summary{color:#9aa3af;font-size:13px;display:block;margin:0}.preview-placeholder{min-height:160px;border:1px dashed rgba(255,255,255,.2);border-radius:8px}.plain-checkbox-list{display:flex;flex-direction:column;gap:8px;color:#e6e6e6}.plain-checkbox-list label{display:flex;align-items:center;gap:8px;font-size:14px;justify-content:space-between;width:100%}.inline-edit{display:inline-flex;align-items:center;gap:4px;cursor:pointer;margin-inline-start:auto;padding:2px 6px;border-radius:4px;transition:background-color .2s;position:relative;left:90px}.inline-edit:hover{background-color:#ffffff1a}.inline-edit img{vertical-align:middle}.edit-label{font-size:12px;color:#a0a0a0;white-space:nowrap}@media (max-width: 1024px){.raffle-grid{grid-template-columns:1fr 1fr}.right-col{grid-column:span 2}}@media (max-width: 640px){.raffle-grid{grid-template-columns:1fr}.right-col{grid-column:span 1}}.radio-group label{display:inline-flex;align-items:center;gap:8px}.auto-edit-inline{display:inline-flex;align-items:center;gap:6px;margin-inline-start:0;cursor:pointer;transform:translate(15px)!important}.auto-edit-text{font-size:14px}.auto-edit-wrap{display:initial}.auto-edit-wrap .auto-edit-inline{position:initial;right:auto;top:auto;transform:none}@media (max-width: 480px){.raffles-manager,.raffles-main-content{padding:.5rem}.push-top-title{font-size:1.4rem;margin-bottom:1rem;text-align:center}.raffles-nav-buttons{flex-direction:column;gap:.75rem;margin:1rem 0}.nav-left-group,.nav-right-group{width:100%}.nav-right-group{flex-direction:column;gap:.5rem}.action-nav-btn,.info-nav-btn{width:100%;padding:.8rem;font-size:14px;min-height:44px;justify-content:center;text-align:center}.settings-container{padding:1rem;margin:1rem 0}.settings-container h3{font-size:1.2rem;margin-bottom:1rem}.setting-group{margin-bottom:1.2rem}.setting-group label{font-size:14px;margin-bottom:.6rem}.radio-group{flex-direction:column;gap:.5rem;margin-top:.5rem}.radio-group label{padding:.6rem;background:#ffffff0d;border-radius:6px;cursor:pointer;transition:all .3s ease}.radio-group input[type=radio]{margin-left:.5rem}.audience-info{padding:.8rem;margin-top:.5rem}.participants-info{font-size:13px;margin-bottom:.8rem}.distribution-list{padding-right:1rem}.distribution-list li{font-size:12px;margin-bottom:.4rem;line-height:1.4}.voucher-info-static{padding:.8rem;margin-top:.5rem}.voucher-description{font-size:13px}.prize-value{font-size:14px;margin-top:.5rem}.execute-raffle-btn{width:100%;padding:1rem;font-size:15px;margin-top:1.5rem}.raffle-help-message{font-size:12px;margin-top:.8rem;padding:.6rem}.history-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.history-table table{min-width:600px}.history-table th,.history-table td{padding:.5rem .3rem;font-size:12px;white-space:nowrap}.view-animation-btn,.delete-raffle-btn{padding:.3rem .5rem;font-size:11px}.raffle-terms{margin:1rem 0}.terms-header{flex-direction:column;text-align:center;gap:.5rem}.terms-close-btn{align-self:center}.terms-content{padding:1rem}.terms-text{padding:0}.terms-text h4{font-size:1.1rem}.terms-text h5{font-size:14px;margin:1rem 0 .5rem}.terms-text p{font-size:12px;line-height:1.5;margin-bottom:.8rem}.editable-field{margin:.8rem 0;padding:.8rem}.editable-field label{font-size:13px}.editable-field textarea{font-size:12px;min-height:80px;padding:.6rem}.custom-term-edit{margin:1rem 0;padding:.8rem}.custom-term-controls{flex-direction:column;gap:.5rem}.custom-term-controls textarea{margin-bottom:.5rem}.remove-term-btn{width:100%;padding:.6rem}.add-term-btn{width:100%;margin:1rem 0}.edit-actions{flex-direction:column;gap:.75rem}.edit-terms-btn,.cancel-edit-btn,.save-terms-btn{width:100%;padding:.8rem}.custom-alert-modal,.custom-prompt-modal{width:95%;margin:1rem;max-width:none}.modal-header h3{font-size:1rem}.modal-body{padding:1rem}.modal-body p{font-size:13px}.modal-input{font-size:16px;padding:.8rem}.modal-footer{flex-direction:column-reverse;gap:.5rem}.modal-btn{width:100%;padding:.8rem;font-size:14px}.phone-input-compact{width:100%;max-width:none;font-size:16px}.phone-input-wrapper{margin-top:.5rem}.inline-edit{padding:2px 4px;gap:2px;position:relative;left:90px}.inline-edit img{width:16px!important;height:16px!important}.edit-label{font-size:11px}.plain-checkbox-list label{font-size:13px}}@media (min-width: 481px) and (max-width: 1024px){.raffles-manager{padding:1rem;max-width:100%}.raffles-main-content{padding:1rem}.push-top-title{font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.raffles-nav-buttons{justify-content:space-between;margin:1.5rem 0 2rem;gap:1rem;flex-wrap:wrap}.nav-left-group{flex:1;min-width:200px}.nav-right-group{display:flex;gap:.75rem;flex-wrap:wrap}.action-nav-btn{width:100%;min-width:200px;padding:.8rem 1rem;font-size:15px}.info-nav-btn{min-width:140px;padding:.75rem 1rem;font-size:13px}.settings-container{max-width:700px;margin:0 auto;padding:1.5rem}.settings-container h3{font-size:1.4rem;text-align:center;margin-bottom:1.5rem}.setting-group{margin-bottom:1.8rem}.setting-group label{font-size:15px;margin-bottom:.8rem}.radio-group{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.radio-group label{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:#ffffff0d;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:150px;justify-content:center}.radio-group label:hover{background:#ffffff1a}.radio-group input[type=radio]:checked+label{background:#10856c4d;border:1px solid rgba(16,133,108,.6)}.audience-info{padding:1.2rem;border-radius:10px}.participants-info{font-size:15px;margin-bottom:1rem;text-align:center}.results-distribution{margin-top:1rem}.distribution-title{font-size:15px;text-align:center;margin-bottom:.8rem}.distribution-list{max-width:500px;margin:0 auto}.distribution-list li{font-size:14px;padding:.4rem 0}.voucher-info-static{padding:1.2rem;text-align:center;max-width:500px;margin:0 auto}.voucher-description{font-size:15px}.prize-value{font-size:16px;margin-top:.8rem}.execute-raffle-btn{max-width:400px;margin:2rem auto 0;display:block;padding:1.2rem 2rem;font-size:16px}.raffle-help-message{max-width:400px;margin:1rem auto;font-size:13px;text-align:center}.raffle-history{margin:2rem auto;max-width:900px}.raffle-history h3{text-align:center;font-size:1.4rem}.history-table table{width:100%;font-size:14px}.history-table th,.history-table td{padding:1rem .8rem}.view-animation-btn,.delete-raffle-btn{padding:.5rem .8rem;font-size:12px;margin:0 .2rem}.raffle-terms{margin:2rem auto;max-width:900px}.terms-header{padding:1rem;margin-bottom:1.5rem}.terms-header h3{font-size:1.4rem}.terms-content{padding:2rem}.terms-text{max-width:800px;margin:0 auto}.terms-text h4{font-size:1.3rem;margin-bottom:2rem}.terms-text h5{font-size:1.1rem;margin:2rem 0 1rem}.terms-text p{font-size:14px;line-height:1.7;margin-bottom:1rem}.terms-edit-mode{padding:1.5rem}.edit-note{font-size:15px;padding:1rem;margin-bottom:2rem;text-align:center}.editable-field{margin:1.5rem 0;padding:1.2rem}.editable-field label{font-size:15px;margin-bottom:.8rem}.editable-field textarea{font-size:14px;min-height:80px;padding:.8rem}.custom-term-edit{margin:2rem 0;padding:1.2rem}.custom-term-controls{gap:1rem}.add-term-btn{max-width:300px;margin:2rem auto;display:block}.terms-actions{margin-top:2rem}.edit-actions{justify-content:center;gap:1.5rem}.edit-terms-btn,.cancel-edit-btn,.save-terms-btn{min-width:150px;padding:.8rem 1.5rem}.custom-alert-modal,.custom-prompt-modal{max-width:500px;min-width:400px}.modal-header{padding:1.2rem 2rem}.modal-header h3{font-size:1.2rem}.modal-body{padding:2rem}.modal-body p{font-size:15px}.modal-input{padding:1rem;font-size:15px;margin-top:1.2rem}.modal-footer{padding:1.2rem 2rem;justify-content:center;gap:1.5rem}.modal-btn{min-width:120px;padding:.8rem 1.5rem;font-size:14px}.phone-input-compact{max-width:350px}.inline-edit{padding:3px 6px;gap:3px;position:relative;left:90px}.inline-edit img{width:17px!important;height:17px!important}.edit-label{font-size:12px}.plain-checkbox-list label{font-size:14px}}.raffle-animation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#000000f2,#ffffff4d,#000000f2);display:flex;align-items:flex-start;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .5s ease-in-out;overflow:hidden}.raffle-animation-modal{width:90%;max-width:600px;height:80vh;margin-top:2vh;background:linear-gradient(145deg,#1a1a2e,#16213e,#0f3460);border-radius:20px;padding:2rem;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080,0 0 100px #ffffff4d,inset 0 1px #ffffff1a;animation:modalSlideIn .6s ease-out;border:2px solid rgba(255,255,255,.3);transform:scale(.83);transform-origin:top center}.animation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.3)}.animation-header h2{color:#fff!important;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#ffffff!important;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5);animation:titlePulse 2s infinite}.close-animation{background:#ff6b6b33;border:none;color:#ff6b6b;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-animation:hover{background:#ff6b6b66;transform:scale(1.1)}.animation-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.starting-phase{text-align:center;animation:fadeInUp 1s ease-out}.countdown-circle{width:150px;height:150px;border:5px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;position:relative;animation:countdownPulse 3s ease-in-out}.countdown-circle:before{content:"";position:absolute;width:100%;height:100%;border:3px solid #ffffff;border-radius:50%;animation:rotateRing 2s linear infinite;border-top-color:transparent;border-right-color:transparent}.countdown-number{font-size:4rem;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5);animation:countdownNumbers 3s ease-in-out}.starting-phase p{color:#fff;font-size:1.2rem;margin:.5rem 0;opacity:0;animation:fadeInText 1s ease-out 1s forwards}.spinning-phase{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.name-wheel{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.current-name{background:linear-gradient(135deg,#fff,#f0f0f0);color:#fff;padding:2rem;border-radius:20px;font-size:2rem;font-weight:700;text-align:center;min-width:250px;box-shadow:0 10px 30px #10856c66,inset 0 1px #fff3;position:relative;overflow:hidden}.current-name:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.current-name.spinning{animation:nameSpinFast .1s infinite linear}.current-name.slowing{animation:nameSpinSlow .5s infinite ease-out}.spin-indicator{position:absolute;top:-30px;left:50%;transform:translate(-50%)}.arrow-pointer{font-size:2rem;animation:bounce 1s infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.spin-info{display:flex;gap:2rem;color:#fff;font-size:1.1rem}.spin-counter,.participants-remaining{padding:.5rem 1rem;background:#10856c33;border-radius:10px;border:1px solid rgba(16,133,108,.4)}.background-effects{position:absolute;width:100%;height:100%;pointer-events:none}.floating-names{position:absolute;width:100%;height:100%}.floating-name{position:absolute;color:#ffffff4d;font-size:1rem;font-weight:500;pointer-events:none;white-space:nowrap}.floating-name-0{top:10%;left:10%;animation:floatTopLeft 4s infinite ease-in-out}.floating-name-1{top:15%;right:15%;animation:floatTopRight 3.5s infinite ease-in-out}.floating-name-2{top:60%;left:5%;animation:floatLeft 5s infinite ease-in-out}.floating-name-3{top:70%;right:10%;animation:floatRight 4.5s infinite ease-in-out}.floating-name-4{bottom:20%;left:20%;animation:floatBottomLeft 3.8s infinite ease-in-out}.floating-name-5{bottom:15%;right:25%;animation:floatBottomRight 4.2s infinite ease-in-out}.floating-name-6{top:40%;left:2%;animation:floatMiddleLeft 6s infinite ease-in-out}.floating-name-7{top:35%;right:3%;animation:floatMiddleRight 5.5s infinite ease-in-out}.winner-phase{text-align:center;animation:winnerReveal 1s ease-out}.winner-announcement{position:relative}.winner-crown{font-size:5rem;animation:crownDrop 1s ease-out;margin-bottom:1rem}.winner-name{font-size:3rem;font-weight:900;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 20px rgba(255,215,0,.5);margin-bottom:1rem;animation:winnerNameGlow 2s infinite ease-in-out}.winner-subtitle{font-size:1.5rem;color:#fff;font-weight:600;animation:fadeInUp 1s ease-out .5s both}.celebration-phase{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.confetti-container{position:absolute;width:100%;height:100%;pointer-events:none}.confetti{position:absolute;font-size:2rem;pointer-events:none}.confetti-0{top:-10%;left:10%;animation:confettiFall1 3s infinite linear}.confetti-1{top:-10%;left:20%;animation:confettiFall2 2.8s infinite linear}.confetti-2{top:-10%;left:30%;animation:confettiFall3 3.2s infinite linear}.confetti-3{top:-10%;left:40%;animation:confettiFall1 2.5s infinite linear}.confetti-4{top:-10%;left:50%;animation:confettiFall2 3.5s infinite linear}.confetti-5{top:-10%;left:60%;animation:confettiFall3 2.9s infinite linear}.confetti-6{top:-10%;left:70%;animation:confettiFall1 3.1s infinite linear}.confetti-7{top:-10%;left:80%;animation:confettiFall2 2.7s infinite linear}.confetti-8{top:-10%;left:90%;animation:confettiFall3 3.3s infinite linear}.confetti-9{top:-15%;left:15%;animation:confettiFall1 2.6s infinite linear}.confetti-10{top:-15%;left:25%;animation:confettiFall2 3.4s infinite linear}.confetti-11{top:-15%;left:35%;animation:confettiFall3 2.8s infinite linear}.confetti-12{top:-15%;left:45%;animation:confettiFall1 3.6s infinite linear}.confetti-13{top:-15%;left:55%;animation:confettiFall2 2.4s infinite linear}.confetti-14{top:-15%;left:65%;animation:confettiFall3 3.7s infinite linear}.confetti-15{top:-15%;left:75%;animation:confettiFall1 2.9s infinite linear}.confetti-16{top:-15%;left:85%;animation:confettiFall2 3.2s infinite linear}.confetti-17{top:-20%;left:5%;animation:confettiFall3 2.7s infinite linear}.confetti-18{top:-20%;left:50%;animation:confettiFall1 3.1s infinite linear}.confetti-19{top:-20%;left:95%;animation:confettiFall2 2.5s infinite linear}.celebration-content{text-align:center;z-index:10;position:relative}.celebration-content h3{font-size:2.5rem;color:gold;font-weight:900;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.5);animation:celebrationPulse 2s infinite ease-in-out}.celebration-content p{color:#fff;font-size:1.3rem;margin-bottom:1.5rem}.recording-status{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#ff6b6b;font-size:.9rem}.recording-dot{width:8px;height:8px;background:#ff6b6b;border-radius:50%;animation:recordingBlink 1s infinite}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:1.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#fff,#f0f0f0);border-radius:2px;transition:width 1s ease-out;animation:progressShine 2s infinite}@keyframes modalSlideIn{0%{transform:translateY(-100px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes countdownPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes countdownNumbers{0%{transform:scale(0);opacity:0}20%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}@keyframes fadeInText{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes nameSpinFast{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}to{transform:rotateY(360deg) scale(1)}}@keyframes nameSpinSlow{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.05)}to{transform:rotateY(360deg) scale(1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-10px) translate(-50%)}60%{transform:translateY(-5px) translate(-50%)}}@keyframes floatTopLeft{0%,to{transform:translate(0) rotate(0);opacity:.3}50%{transform:translate(20px,-10px) rotate(5deg);opacity:.7}}@keyframes floatTopRight{0%,to{transform:translate(0) rotate(0);opacity:.4}50%{transform:translate(-15px,15px) rotate(-3deg);opacity:.8}}@keyframes floatLeft{0%,to{transform:translate(0) rotate(0);opacity:.2}50%{transform:translate(25px,-20px) rotate(8deg);opacity:.6}}@keyframes floatRight{0%,to{transform:translate(0) rotate(0);opacity:.35}50%{transform:translate(-20px,10px) rotate(-5deg);opacity:.75}}@keyframes floatBottomLeft{0%,to{transform:translate(0) rotate(0);opacity:.25}50%{transform:translate(30px,-25px) rotate(10deg);opacity:.65}}@keyframes floatBottomRight{0%,to{transform:translate(0) rotate(0);opacity:.3}50%{transform:translate(-25px,-15px) rotate(-7deg);opacity:.7}}@keyframes floatMiddleLeft{0%,to{transform:translate(0) rotate(0);opacity:.2}50%{transform:translate(35px,5px) rotate(12deg);opacity:.6}}@keyframes floatMiddleRight{0%,to{transform:translate(0) rotate(0);opacity:.4}50%{transform:translate(-30px,-5px) rotate(-9deg);opacity:.8}}@keyframes winnerReveal{0%{opacity:0;transform:scale(.3) rotateY(180deg)}to{opacity:1;transform:scale(1) rotateY(0)}}@keyframes crownDrop{0%{transform:translateY(-200px) rotate(0);opacity:0}70%{transform:translateY(10px) rotate(360deg);opacity:1}to{transform:translateY(0) rotate(360deg);opacity:1}}@keyframes winnerNameGlow{0%,to{text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 20px rgba(255,215,0,.5)}50%{text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 40px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.4)}}@keyframes confettiFall1{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:0}}@keyframes confettiFall2{0%{transform:translateY(0) rotate(0) rotateX(0);opacity:1}to{transform:translateY(110vh) rotate(180deg) rotateX(180deg);opacity:0}}@keyframes confettiFall3{0%{transform:translateY(0) rotate(0) rotateY(0);opacity:1}to{transform:translateY(110vh) rotate(270deg) rotateY(360deg);opacity:0}}@keyframes celebrationPulse{0%,to{transform:scale(1);text-shadow:0 2px 4px rgba(0,0,0,.5)}50%{transform:scale(1.1);text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 30px rgba(255,215,0,.6)}}@keyframes recordingBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes progressShine{0%{background-position:-100% 0}to{background-position:100% 0}}@media (max-width: 768px){.raffle-animation-modal{width:95%;height:80vh;padding:1.5rem}.animation-header h2{font-size:1.2rem}.current-name{font-size:1.5rem;padding:1.5rem;min-width:200px}.winner-name,.celebration-content h3{font-size:2rem}}.referral-manager{padding:20px;max-width:900px;margin:0 auto;overflow-y:visible;height:auto}.referral-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#666}.loading-spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top:4px solid #ff69b4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.referral-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:25px;margin-bottom:20px;transition:box-shadow .3s ease}.referral-card:hover{box-shadow:0 4px 12px #00000026}.referral-card h3{margin:0 0 20px;color:#333;font-size:20px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.referral-card h4{margin:15px 0 10px;color:#555;font-size:16px}.activation-card{background:linear-gradient(135deg,#fff,#f8f9fa)}.activation-title-icon{width:24px;height:24px;object-fit:contain;vertical-align:middle}.operation-icon{width:24px;height:24px;object-fit:contain;margin-left:6px;opacity:.9}.activation-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:none;padding-bottom:0;margin-bottom:0}.activation-card h3{border-bottom:none;margin:0;padding-bottom:0}.activation-controls{display:flex;align-items:center;gap:10px;margin-top:3px}.activation-controls .activation-button,.activation-controls .status-badge{height:32px;display:inline-flex;align-items:center}.activation-title{margin:0;padding:0;border:none;display:flex;align-items:center;gap:8px}.activation-subnote{font-size:12px;color:#666;margin-top:10px!important;margin-right:32px}.activation-button.disabled{cursor:pointer}.status-indicator{display:flex;align-items:center;gap:15px;margin-bottom:20px;font-size:16px}.status-badge{padding:8px 16px;border-radius:20px;font-weight:700;transition:all .3s ease}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:6px}.status-dot.dot-on{background:#22c55e}.status-dot.dot-off{background:#ef4444}.referral-manager .status-badge.active{background:#d9f3f3;color:#2d8285;border:1px solid rgba(45,130,133,.35)}.referral-manager .status-badge.inactive{background:#eceff3;color:#6c757d;border:1px solid rgba(108,117,125,.35)}.warning-message{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:12px 15px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.warning-icon{font-size:20px}.link-button{background:#3aa1a4;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s ease}.link-button:hover{background:#2d8285}.activation-button{width:100%;padding:15px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.activation-button:not(.disabled){background:#fff;color:#000;border:1px solid #d1d5db}.activation-button.active{background:#fff;color:#000}.activation-button:hover:not(.disabled){transform:none;box-shadow:none}.activation-button.disabled{background:#fff;color:#000;border:1px solid #d1d5db;cursor:pointer}.vouchers-display{background:#f8f9fa;padding-bottom:0!important}.vouchers-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.vouchers-header .edit-in-vouchers-btn{margin-top:-12px}.actions-card .compact-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.actions-card .view-table-button{width:auto;padding:10px 14px}.actions-card .setting-row{display:flex;align-items:center;gap:8px;margin:0}.actions-card .setting-row label{margin:0}.actions-card .setting-row select{width:auto;min-width:120px}.actions-card .apply-limit-button{cursor:pointer;width:auto;padding:8px 12px}.edit-icon{width:21px;height:21px;object-fit:contain;margin-left:6px;vertical-align:middle}.referral-view-actions{display:flex;gap:8px;justify-content:center;margin-bottom:-12px;position:relative;z-index:1000;pointer-events:auto}.voucher-preview-panel{margin-top:0;padding-top:0}.referral-view-btn{padding:6px 10px;background:#5a9da0;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.referral-view-btn:disabled{background:#cbd5e1;color:#475569;cursor:not-allowed}.edit-in-vouchers-btn{margin:0;width:auto!important;padding:6px 10px;background:transparent;border:1px solid #3AA1A4;color:#3aa1a4;border-radius:6px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.edit-in-vouchers-btn:hover{background:#3aa1a4;color:#fff}.vouchers-preview-clone .voucher-preview-empty{position:relative!important;margin-top:0!important;width:auto}.vouchers-preview-clone .referral-voucher-offset{position:relative;transform:translate(50px) scale(1.4);transform-origin:center}.vouchers-preview-clone .voucher-template-empty{width:340px!important;height:auto;opacity:1;border-radius:8px;position:relative;z-index:0}.vouchers-preview-clone .voucher-overlay-group{position:absolute;top:0;left:0;right:0;transform:translateY(20px);pointer-events:none}.vouchers-preview-clone .voucher-content-empty{position:absolute!important;top:0!important;left:50%!important;transform:translate(-50%)!important;z-index:150!important;width:100%!important;display:flex!important;justify-content:center!important;pointer-events:none}.vouchers-preview-clone .voucher-business-logo{width:32px!important;height:32px!important;border-radius:50%!important;object-fit:cover!important}.vouchers-preview-clone .voucher-business-name{font-size:18px!important;font-weight:700!important;color:#2c3e50!important;margin:0!important;text-align:center!important}.vouchers-preview-clone .barcode-simple{position:absolute!important;left:16px!important;top:45.5px!important;width:40px!important;height:auto!important;z-index:100!important;transform:scale(5)!important}.vouchers-preview-clone .displayed-voucher-data{position:absolute!important;top:38px!important;left:50%!important;transform:translate(-50%)!important;width:280px!important;text-align:center!important;z-index:160!important}.vouchers-preview-clone .displayed-voucher-data h3{position:absolute!important;top:0!important;left:50%!important;transform:translate(-50%)!important;font-size:22px!important;font-weight:700!important;color:#2c3e50!important;margin:0!important;width:280px!important}.vouchers-preview-clone .voucher-content-wrapper .voucher-content-text{position:absolute!important;top:40px!important;left:50%!important;transform:translate(-50%,20px)!important;font-size:14px!important;color:#333!important;margin:0!important;width:280px!important;text-align:center!important;line-height:1.4!important}.vouchers-preview-clone .displayed-voucher-data .voucher-value{position:absolute!important;top:100px!important;left:50%!important;transform:translate(-50%)!important;font-size:18px!important;font-weight:700!important;color:#000!important;margin:0!important;width:280px!important}.vouchers-preview-clone .displayed-voucher-data .voucher-conditions{position:absolute!important;top:136px!important;left:50%!important;transform:translate(-50%)!important;font-size:9px!important;color:#000!important;margin:0!important;width:280px!important}.referral-manager .vouchers-layout{align-items:flex-start}.referral-manager .vouchers-list-section{min-width:320px;position:relative;z-index:2}.referral-manager .vouchers-preview-section{min-width:0;overflow:visible;position:relative;z-index:0}.referral-manager .vouchers-preview-section .voucher-preview-empty{overflow:visible}.vouchers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:20px}.voucher-preview{display:flex;flex-direction:column}.voucher-preview h4{margin-bottom:15px;color:#333;font-size:16px;font-weight:600}.voucher-preview-container{position:relative;width:100%;max-width:400px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026;transition:transform .3s ease}.voucher-preview-container:hover{transform:translateY(-5px);box-shadow:0 6px 20px #0003}.voucher-template-empty{width:100%;height:auto;display:block}.voucher-content-empty{position:absolute;top:0;left:0;right:0;bottom:0;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.displayed-voucher-data{display:flex;flex-direction:column;gap:15px;align-items:center;width:100%}.displayed-voucher-data h3{margin:0;font-size:22px;font-weight:700;color:#2d8285;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.voucher-content-text{font-size:14px;color:#555;line-height:1.4;margin:0}.voucher-value{font-size:24px;font-weight:700;color:#e91e63;text-shadow:2px 2px 4px rgba(0,0,0,.1);margin:10px 0}.voucher-conditions{font-size:12px;color:#666;font-style:italic;background:#fffc;padding:8px 12px;border-radius:4px;max-width:90%}.no-voucher{text-align:center;color:#999;padding:20px;font-style:italic}.edit-vouchers-link{display:block;width:100%;padding:10px;background:transparent;border:2px solid #3AA1A4;color:#3aa1a4;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;text-align:center}.edit-vouchers-link:hover{background:#3aa1a4;color:#fff}.statistics-card{background:#f8f9fa}.stats-section{margin-bottom:25px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.stat-item{background:#fff;border-radius:8px;padding:15px;text-align:center;border:1px solid #e0e0e0;transition:transform .2s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-icon{font-size:24px;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;color:#333;margin:8px 0}.stat-label{font-size:13px;color:#666}.stat-sublabel{font-size:11px;color:#999;margin-top:2px}.view-table-button{width:100%;padding:12px;background:#5a9da0;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-table-button:hover{background:#4a8688;transform:translateY(-1px)}.settings-card{background:#fff}.setting-row{margin-bottom:20px}.setting-row label{display:block;margin-bottom:8px;font-weight:600;color:#333}.setting-row select,.setting-row textarea{width:100%;padding:10px;border:1px solid #ced4da;border-radius:6px;font-size:14px;transition:border-color .3s ease}.setting-row select:focus,.setting-row textarea:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.setting-row select:disabled,.setting-row textarea:disabled{background:#e9ecef;cursor:not-allowed}.setting-row textarea{min-height:80px;resize:vertical}.save-settings-button{width:100%;padding:12px;background:#3aa1a4;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.save-settings-button:hover{background:#2d8285;transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:12px;max-width:90%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.referrals-modal{width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.modal-header h2{margin:0;color:#333;font-size:20px}.close-button{background:transparent;border:none;font-size:20px;cursor:pointer;padding:5px;transition:transform .2s ease}.close-button:hover{transform:scale(1.2)}.modal-filters{display:flex;gap:10px;padding:15px 20px;background:#fff;border-bottom:1px solid #e0e0e0}.search-input{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px}.filter-select{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;background:#fff}.export-button{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .3s ease}.export-button:hover{background:#545b62}.table-container{flex:1;overflow-y:auto;padding:20px}.referrals-table{width:100%;border-collapse:collapse}.referrals-table thead{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0}.referrals-table th{text-align:right;padding:12px;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.referrals-table td{padding:12px;border-bottom:1px solid #e0e0e0}.referrals-table tbody tr:hover{background:#f8f9fa}.person-info{display:flex;flex-direction:column;gap:2px}.person-info .name{font-weight:600;color:#333}.person-info .phone{font-size:12px;color:#666}.voucher-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.voucher-status.פעיל{background:#e8f5f5;color:#2d8285}.voucher-status.ממתין{background:#fff3cd;color:#856404}.voucher-status.מומש{background:#cce5ff;color:#004085}.view-details-button{background:transparent;border:1px solid #3AA1A4;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease}.view-details-button:hover{background:#3aa1a4;color:#fff}.modal-footer{padding:15px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:center}.pagination{display:flex;gap:10px;align-items:center}.pagination button{padding:6px 12px;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all .2s ease}.pagination button:hover{background:#f8f9fa}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.referral-manager.mobile .stats-grid{grid-template-columns:1fr 1fr}.referral-manager.mobile .vouchers-grid{grid-template-columns:1fr;gap:20px}.referral-manager.mobile .voucher-preview-container{max-width:100%}.referral-manager.mobile .modal-content{max-width:95%;margin:10px}.referral-manager.mobile .modal-filters{flex-direction:column}.referral-manager.tablet .stats-grid{grid-template-columns:repeat(2,1fr)}.referral-manager.tablet .vouchers-grid{grid-template-columns:1fr;gap:25px}@media (max-width: 768px){.referral-card{padding:15px}.vouchers-grid{grid-template-columns:1fr}.voucher-preview-container{max-width:100%}.voucher-content-empty{padding:20px}.displayed-voucher-data h3{font-size:18px}.voucher-value{font-size:20px}.referrals-table{font-size:12px}.referrals-table th,.referrals-table td{padding:8px}}.logs-manager{width:100%;height:100%;display:flex;flex-direction:column;gap:16px}.logs-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.logs-title{margin:0;color:#fff!important;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#ffffff!important}.kpis{display:flex;gap:12px;align-items:center}.kpi{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 12px}.kpi-label{color:#ffffffb3;font-size:12px}.kpi-value{color:#fff;margin-right:8px;font-weight:700}.security-alert-button{position:relative;background:#263238;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 14px;cursor:pointer}.security-alert-button .badge{position:absolute;top:-6px;left:-6px;background:#ef4444;color:#fff;border-radius:999px;padding:2px 6px;font-size:12px}.security-alert-button.blink{animation:blinkRed 1s infinite}@keyframes blinkRed{0%,50%,to{box-shadow:0 0 #ef4444cc}25%,75%{box-shadow:0 0 0 6px #ef444400}}.filters-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-input,.filter-select,.filter-date{padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0003;color:#fff}.export-btn{padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#236669;color:#fff;cursor:pointer}.logs-content{display:grid;grid-template-columns:1fr 1fr;gap:16px}.logs-pane{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px}.pane-title{margin:0 0 8px;color:#fff;font-size:16px}.logs-table{width:100%;border-collapse:collapse;table-layout:fixed}.logs-table th,.logs-table td{padding:8px;border:1px solid rgba(255,255,255,.08);color:#fff;text-align:center}.logs-table thead th{background:#9ca3af99;color:#000}.no-data{text-align:center;color:#ffffffb3;padding:16px}.logs-table-wrapper{max-height:48vh;overflow:auto}.row.severity-error td{background:#ef444414}.row.severity-critical td{background:#b91c1c1f;font-weight:600}.security-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.security-dialog{width:92%;max-width:680px;max-height:85vh;overflow:auto;background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:12px}.security-dialog-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.security-dialog-header h3{margin:0;color:#fff}.security-dialog-content{padding:12px 16px}.security-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.security-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px}.item-row{display:flex;gap:8px;align-items:center;justify-content:space-between}.item-time{color:#ffffffb3;font-size:12px}.item-type{color:#fff;font-weight:600}.ack-btn{background:#3aa1a4;color:#000;border:none;border-radius:6px;padding:6px 10px;cursor:pointer}.item-details{background:#0000004d;color:#d1d5db;padding:8px;border-radius:6px;overflow-x:auto}.security-dialog-actions{display:flex;gap:8px;justify-content:flex-start;padding:12px 16px;border-top:1px solid rgba(255,255,255,.1)}.ack-all-btn{background:#10b981;color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer}.close-btn{background:#374151;color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer}@media (min-width: 768px) and (max-width: 1024px){.logs-content{grid-template-columns:1fr}.filters-bar{gap:6px}}@media (min-width: 1025px) and (max-width: 1366px){.logs-content{grid-template-columns:1fr 1fr}}@media (max-width: 767px){.logs-content{grid-template-columns:1fr}.filters-bar{gap:6px}.kpis{flex-wrap:wrap}}.billing-page{padding:16px;color:#fff}.billing-toolbar{display:flex;margin-bottom:10px}.btn-invoices{background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:8px 14px;font-weight:700;margin-inline-start:auto;cursor:pointer}.btn-pushes{background:linear-gradient(180deg,#1d956b,#106d56);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:8px 14px;font-weight:800;margin-inline-end:8px;cursor:pointer}.invoices-modal{max-width:880px;padding-top:66px}.invoices-body{max-height:60vh;overflow-y:auto;color:#fff}.billing-table{width:100%;border-collapse:collapse}.billing-table thead th{background:#ffffff1f;padding:8px;text-align:right;color:#fff}.billing-table td{padding:8px;border-top:1px solid rgba(255,255,255,.15);color:#fff}.billing-table .actions button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:4px 8px;margin-inline:2px}.billing-title{margin:0 0 12px;font-size:20px;text-align:center}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 1024px){.plans-grid{grid-template-columns:1fr}}.plan-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:12px}.plan-title{text-align:center;margin:0 0 8px;font-size:18px;position:relative;padding-bottom:6px}.plan-title:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:1.8em;background:#ffffff1f;border-radius:6px;z-index:-1;pointer-events:none}.plan-title-actions{display:flex;gap:8px;margin-inline-start:auto;position:relative;z-index:1}.plan-title-actions{display:flex;gap:8px;margin-inline-start:auto}.plan-table{width:100%;border-collapse:collapse}.plan-table td{padding:8px;border-top:1px solid rgba(255,255,255,.12)}.feature-col{width:60%}.value-col{width:40%;text-align:left}.plan-cta{display:flex;justify-content:center;padding-top:10px}.plan-cta.plan-cta-top{justify-content:flex-start}.cta-purchase{background:linear-gradient(180deg,#1d956b,#106d56);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:10px 16px;font-weight:800;font-size:14px;box-shadow:0 2px 6px #0000004d inset,0 2px 8px #00000040;cursor:pointer}.cta-purchase:hover{filter:brightness(1.05)}.plan-title{display:flex;align-items:center;justify-content:center;gap:10px;min-height:36px}.plan-title-text{position:relative;z-index:1}.plan-title-cta{margin-inline_start:auto;background:linear-gradient(180deg,#1d956b,#106d56);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:6px 12px;font-size:12px;font-weight:700;line-height:1;height:28px;display:inline-flex;align-items:center;transform:translateY(3.35px);position:relative;z-index:2;cursor:pointer}.plan-title-cta.secondary{background:#3aa1a4d9}.plan-title-cta.danger{background:linear-gradient(180deg,#a33e3e,#7a2d2d)}.disconnect-modal{max-width:720px;padding-top:66px}.disconnect-body{color:#fff;font-size:14px;display:grid;gap:8px}.disconnect-body p{margin:0 0 8px;line-height:1.5}.reasons-list{display:grid;gap:6px;margin:8px 0}.other-row{display:flex;align-items:center;gap:8px}.other-input{flex:1;padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.35);background:#ffffff0f;color:#fff}.disconnect-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.cta-secondary{background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:8px 14px}.cta-danger{background:linear-gradient(180deg,#a33e3e,#7a2d2d);color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:12px;padding:8px 14px;font-weight:800}.disconnect-body .warning strong{font-weight:800;font-size:16px;display:block}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:99999;display:grid;place-items:center}.detail-content{width:92vw;max-width:900px;max-height:82vh;background:#121b2efa;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:12px;position:relative;box-shadow:0 12px 40px #00000080;overflow:auto}.message-modal{max-width:520px;padding:24px 28px;display:grid;place-items:center}.msg-body{color:#fff;text-align:center;font-size:14px;margin:0}.modal-close{position:absolute;top:10px;left:10px;width:30px;height:30px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.6);color:#fff;font-size:18px;display:inline-flex;align-items:center;justify-content:center;line-height:1;text-align:center;cursor:pointer;padding:0}.billing-notes{margin-top:14px;font-size:12px;color:#e6e6e6;opacity:.9}.billing-notes ul{padding-inline-start:18px}.billing-notes li{margin:4px 0}.plan-title-cta:hover{filter:brightness(1.05)}.link-like{background:none;border:none;padding:0;margin:0;color:#fff;text-decoration:underline;cursor:pointer;font:inherit}.dashboard{width:100%;height:100%;display:flex;flex-direction:column;gap:16px}.content-area.is-dashboard>.dashboard{transform:none}.main-layout.dashboard-mode .content-area.is-dashboard{z-index:2}.main-layout.dashboard-mode .app-header{z-index:1000}.dashboard .dashboard-offset{position:static;transform:none}.dashboard .filters-row{position:static;top:auto;margin-bottom:0}.stats-row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.stat-card{position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:17px}.stat-card:before{content:""}.stat-card .stat-header{position:relative;top:5px}.stat-card .dual-item{position:relative;top:10px}.stat-header{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:6px}.stat-title{font-size:13px;font-weight:600}.stat-card .stat-title{position:relative;top:7px}.dashboard .stat-icon{width:30px;height:30px;object-fit:contain;display:inline-block;vertical-align:middle;background:transparent;position:relative;top:10px;transform:scale(1.15);transform-origin:center}.dual-item{display:flex;justify-content:space-between;margin:4px 0}.dual-title{font-size:12px;opacity:.8}.dual-value{font-weight:700}.filters-row{display:flex;gap:16px;align-items:center}.filter-group{display:flex;align-items:center;gap:8px}.custom-date-group .filter-date{padding:6px 8px}.time-range-select{padding:8px 14px;border-radius:12px;background:#ffffff0d;color:#fffffffa;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px #ffffff14}.time-range-select option{color:#111}.kpi-row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.kpi-card{position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:14px}.dashboard .stat-card>.detail-btn,.dashboard .kpi2-card .detail-btn,.dashboard .chart-card .detail-btn,.dashboard .table-card .detail-btn{position:absolute;top:8px;left:8px;font-size:12px;padding:4px 10px;background:transparent;color:#fff;border:1px solid #ffffff;border-radius:6px;cursor:pointer}.dashboard .stat-card>.detail-btn:focus,.dashboard .kpi2-card .detail-btn:focus,.dashboard .chart-card .detail-btn:focus,.dashboard .table-card .detail-btn:focus{outline:2px solid rgba(255,255,255,.4);outline-offset:2px}.dashboard>.detail-btn{display:none!important}.dashboard .roi-stat>.detail-btn{border:1px solid #ffffff;background:transparent}.kpi-title{font-size:12px;opacity:.8}.kpi-value{font-size:28px;font-weight:700;margin-top:6px}.kpi-sub{font-size:12px;opacity:.7}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-card,.table-card,.advisor-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;position:relative}.funnel-card .card-body{position:relative;overflow:visible}.funnel-card .funnel-table{margin-bottom:8px}.funnel-card .funnel-image-wrap{position:relative;width:100%;height:240px;display:block;overflow:visible;--funnel-offset-y: 20px}.funnel-card .funnel-image{position:absolute;bottom:0;left:50%;transform:translate(-50%,var(--funnel-offset-y)) scale(1.2);width:80%;height:auto;object-fit:contain;filter:brightness(1) contrast(1);-webkit-clip-path:polygon(22% 10%,78% 10%,58% 100%,42% 100%);clip-path:polygon(22% 10%,78% 10%,58% 100%,42% 100%)}.funnel-card .funnel-image:after{content:"";position:absolute;inset:auto 0 0 0;height:70px;background:linear-gradient(to bottom,#18213400,#182134);display:none}.funnel-card .funnel-label{position:absolute;left:50%;transform:translate(-50%,var(--funnel-offset-y));color:#fff;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.6)}.funnel-card .funnel-label.top{top:20px;font-size:16px}.funnel-card .funnel-label.middle{top:98px;font-size:15px}.funnel-card .funnel-label.bottom{top:176px;font-size:14px}.card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.12)}.card-title{margin:0;font-size:16px;color:#fff!important}.card-body{padding:14px}.mini-table{width:100%;border-collapse:collapse;margin-bottom:10px;font-size:12px}.mini-table th,.mini-table td{border-bottom:1px solid rgba(255,255,255,.12);padding:6px 8px;text-align:right}.mini-table thead th{color:#fff;opacity:.9;font-weight:600;font-size:13px}.mini-table-total td{font-weight:700}.chart-demo.demo4{background:transparent;height:160px;position:relative}.chart-demo.demo4 .zoom-btn{position:absolute;top:6px;right:8px;left:auto}.placeholder{height:220px;display:flex;align-items:center;justify-content:center;opacity:.6}.tables-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.advisor-card{width:100%}.middle-row{display:grid;grid-template-columns:3fr 9fr;gap:16px}.advisor-panel{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;min-height:300px;display:flex;flex-direction:column}.advisor-logo,.advisor-logo-row{display:none}.advisor-hi,.advisor-welcome{font-size:12px;opacity:.85;margin:0}.advisor-name{font-size:16px;margin:2px 0;font-weight:700;color:#fff!important;background:transparent!important;background-image:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#ffffff!important}.advisor-text{font-size:12px;opacity:.9}.advisor-buttons{display:grid;grid-template-columns:1fr;gap:6px;margin-top:8px}.advisor-btn{background:#ffffff2e;border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:6px;padding:6px 8px;font-size:12px}.charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gauge-row{display:grid;grid-template-columns:1fr}.gauge-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px}.gauge{margin-top:8px;overflow:visible;position:relative}.gauge svg{display:block;overflow:visible}.gauge{transform:translateY(90px)}.gauge .gauge-numbers-shift{display:none}.gauge .gauge-value-shift{transform:translateY(55px)}@media (max-width: 1024px){.gauge .gauge-value-shift{transform:none}}.gauge .gauge-value{fill:#fff;font-size:6px;opacity:.95}.gauge text.axis{fill:#fff;font-size:6px;opacity:.9}.kpi2-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kpi2-card{position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px}.kpi2-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;position:relative;top:-5px}.kpi2-title{font-size:13px;opacity:.95;margin:0;color:#fff}.chart-demo{height:180px;border-radius:8px;background:transparent;position:relative;overflow:hidden}.chart-demo:after{display:none}.chart-demo.demo2,.chart-demo.demo3{background:transparent}.chart-demo svg{width:100%;height:100%;display:block}.zoom-content .chart-demo{height:100%}.zoom-content .chart-demo svg{height:100%}.legend{position:absolute;top:6px;left:38px;display:flex;gap:12px;font-size:11px;color:#fff;opacity:.9}.legend.rtl{top:6px;left:38px;right:auto;direction:rtl}.legend-item:before{content:"";display:inline-block;width:12px;height:4px;margin:0 6px;vertical-align:middle}.legend-item.line:before{height:1px}.legend-item.area:before{height:9px}.legend-item.a:before{background:#4fc3f7}.legend-item.b:before{background:#80deea}.legend-item.c:before{background:#10b981}.legend-item.d:before{background:#34d399}.legend-item.e:before{background:#8b5cf6}.legend-item.f:before{background:#c084fc}.chart-demo text.axis{fill:#ffffffb3;font-size:2.1px}.chart-demo .y-grid line{stroke:#fff3;stroke-width:.2;stroke-dasharray:.4 1.2}.zoom-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#ffffff14;border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:6px;cursor:pointer;font-size:12px}.zoom-icon{display:inline-block}.zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:9999;display:grid;place-items:center}.zoom-content{width:92vw;max-width:1200px;height:82vh;background:#121b2efa;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:12px;position:relative;box-shadow:0 12px 40px #00000080;display:flex;align-items:center;justify-content:center;overflow:hidden}.zoom-content.detail-mode{align-items:center}.zoom-title{position:absolute;top:12px;left:50%;transform:translate(-50%);margin:0;color:#fff;font-size:18px;font-weight:700;text-align:center;pointer-events:none}.roi-detail .zoom-title{top:8px}.vouchers-filter{position:absolute;top:46px;right:16px;display:inline-flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:10px;padding:6px 10px}.vouchers-filter .vouchers-label{color:#fff;font-size:12px}.vouchers-filter .vouchers-select{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:4px 8px}.vouchers-filter .vouchers-select option{color:#111}.zoom-close{position:absolute;top:14px;left:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.6);color:#fff;width:30px;height:30px;border-radius:50%;line-height:26px;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.push-toolbar{position:absolute;top:46px;right:16px}.cta-green{background:linear-gradient(180deg,#1d9573,#106d56);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:10px 16px;font-weight:800;font-size:14px;box-shadow:0 2px 6px #0000004d inset,0 2px 8px #00000040}.cta-green:hover{filter:brightness(1.05)}.detail-table-container{width:100%;max-width:900px;margin:0 auto}.detail-title{color:#fff;margin:8px 0 16px;font-size:22px;text-align:center;font-weight:800}.detail-table thead th{font-size:14px}.detail-toolbar{position:absolute;top:46px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:28px}.badge.total-badge{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:4px 10px;font-size:12px;font-weight:700}.joins-table{margin-top:18px}.joins-table thead th{background:#ffffff0f;border-bottom-color:#ffffff47}.joins-table td,.joins-table th{padding:8px 12px}.joins-table tbody tr:nth-child(2n) td{background:#ffffff05}.roi-detail{width:100%;max-width:1000px;margin-top:44px;max-height:calc(82vh - 88px);overflow-y:auto;padding-bottom:20px}.roi-heading{color:#fff;font-size:16px;margin:0 0 8px;font-weight:800}.roi-text{color:#ffffffd9;font-size:12px;margin:0 0 12px}.roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:flex-start}.roi-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:10px}.roi-card-title{color:#fff;font-weight:700;margin-bottom:8px}.roi-table thead th{background:#ffffff0f}.roi-summary{display:flex;justify-content:center;margin-top:12px}.roi-input{width:90px;background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:6px;padding:4px 6px}.roi-link{text-decoration:underline;margin:0 6px}.roi-note{background:#ffffff0f;border:1px solid rgba(255,255,255,.22);color:#fff;padding:8px 10px;border-radius:8px;font-size:12px;margin-bottom:10px}.roi-bullets{margin:0 0 10px;padding-inline-start:18px;color:#ffffffe6;font-size:12px}.roi-bullets li{margin:2px 0}.roi-table2-wrap{margin-top:12px}.roi-table2-title{color:#fff;font-weight:700;margin-bottom:6px}.roi-table2 thead th{background:#ffffff14}.roi-table2 .section-row td{background:#ffffff0f;font-weight:800}.roi-table2 .subsection-row td{background:#ffffff0a;font-weight:700}.roi-table2 .note-row td{color:#ffffffbf;font-style:italic}.roi-bottom-summary{display:flex;gap:16px;justify-content:center;margin-top:12px;color:#fff}.dashboard .mini-table thead th,.dashboard .detail-table thead th{background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.28)}.dashboard .mini-table td,.dashboard .mini-table th,.dashboard .detail-table td,.dashboard .detail-table th{padding:8px 12px}.dashboard .detail-table{table-layout:fixed}.dashboard .mini-table tbody tr:nth-child(2n) td,.dashboard .detail-table tbody tr:nth-child(2n) td{background:#ffffff05}.zoom-content .mini-table thead th,.zoom-content .detail-table thead th{background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.28)}.zoom-content .mini-table td,.zoom-content .mini-table th,.zoom-content .detail-table td,.zoom-content .detail-table th{padding:8px 12px}.zoom-content .mini-table th,.zoom-content .mini-table td,.zoom-content .detail-table th,.zoom-content .detail-table td{color:#fff}.zoom-content .detail-table{table-layout:fixed}.zoom-content .mini-table tbody tr:nth-child(2n) td,.zoom-content .detail-table tbody tr:nth-child(2n) td{background:#ffffff05}.dashboard img.stat-icon[src$="new_clients.png"],.dashboard img.stat-icon[src$="roi.png"],.dashboard img.kpi2-icon[src$="roi.png"]{transform:scale(1.265);transform-origin:center}.dashboard img.stat-icon[src$="vochers.png"],.dashboard img.kpi2-icon[src$="vochers.png"]{top:5px!important}@media screen and (min-width: 768px) and (max-width: 1366px){.kpi-row{grid-template-columns:repeat(3,1fr)}.charts-row,.tables-row{grid-template-columns:1fr}}@media (min-width: 1025px) and (max-width: 1366px){.kpi-row{grid-template-columns:repeat(3,1fr)}.charts-row,.tables-row{grid-template-columns:1fr}}@media screen and (max-width: 767px){.kpi-row{display:grid;grid-template-columns:1fr;gap:12px}.charts-row,.tables-row{grid-template-columns:1fr;gap:12px}.detail-btn{font-size:11px;padding:3px 7px}}.business-settings{padding:16px;color:#fff;height:100%;overflow-y:visible}.settings-layout{display:grid;grid-template-columns:1fr 400px;gap:24px;max-width:1400px;margin:0 auto}.required-legend{font-weight:500;font-size:14px;color:#ffffffd9;margin-inline-start:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group.required label:after{content:" *";color:#9ca3af}.form-group.required.missing label:after{color:#ef4444}.form-input,.form-select,.form-textarea{background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#fff;padding:10px 12px;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#1d956b;box-shadow:0 0 0 2px #1d956b33}.form-input.readonly{background:#ffffff0a;cursor:not-allowed;opacity:.7}.form-textarea{resize:vertical;min-height:100px}.logo-upload{display:flex;gap:16px;align-items:center}.logo-preview{width:80px;height:80px;border:2px dashed rgba(255,255,255,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.logo-preview:hover{border-color:#1d956b}.logo-img{width:100%;height:100%;object-fit:cover}.logo-change-hint{margin-top:6px;font-size:12px;color:#ffffffd9;text-align:center}.logo-placeholder{color:#fff9;font-size:12px;text-align:center}.color-picker-group{display:flex;gap:8px;align-items:center}.color-input{width:50px;height:40px;padding:2px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:transparent;cursor:pointer}.color-text{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:6px;color:#fff;padding:8px 10px;font-family:monospace;text-transform:uppercase}.contact-row{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px;margin-bottom:12px;position:relative}.remove-contact-btn{position:absolute;top:8px;left:8px;width:24px;height:24px;background:#dc2626cc;border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-contact-btn:hover{background:#dc2626}.add-contact-btn{background:#3aa1a4;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:12px 20px;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 2px 6px #0000004d inset,0 2px 8px #00000040}.add-contact-btn:hover{filter:brightness(1.05)}.btn-save{background:linear-gradient(180deg,#1d956b,#106d56);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:12px 24px;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 2px 6px #0000004d inset,0 2px 8px #00000040}.phone-mockup-container{position:-webkit-sticky;position:sticky;top:16px;height:fit-content}.phone-mockup{background:#ffffff0a;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:20px;margin-bottom:16px}.phone-frame{width:280px;height:500px;background:#1f2937;border:8px solid #374151;border-radius:32px;position:relative;margin:0 auto;overflow:hidden}.phone-frame:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#6b7280;border-radius:2px}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#111827,#1f2937);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.preview-tab-header{display:flex;background:#ffffff0d;margin-bottom:2px}.preview-tab{flex:1;background:transparent;border:none;color:#ffffffb3;padding:8px 12px;font-size:11px;cursor:pointer}.preview-tab.active{color:#fff;background:#1d956b4d}.entry-preview{padding:16px 12px}.entry-header{background:#1d956b;padding:16px;border-radius:12px 12px 0 0;text-align:center;margin-bottom:2px}.preview-logo,.preview-logo-placeholder{width:50px;height:50px;border-radius:8px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;background:#fff3;font-size:10px;color:#fffc}.preview-logo{object-fit:cover;background:none}.preview-business-name{color:#fff;font-size:16px;font-weight:700;margin:0}.entry-content{background:#ffffff0d;padding:16px;border-radius:0 0 12px 12px}.welcome-message{color:#fff;font-size:14px;text-align:center;margin-bottom:16px;font-weight:600}.phone-input-section{margin-bottom:16px}.phone-input-section label{color:#ffffffe6;font-size:12px;display:block;margin-bottom:6px}.preview-phone-input{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:10px;font-size:14px;text-align:center}.preview-enter-btn{width:100%;background:#1d956b;border:none;border-radius:10px;color:#fff;padding:12px;font-size:14px;font-weight:700;margin-bottom:20px;cursor:pointer}.business-info{border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.info-item{display:flex;align-items:center;gap:8px;color:#fffc;font-size:12px;margin-bottom:8px}.info-item span:first-child{font-size:14px}.mockup-info{text-align:center;color:#fffc}.mockup-info h5{color:#fff;font-size:16px;margin:0 0 8px}.mockup-info p{font-size:12px;margin:0 0 16px;line-height:1.4}.preview-controls{display:flex;gap:8px;justify-content:center}.card-preview{padding:8px;height:100%;overflow-y:auto}.card-modal-overlay{background:#0000004d;padding:4px;border-radius:8px;height:100%}.card-modal-content{background:#ffffff0d;border-radius:12px;padding:12px;position:relative;height:100%;overflow-y:auto}.close-button{position:absolute;top:8px;left:8px;background:#ffffff1a;border:none;border-radius:50%;width:24px;height:24px;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.customer-info{text-align:center;margin-bottom:16px;padding-top:20px}.customer-info h2{color:#fff;font-size:16px;margin:0 0 4px}.customer-info p{color:#ffffffb3;font-size:12px;margin:0}.punch-card-display{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;margin-bottom:12px}.business-settings .punch-grid-preview{margin-bottom:8px}.business-settings .punch-row{display:flex;justify-content:center;gap:8px;margin-bottom:6px}.business-settings .punch-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;border:1px solid rgba(255,255,255,.2)}.business-settings .punch-icon.punched{background:#1d956b4d;border-color:#1d956b;color:#fff}.business-settings .punch-icon.unpunched{background:#ffffff0d;color:#ffffff80}.business-settings .punch-icon-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.business-settings .punch-status{text-align:center;color:#fffc;font-size:11px;margin:0}.action-buttons-preview{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.btn-container{flex:1;min-width:60px}.action-btn{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;padding:6px 4px;font-size:9px;text-align:center;font-weight:600;cursor:pointer}.action-btn.punch-btn{background:#1d956b;border-color:#1d956b}@media (min-width: 768px) and (max-width: 1024px){.settings-layout{grid-template-columns:1fr;gap:20px}.phone-mockup-container{position:static;order:-1}.phone-frame{width:240px;height:420px;border-width:6px;border-radius:28px}.phone-frame:before{top:10px;width:50px;height:3px}.entry-preview{padding:14px 10px}.entry-header{padding:14px}.preview-logo,.preview-logo-placeholder{width:40px;height:40px;margin-bottom:6px}.preview-business-name{font-size:14px}.entry-content{padding:14px}.welcome-message{font-size:12px;margin-bottom:14px}.preview-phone-input{padding:8px;font-size:12px}.preview-enter-btn{padding:10px;font-size:12px;margin-bottom:16px}.info-item{font-size:11px;margin-bottom:6px}.form-row{grid-template-columns:1fr 1fr;gap:12px}.settings-form{padding:16px}.section-title{font-size:16px;margin-bottom:12px}.contact-row{padding:12px}.form-actions{flex-direction:row;justify-content:center;gap:16px}.btn-save,.btn-cancel{padding:10px 20px;font-size:13px}}@media (max-width: 767px){.business-settings{padding:12px}.settings-layout{grid-template-columns:1fr;gap:16px}.phone-mockup-container{position:static;order:-1}.phone-mockup{padding:16px}.phone-frame{width:200px;height:350px;border-width:4px;border-radius:24px}.phone-frame:before{top:8px;width:40px;height:2px}.preview-tab{padding:6px 8px;font-size:10px}.entry-preview{padding:12px 8px}.entry-header{padding:12px;border-radius:10px 10px 0 0}.preview-logo,.preview-logo-placeholder{width:32px;height:32px;margin-bottom:4px;font-size:8px}.preview-business-name{font-size:12px}.entry-content{padding:12px;border-radius:0 0 10px 10px}.welcome-message{font-size:11px;margin-bottom:12px}.phone-input-section label{font-size:10px;margin-bottom:4px}.preview-phone-input{padding:6px;font-size:11px}.preview-enter-btn{padding:8px;font-size:11px;margin-bottom:12px;border-radius:8px}.info-item{font-size:10px;margin-bottom:4px;gap:6px}.info-item span:first-child{font-size:11px}.mockup-info h5{font-size:14px}.mockup-info p{font-size:11px;margin-bottom:12px}.preview-control-btn{padding:4px 8px;font-size:10px}.settings-form{padding:16px}.form-row{grid-template-columns:1fr;gap:12px}.section-title{font-size:16px;margin-bottom:12px}.form-input,.form-select,.form-textarea{padding:12px;font-size:16px}.logo-upload{flex-direction:column;gap:12px;align-items:flex-start}.logo-preview{width:100px;height:100px}.color-picker-group{flex-direction:column;gap:8px;align-items:stretch}.color-input{width:100%;height:50px}.contact-row{padding:12px;margin-bottom:16px}.contact-row .form-row{grid-template-columns:1fr;gap:8px}.remove-contact-btn{position:static;align-self:flex-start;margin-top:8px;width:32px;height:32px}.form-actions{flex-direction:column;gap:12px;margin-top:20px;padding-top:20px}.btn-save,.btn-cancel{width:100%;padding:14px 20px;font-size:16px}.form-input:focus,.form-select:focus,.form-textarea:focus{transform:none}.add-contact-btn{width:100%;padding:12px;margin-top:8px}}.card-body-offset{transform:translateY(78px)}.below-grid-texts-wrap{transform:translateY(-105px)}.card-settings{padding:16px 6px;color:#fff;height:100%;overflow-y:auto}.settings-layout{display:grid;grid-template-columns:1fr 350px;gap:24px;max-width:1420px;margin:0 auto}.settings-form{background:#ffffff0a;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:20px}.settings-section{margin-bottom:32px}.settings-section:last-of-type{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;overflow:visible}.form-group{display:flex;flex-direction:column}.form-group label{color:#ffffffe6;font-size:14px;margin-bottom:6px;font-weight:600}.inline-fields{display:inline-flex;flex-direction:row-reverse;gap:12px;align-items:end;flex-wrap:wrap}.inline-field{display:inline-flex;flex-direction:column;gap:6px}.completion-punches-wrap{position:relative;height:0}.completion-punches-wrap .completion-inner{position:absolute;top:0;right:0;transform:translate(-52px,-340px);z-index:50}.completion-punches-wrap .completion-inner .completion-field{transform:translateY(-25px)}.punch-method-wrap{margin-top:8px;padding:8px 10px;background:#2c3d4e;border:1px solid rgba(255,255,255,.22);border-radius:8px;width:max-content;max-width:320px}.punch-method-title{font-size:12px;font-weight:700;margin-bottom:6px;color:#fffffff2}.punch-option{background:#2c3d4e;border:1px solid #ffffff;color:#fff;border-radius:6px;padding:6px 10px}.punch-option.selected{background:#1d956b4d;border-color:#1d956b;color:#fff}.punch-method-legend{margin-top:8px;text-align:right;max-width:320px}.punch-method-legend p{margin:4px 0 0;font-size:11px;color:#ffffffd9}.product-cards-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;height:420px}.product-cards-header{position:static;display:flex;justify-content:flex-end;margin:0 0 6px;padding:0;width:100%}.product-cards-header .btn-product-cards{margin-left:auto}.btn-product-cards{background:#236669;border:1px solid #ffffff;color:#fff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:800;cursor:pointer}.btn-product-cards:hover{filter:brightness(1.06)}.product-cards-table-wrap{flex:1 1 auto;min-height:0;margin-top:0;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;width:100%;padding-right:0}.product-cards-table{width:100%;border-collapse:collapse;font-size:12px}.product-cards-table thead th{position:-webkit-sticky;position:sticky;top:0;background:#1f2937e6;color:#fff;text-align:right;padding:8px;border-bottom:1px solid rgba(255,255,255,.16)}.product-cards-table tbody td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.08)}.product-cards-table .table-input{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:6px;color:#fff;padding:6px 8px;font-size:12px}.product-cards-table .table-input.short{max-width:90px}.pc-actions{width:1%;white-space:nowrap}.btn-pc-edit{background:#3aa1a4;color:#fff;border:1px solid #2e8588;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800;cursor:pointer}.form-input,.form-select{background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#fff;padding:10px 12px;font-size:14px}.short-input{max-width:120px}.xshort-input{max-width:72px}.icon-input{max-width:240px}.icon-thumb-box{width:34px;height:34px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35)}.icon-thumb{width:24px;height:24px;object-fit:contain;display:block;background:transparent;border:none}.radio-group{display:flex;gap:16px;margin-top:8px}.radio-label{display:flex;align-items:center;gap:6px;color:#ffffffe6;font-size:14px;cursor:pointer}.checkbox-group{display:flex;align-items:center;gap:12px;margin-bottom:16px}.checkbox-label{display:flex;align-items:center;gap:6px;color:#ffffffe6;font-size:14px;cursor:pointer}.discount-input{width:120px}.product-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}.product-row .form-input{flex:1}.remove-btn{width:32px;height:32px;background:#dc2626cc;border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.remove-btn:hover{background:#dc2626}.add-product-btn{background:#1d956b33;border:1px solid rgba(29,149,107,.4);border-radius:8px;color:#1d956b;padding:10px 16px;cursor:pointer;font-weight:600;width:100%}.add-product-btn:hover{background:#1d956b4d;border-color:#1d956b99}.icon-input-group{display:flex;gap:8px;align-items:center}.icon-input{flex:1}.icon-preview{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.color-picker-group{display:flex;gap:6px;align-items:center;max-width:160px}.color-input{width:26px;height:26px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:transparent;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:6px}.color-input::-moz-color-swatch{border:none;border-radius:6px}.color-text{flex:0 0 auto;background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:6px;color:#fff;padding:6px 8px;font-family:monospace;text-transform:uppercase;width:7ch!important;direction:ltr;text-align:left}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}.btn-save{background:#3aa1a4;color:#fff;border:1px solid #2e8588;border-radius:10px;padding:10px 18px;font-weight:800;font-size:14px;cursor:pointer}.btn-cancel{background:#ffffff14;border:1px solid rgba(255,255,255,.22);color:#fffc;border-radius:12px;padding:12px 24px;font-weight:600;font-size:14px;cursor:pointer}.card-preview-container{position:-webkit-sticky;position:sticky;top:16px;height:fit-content}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.preview-header h5{color:#fff;font-size:16px;margin:0}.preview-controls{display:flex;gap:8px}.preview-control-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.22);color:#fffc;border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer}.preview-control-btn.active{background:#1d956b4d;border-color:#1d956b;color:#fff}.phone-mockup{background:#ffffff0a;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:20px;margin-bottom:16px;overflow:hidden}.phone-frame{width:280px;height:auto;background:transparent;border:8px solid #374151;border-radius:32px;position:relative;margin:0 auto;overflow:hidden}.phone-frame:before{display:none}.phone-screen{width:100%;height:auto;aspect-ratio:9 / 16;background:transparent;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.phone-screen::-webkit-scrollbar{display:none}.phone-frame *::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.phone-frame *{-ms-overflow-style:none!important;scrollbar-width:none!important}.card-preview{margin:0;padding:0;color:#6b3f1d;position:relative;min-height:100%;width:100%;height:100%;border-radius:0}.entry-preview{display:flex;flex-direction:column;align-items:center;padding-top:20px}.card-settings .entry-preview{transform:translateY(-25px)}.card-settings .entry-status-bar,.card-settings .entry-status-pill{display:none}.card-settings .entry-hamburger{height:40px;width:100%;display:flex;align-items:center;justify-content:center}.entry-hamburger .hamburger-wrap{position:static;top:auto;left:auto}.entry-hamburger .hamburger{width:30px;height:21px;justify-content:space-between}.entry-hamburger .hamburger span{height:3px;background:currentColor}.card-settings .entry-logo-area{height:80px;width:100%;display:flex;align-items:center;justify-content:center}.card-settings .entry-logo-box{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:transparent}.card-settings .entry-logo-img{width:64px;height:64px;max-width:64px;max-height:64px;object-fit:contain;display:block}.card-settings .entry-logo-placeholder{width:64px;height:64px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:10px;color:currentColor}.card-settings .entry-business-name-row{height:40px;display:flex;align-items:center;justify-content:center;width:100%}.card-settings .entry-business-title{font-size:24px;font-weight:600;text-align:center}.card-settings .entry-subtitle-row{height:30px;display:flex;align-items:center;justify-content:center;width:100%}.card-settings .entry-subtitle{font-size:18px;font-weight:600;text-align:center;color:inherit;-webkit-text-fill-color:currentColor}.card-settings .entry-phone-panel{height:50px;width:100%;display:flex;align-items:center;justify-content:center;padding:8px 16px}.card-settings .entry-phone-panel-inner{display:flex;align-items:center;width:100%;max-width:256px;border:1px solid #E5E5E5;border-radius:14px;overflow:hidden;background:transparent;flex-direction:row-reverse}.card-settings .entry-phone-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:currentColor;position:relative}.card-settings .entry-phone-hand-img{width:22px;height:22px;display:block;object-fit:contain;filter:brightness(0) invert(1)}.card-settings .entry-phone-number{flex:1;display:flex;align-items:center;justify-content:center;height:44px}.card-settings .entry-phone-text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:18px;color:currentColor}.card-settings .entry-register-row{height:25px;display:flex;align-items:center;justify-content:center;width:100%}.card-settings .entry-register-text{font-size:10px;color:#000;text-align:center}.card-settings .entry-register-text .entry-register-link{color:currentColor;-webkit-text-fill-color:currentColor}.card-settings .entry-image-area{flex:1;width:100%;display:flex;align-items:center;justify-content:center;padding:16px}.card-settings .entry-image-placeholder{width:100%;max-width:280px;height:128px;border:2px dashed #D1D5DB;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center}.card-settings .entry-image-line{font-size:12px;color:#9ca3af;margin:0}.card-settings .entry-hero-img{max-width:100%;max-height:180px;object-fit:contain}.card-settings .entry-credit-row{height:20px;display:flex;align-items:center;justify-content:center;width:100%}.card-settings .entry-credit-text{font-size:8px;color:inherit;-webkit-text-fill-color:currentColor}.card-settings .entry-bottom-safe{height:4px;width:100%}.entry-logo{width:51px!important;height:51px!important;object-fit:contain}.entry-business-name{font-size:28px;font-weight:700;margin-top:-30px}.entry-main-title{font-size:18px;font-weight:600;margin-top:-30px}.card-header{text-align:center;margin-bottom:24px}.card-header .business-name{font-size:20px;font-weight:700;margin:0 0 8px}.card-header .welcome-msg{font-size:14px;margin:0;opacity:.9}.punch-progress{margin:8px 12px 10px;position:relative}.progress-text{font-size:14px;font-weight:700;margin-bottom:6px}.progress-text.top-right,.progress-bar,.progress-bar.thin,.progress-fill{display:none}.punch-grid-wrap{height:220px;overflow:hidden;position:relative}.punch-grid{margin:12px 10px 8px;display:grid;gap:22px 8px;justify-items:center}.card-settings .punch-grid{row-gap:17px}.card-settings .punch-grid .punch-icon:nth-child(n+5){transform:translateY(-5px)}.card-preview .punch-grid-wrap{transform:translateY(-65px)!important}.card-settings .punch-row{display:flex;justify-content:center;gap:0;margin-bottom:-64px}.card-settings .punch-row:last-child{margin-bottom:0}.card-settings .punch-row.overlap{margin-top:0}.card-settings .punch-icon{display:flex;align-items:center;justify-content:center;background:transparent!important;box-shadow:none!important;border:none!important}.card-settings .punch-icon.punched,.card-settings .punch-icon.unpunched{opacity:1}.card-settings .punch-status{font-size:18px;text-align:center;margin-top:16px}.card-preview .punch-status,.card-preview .benefit-text,.card-preview .prepaid-text,.card-preview .expiry-info{text-align:center!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}.card-settings .punch-double-wrap{transform:translateY(5px)}.card-settings .punch-double-wrap .punch-status-only{transform:translateY(10px)}.top-icons{position:relative;height:46px;transform:none;z-index:2}.top-icon{position:absolute;top:8px;width:36px;height:28px;object-fit:contain}.icon-mask{display:inline-block;background-repeat:no-repeat;background-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.top-icon.mail{right:8px}.top-icon.center{left:50%;transform:translate(-50%)}.hamburger-wrap{position:absolute;top:13px;left:8px}.hamburger{position:relative;top:1.5px;left:0;width:25.5px;height:17px;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;height:2px;background:currentColor}.logo-and-titles{display:flex;flex-direction:column;align-items:center;margin-top:8px}.entry-logo{width:170px;height:170px;object-fit:contain}.entry-business-name{font-size:18px;font-weight:600;margin-top:-45px;margin-bottom:4px;text-align:center}.entry-main-title{font-size:22px;font-weight:700;margin-top:60px;margin-bottom:8px;text-align:center}.card-preview .logo-and-titles .entry-main-title{transform:translateY(-45px)}.card-preview .logo-and-titles .entry-logo{transform:translateY(-27px)}.card-preview .logo-and-titles .entry-business-name{transform:translateY(20px)}.benefit-text{text-align:center;font-size:16px;margin-top:6px}.prepaid-text{text-align:center;font-size:14px;margin-top:4px}.card-settings .punch-icon-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:transparent!important;border:none!important;box-shadow:none!important;position:relative}.card-settings .punch-icon-content img{width:22.5px;height:22.5px;object-fit:contain}.card-settings .punch-icon-content .punch-overlay{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:105%;height:105%;pointer-events:none}.card-settings .icon-scale-2x .punch-grid{transform:none}.card-settings .icon-scale-2x .punch-icon-content{transform:scale(2.3);transform-origin:center}.card-settings .icon-scale-2x .punch-icon{height:50px}.bonus-section{padding:16px;border:2px dashed rgba(255,255,255,.3);border-radius:12px;text-align:center;margin-bottom:20px}.bonus-section.completed{border:none;background:#1d956b;color:#fff}.bonus-icon{font-size:32px;margin-bottom:8px}.bonus-text h4{margin:0 0 4px;font-size:16px}.bonus-text p{margin:0 0 8px;font-size:14px}.bonus-text small{font-size:12px;opacity:.8}.claim-btn{background:#fff3;border:none;border-radius:8px;color:#fff;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px}.claim-btn:hover{background:#ffffff4d}.products-section{margin-bottom:20px}.products-section h5{font-size:14px;margin:0 0 8px;font-weight:600}.products-list{display:flex;flex-wrap:wrap;gap:6px}.product-tag{background:#ffffff1a;color:#ffffffe6;padding:4px 8px;border-radius:12px;font-size:12px}.card-footer{border-top:1px solid rgba(255,255,255,.2);padding-top:16px;text-align:center}.prepay-offer{font-size:13px;font-weight:600;margin-bottom:8px}.expiry-info{font-size:12px}.expiry-info.centered{text-align:center}.preview-info{text-align:center;color:#fffc}.preview-info p{font-size:12px;margin:0 0 16px;line-height:1.4}.demo-controls label{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffffe6}.punch-slider{flex:1;margin:0 8px}.punch-slider::-webkit-slider-track{background:#fff3;height:4px;border-radius:2px}.punch-slider::-webkit-slider-thumb{background:#1d956b;width:16px;height:16px;border-radius:50%;cursor:pointer}.phone-frame input[type=range],.phone-screen input[type=range],.card-preview input[type=range]{display:none!important}.btn-icon-picker{background:transparent;border:1px solid #ffffff;border-radius:8px;color:#fff;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}.btn-icon-picker:hover{filter:brightness(1.08)}.icon-picker-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.icon-picker-content{background:#1f2937;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:20px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.icon-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.16)}.icon-picker-header h5{color:#fff;font-size:16px;margin:0}.icon-picker-close{background:#dc2626cc;border:none;border-radius:50%;width:28px;height:28px;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-picker-close:hover{background:#dc2626}.icon-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.icon-picker-item{background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:12px;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;height:50px}.icon-picker-item:hover{background:#1d956b4d;border-color:#1d956b;transform:scale(1.1)}.logo-upload-section{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.logo-upload-label{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border:2px dashed rgba(255,255,255,.3);border-radius:8px;cursor:pointer;overflow:hidden;transition:border-color .2s ease}.logo-upload-label:hover{border-color:#1d956b}.logo-preview-img{width:100%;height:100%;object-fit:cover}.logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff9;font-size:12px;text-align:center}.logo-placeholder span:first-child{font-size:24px}.btn-remove-logo{background:#dc2626cc;border:none;border-radius:6px;color:#fff;padding:8px 12px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px}.btn-remove-logo:hover{background:#dc2626}.card-modal-preview{margin:16px 12px;border-radius:16px;padding:8px;min-height:400px}.card-settings .modal-overlay{background:#0000004d;padding:4px;border-radius:8px;height:100%}.card-settings .modal-content{background:#ffffff0d;border-radius:12px;padding:12px;position:relative;height:100%;overflow-y:auto}.card-settings .close-button{position:absolute;top:8px;left:8px;background:#ffffff1a;border:none;border-radius:50%;width:24px;height:24px;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.card-settings .customer-info{text-align:center;margin-bottom:16px;padding-top:20px}.card-settings .customer-info h2{color:#fff;font-size:16px;margin:0 0 4px}.card-settings .customer-info p{color:#ffffffb3;font-size:12px;margin:0}.card-settings .punch-card-display{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;margin-bottom:12px}.business-branding{border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px;margin-top:8px;display:flex;align-items:center;gap:8px}.card-business-logo{width:20px;height:20px;border-radius:4px;object-fit:cover}.card-business-info h3{color:#1d956b;font-size:12px;margin:0}.card-business-info p{color:#fff9;font-size:10px;margin:2px 0 0}.card-settings .action-buttons-preview{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.card-settings .action-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;padding:8px 4px;font-size:10px;text-align:center;font-weight:600;cursor:pointer}.card-settings .action-btn.punch-btn{background:#1d956b;border-color:#1d956b}.card-settings .action-btn.cancel-btn{background:#dc2626cc;border-color:#dc2626cc}.completion-message{border-radius:8px;padding:12px;text-align:center;color:#fff}.completion-icon{font-size:24px;margin-bottom:8px}.completion-text h4{margin:0 0 4px;font-size:14px}.completion-text p{margin:0;font-size:12px}.system-settings{padding:16px;color:#fff;height:100%;overflow-y:auto}.user-management-modal{background:#1f2937fa;border:1px solid rgba(255,255,255,.16);border-radius:12px;width:90vw;max-width:1200px;max-height:80vh;display:flex;flex-direction:column}.table-title-header{text-align:center;padding:12px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.12)}.table-title-header h6{color:#fffffff2;margin:0;font-size:16px;font-weight:600}.user-management-modal .bm-table thead th{background:#6b7280f2!important;color:#fffffff2!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.12);position:relative}.modal-header h5{color:#fff;font-size:18px;font-weight:700;margin:0;position:absolute;left:50%;transform:translate(-50%)}.close-modal-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fffffff2;font-size:20px;cursor:pointer;padding:8px 12px;border-radius:6px;font-weight:700;margin-left:auto}.close-modal-btn:hover{background:#ffffff26;color:#fff}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px;border-top:1px solid rgba(255,255,255,.12)}.user-modal-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px 10px;color:#fffffff2;font-size:13px;width:100%;min-width:120px}.user-modal-input:focus{outline:none;border-color:#236669;background:#ffffff14}.user-modal-input::placeholder{color:#fff6}.user-modal-select{background:#1f2937f2;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px 10px;color:#fffffff2;font-size:13px;width:100%}.user-modal-select:focus{outline:none;border-color:#236669;background:#1f2937fa}.user-modal-select option{background:#1f2937fa;color:#fffffff2}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .password-input{padding-right:35px}.password-toggle{position:absolute;right:8px;background:none;border:none;color:#fff9;cursor:pointer;padding:2px;font-size:14px;border-radius:3px}.password-toggle:hover{background:#ffffff1a;color:#fffc}.action-buttons{display:flex;gap:8px;align-items:center;justify-content:center;height:100%}.action-icon{width:16px;height:16px;object-fit:contain;vertical-align:middle}.edit-user-btn{background:transparent;border:none;color:#ffffffb3;border-radius:4px;padding:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;min-height:28px;min-width:28px}.edit-user-btn:hover{background:#ffffff1a;color:#ffffffe6}.remove-user-btn{background:transparent;border:none;color:#ffffffb3;border-radius:4px;padding:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;min-height:28px;min-width:28px}.remove-user-btn:hover{background:#ffffff1a;color:#ffffffe6}.notification-popup{position:fixed;top:20px;right:20px;background:#236669;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:10000;font-size:14px;font-weight:500;animation:slideInFromTop .3s ease-out}.notification-popup.error{background:#ef4444e6}@keyframes slideInFromTop{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.bm-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.22);color:#ffffffe6;border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer;text-decoration:none;display:inline-block}.bm-btn.primary-gray{background:#6b7280e6;border:1px solid rgba(255,255,255,.35);color:#fff}.bm-btn.primary-gray:hover{filter:brightness(1.1)}.x-button-wrapper{position:absolute;left:20px;top:50%;transform:translateY(-50%);z-index:10}.close-modal-btn-isolated{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fffffff2;font-size:20px;cursor:pointer;padding:8px 12px;border-radius:6px;font-weight:700}.close-modal-btn-isolated:hover{background:#ffffff26;color:#fff}.users-table tbody tr{height:70px}.users-table tbody td{vertical-align:top;padding-top:8px}.email-input-container{position:relative;width:100%}.user-modal-input[type=email]{margin-bottom:0!important;width:100%;height:32px}.email-verification-status{position:absolute;top:35px;left:0;right:0;height:16px;font-size:11px;text-align:right;padding-right:4px}.needs-verification-text{color:#dc2626;font-size:11px}.verified-text{color:#16a34a;font-size:11px;font-weight:700}.notification-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;padding:20px 30px;border-radius:12px;font-size:16px;font-weight:600;text-align:center;min-width:300px;max-width:500px;box-shadow:0 10px 25px #0000004d;animation:notification-fade-in .3s ease-out}.notification-popup.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:2px solid #34d399}.notification-popup.error{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:2px solid #f87171}@keyframes notification-fade-in{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;max-width:1400px;margin:0 auto;min-height:100%}.settings-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:20px}.section-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.16)}.form-group{margin-bottom:16px}.form-group label{color:#ffffffe6;font-size:14px;margin-bottom:6px;font-weight:600;display:block}.form-input,.form-select{background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#fff;padding:10px 12px;font-size:14px;width:100%}.form-input:focus,.form-select:focus{outline:none;border-color:#1d956b;box-shadow:0 0 0 2px #1d956b33}.form-select option{background:#1f2937;color:#fff}.backup-status{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px;margin-bottom:16px}.status-info{display:flex;justify-content:space-between;align-items:center}.status-item{display:flex;flex-direction:column;gap:4px}.status-label{color:#ffffffb3;font-size:12px}.status-value{color:#fff;font-size:14px;font-weight:600}.status-indicator{display:flex;align-items:center;gap:6px;font-size:12px}.status-indicator.success{color:#10b981}.indicator-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.backup-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.btn-backup{background:linear-gradient(180deg,#1d956b,#106d56);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:12px 20px;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;justify-content:center;box-shadow:0 2px 6px #0000004d inset,0 2px 8px #00000040}.btn-backup:disabled{opacity:.6;cursor:not-allowed}.btn-backup:hover:not(:disabled){filter:brightness(1.05)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.backup-note{text-align:center}.backup-note small{color:#fff9;font-size:11px}.import-export-section{display:flex;flex-direction:column;gap:24px}.action-group{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}.action-group:last-child{border-bottom:none;padding-bottom:0}.action-group h5{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.action-description{color:#fffc;font-size:13px;margin:0 0 12px;line-height:1.4}.btn-export,.btn-import{background:#1d956b33;border:1px solid rgba(29,149,107,.4);border-radius:8px;color:#1d956b;padding:10px 16px;cursor:pointer;font-weight:600;font-size:14px}.btn-export:hover,.btn-import:hover{background:#1d956b4d;border-color:#1d956b99}.import-controls{display:flex;gap:12px;align-items:center}.file-input{display:none}.file-label{background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#ffffffe6;padding:10px 16px;cursor:pointer;font-size:14px;display:inline-block}.file-label:hover{background:#ffffff1f}.file-info{margin-top:8px}.file-info small{color:#fff9;font-size:12px}.format-instructions{margin-top:16px}.format-instructions details{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px}.format-instructions summary{color:#ffffffe6;font-weight:600;cursor:pointer;font-size:13px}.instructions-content{margin-top:12px;color:#fffc;font-size:12px}.instructions-content h6{color:#fff;margin:8px 0 4px;font-size:13px}.instructions-content ul{margin:0 0 8px;padding-right:16px}.instructions-content li{margin-bottom:2px}.notification-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-size:14px;cursor:pointer}.communication-templates{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.communication-templates h5{color:#fff;font-size:16px;margin:0 0 12px}.template-actions{display:flex;flex-direction:column;gap:8px}.btn-template{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffe6;padding:10px 12px;text-align:right;cursor:pointer;font-size:13px}.btn-template:hover{background:#ffffff14;border-color:#ffffff40}.api-key-section{margin-top:16px}.api-key-section label{display:block;margin-bottom:8px}.api-key-controls{display:flex;gap:8px;align-items:center}.api-key-input{flex:1;font-family:monospace}.btn-toggle,.btn-copy{background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:6px;color:#fffc;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.btn-toggle:hover,.btn-copy:hover{background:#ffffff1f;color:#fff}.api-key-note{color:#fff9;font-size:11px;margin-top:6px;display:block}.permissions-overview{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.permissions-overview h5{color:#fff;font-size:16px;margin:0 0 12px}.permission-summary{display:flex;justify-content:flex-start;gap:20px;margin-bottom:16px}.permission-item{display:flex;flex-direction:column;align-items:center;gap:4px}.permission-role{color:#fffc;font-size:12px}.permission-count{color:#fff;font-size:18px;font-weight:700}.btn-manage-permissions{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffe6;padding:10px 16px;cursor:pointer;font-size:14px;width:100%}.btn-manage-permissions:hover{background:#ffffff14;border-color:#ffffff40}.integration-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:10px;margin-bottom:12px}.integration-info h5{color:#fff;font-size:15px;margin:0 0 4px}.integration-info p{color:#ffffffb3;font-size:12px;margin:0;line-height:1.3}.integration-controls{min-width:150px}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff3;border-radius:26px;transition:.4s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fffc;border-radius:50%;transition:.4s}.toggle-switch input:checked+.toggle-slider{background-color:#1d956b}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px);background-color:#fff}.system-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.info-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-label{color:#ffffffb3;font-size:13px}.info-value{color:#fff;font-size:13px;font-weight:600}.info-value.status-online{color:#10b981}.system-actions{display:flex;gap:12px}.btn-update-check,.btn-support{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffe6;padding:10px 16px;cursor:pointer;font-size:13px;flex:1}.btn-update-check:hover,.btn-support:hover{background:#ffffff14;border-color:#ffffff40}.form-actions{display:flex;gap:12px;justify-content:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}.btn-save{background:linear-gradient(180deg,#1d956b,#106d56);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:12px 32px;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 2px 6px #0000004d inset,0 2px 8px #00000040}.btn-save:hover{filter:brightness(1.05)}.btn-cancel{background:#ffffff14;border:1px solid rgba(255,255,255,.22);color:#fffc;border-radius:12px;padding:12px 32px;font-weight:600;font-size:14px;cursor:pointer}.btn-cancel:hover{background:#ffffff1f;color:#fff}.email-verification-modal{background:#1f2937fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:0;max-width:500px;width:90%;margin:0 auto;box-shadow:0 20px 40px #00000080}.email-verification-modal .modal-body{padding:32px;text-align:center;direction:rtl}.email-verification-modal .verification-message{margin-bottom:32px}.email-verification-modal .verification-message p{font-size:16px;line-height:1.6;color:#fff;margin:0;text-align:right;direction:rtl}.email-verification-modal .modal-footer{display:flex;justify-content:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.email-verification-modal .confirm-btn{background:linear-gradient(135deg,#236669,#2dd4bf);color:#fff;border:none;border-radius:12px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center;display:flex;align-items:center;justify-content:center}.email-verification-modal .confirm-btn:hover{background:linear-gradient(135deg,#1f5658,#26baa4);transform:translateY(-2px);box-shadow:0 8px 20px #2366694d}@media (min-width: 768px) and (max-width: 1024px){.system-settings{padding:14px}.settings-grid{grid-template-columns:1fr;gap:20px}.settings-section{padding:16px}.section-title{font-size:16px;margin-bottom:14px}.backup-status{padding:14px;margin-bottom:14px}.status-info{flex-direction:column;gap:12px;align-items:flex-start}.btn-backup{padding:10px 18px;font-size:13px}.import-export-section{gap:20px}.action-group{padding-bottom:14px}.action-group h5{font-size:15px}.import-controls{flex-wrap:wrap;gap:10px}.btn-export,.btn-import{padding:9px 14px;font-size:13px}.notification-settings{grid-template-columns:repeat(2,1fr);gap:10px}.template-actions{gap:6px}.btn-template{padding:9px 10px;font-size:12px}.api-key-controls{gap:6px}.btn-toggle,.btn-copy{width:32px;height:32px;font-size:13px}.permissions-overview{padding-top:16px}.permission-summary{margin-bottom:14px}.permission-count{font-size:16px}.integration-item{flex-direction:column;gap:12px;align-items:stretch;padding:14px}.integration-controls{min-width:auto}.toggle-switch{align-self:flex-start}.system-info{grid-template-columns:1fr;gap:8px;margin-bottom:16px}.info-item{padding:6px 0}.system-actions{flex-direction:column;gap:10px}.btn-update-check,.btn-support{padding:9px 14px;font-size:12px}.form-actions{margin-top:24px;padding-top:20px;flex-direction:row;justify-content:center;gap:16px}.btn-save,.btn-cancel{padding:10px 24px;font-size:13px}.format-instructions details{padding:10px}.instructions-content{margin-top:10px;font-size:11px}.instructions-content h6{font-size:12px}}@media (max-width: 767px){.system-settings{padding:12px}.settings-grid{grid-template-columns:1fr;gap:16px}.settings-section{padding:14px}.section-title{font-size:16px;margin-bottom:12px}.form-input,.form-select{padding:12px;font-size:16px}.backup-status{padding:12px;margin-bottom:12px}.status-info{flex-direction:column;gap:10px;align-items:flex-start}.status-item{width:100%}.status-indicator{align-self:flex-end}.backup-actions{gap:10px;margin-top:14px}.btn-backup{padding:12px 16px;font-size:14px}.import-export-section{gap:18px}.action-group{padding-bottom:12px}.action-group h5{font-size:15px;margin-bottom:6px}.action-description{font-size:12px;margin-bottom:10px}.import-controls{flex-direction:column;gap:10px;align-items:stretch}.file-label{text-align:center;padding:12px 16px}.btn-export,.btn-import{width:100%;padding:12px 16px;text-align:center}.notification-settings{grid-template-columns:1fr;gap:12px}.checkbox-label{padding:8px;background:#ffffff05;border-radius:8px;font-size:15px}.communication-templates{margin-top:16px;padding-top:16px}.communication-templates h5{font-size:15px;margin-bottom:10px}.template-actions{gap:8px}.btn-template{padding:12px;font-size:14px;text-align:center}.api-key-section{margin-top:14px}.api-key-controls{flex-direction:column;gap:8px;align-items:stretch}.api-key-input{order:1}.btn-toggle,.btn-copy{order:2;width:100%;height:40px;justify-content:center;gap:8px;font-size:14px}.btn-toggle:after{content:attr(data-label)}.btn-copy:after{content:" העתק"}.api-key-note{order:3;text-align:center;margin-top:8px}.permissions-overview{margin-top:16px;padding-top:16px}.permissions-overview h5{font-size:15px;margin-bottom:10px}.permission-summary{justify-content:space-around;margin-bottom:12px}.permission-item{gap:2px}.permission-role{font-size:11px}.permission-count{font-size:16px}.btn-manage-permissions{padding:12px;font-size:14px}.integration-item{flex-direction:column;gap:10px;align-items:stretch;padding:12px}.integration-info{text-align:center}.integration-info h5{font-size:14px;margin-bottom:4px}.integration-info p{font-size:11px}.integration-controls{min-width:auto}.integration-controls .form-select{width:100%;text-align:center}.toggle-switch{align-self:center}.system-info{grid-template-columns:1fr;gap:6px;margin-bottom:14px}.info-item{padding:8px 0;flex-direction:column;gap:4px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}.info-label{font-size:12px}.info-value{font-size:14px}.system-actions{flex-direction:column;gap:10px}.btn-update-check,.btn-support{padding:12px;font-size:14px;text-align:center}.form-actions{flex-direction:column;gap:12px;margin-top:20px;padding-top:16px}.btn-save,.btn-cancel{width:100%;padding:14px 20px;font-size:16px}.format-instructions{margin-top:12px}.format-instructions details{padding:10px}.format-instructions summary{font-size:12px;text-align:center}.instructions-content{margin-top:8px;font-size:11px}.instructions-content h6{font-size:12px;margin:6px 0 3px}.instructions-content ul{padding-right:12px}.form-input:focus,.form-select:focus{transform:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-left:8px}.spinner{width:18px;height:18px}}.backup-manager{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.bm-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:16px}.bm-title{color:#fff;margin:0 0 10px;font-size:16px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:6px}.bm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.bm-toggle{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-size:14px}.bm-status{font-size:12px}.bm-status.on{color:#10b981}.bm-status.off{color:#ef4444}.bm-help{color:#ffffffbf;font-size:12px;margin:0 0 8px}.bm-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px}.bm-field label{color:#ffffffd9;font-size:13px;display:block;margin-bottom:4px}.bm-select{background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#fff;padding:8px 10px;width:100%;font-size:14px}.bm-select option{color:#000!important;background:#fff!important}.bm-substatus{color:#ffffffe6;font-size:12px;margin-top:8px}.bm-actions{margin:8px 0}.bm-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.22);color:#ffffffe6;border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer}.bm-btn:hover{background:#ffffff1f}.bm-btn.primary{background:#236669;border:1px solid rgba(255,255,255,.35);color:#fff}.bm-btn.primary:hover{filter:brightness(1.05)}.bm-inline-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:bm-spin .9s linear infinite}@keyframes bm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bm-inline-status{font-size:12px;line-height:1;padding:6px 8px;border-radius:6px;background:#00000040;color:#fff}.bm-inline-status.success{background:#22c55e40;color:#10b981}.bm-inline-status.error{background:#ef444440;color:#ef4444}.bm-status-line{font-size:13px;margin:6px 0}.bm-status-line.ok{color:#10b981}.bm-status-line.warn{color:#f59e0b}.bm-table-wrap{max-height:260px;overflow-y:auto;border:1px solid rgba(255,255,255,.12);border-radius:8px}.bm-table{width:100%;border-collapse:collapse;font-size:13px}.bm-table th,.bm-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);color:#ffffffe6}.bm-table thead th{position:-webkit-sticky;position:sticky;top:0;background:#1f2937e6;z-index:1}.bm-footer{display:flex;justify-content:flex-end;margin-top:8px}.bm-toast{position:fixed;top:12px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);z-index:9999;font-size:13px}.bm-toast.success{background:#10b981e6}.bm-toast.error{background:#ef4444e6}.bm-toast.info{background:#3b82f6e6}.bm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:10000}.bm-modal{background:#1f2937fa;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:16px;width:420px;max-width:calc(100% - 24px)}.bm-modal h6{color:#fff;font-size:15px;margin:0 0 10px}.bm-modal .bm-modal-row{display:flex;align-items:center;gap:8px;margin:8px 0;color:#ffffffe6;font-size:14px}.bm-modal .bm-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}@media (min-width: 768px) and (max-width: 1024px){.backup-manager{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.bm-table-wrap{max-height:240px}}@media (max-width: 767px){.backup-manager{grid-template-columns:1fr;gap:12px}.bm-grid{grid-template-columns:1fr}.bm-table-wrap{max-height:220px}}.terms-privacy-container{max-width:1200px;margin:0 auto;padding:2rem;background:transparent;direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#fff;height:100%;overflow-y:auto}.terms-tabs{margin-top:.5rem;margin-bottom:1.5rem}.terms-tabs-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.terms-tab-button{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.16);padding:10px 14px;border-radius:10px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.terms-tab-button:hover{background:#ffffff24}.terms-tab-button.active{background:#236669;border-color:#236669;color:#fff;font-weight:600}.terms-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.16)}.terms-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.update-date{color:#fffc;font-size:1.1rem;font-weight:500;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:20px;display:inline-block}.terms-content{display:flex;flex-direction:column;gap:2.5rem}.terms-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.16);padding:2rem;border-radius:14px;transition:background .2s ease}.terms-section:hover{background:#ffffff0f}.terms-section h2{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.16)}.terms-section h3{color:#ffffffe6;font-size:1.4rem;font-weight:600;margin:1.5rem 0 1rem}.terms-section p{color:#fffc;font-size:1.1rem;margin-bottom:1rem;text-align:justify}.terms-section ul{margin:1rem 0;padding-right:1.5rem}.terms-section li{color:#fffc;font-size:1.1rem;margin-bottom:.8rem;line-height:1.7}.terms-section li strong{color:#1d956b;font-weight:600}.sub-list{margin-top:.5rem;margin-bottom:1rem;padding-right:1.5rem}.sub-list li{font-size:1rem;margin-bottom:.5rem;color:#ffffffb3}.pricing-info{background:#ffffff05;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:12px;margin:1rem 0}.price-main{font-size:1.3rem;color:#fff!important;text-align:center;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.16)!important;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.package-details{background:#ffffff05;border:1px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:8px;margin:1rem 0}.package-details ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.package-details li{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffffe6;padding:.8rem;border-radius:6px;font-size:1rem;margin-bottom:0}.package-details li:before{content:"✓";color:#1d956b;font-weight:700;margin-left:.5rem}.pricing-note{font-size:.95rem;color:#ffffffb3;font-style:italic;text-align:center;margin-top:1.5rem;padding:1rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px}.backup-highlight{color:#fff!important;font-weight:700!important}@media screen and (min-width: 768px) and (max-width: 1024px){.terms-privacy-container{max-width:95%;padding:1.5rem;margin:1rem auto;color:#fff}.terms-header h1{font-size:2.2rem;line-height:1.3}.update-date{font-size:1rem}.terms-content{gap:2rem}.terms-section{padding:1.5rem}.terms-section h2{font-size:1.6rem}.terms-section h3{font-size:1.3rem}.terms-section p,.terms-section li{font-size:1rem}.package-details ul{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.4rem}.package-details li{padding:.6rem;font-size:.95rem}.pricing-info{padding:1.5rem}.pricing-info p:first-child{font-size:1.2rem;padding:.8rem}.confirmation-box{padding:1.5rem}.confirmation-box h3{font-size:1.4rem}.confirmation-box p{font-size:1rem}.terms-tabs{margin:.5rem 0 1rem}.terms-tabs-scroll{gap:8px}.terms-tab-button{padding:10px 14px;font-size:14px}}@media screen and (max-width: 767px){.terms-privacy-container{max-width:100%;padding:1rem;margin:.5rem;border-radius:8px;color:#fff}.terms-header{margin-bottom:2rem;padding-bottom:1.5rem}.terms-header h1{font-size:1.8rem;line-height:1.2;margin-bottom:.8rem}.update-date{font-size:.9rem;padding:.4rem .8rem}.terms-content{gap:1.5rem}.terms-section{padding:1rem;border-radius:8px;border-right:3px solid #236669}.terms-section h2{font-size:1.4rem;margin-bottom:1rem}.terms-section h3{font-size:1.2rem;margin:1rem 0 .8rem}.terms-section p{font-size:.95rem;text-align:right;line-height:1.6}.terms-section li{font-size:.95rem;line-height:1.6;margin-bottom:.6rem}.terms-section ul,.sub-list{padding-right:1rem}.sub-list li{font-size:.9rem}.pricing-info{padding:1rem;border-radius:8px}.pricing-info p:first-child{font-size:1.1rem;padding:.8rem;margin-bottom:1rem}.package-details{padding:1rem}.package-details ul{grid-template-columns:1fr;gap:.3rem}.package-details li{padding:.6rem;font-size:.9rem;border-radius:4px}.pricing-note{font-size:.85rem;padding:.8rem;margin-top:1rem}.terms-section:hover{transform:none}.terms-section li strong{display:block;margin-bottom:.2rem}@media screen and (max-width: 480px){.terms-privacy-container{margin:.2rem;padding:.8rem}.terms-header h1{font-size:1.6rem}.terms-section{padding:.8rem}.terms-section h2{font-size:1.3rem}.terms-section p,.terms-section li{font-size:.9rem}}.terms-tabs{margin:.5rem 0 1rem}.terms-tabs-scroll{gap:6px;overflow-x:auto}.terms-tab-button{padding:8px 12px;font-size:13px}}.help-support-container{max-width:1200px;margin:0 auto;padding:2rem;background:transparent;direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;height:100%;overflow-y:auto}.help-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.16)}.help-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3);text-align:center!important}.help-subtitle{color:#fffc;font-size:1.2rem;font-weight:400;margin:0 0 1.5rem;text-align:center!important;display:block;width:100%}.ai-description{background:#ffffff0a;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:1.5rem;margin-top:1.5rem;max-width:800px;margin-left:auto;margin-right:auto;text-align:center!important;direction:rtl}.ai-description p{color:#ffffffe6;font-size:1rem;margin:0;line-height:1.6;text-align:center!important;direction:rtl}.help-buttons-grid{display:grid;grid-template-columns:1fr;gap:1rem;max-width:600px;margin:0 auto}.help-button{background:#ffffff0a;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:1rem;font-family:inherit;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem;text-align:center;min-height:60px}.help-button:hover{background:#ffffff0f;border-color:#ffffff40}.button-icon{font-size:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.button-content{flex:1;text-align:center}.button-content h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .2rem;line-height:1.3}.button-content p{color:#fffc;font-size:.8rem;margin:0;line-height:1.4}.billing-button .button-icon{background:#ffc10726;border-color:#ffc1074d}.guide-button .button-icon{background:#007bff26;border-color:#007bff4d}.troubleshoot-button .button-icon{background:#ff572226;border-color:#ff57224d}@media screen and (min-width: 768px) and (max-width: 1024px){.help-support-container{max-width:95%;padding:1.5rem;margin:1rem auto}.help-header h1{font-size:2.2rem;line-height:1.3;text-align:center!important}.help-subtitle{font-size:1.1rem;text-align:center!important;display:block;width:100%}.help-buttons-grid{gap:1rem;max-width:500px}.help-button{padding:1rem;min-height:50px;gap:1rem}.button-icon{font-size:1.3rem;width:35px;height:35px}.button-content h3{font-size:.95rem}.button-content p{font-size:.75rem}.ai-description{padding:1.2rem;text-align:center!important;direction:rtl}.ai-description p{font-size:.95rem;text-align:center!important;direction:rtl}}@media screen and (max-width: 767px){.help-support-container{max-width:100%;padding:1rem;margin:.5rem}.help-header{margin-bottom:2rem;padding-bottom:1.5rem}.help-header h1{font-size:1.8rem;line-height:1.2;margin-bottom:.8rem;text-align:center!important}.help-subtitle{font-size:1rem;text-align:center!important;display:block;width:100%}.help-buttons-grid{gap:.8rem;max-width:100%}.help-button{padding:.8rem;min-height:40px;gap:.8rem;flex-direction:row;text-align:center}.button-icon{font-size:1.2rem;width:30px;height:30px}.button-content{text-align:center}.button-content h3{font-size:.9rem;margin-bottom:.2rem}.button-content p{font-size:.7rem;line-height:1.3}.ai-description{padding:1rem;text-align:center!important;direction:rtl}.ai-description p{font-size:.85rem;line-height:1.5;text-align:center!important;direction:rtl}@media screen and (max-width: 480px){.help-support-container{padding:.8rem;margin:.2rem}.help-header h1{font-size:1.6rem;text-align:center!important}.help-button{padding:.7rem;min-height:35px}.button-icon{font-size:1rem;width:25px;height:25px}.button-content h3{font-size:.8rem}.button-content p{font-size:.65rem}}}.drive-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:999999;display:flex;align-items:center;justify-content:center}.drive-modal{background:#7f1d1d;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:10px;width:90%;max-width:380px;padding:16px;box-shadow:0 18px 48px #00000059}.drive-modal h6{margin:0 0 12px;font-size:16px;font-weight:700;text-align:center}.drive-modal-actions{display:flex;gap:8px;justify-content:center}.drive-btn{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:8px 12px;cursor:pointer}.drive-btn.primary{background:#236669;border-color:#fff;border-width:1px;font-weight:700}.drive-toast-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000000;pointer-events:none}.drive-toast{color:#fff;border-radius:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 24px #00000040;max-width:90%;text-align:center}.drive-toast.success{background:#236669}.drive-toast.error{background:#7f1d1d}.email-verification-container{min-height:100vh;background:linear-gradient(135deg,#17a2b8,#20c997);display:flex;align-items:center;justify-content:center;padding:10px;font-family:Arial,sans-serif;direction:rtl;box-sizing:border-box}.verification-card{background:linear-gradient(135deg,#17a2b8,#20c997);color:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:90vw;width:100%;max-height:95vh;overflow-y:auto;overflow-x:hidden;animation:slideUp .6s ease-out;box-sizing:border-box}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-header{background:linear-gradient(135deg,#236669,#1a4d50);color:#fff;padding:20px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;box-sizing:border-box}.logo-image{max-height:120px;width:auto;display:block;margin:0 auto}.logo{font-size:32px;font-weight:700;letter-spacing:2px}.card-content{padding:30px 20px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #236669;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon,.error-icon{font-size:60px;margin-bottom:20px}.success-icon{color:#4caf50}.error-icon{color:#f44336}h2{color:#fff;margin-bottom:15px;font-size:28px;text-shadow:0 2px 4px rgba(0,0,0,.3)}p{color:#fff;line-height:1.6;margin-bottom:15px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.user-details{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:20px;margin:20px 0;text-align:right;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-details h3{color:#fff;margin-bottom:15px;font-size:20px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.detail-item{margin-bottom:10px;padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:5px;color:#fff;direction:rtl}.detail-content{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start;width:100%;text-align:right;direction:rtl}.detail-label{font-weight:700;color:#fff;margin-left:8px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3)}.detail-value{color:#fff;flex:1;text-align:right;text-shadow:0 1px 2px rgba(0,0,0,.2)}.success-message{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;padding:15px;border-radius:8px;margin:20px 0;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.error-help{background:#ffebee;border:1px solid #f44336;border-radius:8px;padding:20px;margin:20px 0;text-align:right}.error-help h4{color:#d32f2f;margin-bottom:10px}.error-help ul{text-align:right;color:#666}.error-help li{margin-bottom:8px}.return-button{background:linear-gradient(135deg,#236669,#1a4d50);color:#fff;border:none;padding:15px 40px;border-radius:25px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;display:block;margin:20px auto;min-width:200px}.return-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #2366694d}.return-button.error{background:linear-gradient(135deg,#f44336,#d32f2f)}.return-button.error:hover{box-shadow:0 10px 20px #f443364d}.card-footer{background:#0000001a;padding:20px;text-align:center;color:#fffc;font-size:14px;border-top:1px solid rgba(255,255,255,.2)}.card-footer p{margin:5px 0;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 600px){.email-verification-container{padding:5px;min-height:100vh;min-height:-webkit-fill-available}.verification-card{margin:5px;max-width:95vw;max-height:98vh;max-height:-webkit-fill-available;border-radius:15px;-webkit-backdrop-filter:blur(10px)}.card-header{padding:15px;gap:8px}.logo-image{max-height:80px}.card-content{padding:20px 15px}h2{font-size:22px;margin-bottom:10px}.logo{font-size:24px}.return-button{padding:12px 25px;font-size:16px;margin-top:15px;margin-bottom:15px}.user-details{margin:15px 0;padding:15px}.card-footer{padding:15px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}html,body{direction:ltr!important;text-align:left!important}body *:not(code):not(pre):not(.force-ltr){unicode-bidi:plaintext!important}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus,div[contenteditable=true],span[contenteditable=true],p[contenteditable=true]{unicode-bidi:plaintext!important;text-align:start!important}*:lang(he),[dir=rtl],.hebrew-text{direction:rtl!important;text-align:right!important;unicode-bidi:embed!important}body,*{font-family:Assistant,Open Sans Hebrew,Rubik,Heebo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*:not(input):not(textarea):not(button):not(code):not(pre){unicode-bidi:plaintext}input,textarea{unicode-bidi:plaintext;direction:ltr}*[dir]:not([dir=""]){direction:attr(dir)}input[type=text],input[type=password],input[type=email],input[type=number],textarea{unicode-bidi:plaintext;text-align:start}.business-name,.customer-name,.hebrew-content,.menu-item-text,.button-text,.modal-title,.form-label{direction:rtl;text-align:right;unicode-bidi:embed}button,.btn{text-align:center}button .hebrew-text,.btn .hebrew-text,button:lang(he),.btn:lang(he){direction:rtl;unicode-bidi:embed}.modal-content,.auth-modal,.menu-popup,ul,ol,li{unicode-bidi:plaintext}code,pre,.code,.force-ltr{direction:ltr!important;text-align:left!important;unicode-bidi:embed!important}.force-rtl{direction:rtl!important;text-align:right!important;unicode-bidi:embed!important}.force-ltr{direction:ltr!important;text-align:left!important;unicode-bidi:embed!important}.mixed-content{unicode-bidi:plaintext;text-align:start}