@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Cairo:wght@400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#2563eb;--primary-dark:#1e40af;--primary-light:#3b82f6;--secondary-color:#64748b;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#06b6d4;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--border-radius:8px;--transition:all 0.3s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-secondary);color:#0f172a;color:var(--text-primary);font-family:Inter,Cairo,Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Arial Unicode MS,Arial,sans-serif;line-height:1.6}body[dir=rtl]{font-family:Cairo,Tajawal,Tahoma,Arial Unicode MS,Arial,sans-serif}input,select,textarea{font-family:Inter,Cairo,Tajawal,Tahoma,Arial Unicode MS,Arial,sans-serif}body[dir=rtl]{direction:rtl}body[dir=rtl] .container{text-align:right}[dir=rtl] table,[dir=rtl] table td,[dir=rtl] table th{direction:rtl;text-align:right}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:#64748b;background:var(--secondary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#475569;background:var(--text-secondary)}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border-radius:var(--border-radius);font-weight:500;padding:10px 20px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#2563eb;background-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:#1e40af;background-color:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:#64748b;background-color:var(--secondary-color);color:#fff}.btn-secondary:hover:not(:disabled){background-color:#475569}.btn-success{background-color:#10b981;background-color:var(--success-color);color:#fff}.btn-danger{background-color:#ef4444;background-color:var(--danger-color)}.btn-outline{background-color:initial;border:2px solid #2563eb;border:2px solid var(--primary-color);color:#2563eb;color:var(--primary-color)}.btn-outline:hover{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.btn-sm{font-size:12px;padding:6px 12px}.btn-lg{font-size:16px;padding:14px 28px}.btn-full{width:100%}.card{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:24px}.form-label{display:block;margin-bottom:8px}.form-control,.form-label{color:#0f172a;color:var(--text-primary)}.form-control{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:10px 14px;transition:all .3s ease;transition:var(--transition);width:100%}.form-control:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-control:disabled{background-color:#f1f5f9;background-color:var(--bg-tertiary);cursor:not-allowed}.form-error{color:#ef4444;color:var(--danger-color);font-size:12px;margin-top:4px}.alert{border-radius:8px;border-radius:var(--border-radius);font-size:14px;margin-bottom:20px;padding:12px 16px}.alert-success{background-color:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.alert-error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.alert-info{background-color:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.alert-warning{background-color:#fef3c7;border:1px solid #fcd34d;color:#92400e}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mr-1{margin-right:8px}.mr-2{margin-right:16px}.ml-1{margin-left:8px}.ml-2{margin-left:16px}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex;gap:16px}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.app-layout{display:flex}.app-layout,.main-content{background-color:#f8fafc;min-height:100vh}.main-content{flex:1 1;margin-left:280px}[dir=rtl] .main-content{margin-left:0;margin-right:280px}.dashboard-container{padding:24px 32px}@media (max-width:768px){.main-content{padding-top:70px}.main-content,[dir=rtl] .main-content{margin-left:0;margin-right:0}.dashboard-container{padding:16px}}@media (min-width:769px) and (max-width:1024px){.main-content{margin-left:240px}[dir=rtl] .main-content{margin-left:0;margin-right:240px}}.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#2563eb;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@media (max-width:768px){.container{padding:0 16px}.card{padding:16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.dark-mode{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--text-tertiary:#718096;--border-color:#2d3748;--primary-color:#3b82f6;--primary-dark:#2563eb;--primary-light:#60a5fa}body.dark-mode .app-layout,body.dark-mode .main-content{background:#0f172a}body.dark-mode .sidebar{background:#0d1117;border-right:1px solid #1e293b}body.dark-mode .sidebar-logo{border-bottom-color:#ffffff14}body.dark-mode .sidebar-footer{background:#0d1117;border-top-color:#ffffff14}body.dark-mode .top-navbar{background:#1e293b;border-bottom-color:#2d3748}body.dark-mode .search-bar{background:#0f172a;border-color:#334155}body.dark-mode .search-input{color:#e2e8f0}body.dark-mode .search-icon,body.dark-mode .search-input::placeholder{color:#64748b}body.dark-mode .navbar-action-btn{background:#1e293b;border-color:#334155;color:#94a3b8}body.dark-mode .navbar-action-btn:hover{background:#334155;color:#e2e8f0}body.dark-mode .notification-bell{background:#1e293b;border-color:#334155;color:#94a3b8}body.dark-mode .notification-bell:hover{background:#334155;color:#e2e8f0}body.dark-mode .notification-dropdown{background:#1e293b;border-color:#334155}body.dark-mode .notification-header{border-color:#334155}body.dark-mode .notification-header h3{color:#f1f5f9}body.dark-mode .notification-item:hover{background:#334155}body.dark-mode .notification-unread{background:#6366f11a}body.dark-mode .notification-title{color:#f1f5f9}body.dark-mode .notification-message{color:#94a3b8}body.dark-mode .notification-time{color:#64748b}body.dark-mode .notification-footer{border-color:#334155}body.dark-mode .user-dropdown{background:#1e293b;border-color:#334155;box-shadow:0 10px 40px #00000080}body.dark-mode .dropdown-item{color:#cbd5e1}body.dark-mode .dropdown-item:hover{background:#334155}body.dark-mode .language-switcher{background:linear-gradient(135deg,#1e293b,#334155);border-color:#7c3aed4d;color:#a78bfa}body.dark-mode .language-switcher:hover{background:linear-gradient(135deg,#334155,#475569)}body.dark-mode .page-container{color:#e2e8f0}body.dark-mode .page-header h1,body.dark-mode .page-title-section h1{color:#f1f5f9}body.dark-mode .page-header p,body.dark-mode .page-title-section p{color:#94a3b8}body.dark-mode .card,body.dark-mode .custom-report-card,body.dark-mode .dashboard-card,body.dark-mode .recent-reports-card,body.dark-mode .report-card,body.dark-mode .settings-card,body.dark-mode .stat-card{background:#1e293b;border-color:#334155;box-shadow:0 2px 8px #0000004d}body.dark-mode .settings-tabs-container{background:#1e293b;border-color:#334155}body.dark-mode .settings-tab{color:#94a3b8}body.dark-mode .settings-tab:hover{background:#334155;color:#e2e8f0}body.dark-mode .settings-tab.active{background:#0f172a;color:#3b82f6}body.dark-mode .settings-card-header h3{color:#f1f5f9}body.dark-mode .settings-card-header p{color:#94a3b8}body.dark-mode .settings-form label{color:#cbd5e1}body.dark-mode .settings-form input,body.dark-mode .settings-form select,body.dark-mode .settings-form textarea{background:#0f172a;border-color:#334155;color:#e2e8f0}body.dark-mode .settings-form input:focus,body.dark-mode .settings-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}body.dark-mode .settings-form input::placeholder{color:#64748b}body.dark-mode .appearance-item{border-color:#334155}body.dark-mode .appearance-info h4{color:#f1f5f9}body.dark-mode .appearance-info p,body.dark-mode .current-value{color:#94a3b8}body.dark-mode .timezone-select{background:#0f172a;border-color:#334155;color:#e2e8f0}body.dark-mode .notification-section-title{color:#e2e8f0}body.dark-mode .notification-item{border-color:#334155}body.dark-mode .notification-info h5{color:#f1f5f9}body.dark-mode .notification-info p{color:#94a3b8}body.dark-mode .subscription-plan-card{background:#0f172a}body.dark-mode .plan-name{color:#f1f5f9}body.dark-mode .detail-label,body.dark-mode .plan-type{color:#94a3b8}body.dark-mode .detail-value{color:#e2e8f0}body.dark-mode .billing-label{color:#94a3b8}body.dark-mode .billing-value{color:#e2e8f0}body.dark-mode .price-label{color:#94a3b8}body.dark-mode .price-value{color:#f1f5f9}body.dark-mode .usage-bar{background:#334155}body.dark-mode .usage-text{color:#94a3b8}body.dark-mode .loyalty-label{color:#cbd5e1}body.dark-mode .loyalty-input{background:#0f172a;border-color:#334155;color:#e2e8f0}body.dark-mode .loyalty-description{color:#94a3b8}body.dark-mode .loyalty-toggle-title{color:#f1f5f9}body.dark-mode .loyalty-toggle-description{color:#94a3b8}body.dark-mode .loyalty-calculation-example{background:#0f172a;border-color:#334155}body.dark-mode .calculation-title{color:#e2e8f0}body.dark-mode .calculation-line{color:#94a3b8}body.dark-mode .security-section,body.dark-mode .security-section-full{border-color:#334155}body.dark-mode .security-section-title{color:#f1f5f9}body.dark-mode .security-section-description{color:#94a3b8}body.dark-mode .active-session-card{background:#0f172a;border-color:#334155}body.dark-mode .session-title{color:#e2e8f0}body.dark-mode .session-location{color:#94a3b8}body.dark-mode .activity-log-title{color:#e2e8f0}body.dark-mode .activity-log-item{border-color:#334155}body.dark-mode .activity-text{color:#cbd5e1}body.dark-mode .activity-time{color:#64748b}body.dark-mode .danger-zone{background:#ef44440d;border-color:#ef44444d}body.dark-mode .danger-zone-title{color:#f87171}body.dark-mode .danger-zone-description{color:#94a3b8}body.dark-mode .btn-save{background:#3b82f6;color:#fff}body.dark-mode .btn-save:hover{background:#2563eb}body.dark-mode .btn-enable,body.dark-mode .btn-signout-devices,body.dark-mode .btn-upload{background:#334155;border-color:#475569;color:#e2e8f0}body.dark-mode .btn-upgrade{background:#3b82f6;color:#fff}body.dark-mode .btn-billing{background:#334155;border-color:#475569;color:#e2e8f0}body.dark-mode .btn-cancel{border-color:#ef44444d;color:#f87171}body.dark-mode .current-logo{background:#334155;color:#e2e8f0}body.dark-mode .logo-upload{border-color:#334155}body.dark-mode .dashboard-container{color:#e2e8f0}body.dark-mode .dashboard-card h3,body.dark-mode .stat-card h3{color:#f1f5f9}body.dark-mode .dashboard-card p,body.dark-mode .stat-card p{color:#94a3b8}body.dark-mode .stat-value{color:#f1f5f9}body.dark-mode .stat-label{color:#94a3b8}body.dark-mode .report-text h3{color:#f1f5f9}body.dark-mode .report-text p{color:#94a3b8}body.dark-mode .report-icon.red{background:#ef444426}body.dark-mode .report-icon.blue{background:#3b82f626}body.dark-mode .report-icon.yellow{background:#f59e0b26}body.dark-mode .recent-report-item{background:#0f172a;border-color:#334155}body.dark-mode .recent-report-item:hover{background:#1a2640}body.dark-mode .file-icon{background:#3b82f626}body.dark-mode .file-name{color:#e2e8f0}body.dark-mode .file-meta{color:#64748b}body.dark-mode .btn-download{background:#334155;border-color:#475569;color:#94a3b8}body.dark-mode .btn-download:hover{background:#475569;color:#e2e8f0}body.dark-mode .custom-report-header h3{color:#f1f5f9}body.dark-mode .custom-report-header p{color:#94a3b8}body.dark-mode .custom-report-form .form-group label{color:#cbd5e1}body.dark-mode .custom-report-form .form-group input,body.dark-mode .custom-report-form .form-group select{background:#0f172a;border-color:#334155;color:#e2e8f0}body.dark-mode .toggle-hint{color:#64748b}body.dark-mode .btn-generate{background:#3b82f6}body.dark-mode .btn-generate:hover{background:#2563eb}body.dark-mode .btn-export-pdf{background:#3b82f6}body.dark-mode .btn-export-pdf:hover{background:#2563eb}body.dark-mode .btn-print{background:#334155;border-color:#475569;color:#e2e8f0}body.dark-mode .btn-print:hover{background:#475569}body.dark-mode .recent-reports-card h3{color:#f1f5f9}body.dark-mode .reports-empty p{color:#64748b}body.dark-mode .branch-card{background:#1e293b;border-color:#334155}body.dark-mode .branch-name{color:#f1f5f9}body.dark-mode .branch-location{color:#94a3b8}body.dark-mode .inquiry-card,body.dark-mode .inquiry-table-container{background:#1e293b;border-color:#334155}body.dark-mode table thead{background:#0f172a}body.dark-mode table thead th{border-color:#334155;color:#94a3b8}body.dark-mode table tbody td{border-color:#334155;color:#e2e8f0}body.dark-mode table tbody tr:hover{background:#334155}body.dark-mode .modal-overlay{background:#000000b3}body.dark-mode .modal,body.dark-mode .modal-content{background:#1e293b;border-color:#334155;color:#e2e8f0}body.dark-mode .modal-header{border-color:#334155}body.dark-mode .modal-header h2,body.dark-mode .modal-header h3{color:#f1f5f9}body.dark-mode .modal-body label{color:#cbd5e1}body.dark-mode .modal-body input,body.dark-mode .modal-body select,body.dark-mode .modal-body textarea{background:#0f172a;border-color:#334155;color:#e2e8f0}body.dark-mode .modal-footer{border-color:#334155}body.dark-mode .ticket-detail-modal{background:#1e293b}body.dark-mode .ticket-detail-header{border-color:#334155}body.dark-mode .ticket-detail-title{color:#f1f5f9}body.dark-mode .ticket-detail-id{color:#94a3b8}body.dark-mode .ticket-detail-row{border-color:#334155}body.dark-mode .ticket-detail-section-title{color:#e2e8f0}body.dark-mode .ticket-detail-info-item{color:#cbd5e1}body.dark-mode .ticket-detail-icon{color:#64748b}body.dark-mode .ticket-detail-rating-label{color:#94a3b8}body.dark-mode .ticket-detail-message-box{background:#0f172a;border-color:#334155;color:#e2e8f0}body.dark-mode .ticket-detail-close-btn{background:#334155;border-color:#475569;color:#e2e8f0}body.dark-mode .ticket-detail-close-btn:hover{background:#475569}body.dark-mode .assign-modal{background:#1e293b}body.dark-mode .assign-modal-header{border-color:#334155}body.dark-mode .assign-modal-header h3{color:#f1f5f9}body.dark-mode .assign-modal-subtitle{color:#94a3b8}body.dark-mode .agent-select{background:#0f172a;border-color:#334155;color:#e2e8f0}body.dark-mode .btn-cancel{background:#334155;border-color:#475569;color:#e2e8f0}body.dark-mode .respond-modal{background:#1e293b}body.dark-mode .respond-modal-header{border-color:#334155}body.dark-mode .respond-modal-header h3{color:#f1f5f9}body.dark-mode .respond-modal-subtitle{color:#94a3b8}body.dark-mode .respond-modal-label{color:#e2e8f0}body.dark-mode .respond-modal-textarea{background:#0f172a;border-color:#334155;color:#e2e8f0}body.dark-mode .respond-modal-textarea:focus{border-color:#6366f1}body.dark-mode .respond-modal-footer{border-color:#334155}body.dark-mode .feedback-card,body.dark-mode .users-table-container{background:#1e293b;border-color:#334155}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5{color:#f1f5f9}body.dark-mode p{color:#94a3b8}body.dark-mode .toggle-slider{background-color:#475569}body.dark-mode ::-webkit-scrollbar{width:8px}body.dark-mode ::-webkit-scrollbar-track{background:#0f172a}body.dark-mode ::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#475569}body.dark-mode .Toastify__toast{background:#1e293b;color:#e2e8f0}body.dark-mode .Toastify__close-button{color:#94a3b8}body.dark-mode .settings-card-header{border-bottom-color:#334155}body.dark-mode .header-icon{color:#94a3b8}body.dark-mode .form-actions{border-top-color:#334155}body.dark-mode .label-icon{color:#94a3b8}body.dark-mode .appearance-item{border-bottom-color:#334155}body.dark-mode .appearance-icon,body.dark-mode .notification-icon{color:#94a3b8}body.dark-mode .notification-section-title{border-bottom-color:#334155}body.dark-mode .security-section{background:#0f172a;border-color:#334155}body.dark-mode .security-section-icon{color:#94a3b8}body.dark-mode .activity-log-list{background:#0f172a;border-color:#334155}body.dark-mode .plan-billing-info{background:#1e293b;border-color:#334155}body.dark-mode .billing-info-row{border-bottom-color:#334155}body.dark-mode .subscription-plan-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}body.dark-mode .plan-header{border-bottom-color:#334155}body.dark-mode .plan-type,body.dark-mode .price-value{color:#818cf8}body.dark-mode .loyalty-auto-rewards{background:#0f172a;border-color:#334155}body.dark-mode .settings-card+.settings-card{margin-top:24px}body.dark-mode .settings-tab.active{background:#3b82f6;color:#fff}body.dark-mode .sidebar-link{color:#94a3b8}body.dark-mode .sidebar-link:hover{background:#ffffff14;color:#e2e8f0}body.dark-mode .stat-icon-container{background:#3b82f626}body.dark-mode .placeholder-text{color:#64748b}body.dark-mode .cf-stat-card{background:#1e293b;border-color:#334155}body.dark-mode .cf-stat-label{color:#94a3b8}body.dark-mode .cf-stat-value,body.dark-mode .cf-title-section h1{color:#f1f5f9}body.dark-mode .cf-title-section p{color:#94a3b8}body.dark-mode .cf-branch-select,body.dark-mode .cf-export-btn,body.dark-mode .cf-filter-btn,body.dark-mode .cf-search-box input{background:#1e293b;border-color:#334155;color:#e2e8f0}body.dark-mode .cf-tabs{border-color:#334155}body.dark-mode .cf-tab{color:#94a3b8}body.dark-mode .cf-tab.active{border-bottom-color:#f1f5f9;color:#f1f5f9}body.dark-mode .cf-table-card{background:#1e293b;border-color:#334155}body.dark-mode .cf-table th{background:#0f172a;color:#94a3b8}body.dark-mode .cf-table td{border-color:#334155;color:#e2e8f0}body.dark-mode .cf-table tbody tr:hover{background:#334155}body.dark-mode .cf-ticket-id{color:#f1f5f9}.blocked-fullscreen{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.blocked-card{background:#fff;border-radius:8px;box-shadow:0 8px 24px #0003;max-width:640px;padding:32px;text-align:center;width:90%}.blocked-card h1{margin-bottom:12px}.blocked-card p{color:#374151;margin-bottom:20px}.blocked-actions{display:flex;gap:12px;justify-content:center}.btn{border-radius:6px;padding:10px 18px}.btn-primary{background:#2563eb}.btn-secondary{background:#e5e7eb;color:#111}:root{--primary-purple:#7c3aed;--primary-purple-dark:#6d28d9;--primary-purple-light:#8b5cf6;--gradient-purple-pink:linear-gradient(135deg,#8b5cf6,#ec4899);--gradient-hero:linear-gradient(180deg,#ede9fe,#ddd6fe 30%,#c4b5fd);--text-dark:#111827;--text-gray:#6b7280;--text-light:#9ca3af;--bg-white:#fff;--bg-gray:#f9fafb;--border-light:#e5e7eb}html{scroll-behavior:smooth;scroll-padding-top:90px}.landing-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg-white);color:#111827;color:var(--text-dark);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.landing-page.rtl{direction:rtl;font-family:Cairo,-apple-system,BlinkMacSystemFont,sans-serif}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-bottom:1px solid #f3f4f6;height:70px;left:0;position:fixed;right:0;top:0;z-index:1000}.header-container{height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 32px}.logo{gap:12px;text-decoration:none}.logo,.logo-btn{align-items:center;display:flex}.logo-btn{background:none;border:none;border-radius:8px;cursor:pointer;justify-content:center;padding:8px;transition:all .3s ease}.logo-btn:hover{transform:scale(1.05)}.logo-btn:active{transform:scale(.98)}.logo-image{height:50px}.logo-icon-box{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:10px;color:#fff;display:flex;font-size:22px;height:42px;justify-content:center;width:42px}.logo-text{display:flex;flex-direction:column}.logo-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;line-height:1.2}.logo-tagline{color:#6b7280;color:var(--text-gray);font-size:11px;line-height:1.2}.nav-links{align-items:center;display:flex;gap:8px}.nav-links a{border-radius:8px;color:#6b7280;color:var(--text-gray);font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s}.nav-links a:hover{background:#f5f3ff;color:#7c3aed;color:var(--primary-purple)}.dark-mode-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:50%;color:#6b7280;color:var(--text-gray);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s;width:40px}.dark-mode-btn:hover{border-color:#7c3aed;border-color:var(--primary-purple);color:#7c3aed;color:var(--primary-purple)}.language-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:20px;color:#6b7280;color:var(--text-gray);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.language-btn:hover{border-color:#7c3aed;border-color:var(--primary-purple);color:#7c3aed;color:var(--primary-purple)}.language-btn svg{font-size:16px}.btn-login{color:#6b7280;color:var(--text-gray);font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s}.btn-login:hover{color:#7c3aed;color:var(--primary-purple)}.btn-get-started{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea66;color:#fff;font-size:14px;font-weight:600;padding:10px 24px;text-decoration:none;transition:all .2s}.btn-get-started:hover{background:linear-gradient(135deg,#5568d3,#653a91);box-shadow:0 6px 16px #667eea80}.hero-section{align-items:center;background:linear-gradient(135deg,#d0d7e0,#d2d9e3 15%,#d4dbe5 30%,#d8d5e0 45%,#dad3de 60%,#dbd4e0 75%,#dcd5e3 90%,#ddd7e5);display:flex;min-height:100vh;padding:140px 32px 100px;text-align:center}.hero-container{margin:0 auto;max-width:900px;width:100%}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #fff9;border-radius:50px;box-shadow:0 2px 8px #0000000f;color:#6b7280;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:32px;padding:10px 20px}.hero-badge .badge-icon{color:#8b5cf6;font-size:18px}.badge-text-purple{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;background-clip:text;font-weight:500}.hero-title{font-size:52px;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:24px}.title-dark{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1e2d4f,#2a3a62 25%,#364775 50%,#3f5186 75%,#475a8f);-webkit-background-clip:text;background-clip:text}.rtl .title-dark,.title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#3f54c0,#5568d0 20%,#6d79dd 40%,#8685e5 60%,#9e8dd9 80%,#b092d0);-webkit-background-clip:text;background-clip:text}.rtl .title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1e2d4f,#2a3a62 25%,#364775 50%,#3f5186 75%,#475a8f);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#6b7280;font-size:17px;font-weight:500;letter-spacing:-.01em;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.hero-buttons{display:flex;gap:16px;margin-bottom:80px}.btn-primary,.hero-buttons{align-items:center;justify-content:center}.btn-primary{background:#6c5dd3;border-radius:10px;box-shadow:0 4px 14px #6c5dd366;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .2s}.btn-primary:hover{background:#5a4bc4;box-shadow:0 6px 20px #6c5dd380;transform:translateY(-2px)}.btn-primary .btn-arrow{font-size:18px;transition:transform .2s}.btn-primary:hover .btn-arrow{transform:translateX(4px)}.rtl .btn-primary:hover .btn-arrow{transform:translateX(-4px)}.btn-secondary{align-items:center;border:1px solid var(--border-light);border-radius:10px;box-shadow:0 2px 8px #0000000a;color:#111827;color:var(--text-dark);display:inline-flex;font-size:16px;font-weight:600;justify-content:center;padding:14px 28px;text-decoration:none;transition:all .2s}.btn-secondary:hover{border-color:#7c3aed;border-color:var(--primary-purple);color:#7c3aed;color:var(--primary-purple);transform:translateY(-2px)}.hero-stats{align-items:flex-start;display:flex;gap:80px;justify-content:center}.stat-item{align-items:center;display:flex;flex-direction:column;gap:8px}.stat-number{font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1}.gradient-number{color:#7d6bc8}.gradient-number-percent{color:#9580d4;font-size:28px;position:relative;top:-4px}.gradient-number-plus{color:#9580d4;font-size:28px;position:relative;top:-10px}.rtl .gradient-number-plus{margin-left:6px}.rtl .gradient-number-percent{margin-right:2px}.stat-label{color:#9a7ad6;font-size:14px}.odometer-counter{font-feature-settings:"tnum";direction:ltr;display:inline-flex;font-variant-numeric:tabular-nums;line-height:1;unicode-bidi:bidi-override}.odometer-digit-wrapper{display:inline-block;height:1.1em;min-width:.55em;overflow:hidden;position:relative;text-align:center;vertical-align:bottom}.odometer-digit-inner{display:block}.odometer-digit-value{display:block;height:1.1em;line-height:1.1;text-align:center}.gradient-number .odometer-counter{color:#7d6bc8}.gradient-number .odometer-digit-value{color:inherit}.features-section{background:#fff;background:var(--bg-white);padding:100px 32px}.features-container{margin:0 auto;max-width:1100px;text-align:center}.section-badge{align-items:center;background:#f5f3ff;border-radius:50px;color:#7c3aed;color:var(--primary-purple);display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px}.section-badge .badge-icon{font-size:14px}.section-title{color:#111827;color:var(--text-dark);font-size:36px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.section-subtitle{color:#6b7280;color:var(--text-gray);font-size:16px;margin-bottom:56px;margin-left:auto;margin-right:auto;max-width:550px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.feature-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s}.feature-card:hover{box-shadow:0 12px 24px #00000014;transform:translateY(-4px)}.feature-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:56px;justify-content:center;margin:0 auto 20px;width:56px}.feature-icon.purple{background:#f5f3ff;color:#7c3aed}.feature-icon.yellow{background:#fef3c7;color:#f59e0b}.feature-icon.red{background:#fee2e2;color:#ef4444}.feature-icon.blue{background:#dbeafe;color:#3b82f6}.feature-icon.teal{background:#ccfbf1;color:#14b8a6}.feature-icon.gray{background:#f3f4f6;color:#6b7280}.feature-card h3{color:#111827;color:var(--text-dark);font-size:16px;font-weight:600;margin-bottom:8px}.feature-card p{color:#6b7280;color:var(--text-gray);font-size:14px;line-height:1.6}.how-it-works-section{background:#f5f5f7;padding:100px 32px}.how-container{margin:0 auto;max-width:900px;text-align:center}.steps-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:56px}.step-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:40px 24px;text-align:center;transition:all .3s}.step-card:hover{box-shadow:0 12px 24px #00000014;transform:translateY(-4px)}.step-number{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;margin:0 auto 20px;width:48px}.step-number.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.step-number.purple{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.step-number.teal{background:linear-gradient(135deg,#5eead4,#14b8a6)}.step-card h3{color:#111827;color:var(--text-dark);font-size:16px;font-weight:600;margin-bottom:8px}.step-card p{color:#6b7280;color:var(--text-gray);font-size:14px;line-height:1.6}.pricing-section{background:#f5f5f7;padding:50px 24px}.pricing-container{margin:0 auto;max-width:850px;text-align:center}.pricing-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:24px}@media (max-width:968px){.pricing-grid{gap:24px;grid-template-columns:1fr}}.pricing-calculator{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:12px;padding:18px;text-align:left}.rtl .pricing-calculator{text-align:right}.calculator-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.calc-icon{color:#7c3aed;color:var(--primary-purple);font-size:16px}.calculator-header h3{color:#111827;color:var(--text-dark);font-size:18px;font-weight:600}.calculator-subtitle{color:#6b7280;color:var(--text-gray);font-size:11px;margin-bottom:10px}.calc-form{gap:10px}.calc-form,.calc-form .form-group{display:flex;flex-direction:column}.calc-form .form-group{gap:6px;margin-bottom:6px}.calc-form .form-group label{color:#111827;color:var(--text-dark);font-size:13px;font-weight:600}.calc-form .form-group input[type=email],.calc-form .form-group input[type=tel],.calc-form .form-group input[type=text]{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;box-sizing:border-box;color:#111827;color:var(--text-dark);font-family:inherit;font-size:14px;height:44px;padding:10px 14px;transition:all .15s}.phone-input-group{align-items:center;display:flex;gap:8px}.country-prefix{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;color:#111827;color:var(--text-dark);display:inline-flex;font-size:14px;justify-content:center;min-width:60px;padding:8px 10px}.phone-input-group input[type=tel]{flex:1 1 auto}.phone-input-group input[type=tel],.phone-input-row input[type=text]{font-size:15px;min-width:0;width:100%}.input-hint{color:#9ca3af;color:var(--text-light);display:block;font-size:12px;margin-top:4px}@media (max-width:680px){.form-row{gap:12px;grid-template-columns:1fr}.country-prefix{min-width:60px;padding:8px 10px}}.calc-form .form-group input:focus{border-color:#7c3aed;border-color:var(--primary-purple);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.form-row{grid-gap:10px;gap:10px;grid-template-columns:1.4fr 1fr}input[type=range].range-slider{appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#5b6bc8 0,#5b6bc8 0,#e8e8e8 0,#e8e8e8);border-radius:50px;cursor:pointer;height:8px!important;margin:12px 0;max-height:8px!important;min-height:8px!important;outline:none;padding:0;position:relative;width:100%!important}.range-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#fff;border:3px solid #5b6bc8;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px!important;margin-top:-6px;position:relative;width:20px!important;z-index:2}.range-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px!important;position:relative;width:20px!important;z-index:2}.range-slider::-moz-range-track{background:#0000;border:none;border-radius:50px;height:8px!important}.range-slider::-moz-range-progress{background:#5b6bc8;border-radius:50px;height:8px!important}.range-slider::-webkit-slider-runnable-track{border:none;border-radius:50px;height:8px!important}.range-labels{color:#9ca3af;color:var(--text-light);display:flex;font-size:11px;justify-content:space-between;margin-top:6px}.rtl input[type=range].range-slider{direction:rtl}.rtl .range-labels{flex-direction:row-reverse}.pricing-result{background:linear-gradient(135deg,#5b6bc8,#6570d0 10%,#7578d8 18%,#8580e2 25%,#9578ea 32%,#a872f0 40%,#b86af5 50%,#a872f0 60%,#9578ea 68%,#8580e2 75%,#7578d8 82%,#6570d0 90%,#5b6bc8)!important;border-radius:12px;box-shadow:0 4px 20px #5b6bc84d;color:#fff;overflow:hidden;padding:28px 16px;position:relative;text-align:left}.rtl .pricing-result{text-align:right}.pricing-result:before{background:linear-gradient(45deg,#b86af580,#9578ea4d 30%,#0000 50%,#7578d84d 70%,#5b6bc880)}.pricing-result:after,.pricing-result:before{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.pricing-result:after{background:linear-gradient(135deg,#0000,#ffffff14 25%,#ffffff2e 40%,#ffffff40 50%,#ffffff2e 60%,#ffffff14 75%,#0000)}.result-header{align-items:center;display:flex;gap:8px;margin-bottom:6px;position:relative;z-index:1}.result-icon{font-size:20px;opacity:1}.result-header h3{font-size:18px;font-weight:600}.result-subtitle{font-size:11px;margin-bottom:18px;opacity:.8;position:relative;z-index:1}.price-display{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:1px solid #ffffff26;border-radius:10px;display:flex;flex-direction:column;margin-bottom:16px;padding:20px 14px;position:relative;z-index:1}.rtl .price-display,[dir=rtl] .price-display{align-items:flex-start}.rtl .price-display .price-row,[dir=rtl] .price-display .price-row{width:100%}.price-row{align-items:center;border-bottom:1px solid #ffffff4d;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.price-row:last-of-type{border-bottom:none;margin-bottom:12px;padding-bottom:12px}.price-label{font-size:10px!important;font-weight:600}.price-label,.price-value{color:#fff!important;text-shadow:0 2px 4px #0003}.price-value{font-size:11px!important}.price-total-section{padding-top:6px;text-align:left}.rtl .price-total-section,[dir=rtl] .price-total-section{margin-left:auto;margin-right:0;text-align:right}.price-total-label{color:#fff;font-size:11px;font-weight:500;margin-bottom:6px;opacity:.9}.price-amount{align-items:baseline;display:flex;gap:5px;justify-content:flex-start}.rtl .price-amount,[dir=rtl] .price-amount{justify-content:flex-end}.currency{color:#fff;font-size:16px;font-weight:600;opacity:.95}.amount{color:#fff;font-size:36px;font-weight:800;letter-spacing:-.03em;line-height:1}.price-note{background:#ffffff14;border:1px solid #ffffff0d;border-radius:6px;font-size:9px;line-height:1.4;opacity:.8;padding:11px 10px;text-align:center}.price-features,.price-note{margin-bottom:18px;position:relative;z-index:1}.price-features{display:flex;flex-direction:column;gap:12px}.rtl .price-features,[dir=rtl] .price-features{align-items:flex-start}.price-feature{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:500;gap:8px;opacity:.95}.check-icon{color:#ffffffe6;flex-shrink:0;font-size:14px}.price-actions{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}.btn-subscribe{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:5px;justify-content:center;padding:13px 16px;transition:all .3s}.btn-subscribe:hover{background:#ffffff40;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.btn-subscribe .btn-arrow{font-size:14px}.btn-contact{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:13px 16px;transition:all .3s}.btn-contact:hover{background:#ffffff14;border-color:#fff6;transform:translateY(-2px)}.landing-footer{background:#f9fafb;background:var(--bg-gray);border-top:1px solid #f3f4f6;padding:24px 32px}.footer-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-brand{align-items:center;display:flex;gap:10px}.footer-logo-image{height:40px;object-fit:contain;width:auto}.footer-logo-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:8px;color:#fff;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.footer-logo-text{color:#111827;color:var(--text-dark);font-size:16px;font-weight:700}.footer-copyright{color:#6b7280;color:var(--text-gray);font-size:13px}.footer-links{align-items:center;display:flex;gap:24px}.footer-links a{color:#6b7280;color:var(--text-gray);font-size:13px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#7c3aed;color:var(--primary-purple)}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:450px}}@media (max-width:768px){.header-container{padding:0 16px}.nav-links{display:none}.header-actions{gap:8px}.header-actions .btn-get-started{display:none}.header-actions .btn-login{font-size:12px;padding:8px 12px}.language-btn{font-size:12px;padding:6px 10px}.dark-mode-btn{font-size:16px;height:36px;width:36px}.hero-section{min-height:auto;padding:120px 16px 80px}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.hero-stats{flex-wrap:wrap;gap:40px}.stat-number{font-size:32px}.features-section,.how-it-works-section,.pricing-section{padding:80px 16px}.section-title{font-size:28px}.features-grid,.steps-grid{gap:16px;grid-template-columns:1fr}.footer-container{flex-direction:column;gap:16px;text-align:center}.hero-buttons{flex-direction:column;gap:12px}.form-row{grid-template-columns:1fr}}.rtl .header-container,.rtl .logo{flex-direction:row-reverse}.rtl .header-logo,.rtl .logo{order:3}.rtl .nav-links{flex-direction:row-reverse;order:2}.rtl .header-actions{flex-direction:row-reverse;order:1}.rtl .logo-text{text-align:right}.rtl .calculator-header,.rtl .hero-buttons,.rtl .hero-stats{flex-direction:row-reverse}.rtl .result-header,[dir=rtl] .result-header{flex-direction:row-reverse!important;justify-content:flex-end!important}.rtl .result-subtitle,[dir=rtl] .result-subtitle{text-align:right!important}.landing-page.rtl .price-row,.rtl .price-row,[dir=rtl] .price-row{flex-direction:row-reverse!important}.landing-page.rtl .price-total-section,.rtl .price-total-section,[dir=rtl] .price-total-section{margin-left:auto!important;margin-right:0!important;text-align:right!important}.landing-page.rtl .price-total-label,.rtl .price-total-label,[dir=rtl] .price-total-label{text-align:right!important}.landing-page.rtl .price-amount,.rtl .price-amount,[dir=rtl] .price-amount{justify-content:flex-end!important}.landing-page.rtl .price-feature,.rtl .price-feature,[dir=rtl] .price-feature{flex-direction:row-reverse!important}.landing-page.rtl .price-note,.rtl .price-note,[dir=rtl] .price-note{text-align:right!important}.rtl .btn-primary,.rtl .btn-subscribe,.rtl .footer-brand,.rtl .footer-container,.rtl .footer-links{flex-direction:row-reverse}@media (max-width:768px){.rtl .footer-container,.rtl .hero-buttons{flex-direction:column}.rtl .header-container{direction:ltr;flex-direction:row;justify-content:space-between}.rtl .header-actions{flex-direction:row-reverse;order:1}.rtl .logo{order:3}.rtl .price-display,[dir=rtl] .price-display{align-items:flex-start!important}.rtl .price-display .price-row,[dir=rtl] .price-display .price-row{width:100%!important}.rtl .price-feature,.rtl .price-row,.rtl .price-summary-row,[dir=rtl] .price-feature,[dir=rtl] .price-row,[dir=rtl] .price-summary-row{flex-direction:row-reverse!important}.rtl .price-features,[dir=rtl] .price-features{align-items:flex-start!important}.rtl .modal-header,.rtl .result-header,[dir=rtl] .modal-header,[dir=rtl] .result-header{flex-direction:row-reverse!important;justify-content:flex-end!important}.rtl .result-subtitle,[dir=rtl] .result-subtitle{text-align:right!important}.rtl .price-amount,[dir=rtl] .price-amount{justify-content:flex-end!important}.rtl .price-total-section,[dir=rtl] .price-total-section{margin-left:auto!important;margin-right:0!important;text-align:right!important}.rtl .price-total-label,[dir=rtl] .price-total-label{text-align:right!important}.rtl .btn-submit,.rtl .modal-actions,.rtl .range-labels,[dir=rtl] .btn-submit,[dir=rtl] .modal-actions,[dir=rtl] .range-labels{flex-direction:row-reverse!important}}.landing-page.dark-mode{background:#0f172a;color:#e2e8f0}.landing-page.dark-mode .landing-header{background:#0f172afa;border-bottom-color:#1e293b}.landing-page.dark-mode .nav-links a{color:#94a3b8}.landing-page.dark-mode .nav-links a:hover{background:#1e293b;color:#e2e8f0}.landing-page.dark-mode .dark-mode-btn,.landing-page.dark-mode .language-btn{background:#1e293b;border-color:#334155;color:#e2e8f0}.landing-page.dark-mode .dark-mode-btn:hover,.landing-page.dark-mode .language-btn:hover{border-color:#8b5cf6;color:#8b5cf6}.landing-page.dark-mode .btn-login{color:#e2e8f0}.landing-page.dark-mode .hero-section{background:linear-gradient(180deg,#1e293b,#0f172a)}.landing-page.dark-mode .hero-badge{background:#8b5cf626;border-color:#8b5cf64d;color:#e2e8f0}.landing-page.dark-mode .hero-title{color:#f1f5f9}.landing-page.dark-mode .hero-subtitle{color:#94a3b8}.landing-page.dark-mode .btn-secondary{background:#1e293b;border-color:#334155;color:#e2e8f0}.landing-page.dark-mode .btn-secondary:hover{background:#334155}.landing-page.dark-mode .stat-number{color:#f1f5f9}.landing-page.dark-mode .stat-label{color:#94a3b8}.landing-page.dark-mode .features-section,.landing-page.dark-mode .how-it-works-section{background:#0f172a}.landing-page.dark-mode .pricing-section{background:#1e293b}.landing-page.dark-mode .section-title{color:#f1f5f9}.landing-page.dark-mode .section-subtitle{color:#94a3b8}.landing-page.dark-mode .feature-card,.landing-page.dark-mode .step-card{background:#1e293b;border-color:#334155}.landing-page.dark-mode .feature-card h3,.landing-page.dark-mode .step-card h3{color:#fff}.landing-page.dark-mode .feature-card p,.landing-page.dark-mode .step-card p{color:#cbd5e1}.landing-page.dark-mode .pricing-calculator{background:#1e293b;border-color:#334155}.landing-page.dark-mode .calculator-header h3{color:#f1f5f9}.landing-page.dark-mode .calculator-subtitle{color:#94a3b8}.landing-page.dark-mode .calc-form .form-group label{color:#e2e8f0}.landing-page.dark-mode .calc-form .form-group input{background:#0f172a;border-color:#334155;color:#e2e8f0}.landing-page.dark-mode .calc-form .form-group input::placeholder{color:#64748b}.landing-page.dark-mode .range-labels{color:#94a3b8}.landing-page.dark-mode .landing-footer{background:#0f172a;border-top-color:#1e293b}.landing-page.dark-mode .footer-brand span,.landing-page.dark-mode .footer-links a{color:#94a3b8}.landing-page.dark-mode .footer-links a:hover{color:#e2e8f0}.modal-overlay{background:#0006;padding:16px;z-index:2000}.subscription-modal{animation:modalSlideIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:600px;padding:14px 24px;position:relative;width:100%}.modal-close-btn{color:var(--text-gray);font-size:18px;position:absolute;right:16px;top:16px;transition:all .2s}.modal-close-btn:hover{color:#111827;color:var(--text-dark)}.modal-header{gap:8px;margin-bottom:0}.modal-header[dir=rtl]{flex-direction:row-reverse;text-align:right}.modal-header[dir=ltr]{flex-direction:row;text-align:left}.modal-header h2{font-size:15px}.subscription-form .phone-input-row{align-items:center;display:flex;gap:8px}.subscription-form .phone-prefix{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:4px;color:#111827;color:var(--text-dark);display:inline-flex;flex:0 0 72px;font-size:13px;justify-content:center;padding:8px 10px}.subscription-form .phone-input-row input[type=text]{flex:1 1 auto;min-width:0}.subscription-form .form-group{display:flex;flex-direction:column}.modal-header-icon{color:#7c3aed;color:var(--primary-purple);font-size:14px}.modal-header h2{color:var(--text-dark);font-size:13px;font-weight:600}.modal-subtitle{color:var(--text-gray);font-size:10px;margin-bottom:8px}.subscription-form .form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.subscription-form .form-group{margin-bottom:4px}.subscription-form label{color:#111827;color:var(--text-dark);display:block;font-size:9px;font-weight:500;letter-spacing:.3px;margin-bottom:1px;text-transform:uppercase}.subscription-form input,.subscription-form textarea{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:4px;color:#111827;color:var(--text-dark);font-family:inherit;font-size:11px;padding:5px 8px;transition:all .2s;width:100%}.subscription-form input:focus,.subscription-form textarea:focus{border-color:#7c3aed;border-color:var(--primary-purple);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.subscription-form .range-slider{margin:8px 0 4px}.subscription-form .range-labels{font-size:11px}.price-summary{background:#f9fafb;background:var(--bg-gray);border-radius:4px;margin-bottom:6px;padding:5px 8px}.price-summary-row{color:#6b7280;color:var(--text-gray);display:flex;font-size:10px;justify-content:space-between;line-height:1.4;padding:1px 0}.price-summary-row.total{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);color:#111827;color:var(--text-dark);font-weight:600;margin-top:2px;padding-top:2px}.price-summary-row .total-amount{color:#7c3aed;color:var(--primary-purple);font-weight:700}.modal-actions{margin-top:2px}.btn-cancel{border:1px solid var(--border-light);border-radius:4px;color:#6b7280;color:var(--text-gray);font-size:10px;padding:6px 12px}.btn-cancel:hover{background:var(--bg-gray)}.btn-submit{background:#7c3aed;background:var(--primary-purple);border-radius:4px;font-size:10px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.btn-submit:hover{background:#6d28d9;background:var(--primary-purple-dark)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.success-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:420px;padding:32px;position:relative;text-align:center;width:100%}.success-icon-wrapper{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.success-icon{font-size:32px}.success-modal h2{color:#111827;color:var(--text-dark);font-size:20px;font-weight:600;margin:0 0 8px}.success-subtitle{color:#6b7280;color:var(--text-gray);font-size:14px;margin-bottom:24px}.success-steps{margin-bottom:24px;text-align:left}.success-step{border-bottom:1px solid #f3f4f6;display:flex;gap:16px;padding:16px 0}.success-step:last-child{border-bottom:none}.step-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.step-icon.received{background:#ecfdf5;color:#059669}.step-icon.contact{background:#eff6ff;color:#3b82f6}.step-icon.account{background:#f5f3ff;color:#7c3aed}.step-content h4{color:#111827;color:var(--text-dark);font-size:14px;font-weight:600;margin:0 0 4px}.step-content p{color:#6b7280;color:var(--text-gray);font-size:13px;line-height:1.5;margin:0}.btn-ok{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:all .2s;width:100%}.btn-ok:hover{opacity:.9}.rtl .modal-close-btn{left:16px;right:auto}.rtl .modal-header{flex-direction:row-reverse}.rtl .subscription-form label{text-align:right}.rtl .btn-submit,.rtl .modal-actions,.rtl .price-summary-row{flex-direction:row-reverse}.rtl .success-modal{direction:rtl}.rtl .success-steps{text-align:right}.rtl .success-step{flex-direction:row}.rtl .step-content{text-align:right}@media (max-width:520px){.subscription-modal{padding:20px}.subscription-form .form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{justify-content:center;width:100%}}.header-logo a{align-items:center;border-radius:8px;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.header-logo a:hover{transform:scale(1.05)}.header-logo a img{transition:all .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes textGlow{0%,to{text-shadow:0 0 10px #007bff00,0 0 20px #007bff00}50%{text-shadow:0 0 10px #007bff80,0 0 20px #007bff4d}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUpBounce{0%{opacity:0;transform:translateY(40px)}60%{opacity:1;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px) translateY(30px)}to{opacity:1;transform:translateX(0) translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px) translateY(30px)}to{opacity:1;transform:translateX(0) translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.fade-in{animation:fadeIn .6s ease-out forwards}.slide-in-left{animation:slideInLeft .6s ease-out forwards}.slide-in-right{animation:slideInRight .6s ease-out forwards}.text-glow{animation:textGlow 3s ease-in-out infinite}.scale-in{animation:scaleIn .5s ease-out forwards}.definition-item.scroll-animate{visibility:hidden}.definition-item.scroll-animate.animate-in{animation:slideUpBounce .7s ease-out forwards;visibility:visible}#ar-def-account.animate-in,#ar-def-merchants.animate-in,#ar-def-usage.animate-in,#ar-def-website.animate-in,#def-account.animate-in,#def-merchants.animate-in,#def-usage.animate-in,#def-website.animate-in{animation:slideInFromLeft .7s ease-out forwards}#ar-def-company.animate-in,#ar-def-package.animate-in,#ar-def-provider.animate-in,#ar-def-subscriber.animate-in,#def-company.animate-in,#def-package.animate-in,#def-provider.animate-in,#def-subscriber.animate-in{animation:slideInFromRight .7s ease-out forwards}#ar-def-cookies.animate-in,#ar-def-optional.animate-in,#def-cookies.animate-in,#def-optional.animate-in,#def-usage-data.animate-in{animation:slideInFromLeft .7s ease-out forwards}#ar-def-country.animate-in,#ar-def-device.animate-in,#def-country.animate-in,#def-device.animate-in,#def-personal.animate-in,#def-social.animate-in,#def-you.animate-in{animation:slideInFromRight .7s ease-out forwards}.privacy-policy-container{margin:60px auto;max-width:1000px;padding:0 20px 40px}.privacy-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:40px;transition:all .3s ease}.dark-mode .privacy-content{background-color:#2a2a2a;box-shadow:0 2px 8px #0000004d;color:#e0e0e0}.privacy-main-title{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:40px;text-align:center}.dark-mode .privacy-main-title{color:#fff}.privacy-section{margin-bottom:40px;transition:all .3s ease}.privacy-section:hover{transform:translateY(-2px)}.privacy-section h2{border-bottom:3px solid #007bff;color:#333;font-size:1.8rem;font-weight:600;margin-bottom:20px;padding-bottom:10px;transition:all .3s ease}.privacy-section h2:hover{border-bottom-color:#0056b3;text-shadow:0 2px 4px #007bff33}.dark-mode .privacy-section h2{border-bottom-color:#0056b3;color:#e0e0e0}.privacy-section h3{color:#555;font-size:1.4rem;font-weight:600;margin-bottom:15px;margin-top:25px}.dark-mode .privacy-section h3{color:silver}.privacy-section h4{color:#666;font-size:1.1rem;font-weight:600;margin-bottom:12px;margin-top:18px}.dark-mode .privacy-section h4{color:#b0b0b0}.privacy-section p{color:#555;font-size:1rem;line-height:1.8;margin-bottom:15px;text-align:justify}.dark-mode .privacy-section p{color:#d0d0d0}.privacy-section ul{margin-bottom:15px;margin-left:20px}.privacy-section ul li{color:#555;line-height:1.8;margin-bottom:12px}.dark-mode .privacy-section ul li{color:#d0d0d0}.definition-item{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;margin-bottom:20px;padding:20px;transition:all .3s ease}.definition-item:hover{transform:translateX(5px)}.dark-mode .definition-item{background-color:#3a3a3a;border-left-color:#0056b3}.definition-item strong{color:#007bff;display:block;font-size:1.1rem;margin-bottom:10px}.dark-mode .definition-item strong{color:#66d9ff}.definition-item p{font-size:.95rem;margin-bottom:0}.privacy-section a{color:#007bff;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.privacy-section a:hover{text-decoration:underline;transform:scale(1.05)}.dark-mode .privacy-section a{color:#66d9ff}.rtl .privacy-content{direction:rtl;text-align:right}.rtl .privacy-section ul{margin-left:0;margin-right:20px}.rtl .definition-item{border-left:none;border-right:4px solid #007bff}.dark-mode .rtl .definition-item{border-right-color:#0056b3}@media (max-width:768px){.privacy-policy-container{margin:40px auto;padding:0 15px 30px}.privacy-content{padding:25px}.privacy-main-title{font-size:1.8rem;margin-bottom:30px}.privacy-section{margin-bottom:30px}.privacy-section h2{font-size:1.4rem;margin-bottom:15px}.privacy-section h3{font-size:1.1rem;margin-bottom:12px;margin-top:20px}.privacy-section p{font-size:.95rem}.definition-item{padding:15px}}@media (max-width:480px){.privacy-policy-container{margin:30px auto}.privacy-content{padding:15px}.privacy-main-title{font-size:1.5rem}.privacy-section h2{font-size:1.2rem}.privacy-section h3{font-size:1rem}.privacy-section p{font-size:.9rem;text-align:left}}.public-feedback-container{padding:20px}.public-feedback-container,.public-feedback-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--form-color,linear-gradient(135deg,#667eea 0,#764ba2 100%));display:flex;flex-direction:column;min-height:100vh}.public-feedback-loading{color:#fff;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:48px;width:48px}.public-feedback-header{background:#fff;border-radius:16px;box-shadow:0 6px 20px #1018280f;box-sizing:border-box;color:#3b82f6;color:var(--form-color,#3b82f6);margin-bottom:32px;max-width:600px;padding:32px 24px;text-align:center;width:100%}.company-logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;color:#fff;height:80px;margin:0 auto 20px;width:80px}.public-feedback-header h1{color:#3b82f6;color:var(--form-color,#3b82f6);font-size:28px;font-weight:700;margin-bottom:8px}.h1-header{color:#111}.branch-location{color:#374151;font-size:16px;margin-bottom:8px;opacity:.9}.feedback-subtitle{font-size:14px;opacity:.8}.public-feedback-form{display:flex;flex-direction:column;gap:20px;max-width:600px;width:100%}.public-question-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;padding:24px}.customer-info-row{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1fr 1fr}.customer-info-row input{background:#fbfdff;border:1px solid #e6eefc;border-radius:10px;box-shadow:0 6px 18px #0f172a08;color:#1f2937;font-size:14px;padding:12px 16px;transition:box-shadow .12s ease,transform .12s ease,border-color .12s ease;width:100%}.customer-info-row input::placeholder{color:#9ca3af;opacity:1}.customer-info-row input:hover{box-shadow:0 10px 30px #0f172a0d;transform:translateY(-1px)}.customer-info-row input:focus{border-color:#3b82f6;border-color:var(--form-color,#3b82f6);box-shadow:0 0 0 6px #3b82f60f;outline:none}.customer-info-row input.error{border-color:#ef4444;box-shadow:0 0 0 6px #ef44440f}.customer-info-row .input-error-text{color:#ef4444;font-size:12px;margin-top:6px}@media (max-width:560px){.customer-info-row{grid-template-columns:1fr}}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.question-number{background:#667eea15;background:var(--form-color-15,#667eea15);border-radius:8px;color:#667eea;color:var(--form-color,#667eea);font-size:13px;font-weight:600;padding:6px 14px}.required-badge{align-items:center;display:flex;gap:8px}.toggle-slider-public{background:#cbd5e1;border-radius:12px;display:inline-block;height:24px;position:relative;transition:all .3s ease;width:44px}.toggle-slider-public:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.toggle-switch input:checked+.toggle-slider-public{background:#6366f1;background:var(--form-color,#6366f1)}.toggle-switch input:checked+.toggle-slider-public:after{left:22px}.required-label{color:#6b7280;font-size:13px;font-weight:500}.lang-toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:2px solid #fff6;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 18px;position:fixed;right:16px;top:16px;transition:all .2s ease;z-index:100}.lang-toggle-btn:hover{background:#fff6;transform:scale(1.05)}.question-text-bilingual{margin-bottom:20px}.question-text-primary,.question-text-primary-ar{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:8px}.question-text-primary-ar{direction:rtl;text-align:right}.question-text-secondary,.question-text-secondary-ar{color:#6b7280;font-size:14px}.question-text-secondary-ar{direction:rtl;text-align:right}.rating-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}.rating-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 8px;transition:all .2s ease}.rating-button:hover{border-color:#667eea;border-color:var(--form-color,#667eea);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.rating-button.selected{border-width:3px}.rating-button.rating-5.selected{background:#d1fae5;border-color:#059669}.rating-button.rating-4.selected{background:#dbeafe;border-color:#2563eb}.rating-button.rating-3.selected{background:#fef3c7;border-color:#d97706}.rating-button.rating-2.selected{background:#fed7aa;border-color:#ea580c}.rating-button.rating-1.selected{background:#fee2e2;border-color:#dc2626}.rating-stars{font-size:18px;line-height:1}.rating-label-primary{color:#374151;font-size:12px;font-weight:600;text-align:center}.text-answer textarea{background:#fbfdff;border:1px solid #e6eefc;box-shadow:0 6px 18px #0f172a08;box-sizing:border-box;color:#1f2937;transition:box-shadow .12s ease,border-color .12s ease}.text-answer textarea::placeholder{color:#9ca3af}.text-answer textarea:focus{border-color:#3b82f6;border-color:var(--form-color,#3b82f6);box-shadow:0 0 0 6px #3b82f60f}.submit-feedback-btn{background:#3b82f6;background:var(--form-color,#3b82f6);border:none;border-radius:12px;box-shadow:0 4px 16px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:8px;padding:16px;transition:all .2s ease;width:100%}.submit-feedback-btn:hover:not(:disabled){box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.submit-feedback-btn:disabled{cursor:not-allowed;opacity:.6}.feedback-footer{color:#fff;font-size:13px;margin-top:24px;opacity:.8;text-align:center}.public-feedback-error{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--form-color,linear-gradient(135deg,#667eea 0,#764ba2 100%));color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.public-feedback-error .error-icon{font-size:64px;margin-bottom:16px}.public-feedback-error h2{font-size:24px;font-weight:700;margin-bottom:8px}.public-feedback-error p{font-size:16px;margin-bottom:24px;opacity:.9}.retry-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff6;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s ease}.retry-btn:hover{background:#ffffff59;transform:translateY(-2px)}.success-screen{max-width:500px;padding:60px 20px;text-align:center}.success-icon{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:40px;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success-screen h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:12px}.success-screen p{color:#ffffffe6;font-size:16px;line-height:1.6;margin-bottom:32px}.submit-another-btn{border:none;border-radius:12px;box-shadow:0 4px 16px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .2s ease}.submit-another-btn:hover{box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.required-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.company-logo-public{align-items:center;background:#0000;border:none;border-radius:16px;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.public-feedback-container.rtl .lang-toggle-btn{left:16px;right:auto}.public-feedback-container.rtl input,.public-feedback-container.rtl textarea{direction:ltr;text-align:right}.public-feedback-container.rtl .question-text-secondary{direction:ltr;text-align:left}.public-feedback-container.ltr .question-text-secondary{direction:rtl;text-align:right}@media (max-width:768px){.public-feedback-container{padding:16px 12px}.public-feedback-header{border-radius:14px;margin-bottom:20px;padding:24px 18px}.public-question-card{border-radius:14px;padding:18px 16px}.public-feedback-form{gap:16px}.rating-options{gap:8px;grid-template-columns:repeat(3,1fr)}.rating-button{padding:12px 6px}.rating-stars{font-size:16px}.rating-label-primary{font-size:10px}.question-text-primary{font-size:15px}.question-text-secondary{font-size:13px}.success-screen{padding:40px 16px}}@media (max-width:480px){.public-feedback-container{padding:12px 8px}.public-feedback-header{border-radius:12px;margin-bottom:16px;padding:20px 14px}.public-feedback-header h1{font-size:22px}.branch-location{font-size:14px}.feedback-subtitle{font-size:13px}.company-logo-public{height:64px;margin-bottom:14px;width:64px}.public-question-card{border-radius:12px;padding:16px 14px}.public-feedback-form{gap:14px}.question-header{margin-bottom:12px}.question-number{font-size:12px;padding:5px 10px}.question-text-bilingual{margin-bottom:14px}.question-text-primary{font-size:14px}.rating-options{gap:8px;grid-template-columns:repeat(2,1fr)}.rating-button{border-radius:10px;padding:10px 4px}.rating-stars{font-size:14px}.rating-label-primary{font-size:9px}.customer-info-row input{font-size:13px;padding:10px 12px}.text-answer textarea{font-size:13px;min-height:80px;padding:12px 14px}.submit-feedback-btn{border-radius:10px;font-size:15px;padding:14px}.success-screen{padding:32px 12px}.success-screen h2{font-size:20px}.success-screen p{font-size:14px}.submit-another-btn{font-size:14px;padding:12px 24px}.lang-toggle-btn{font-size:13px;padding:6px 14px}}@media (max-width:360px){.public-feedback-container{padding:10px 6px}.public-feedback-header h1{font-size:20px}.rating-options{gap:6px;grid-template-columns:repeat(2,1fr)}.rating-button{padding:8px 4px}.rating-stars{font-size:13px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.tfb-page{align-items:center;background:#f1f5f9;display:flex;font-family:Segoe UI,system-ui,-apple-system,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:32px 16px 48px;position:relative}.tfb-page.rtl{font-family:Noto Kufi Arabic,Segoe UI,system-ui,sans-serif}.tfb-bg-blob{background:#1d4ed8;background:var(--primary,#1d4ed8);border-radius:50%;filter:blur(80px);opacity:.18;pointer-events:none;position:fixed;z-index:0}.blob-1{height:500px;left:-160px;top:-160px;width:500px}.blob-2{bottom:-120px;height:400px;opacity:.12;right:-120px;width:400px}.tfb-card{background:#fff;border-radius:24px;box-shadow:0 4px 6px #0000000a,0 20px 60px #0000001a;display:flex;flex-direction:column;max-width:500px;overflow:hidden;position:relative;width:100%;z-index:1}.tfb-brand-band{background:#1d4ed8;background:var(--primary,#1d4ed8);justify-content:space-between;padding:18px 24px}.tfb-brand-band,.tfb-brand-left{align-items:center;display:flex;gap:12px}.tfb-brand-left{min-width:0}.tfb-logo-img{background:#ffffff26;object-fit:contain;padding:3px}.tfb-logo-img,.tfb-logo-placeholder{border-radius:10px;flex-shrink:0;height:44px;width:44px}.tfb-logo-placeholder{align-items:center;background:#fff3;color:#fff;display:flex;font-size:22px;font-weight:700;justify-content:center}.tfb-company-name{color:#fffffff2;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tfb-lang-pills{display:flex;flex-shrink:0;gap:4px}.tfb-lang-pills button{background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:8px;color:#ffffffd9;cursor:pointer;font-size:12px;font-weight:600;padding:5px 11px;transition:all .18s}.tfb-lang-pills button.active{background:#fff;border-color:#fff;color:#1d4ed8;color:var(--primary,#1d4ed8)}.tfb-lang-pills button:hover:not(.active){background:#ffffff40}.tfb-body{display:flex;flex-direction:column;gap:20px;padding:28px 28px 0}.tfb-greeting-row{align-items:flex-start;display:flex;gap:12px}.tfb-greeting{color:#1e293b;font-size:17px;font-weight:700;margin-bottom:6px}.tfb-resolved-badge{align-items:center;background:#dcfce7;border-radius:20px;color:#15803d;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:3px 10px}.tfb-title-block{text-align:center}.tfb-title{color:#0f172a;font-size:20px;font-weight:800;margin-bottom:4px}.tfb-subtitle{color:#64748b;font-size:13.5px}.tfb-chips-row{display:flex;flex-direction:column;gap:8px}.tfb-chip{align-items:center;background:#eff6ff;background:var(--primary-light,#eff6ff);border:1px solid #1d4ed826;border:1px solid rgba(var(--primary-rgb,29,78,216),.15);border-radius:10px;display:flex;font-size:13.5px;gap:8px;padding:10px 14px}.tfb-chip-icon{font-size:15px}.tfb-chip-label{color:#475569;font-weight:600}.tfb-chip-value{color:#1e293b}.tfb-form{display:flex;flex-direction:column;gap:20px}.tfb-field-label{color:#374151;font-size:13.5px;font-weight:600;margin-bottom:10px}.tfb-stars-block{text-align:center}.tfb-stars-row{display:flex;gap:6px;justify-content:center;margin-bottom:6px}.tfb-star-btn{background:none;border:none;cursor:pointer;font-size:44px;line-height:1;padding:0 2px;transition:color .15s,transform .12s}.tfb-star-btn.off{color:#e2e8f0}.tfb-star-btn.on{color:#f59e0b}.tfb-star-btn:hover{transform:scale(1.18)}.tfb-star-btn.bounce{animation:tfb-bounce .22s ease}@keyframes tfb-bounce{0%{transform:scale(1)}45%{transform:scale(1.25)}to{transform:scale(1)}}.tfb-star-caption{color:#f59e0b;font-size:13px;font-weight:700;min-height:20px;opacity:0;transition:opacity .18s}.tfb-star-caption.visible{opacity:1}.tfb-field-block{position:relative}.tfb-textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;color:#1e293b;display:block;font-family:inherit;font-size:14px;padding:12px 14px;resize:vertical;transition:border-color .18s,background .18s;width:100%}.tfb-textarea:focus{background:#fff;border-color:#1d4ed8;border-color:var(--primary,#1d4ed8);box-shadow:0 0 0 3px #1d4ed81a;box-shadow:0 0 0 3px rgba(var(--primary-rgb,29,78,216),.1);outline:none}.rtl .tfb-textarea{text-align:right}.tfb-char-count{color:#94a3b8;font-size:11px;margin-top:4px;text-align:end}.tfb-err-box{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;padding:10px 14px}.tfb-submit-btn{align-items:center;background:#1d4ed8;background:var(--primary,#1d4ed8);border:none;border-radius:14px;box-shadow:0 4px 14px #1d4ed859;box-shadow:0 4px 14px rgba(var(--primary-rgb,29,78,216),.35);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:15px;transition:background .2s,transform .12s,box-shadow .2s;width:100%}.tfb-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #1d4ed873;box-shadow:0 6px 20px rgba(var(--primary-rgb,29,78,216),.45);filter:brightness(1.08)}.tfb-submit-btn:active:not(:disabled){transform:scale(.98)}.tfb-submit-btn:disabled{cursor:not-allowed;opacity:.65}.tfb-btn-spinner{animation:tfb-spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;flex-shrink:0;height:16px;width:16px}.tfb-footer{color:#94a3b8;font-size:11.5px;letter-spacing:.02em;padding:16px 24px 20px;text-align:center}.tfb-center{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 32px;text-align:center}.tfb-state-block{padding:50px 32px}.tfb-muted{color:#94a3b8;font-size:14px}.tfb-state-icon{align-items:center;border-radius:50%;display:flex;font-size:28px;font-weight:800;height:64px;justify-content:center;width:64px}.tfb-state-icon.error{background:#fef2f2;color:#dc2626}.tfb-state-icon.warning{background:#fffbeb;color:#d97706}.tfb-state-msg{color:#64748b;font-size:14px;max-width:280px}.tfb-state-title{color:#0f172a;font-size:20px;font-weight:800}.tfb-state-desc{color:#64748b;font-size:14px;line-height:1.6;max-width:300px}.tfb-checkmark-wrap{height:72px;width:72px}.tfb-checkmark-svg{height:100%;width:100%}.tfb-check-circle{stroke:#1d4ed8;stroke:var(--primary,#1d4ed8);stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:tfb-stroke .6s cubic-bezier(.65,0,.45,1) forwards}.tfb-check-path{stroke:#1d4ed8;stroke:var(--primary,#1d4ed8);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:tfb-stroke .4s cubic-bezier(.65,0,.45,1) .55s forwards}@keyframes tfb-stroke{to{stroke-dashoffset:0}}.tfb-spinner{animation:tfb-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--primary,#1d4ed8);height:40px;width:40px}@keyframes tfb-spin{to{transform:rotate(1turn)}}@media (max-width:520px){.tfb-body{padding:22px 20px 0}.tfb-star-btn{font-size:36px}.tfb-title{font-size:18px}.tfb-brand-band{padding:14px 18px}}.language-switcher{align-items:center;background-color:#1a2332;border-radius:12px;box-shadow:0 2px 8px #7c3aed1a;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.language-switcher:hover{border-color:#1a2332;box-shadow:0 4px 12px #7c3aed33;transform:translateY(-2px)}.language-switcher:active{transform:translateY(0)}.language-switcher svg{font-size:16px}.notification-wrapper{position:relative}.notification-bell{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;position:relative;transition:all .2s ease;width:44px}.notification-bell:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}[dir=rtl] .notification-badge{left:4px;right:auto}.notification-dropdown{animation:slideDown .3s ease;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;max-height:500px;position:absolute;right:0;top:calc(100% + 10px);width:380px;z-index:1000}[dir=rtl] .notification-dropdown{left:0;right:auto}.notification-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.notification-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.notification-action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6366f1;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;transition:all .2s ease}.notification-action-btn:hover{background-color:#6366f11a}.notification-list{max-height:400px;overflow-y:auto}.notification-item{gap:12px;padding:16px 20px;transition:all .2s ease}.notification-item:hover{background-color:#f9fafb}.notification-unread{background-color:#2563eb0d}.notification-icon{flex-shrink:0}.notification-content{flex:1 1;min-width:0}.notification-title{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px}.notification-message{color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:4px}.notification-time{color:#9ca3af;font-size:11px}.notification-actions{display:flex;flex-shrink:0;gap:4px}.notification-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px;transition:all .2s ease}.notification-btn:hover{background-color:#0000000d;color:#6366f1}.notification-btn-delete:hover{color:#ef4444}.notification-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:48px 20px}.notification-empty svg{font-size:48px;margin-bottom:16px}.notification-empty p{font-size:14px;margin:0}.notification-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:center;padding:12px 20px}@media (max-width:768px){.notification-dropdown{max-height:400px;width:320px}.notification-header,.notification-item{padding:12px 16px}}.top-navbar{background:#fff;border-bottom:1px solid #e5e7eb;position:relative;z-index:100}.header-container{align-items:center;box-sizing:border-box;display:flex;padding:12px 32px;width:100%}.header-actions{align-items:center;gap:8px}.top-navbar .navbar-container{align-items:center;display:flex;justify-content:space-between;max-width:100%;padding:12px 32px}.navbar-logo{align-items:center;display:flex;gap:12px}.logo-image{height:45px;object-fit:contain;width:auto}.search-input::placeholder{color:#9ca3af}.navbar-actions{align-items:center;display:flex;gap:8px}.navbar-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;position:relative;transition:all .2s ease;width:44px}.navbar-action-btn:hover{background:#f8fafc;border-color:#d1d5db;color:#1f2937}.notification-badge{align-items:center;background:#ef4444;border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.user-dropdown-container{position:relative}.user-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #0000001f;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:16px 16px 12px}.dropdown-header span{color:#1f2937;font-size:14px;font-weight:600}.dropdown-divider{background:#e5e7eb;height:1px;margin:0}.dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2}.dropdown-icon{color:inherit;font-size:18px}@media (max-width:768px){.top-navbar .navbar-container{padding:12px 16px}.search-bar{width:200px}}@media (max-width:480px){.search-bar{display:none}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;position:relative}.auth-header{position:absolute;right:20px;top:20px}[dir=rtl] .auth-header{left:20px;right:auto}.auth-box{animation:slideUp .5s ease;background-color:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}.auth-box-large{max-width:600px}.auth-logo{margin-bottom:32px;text-align:center}.auth-logo-image{display:block;height:auto;margin:0 auto 16px;max-width:250px}.auth-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),#764ba2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin-bottom:8px}.auth-logo p{color:var(--text-secondary);font-size:14px;font-weight:500}.auth-title{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:24px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-footer{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px;text-align:center}.auth-footer p{color:var(--text-secondary);font-size:14px}.auth-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:var(--transition)}.auth-link:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width:768px){.auth-box{padding:24px}.auth-box-large{max-width:100%}.form-row{grid-template-columns:1fr}.auth-logo h1{font-size:24px}.auth-title{font-size:20px}}.sidebar{background-color:#1a2332;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:hidden;position:fixed;top:0;transition:transform .3s ease;width:280px;z-index:1000}[dir=rtl] .sidebar{left:auto;right:0}.sidebar-logo{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:12px;justify-content:center;margin-bottom:8px;padding:24px 20px}.sidebar-logo .logo-image{filter:brightness(0) invert(1);height:auto;max-width:200px;object-fit:contain;width:100%}.sidebar-logo .logo-icon{color:#22d3ee;font-size:28px}.logo-text{color:#fff;font-size:22px;font-weight:700}.sidebar-search{margin-bottom:16px;padding:0 16px}.search-input-wrapper{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:10px;padding:12px 16px}.search-input-wrapper svg{color:#64748b;font-size:18px}.search-input-wrapper input{background:#0000;border:none;color:#fff;font-size:14px;outline:none;width:100%}.search-input-wrapper input::placeholder{color:#64748b}.sidebar-nav{flex:1 1;min-height:0;overflow-y:auto;padding:8px 12px}.sidebar-link{align-items:center;border-radius:10px;color:#8b9cb5;display:flex;font-size:15px;font-weight:500;gap:14px;margin-bottom:4px;padding:14px 16px;text-decoration:none;transition:all .2s ease}.sidebar-link:hover{background-color:#ffffff0d;color:#fff}.sidebar-link-active{background-color:#22d3ee;color:#1a2332}.sidebar-link-active:hover{background-color:#06b6d4;color:#1a2332}.sidebar-link-active .sidebar-icon{color:#1a2332}.sidebar-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px}.sidebar-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{background-color:#1a2332;border-top:1px solid #ffffff0f;flex-shrink:0;padding:16px 12px}.user-profile{background:#ffffff0d;gap:12px;margin-bottom:12px;padding:12px}.user-avatar,.user-profile{align-items:center;border-radius:10px;display:flex}.user-avatar{background:#3b82f6;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-info{flex:1 1}.user-name{color:#fff;display:block;font-size:14px;font-weight:600}.user-role{color:#64748b;font-size:12px}.logout-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#f87171;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 16px;transition:all .2s ease;width:100%}.logout-btn svg{font-size:18px}.logout-btn:hover{background-color:#ef444433;border-color:#ef444480;color:#ef4444;transform:translateY(-2px)}.logout-btn:active{transform:translateY(0)}.sidebar-toggle{align-items:center;background-color:#1a2332;border:none;border-radius:10px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:none;font-size:24px;height:48px;justify-content:center;left:16px;position:fixed;top:16px;transition:all .2s ease;width:48px;z-index:1001}[dir=rtl] .sidebar-toggle{left:auto;right:16px}.sidebar-toggle:hover{background-color:#243042;transform:scale(1.05)}.sidebar-overlay{display:none}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:768px){.sidebar{transform:translateX(-100%)}[dir=rtl] .sidebar{transform:translateX(100%)}.sidebar-open{transform:translateX(0)}.sidebar-toggle{display:flex}.sidebar-overlay{background-color:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:240px}.sidebar-link{font-size:14px;padding:12px 14px}.sidebar-logo{padding:20px 16px}}.company-header{background:#2d3748;background:var(--company-header-bg,#2d3748);border-radius:16px;color:#fff;justify-content:space-between;margin-bottom:24px;padding:24px 32px}.company-header,.company-info{align-items:center;display:flex}.company-info{gap:20px}.company-logo{align-items:center;background:#0000;border-radius:12px;display:flex;font-size:28px;height:64px;justify-content:center;width:64px}.company-details h1{font-size:24px;font-weight:700;margin-bottom:4px}.company-contact{font-size:14px;margin-bottom:8px;opacity:.8}.company-branches{align-items:center;background:#ffffff26;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:6px 14px}.company-branches svg{font-size:16px}.manage-settings-btn{background:#fff;border:none;border-radius:8px;color:#2d3748;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.manage-settings-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;justify-content:space-between;padding:20px 24px;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.stat-content{display:flex;flex-direction:column}.stat-label{color:#6b7280;font-size:13px;font-weight:500;margin-bottom:8px}.stat-value{color:#1f2937;font-size:32px;font-weight:700;line-height:1}.stat-change{align-items:center;display:flex;font-size:13px;font-weight:500;gap:4px;margin-top:8px}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.stat-icon{border-radius:50%;font-size:22px;height:48px;width:48px}.stat-icon.complaints{background:#fef2f2;color:#ef4444}.stat-icon.inquiries{background:#eff6ff;color:#3b82f6}.stat-icon.rating{background:#fefce8;color:#eab308}.stat-icon.response{background:#ecfdf5;color:#10b981}.branch-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.branch-card{align-items:center;border-radius:12px;display:flex;justify-content:space-between;padding:24px}.branch-card.best{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.branch-card.lowest{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.branch-info{display:flex;flex-direction:column}.branch-label{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:8px}.branch-card.best .branch-label{color:#10b981}.branch-card.lowest .branch-label{color:#ef4444}.branch-name{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:12px}.branch-location{color:#6b7280;font-size:14px;font-weight:400}.branch-rating{align-items:center;display:flex;gap:8px}.stars{color:#fbbf24;display:flex;font-size:18px;gap:2px}.stars .empty{color:#d1d5db}.rating-value{font-size:24px;font-weight:700}.branch-card.best .rating-value{color:#10b981}.branch-card.lowest .rating-value{color:#ef4444}.branch-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.branch-card.best .branch-icon{background:#10b981;color:#fff}.branch-card.lowest .branch-icon{background:#fecaca;color:#ef4444}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.chart-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.chart-header{margin-bottom:20px}.chart-header h3{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:4px}.chart-header p{color:#6b7280;font-size:13px}.line-chart{display:flex;gap:12px}.chart-y-axis{color:#9ca3af;display:flex;flex-direction:column;font-size:12px;justify-content:space-between;min-width:30px;padding:10px 0;text-align:right}.chart-content{display:flex;flex:1 1;flex-direction:column}.chart-svg{border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;height:180px;width:100%}.chart-x-axis{color:#9ca3af;display:flex;font-size:12px;justify-content:space-between;padding:8px 20px}.chart-legend{display:flex;justify-content:center;margin-top:16px}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px}.legend-dot{background:#667eea;border-radius:50%;height:10px;width:10px}.bar-chart{flex-direction:column}.bar-chart,.bar-item{display:flex;gap:12px}.bar-item{align-items:center}.bar-label{color:#4b5563;font-size:13px;min-width:120px;text-align:right}.bar-container{background:#f3f4f6;border-radius:4px;flex:1 1;height:24px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;height:100%;transition:width .5s ease}.bar-x-axis{color:#9ca3af;display:flex;font-size:12px;justify-content:space-between;margin-left:132px;padding-top:8px}.tickets-section{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.tickets-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.tickets-header h3{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:4px}.tickets-header p{color:#6b7280;font-size:13px}.view-all-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.view-all-btn:hover{background:#f9fafb;border-color:#d1d5db}.tickets-table-wrapper{overflow-x:auto}.tickets-table{border-collapse:collapse;width:100%}.tickets-table td,.tickets-table th{border-bottom:1px solid #f3f4f6;padding:14px 16px;text-align:start}.tickets-table th{background:#f9fafb;color:#6b7280;font-size:13px;font-weight:600}.tickets-table th:first-child{border-radius:8px 0 0 8px}.tickets-table th:last-child{border-radius:0 8px 8px 0}.tickets-table td{color:#374151;font-size:14px}.tickets-table tbody tr:hover{background:#f9fafb}.ticket-id{color:#1f2937;font-weight:600}.customer-cell{display:flex;flex-direction:column}.customer-phone{color:#9ca3af;font-size:12px}.status-badge,.type-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.type-complaint,.type-inquiry{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.status-new{background:#dbeafe;color:#1d4ed8}.status-progress{background:#d1fae5;color:#059669}.status-waiting{background:#fef3c7;color:#d97706}.status-closed{background:#d1fae5;color:#059669}.action-btn{height:32px;width:32px}.help-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #0000001a;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;position:fixed;right:24px;transition:all .3s ease;width:48px}.help-button:hover{box-shadow:0 6px 20px #00000026;transform:scale(1.1)}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.company-header{align-items:flex-start;flex-direction:column;gap:20px;padding:20px}.branch-cards-grid,.stats-grid{grid-template-columns:1fr}.stat-value{font-size:24px}.bar-label{font-size:11px;min-width:80px}.bar-x-axis{margin-left:92px}.tickets-table td,.tickets-table th{font-size:12px;padding:10px 8px}.actions-cell{flex-wrap:wrap}}.assign-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:480px;width:90%}.assign-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.assign-modal-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.modal-close-btn{background:none;font-size:24px;padding:4px;transition:color .2s}.modal-close-btn:hover{color:#1f2937}.assign-modal-subtitle{color:#6b7280;font-size:14px;margin:12px 0 0;padding:0 24px}.assign-modal-body{padding:24px}.assign-modal-body .form-group{margin-bottom:0}.assign-modal-body label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.agent-select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.agent-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.agent-select option{padding:12px}.assign-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.btn-cancel{border:1px solid #d1d5db;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel:hover{border-color:#9ca3af}.btn-assign{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-assign:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-assign:active{transform:translateY(0)}.ticket-detail-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;overflow:hidden;width:90%}.ticket-detail-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 18px 12px}.ticket-detail-title{color:#111827;font-size:16px;font-weight:700;margin:0 0 2px}.ticket-detail-id{color:#6b7280;font-size:12px;font-weight:400}.ticket-detail-body{padding:16px 18px}.ticket-detail-row{grid-gap:16px;border-bottom:1px solid #f3f4f6;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:14px;padding-bottom:14px}.ticket-detail-section-title{color:#374151;font-size:11px;font-weight:600;margin:0 0 8px;text-transform:capitalize}.ticket-detail-info-item{align-items:center;color:#4b5563;display:flex;font-size:13px;gap:8px;margin-bottom:6px}.ticket-detail-icon{color:#9ca3af;flex-shrink:0;font-size:13px}.ticket-detail-field{margin-bottom:14px}.ticket-detail-field .status-badge,.ticket-detail-field .type-badge{display:inline-block}.ticket-detail-rating{align-items:center;display:flex;gap:8px}.ticket-detail-rating .stars{display:flex;gap:2px}.ticket-detail-rating-label{color:#6b7280;font-size:13px;font-weight:500}.ticket-detail-message-box{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;color:#374151;font-size:13px;line-height:1.5;padding:10px 12px}.ticket-detail-footer{display:flex;justify-content:flex-end;padding:12px 18px 16px}.ticket-detail-close-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 22px;transition:all .2s}.ticket-detail-close-btn:hover{background:#f9fafb;border-color:#9ca3af}.respond-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:480px;overflow:hidden;width:90%}.respond-modal-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px 16px}.respond-modal-header h3{color:#1f2937;font-size:18px;font-weight:700;margin:0}.respond-modal-subtitle{color:#6b7280;font-size:13px;margin:4px 0 0}.respond-modal-body{padding:20px 24px}.respond-modal-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.respond-modal-textarea{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#374151;font-family:inherit;font-size:14px;min-height:100px;padding:12px 14px;resize:vertical;transition:border-color .2s;width:100%}.respond-modal-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.respond-modal-textarea::placeholder{color:#9ca3af}.respond-modal-footer{border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.btn-send-close{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-send-close:hover{background:#4f46e5}[dir=rtl] .bar-label{text-align:left}[dir=rtl] .bar-x-axis{margin-left:0;margin-right:132px}[dir=rtl] .bar-fill{background:linear-gradient(270deg,#3b82f6,#60a5fa);margin-left:auto;margin-right:0}[dir=rtl] .branch-summary,[dir=rtl] .chart-header,[dir=rtl] .tickets-table td,[dir=rtl] .tickets-table th{text-align:right}[dir=rtl] .tickets-header{direction:rtl}[dir=rtl] .tickets-header h3,[dir=rtl] .tickets-header p{text-align:right}@media (max-width:768px){[dir=rtl] .bar-x-axis{margin-right:92px}}.avatar-upload{align-items:center;display:flex;flex-direction:column;gap:16px;padding:24px}.avatar-preview{border:4px solid var(--primary-color);border-radius:50%;box-shadow:var(--shadow-lg);height:150px;overflow:hidden;position:relative;width:150px}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));font-size:48px;height:100%;width:100%}.avatar-placeholder,.avatar-upload-btn{align-items:center;color:#fff;display:flex;justify-content:center}.avatar-upload-btn{background:#000000b3;border:none;bottom:0;cursor:pointer;font-size:12px;font-weight:500;gap:6px;left:0;padding:10px;position:absolute;right:0;transition:var(--transition)}.avatar-upload-btn:hover:not(:disabled){background:#000000e6}.avatar-upload-btn:disabled{cursor:not-allowed;opacity:.7}.avatar-remove-btn{align-items:center;background-color:var(--danger-color);border:none;border-radius:50%;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:var(--transition);width:32px}[dir=rtl] .avatar-remove-btn{left:8px;right:auto}.avatar-remove-btn:hover{background-color:#dc2626;transform:scale(1.1)}.avatar-help{color:var(--text-tertiary);font-size:12px;max-width:300px;text-align:center}@media (max-width:768px){.avatar-preview{height:120px;width:120px}.avatar-placeholder{font-size:36px}.avatar-upload-btn{font-size:11px;padding:8px}}.dashboard-container{margin:0 auto;max-width:1400px;padding:32px 24px}.dashboard-header{margin-bottom:32px}.dashboard-header h1{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:8px}.dashboard-header p{color:var(--text-secondary);font-size:16px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);display:flex;gap:20px;padding:24px;transition:var(--transition)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.stat-primary .stat-icon{background:linear-gradient(135deg,var(--primary-color),var(--primary-light))}.stat-success .stat-icon{background:linear-gradient(135deg,#10b981,#34d399)}.stat-warning .stat-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.stat-danger .stat-icon{background:linear-gradient(135deg,#ef4444,#f87171)}.stat-content h3{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:4px}.stat-content p{color:var(--text-secondary);font-size:14px;font-weight:500}.dashboard-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.text-secondary{color:var(--text-secondary)}.subscription-stats{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.subscription-stats h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:16px}.subscription-grid{grid-gap:12px;display:grid;gap:12px}.subscription-item{align-items:center;background-color:var(--bg-secondary);border-radius:6px;display:flex;justify-content:space-between;padding:12px}.subscription-label{color:var(--text-primary);font-weight:500}.subscription-count{color:var(--primary-color);font-size:18px;font-weight:700}.profile-info{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.profile-item{background-color:var(--bg-secondary);border-radius:var(--border-radius);gap:16px;padding:16px}.profile-icon,.profile-item{align-items:center;display:flex}.profile-icon{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:8px;color:#fff;font-size:20px;height:48px;justify-content:center;width:48px}.profile-details{flex:1 1}.profile-details label{color:var(--text-tertiary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.profile-details p{color:var(--text-primary);font-size:16px;font-weight:500;margin:0}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.badge-lg{font-size:16px;padding:8px 20px}.badge-free{background-color:#e5e7eb;color:#374151}.badge-basic{background-color:#dbeafe;color:#1e40af}.badge-premium{background-color:#fef3c7;color:#92400e}.badge-enterprise{background-color:#e9d5ff;color:#6b21a8}.subscription-info{background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:24px;text-align:center}.subscription-badge{margin-bottom:16px}.status-active{color:var(--success-color);font-weight:600}.status-inactive{color:var(--warning-color);font-weight:600}.status-suspended{color:var(--danger-color);font-weight:600}@media (max-width:768px){.dashboard-container{padding:20px 16px}.dashboard-header h1{font-size:24px}.dashboard-content,.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-icon{height:48px;width:48px}.stat-content h3,.stat-icon{font-size:24px}}.profile-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.profile-form{display:flex;flex-direction:column;gap:20px}.form-text{color:var(--text-tertiary);display:block;font-size:12px;font-style:italic;margin-top:4px}textarea.form-control{font-family:inherit;min-height:80px;resize:vertical}@media (max-width:768px){.profile-grid{grid-template-columns:1fr}}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.settings-section-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.settings-section-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.settings-icon{color:var(--primary-color);font-size:24px}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:20px;width:20px}.checkbox-label span{-webkit-user-select:none;user-select:none}.form-help{color:var(--text-tertiary);font-size:12px;margin-left:32px;margin-top:6px}[dir=rtl] .form-help{margin-left:0;margin-right:32px}.settings-actions{border-top:1px solid var(--border-color);display:flex;gap:16px;justify-content:flex-end;padding-top:24px}.price-value{font-size:13px;font-weight:500}.settings-actions .btn{min-width:150px}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}.settings-section-header h2{font-size:18px}.settings-actions{justify-content:center}.settings-actions .btn{width:100%}}.page-container{max-width:100%;padding:24px 32px}.page-actions{align-items:center;display:flex;gap:16px}.branch-usage{align-items:flex-end;display:flex;flex-direction:column}.usage-label{color:#6b7280;font-size:12px}.usage-value{color:#1f2937;font-size:18px;font-weight:700}.add-branch-btn{align-items:center;background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.add-branch-btn:hover{background:#334155;transform:translateY(-1px)}.add-branch-btn.disabled,.add-branch-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6;transform:none}.table-header h3{font-size:16px;margin-bottom:4px}.table-header p{color:#6b7280;font-size:13px}.data-table td,.data-table th{border-bottom:1px solid #f3f4f6;padding:16px 20px;text-align:left}.data-table th{background:#fff;color:#6b7280;font-size:13px;font-weight:600}.data-table td{color:#374151;font-size:14px}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr:last-child td{border-bottom:none}.branch-name-cell{align-items:center;display:flex;gap:12px}.branch-icon{color:#9ca3af;font-size:16px;height:16px;width:16px}.branch-name-cell span{color:#1f2937;font-weight:500}.qr-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.qr-badge.generated{background:#d1fae5;color:#059669}.qr-badge.pending{background:#fef3c7;color:#d97706}.rating-stars{align-items:center;display:flex;gap:4px}.rating-stars svg{color:#fbbf24;font-size:16px}.rating-stars .star-empty{color:#d1d5db}.rating-number{color:#374151;font-weight:500;margin-left:8px}.tickets-badge{align-items:center;background:#ef4444;border-radius:12px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 8px}.actions-cell{gap:8px}.action-btn{border-radius:8px;height:36px;width:36px}@media (max-width:1024px){.page-header{flex-direction:column;gap:16px}.page-actions{justify-content:space-between;width:100%}}@media (max-width:768px){.page-container{padding:16px}.page-title-section h1{font-size:22px}.data-table td,.data-table th{font-size:12px;padding:12px 10px}.branch-name-cell{align-items:flex-start;flex-direction:column;gap:4px}.actions-cell{flex-wrap:wrap}.action-btn{height:32px;width:32px}}.loading-container{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-container .spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#1e293b;height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#6b7280;padding:60px 20px!important;text-align:center}.empty-state .empty-icon{color:#d1d5db;font-size:48px;margin-bottom:16px}.empty-state p{font-size:14px;margin:0 auto;max-width:300px}.modal-overlay{background-color:#00000080}.modal-content{box-shadow:0 20px 50px #0003;max-height:90vh}.modal-content.branch-modal{max-width:600px}.modal-content.delete-modal{max-width:400px}.modal-subtitle{font-size:14px;margin-top:4px}.modal-close-btn{height:32px;width:32px}.form-row{grid-gap:16px;gap:16px;margin-bottom:16px}.form-group{gap:6px}.form-label{color:#374151;font-size:14px;font-weight:500}.form-control{border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:14px;padding:12px 14px;transition:all .2s ease}.form-control:focus{border-color:#1e293b;box-shadow:0 0 0 3px #1e293b1a;outline:none}.form-control::placeholder{color:#9ca3af}.view-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.view-group{display:flex;flex-direction:column;gap:4px}.view-group label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.view-group p{color:#1f2937;font-size:14px;font-weight:500;margin:0}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.btn-primary{background:#1e293b;color:#fff}.btn-primary:hover{background:#334155}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.btn-secondary{background:#fff;border:1px solid #e5e7eb;color:#374151}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-danger:disabled{background:#fca5a5;cursor:not-allowed}.warning-text{color:#ef4444;font-size:13px;margin-top:8px}@media (max-width:640px){.modal-content{margin:10px;max-width:100%}.form-row,.view-row{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}.modal-content.qr-modal{max-width:420px}.qr-modal-body{gap:24px}.qr-display,.qr-modal-body{align-items:center;display:flex;flex-direction:column}.qr-display{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:24px}.qr-display svg{display:block}.qr-branch-id{color:#1e293b;font-size:18px;font-weight:600;margin-top:12px}.qr-info{display:flex;flex-direction:column;gap:12px;width:100%}.qr-info-row{align-items:center;display:flex;justify-content:space-between}.qr-info-row label{color:#6b7280;font-size:14px;font-weight:500}.qr-info-row p{margin:0}.qr-info-row p,.qr-input{color:#1f2937;font-size:14px;font-weight:600}.qr-input{border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;text-align:right;transition:all .2s ease;width:140px}.qr-input:focus{border-color:#1e293b;box-shadow:0 0 0 2px #1e293b1a;outline:none}.qr-input:hover{border-color:#d1d5db}.qr-modal-footer{display:flex;gap:12px}.qr-modal-footer .btn{flex:1 1}.btn-download{background:#1e293b;color:#fff}.btn-download:hover{background:#334155}@media (max-width:480px){.modal-content.qr-modal{max-width:100%}.qr-modal-footer{flex-direction:column}.qr-modal-footer .btn{width:100%}}.feedback-page{max-width:1400px}.feedback-header{gap:16px;margin-bottom:24px}.feedback-header,.header-icon{align-items:center;display:flex}.header-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:24px;height:48px;justify-content:center;width:48px}.header-text h1{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:4px}.header-text p{color:#6b7280;font-size:14px}.feedback-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 340px}.feedback-main{display:flex;flex-direction:column;gap:20px}.selection-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:20px 24px}.selection-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.select-group{flex:1 1;max-width:350px;min-width:250px}.select-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.branch-select-wrapper{align-items:center;display:flex;position:relative}.select-icon{color:#6b7280;font-size:18px;left:14px;pointer-events:none;position:absolute}.branch-select{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:12px 16px 12px 42px;transition:all .2s ease;width:100%}.branch-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.btn-generate,.btn-preview,.btn-save{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.btn-save{background:#8b5cf6}.btn-save:hover{background:#7c3aed}.btn-generate{background:#10b981}.btn-generate:hover{background:#059669}.questions-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.questions-header{justify-content:space-between;margin-bottom:20px}.questions-header,.questions-title{align-items:flex-start;display:flex}.questions-title{gap:12px}.title-icon{font-size:24px}.questions-title h3{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:2px}.questions-title p{color:#6b7280;font-size:13px}.questions-actions{display:flex;gap:10px}.btn-ai-generate{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.btn-ai-generate:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.btn-add-question{align-items:center;background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.btn-add-question:hover{background:#334155}.questions-list{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.question-card{align-items:flex-start;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #0f172a0a;border-radius:12px;box-shadow:0 6px 18px #1018280a;display:flex;gap:16px;padding:16px;position:relative}.question-card:before{background:linear-gradient(180deg,#2563eb,#7c3aed);background:linear-gradient(180deg,var(--primary-color,#2563eb),#7c3aed);border-bottom-left-radius:12px;border-top-left-radius:12px;bottom:0;content:"";left:0;position:absolute;top:0;width:6px}.question-drag-handle{align-items:flex-start;color:#9ca3af;cursor:grab;display:flex;padding-top:4px}.question-drag-handle:active{cursor:grabbing}.question-content{flex:1 1}.question-header-row{display:flex;gap:16px;margin-bottom:16px}.question-badge{background:linear-gradient(90deg,#6366f11f,#3b82f61f);border-radius:999px;box-shadow:0 4px 10px #1018280a;color:#1e40af;color:var(--primary-dark,#1e40af);display:inline-block;font-size:12px;font-weight:700;padding:6px 12px;text-transform:capitalize}.question-required{align-items:center;display:flex;gap:10px;margin-left:auto}.toggle-label{align-items:center;cursor:pointer}.toggle-label input{display:none}.toggle-slider{background:#cbd5e1;border-radius:12px;display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.toggle-label input:checked+.toggle-slider{background:#6366f1}.toggle-label input:checked+.toggle-slider:after{left:22px}.required-text{color:#6b7280;font-size:13px;font-weight:500}.btn-remove-question{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-remove-question:hover{background:#fee2e2;color:#ef4444}.language-tabs-container{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.language-tabs{background:#e5e7eb;border-radius:8px;display:flex;gap:0;padding:4px;width:fit-content}.lang-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.lang-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1f2937}.lang-code{align-items:center;border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;justify-content:center;padding:2px 6px;text-transform:uppercase}.lang-code,.lang-tab.active .lang-code{background:#667eea}.lang-icon{font-size:14px}.tab-required-toggle{align-items:center;display:flex;gap:8px;margin-left:auto}.toggle-label-inline{align-items:center;cursor:pointer;display:flex}.toggle-label-inline input{display:none}.toggle-slider-inline{background:#cbd5e1;border-radius:12px;cursor:pointer;display:inline-block;height:24px;position:relative;transition:all .3s ease;width:44px}.toggle-slider-inline:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.toggle-label-inline input:checked+.toggle-slider-inline{background:#6366f1}.toggle-label-inline input:checked+.toggle-slider-inline:after{left:22px}.required-text-inline{color:#6b7280;font-size:13px;font-weight:500}.question-input-group{margin-bottom:16px}.question-input-group label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.question-input-group input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.question-input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.question-input-group input::placeholder{color:#9ca3af}.question-options-row{display:flex;flex-wrap:wrap;gap:24px}.option-group{flex:1 1;min-width:200px}.option-group label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.option-group select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 14px;width:100%}.option-group select:focus{border-color:#667eea;outline:none}.rating-scale-group{flex:2 1}.rating-scale-pills{display:flex;flex-wrap:wrap;gap:8px}.rating-pill{border-radius:6px;font-size:12px;font-weight:500;padding:6px 12px}.rating-pill.rating-1{background:linear-gradient(90deg,#ecfdf5,#bbf7d0);color:#059669}.rating-pill.rating-2{background:linear-gradient(90deg,#eff6ff,#bfdbfe);color:#2563eb}.rating-pill.rating-3{background:linear-gradient(90deg,#fffbeb,#fde68a);color:#d97706}.rating-pill.rating-4{background:linear-gradient(90deg,#fff7ed,#ffd8a8);color:#ea580c}.rating-pill.rating-5{background:linear-gradient(90deg,#fff1f2,#fecaca);color:#dc2626}.preview-modal .rating-button{background:linear-gradient(180deg,#fffffffa,#fafaffe6);border:1px solid #0f172a0f;color:#111827}.preview-modal .rating-button .stars{margin-bottom:0}.preview-modal .rating-button .label{color:#111827;white-space:nowrap}@media (max-width:480px){.preview-modal .rating-button .stars{font-size:12px}.preview-modal .rating-button .label{font-size:11px}}.question-content label,.question-content p{color:#0f172a}.question-header-row{align-items:center;gap:12px;margin-bottom:12px}.btn-add-question-full{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:14px;transition:all .2s ease;width:100%}.btn-add-question-full:hover{background:#f5f3ff;border-color:#667eea;color:#667eea}.version-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;justify-content:space-between;padding:16px 20px}.version-card,.version-info{align-items:center;display:flex}.version-info{gap:10px}.version-icon{color:#22c55e;font-size:20px}.version-info span{color:#166534;font-size:14px;font-weight:600}.last-modified{background:#fff;border-radius:6px;color:#6b7280;font-size:13px;padding:6px 12px}.qr-panel{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;height:fit-content;padding:24px;position:sticky;top:100px}.form-color-picker{gap:12px}.form-color-picker .color-preview{border:1px solid #0000000f;border-radius:10px;box-shadow:0 8px 20px #0206171f,inset 0 -4px 10px #ffffff14;flex-shrink:0;height:44px;transition:transform .12s ease,box-shadow .12s ease;width:44px}.form-color-picker input[type=color]{-webkit-appearance:none;background:#0000;border:none;border-radius:10px;box-shadow:0 6px 14px #02061714;cursor:pointer;height:44px;padding:0;transition:transform .12s ease;width:48px}.form-color-picker input[type=color]:hover{transform:translateY(-3px)}.form-color-picker input[type=color]:focus{box-shadow:0 10px 30px #0206171f;outline:none}.form-color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.form-color-picker input[type=color]::-webkit-color-swatch{border:none;border-radius:8px}.color-hex-input{background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid #e6eef8;border-radius:10px;box-shadow:inset 0 -2px 6px #fff9;color:#0f172a;font-weight:700;padding:10px 12px;text-align:center;transition:box-shadow .12s ease,transform .12s ease;width:120px}.color-hex-input:focus{border-color:#c7e0ff;box-shadow:0 10px 30px #0206170f;outline:none;transform:translateY(-2px)}.btn-copy-color{background:linear-gradient(180deg,#fff,#f1f5f9);border:none;border-radius:10px;box-shadow:0 8px 18px #02061714,inset 0 2px 0 #fffc;color:#0f172a;cursor:pointer;font-weight:700;padding:10px 14px;transition:transform .12s ease,box-shadow .12s ease,color .12s ease,background .12s ease}.btn-copy-color:hover{box-shadow:0 12px 28px #0206171f;transform:translateY(-3px)}.btn-copy-color:active{transform:translateY(0)}@media (max-width:600px){.form-color-picker{flex-wrap:wrap;gap:8px}.color-hex-input{width:100px}}.qr-panel-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.qr-panel-icon{color:#667eea;font-size:24px}.qr-panel-header h3{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:2px}.qr-panel-header p{color:#6b7280;font-size:13px}.qr-preview-box{background:#faf5ff;border:1px solid #ede9fe;flex-direction:column;margin-bottom:0;padding:24px}.qr-logo,.qr-preview-box{align-items:center;border-radius:12px;display:flex}.qr-logo{background:#8b5cf6;color:#fff;font-size:28px;height:56px;justify-content:center;width:56px}.qr-code-wrapper,.qr-logo{margin-bottom:16px}.qr-code-label{align-items:center;display:flex;font-size:13px;gap:8px}.qr-code-label span:first-child{color:#6b7280}.qr-code-value{color:#22d3ee;font-weight:600}.qr-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.qr-placeholder svg{font-size:48px;margin-bottom:12px}.qr-branch-name,.qr-placeholder p{font-size:14px;text-align:center}.qr-branch-name{color:#1f2937;font-weight:600;margin-bottom:4px}.qr-settings-section{border-top:1px solid #f0f0f0;padding:16px 0}.qr-settings-section .section-label{color:#374151;font-size:14px;font-weight:600;margin-bottom:12px}.qr-setting-row{align-items:center;display:flex;justify-content:space-between}.qr-setting-row span{color:#374151;font-size:14px;font-weight:500}.preview-modal .modal-content{background:#0000;border-radius:0;box-shadow:none;height:auto;max-width:720px;overflow:visible;padding:0;width:auto}.preview-body .public-feedback-container{align-items:stretch;background:#fff;border:1px solid #0f172a0f;border-radius:10px;box-shadow:0 8px 24px #1018280f;display:flex;flex-direction:column;margin:12px auto;max-height:calc(100vh - 80px);max-width:calc(100vw - 32px);overflow:auto;padding-bottom:12px;width:640px}.preview-body .public-feedback-form{max-height:calc(100vh - 220px);overflow-y:auto;padding-right:8px}@media (max-width:600px){.preview-body .public-feedback-container{border-radius:8px;margin:8px;max-height:calc(100vh - 40px);padding:8px;width:calc(100vw - 24px)}.preview-modal .public-feedback-header{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.preview-modal .company-logo-public{height:56px;width:56px}.public-feedback-header h1{font-size:16px}.public-feedback-header .branch-location{font-size:12px}.preview-modal .rating-button{min-width:64px;padding:10px 12px}.preview-modal .rating-button .stars{font-size:16px}.preview-modal .rating-button .label{font-size:12px}.preview-modal .rating-options{gap:8px;justify-content:center}}.preview-modal .public-feedback-header{align-items:center;background:linear-gradient(90deg,#2563eb,#3b82f6);background:linear-gradient(90deg,var(--primary-color,#2563eb),var(--primary-light,#3b82f6));color:#fff;display:flex;gap:16px;padding:20px 24px;text-align:left}.preview-modal .company-logo-public{align-items:center;background:#fffffff5;border-radius:10px;box-shadow:0 6px 18px #10182814;display:flex;flex-shrink:0;height:72px;justify-content:center;margin:0;overflow:hidden;width:72px}.preview-modal .company-logo-public img{display:block;height:100%;object-fit:contain;width:100%}.public-feedback-header h1{color:#fff;font-size:18px;font-weight:800;margin:0}.public-feedback-header .branch-location{color:#fffffff2;font-size:13px}.public-feedback-header .header-text{display:flex;flex-direction:column}.text-answer textarea{background:linear-gradient(180deg,#fff,#fbfbfd);border:1px solid #0f172a0f;border-radius:12px;box-shadow:0 6px 18px #1018280f;color:#0f172a;font-size:14px;min-height:100px;padding:14px 16px;resize:vertical;transition:all .2s ease;width:100%}.text-answer textarea::placeholder{color:#9aa4b2}.text-answer textarea:focus{border-color:#6366f1e6;box-shadow:0 8px 20px #6366f11f;outline:none}.preview-modal .rating-button{background:#fffffff2;background:#0000;border:1px solid #ffffff1f;border-radius:10px;box-shadow:none;padding:10px 12px;transition:transform .12s ease,box-shadow .12s ease}.preview-modal .rating-options{align-items:center;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:6px;justify-content:center;padding:6px 10px}.preview-modal .rating-button{align-items:center;background:#fffffffa;border-radius:6px;display:inline-flex;flex:0 1 auto;flex-direction:column;gap:4px;min-width:0;padding:6px 8px}.preview-modal .rating-button.selected{border-color:#22c55ee6;box-shadow:0 4px 12px #10182814;transform:translateY(-1px)}.preview-modal .rating-button .stars{color:#f59e0b;font-size:12px}.preview-modal .rating-button .label{font-size:11px;text-align:center}@media (min-width:900px){.preview-modal .rating-options{flex-wrap:nowrap}.preview-modal .rating-button .stars{font-size:14px}.preview-modal .rating-button .label{font-size:12px}}.preview-modal .modal-header{background:#0000;border-bottom:none;padding:12px 20px;text-align:center}.preview-modal .modal-footer{border-top:1px solid #f3f4f6;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px 24px}.preview-powered-by{background:#0000;border-top:1px solid #0f172a08;padding:10px 12px;width:100%}.preview-powered-by a{color:#6b7280;font-weight:600;text-decoration:none}.preview-powered-by a:hover{text-decoration:underline}.modal-overlay{overflow:hidden;padding:8px}.station-logo-upload{align-items:center;background:#0000;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;margin-top:12px;padding:10px 16px;transition:all .2s ease;width:100%}.upload-logo-btn:hover{background:#f0f0ff;border-color:#667eea}.upload-hint{color:#9ca3af;font-size:12px;margin-top:6px}.form-color-picker{align-items:center;display:flex;gap:10px;margin-bottom:12px}.color-preview{border:2px solid #e5e7eb;border-radius:8px;height:36px;width:36px}.color-hex{color:#6b7280;font-size:13px}.color-presets{display:flex;gap:8px;margin-bottom:10px}.color-preset-btn{border:2px solid #0000;border-radius:6px;cursor:pointer;height:28px;transition:all .2s ease;width:40px}.color-preset-btn:hover{transform:scale(1.1)}.color-preset-btn.active{border-color:#1f2937;box-shadow:0 0 0 2px #fff,0 0 0 4px #1f2937}.color-hint{color:#9ca3af;font-size:12px;font-style:italic}.qr-size-select.full-width{width:100%}.toggle-switch input{display:none}.toggle-switch .toggle-slider{background:#d1d5db;border-radius:12px;height:24px;position:relative;transition:all .3s ease;width:44px}.toggle-switch .toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.toggle-switch input:checked+.toggle-slider{background:#22d3ee}.toggle-switch input:checked+.toggle-slider:after{left:22px}.qr-size-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;min-width:150px;padding:8px 12px}.qr-size-select:focus{border-color:#667eea;outline:none}.qr-download-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.btn-download-pdf,.btn-download-png{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.btn-download-pdf:hover,.btn-download-png:hover{background:#f9fafb;border-color:#d1d5db}.btn-download-pdf:disabled,.btn-download-png:disabled{cursor:not-allowed;opacity:.5}.btn-print-full{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.btn-print-full:hover{background:#f9fafb;border-color:#d1d5db}.btn-print-full:disabled{cursor:not-allowed;opacity:.5}.modal-content{border-radius:16px;max-width:500px}.modal-header{align-items:flex-start;gap:16px;position:relative}.modal-icon{color:#f59e0b;flex-shrink:0;font-size:32px}.modal-header h2{margin-bottom:4px}.modal-header p{color:#6b7280;font-size:14px}.modal-close{background:#0000;color:#9ca3af;position:absolute;right:20px;top:20px}.modal-close:hover{background:#f3f4f6}.modal-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.topic-select-wrapper{align-items:center;display:flex;margin-bottom:24px;position:relative}.topic-icon{color:#f59e0b;font-size:20px;left:14px;pointer-events:none;position:absolute}.topic-select{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:15px;padding:14px 16px 14px 46px;transition:all .2s ease;width:100%}.topic-select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.btn-generate-modal{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.btn-generate-modal:hover{box-shadow:0 6px 20px #f59e0b4d;transform:translateY(-1px)}.modal-footer{padding:16px 24px 24px}.btn-cancel-modal{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-cancel-modal:hover{background:#f3f4f6;color:#1f2937}@media (max-width:1200px){.feedback-content-grid{grid-template-columns:1fr}.qr-panel{position:static}}@media (max-width:768px){.selection-row{align-items:stretch;flex-direction:column}.select-group{max-width:100%}.action-buttons{width:100%}.action-buttons button{flex:1 1;justify-content:center}.questions-header{flex-direction:column;gap:16px}.questions-actions{width:100%}.questions-actions button{flex:1 1}.question-options-row{flex-direction:column}.rating-scale-group{flex:1 1}.version-card{flex-direction:column;gap:12px;text-align:center}}.customer-feedback-page .page-container{padding:16px 20px}.customer-feedback-page .main-content{overflow-x:hidden}.cf-page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.cf-title-section h1{color:#1f2937;font-size:22px;font-weight:700;margin-bottom:4px}.cf-title-section p{color:#6b7280;font-size:13px}.cf-export-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.cf-export-btn:hover{background:#f9fafb;border-color:#d1d5db}.cf-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.cf-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.cf-stat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.cf-stat-info{display:flex;flex-direction:column}.cf-stat-label{color:#6b7280;font-size:13px;font-weight:500;margin-bottom:6px}.cf-stat-value{color:#1f2937;font-size:28px;font-weight:700;line-height:1}.cf-stat-icon{align-items:center;border-radius:10px;display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.cf-stat-icon.total{background:#eff6ff;color:#3b82f6}.cf-stat-icon.rating{background:#fef3c7;color:#d97706}.cf-stat-icon.complaints{background:#fef2f2;color:#ef4444}.cf-filter-bar{gap:12px;margin-bottom:16px}.cf-filter-bar,.cf-search-box{align-items:center;display:flex}.cf-search-box{flex:1 1;position:relative}.cf-search-icon{color:#9ca3af;font-size:16px;left:12px;position:absolute}.cf-search-box input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:13px;padding:10px 12px 10px 38px;transition:all .2s ease;width:100%}.cf-search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.cf-search-box input::placeholder{color:#9ca3af}.cf-branch-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;min-width:180px;padding:10px 14px}.cf-branch-select:focus{border-color:#3b82f6;outline:none}.cf-filter-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.cf-filter-btn:hover{background:#f9fafb;border-color:#d1d5db}.cf-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:0;margin-bottom:0}.cf-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cf-tab:hover{color:#374151}.cf-tab.active{border-bottom-color:#1f2937;color:#1f2937;font-weight:600}.cf-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;border-top:none;overflow:hidden}.cf-table-wrapper{overflow-x:auto}.cf-table{border-collapse:collapse;width:100%}.cf-table td,.cf-table th{border-bottom:1px solid #f3f4f6;padding:12px 16px;text-align:left}.cf-table th{background:#f9fafb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.cf-table td{color:#374151;font-size:13px}.cf-table tbody tr:hover{background:#f9fafb}.cf-table tbody tr:last-child td{border-bottom:none}.cf-ticket-id{color:#1f2937;font-weight:600;white-space:nowrap}.cf-type-badge{border-radius:5px;display:inline-block;font-size:12px;font-weight:500;padding:3px 10px}.cf-type-badge.complaint{background:#fef2f2;color:#dc2626}.cf-type-badge.inquiry{background:#eff6ff;color:#2563eb}.cf-type-badge.suggestion{background:#f0fdf4;color:#16a34a}.cf-priority-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.priority-high{background:#fef2f2;color:#dc2626}.priority-medium{background:#fef3c7;color:#d97706}.priority-low{background:#f0fdf4;color:#16a34a}.star-rating{display:flex;gap:2px}.star-icon{font-size:14px}.star-filled{fill:#f59e0b;color:#f59e0b}.star-empty{color:#d1d5db}[dir=rtl] .customer-feedback-page .star-rating{direction:rtl}[dir=rtl] .customer-feedback-page .cf-table td,[dir=rtl] .customer-feedback-page .cf-table th{text-align:right}.cf-date-cell{color:#6b7280;font-size:12px;white-space:nowrap}.cf-empty{color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}@media (max-width:1200px){.cf-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.cf-page-header{flex-direction:column;gap:12px}.cf-stats-grid{grid-template-columns:1fr}.cf-filter-bar{flex-direction:column}.cf-branch-select{width:100%}.cf-table td,.cf-table th{font-size:12px;padding:10px 8px}}.add-user-btn{align-items:center;background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.add-user-btn:hover{background:#334155;transform:translateY(-1px)}.users-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.users-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:20px 24px;transition:all .3s ease}.users-stat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.stat-info{display:flex;flex-direction:column}.users-stat-card .stat-label{color:#6b7280;font-size:13px;font-weight:500;margin-bottom:8px}.users-stat-card .stat-value{color:#1f2937;font-size:32px;font-weight:700;line-height:1}.users-stat-card .stat-icon{align-items:center;border-radius:50%;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.users-stat-card .stat-icon.users{background:#eff6ff;color:#3b82f6}.users-stat-card .stat-icon.active{background:#ecfdf5;color:#10b981}.users-stat-card .stat-icon.admins{background:#faf5ff;color:#a855f7}.users-stat-card .stat-icon.agents{background:#ecfdf5;color:#10b981}.table-card{border:1px solid #e5e7eb;border-radius:12px}.table-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.table-header h3{font-size:18px}.data-table{border-collapse:collapse;width:100%}.table-card .data-table td,.table-card .data-table th{border-bottom:1px solid #e5e7eb;padding:14px 20px;text-align:left}.table-card .data-table th,.table-card .data-table thead{background:#f1f5f9!important}.table-card .data-table th{border-bottom:2px solid #e2e8f0;color:#64748b;font-size:13px;font-weight:600;white-space:nowrap}.table-card .data-table td{color:#374151;font-size:14px;vertical-align:middle}.table-card .data-table tbody tr{transition:background .15s ease}.table-card .data-table tbody tr:hover{background:#f8fafc}.table-card .data-table tbody tr:last-child td{border-bottom:none}.table-card .row-number{color:#9ca3af;font-weight:600;width:40px}.table-card .user-name{color:#1f2937;font-size:14px;font-weight:600;white-space:nowrap}.table-card .email-cell{color:#6b7280;font-size:13px;white-space:nowrap}.table-card .email-cell .email-icon{color:#9ca3af;font-size:14px;margin-right:6px;vertical-align:middle}.table-card .date-cell{font-feature-settings:"tnum";color:#6b7280;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.table-card .role-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;line-height:1.4;padding:4px 12px;white-space:nowrap}.table-card .role-badge.admin{background:#fef2f2;color:#dc2626}.table-card .role-badge.manager{background:#eff6ff;color:#2563eb}.table-card .role-badge.agent{background:#ecfdf5;color:#059669}.table-card .role-badge.viewer{background:#f3f4f6;color:#6b7280}.table-card .status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;line-height:1.4;padding:4px 12px;white-space:nowrap}.table-card .status-badge.active{background:#ecfdf5;color:#059669}.table-card .status-badge.inactive{background:#fef2f2;color:#dc2626}.table-card .actions-cell{display:flex;gap:8px}.table-card .action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;transition:all .2s ease;width:34px}.table-card .action-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.table-card .action-btn.delete{color:#ef4444}.table-card .action-btn.delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.modal-overlay{padding:10px}.modal-content{border-radius:10px;max-height:88vh;max-width:750px}.modal-header{border-bottom:1px solid #f0f0f0;padding:12px 16px}.modal-header h2{font-size:16px}.modal-close-btn{background:#f3f4f6;border-radius:6px;height:28px;transition:all .2s ease;width:28px}.modal-close-btn:hover{background:#e5e7eb}.modal-form{padding:14px 16px}.form-grid{grid-gap:10px;gap:10px;margin-bottom:12px}.form-group label{font-size:11px;margin-bottom:4px}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:5px;color:#1f2937;font-size:12px;padding:7px 9px}.form-group input:focus,.form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.password-input-wrapper input{padding-right:40px}.password-toggle-btn{align-items:center;display:flex;font-size:18px;justify-content:center;right:8px;transition:color .2s ease}.modal-content.rtl{direction:rtl}.modal-content.rtl .modal-header{flex-direction:row-reverse}.modal-content.rtl .modal-header h2{text-align:right}.modal-content.rtl .form-group input,.modal-content.rtl .form-group label,.modal-content.rtl .form-group select,.modal-content.rtl .form-group textarea,.modal-content.rtl .permission-checkbox span,.modal-content.rtl .permission-group h4{text-align:right}.password-input-wrapper.rtl input{padding-left:40px;padding-right:8px}.password-input-wrapper.rtl .password-toggle-btn{left:8px;right:auto}.password-toggle-btn:hover{color:#374151}.permissions-section{border-top:1px solid #f0f0f0;margin-bottom:12px;padding-top:10px}.permissions-section h3{color:#1f2937;font-size:13px;font-weight:700;margin-bottom:8px}.permissions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.permission-group h4{color:#374151;font-size:11px;font-weight:600;margin-bottom:5px}.permission-checkbox{align-items:center;cursor:pointer;display:flex;gap:5px;margin-bottom:3px;-webkit-user-select:none;user-select:none}.permission-checkbox input[type=checkbox]{accent-color:#6366f1;border-radius:3px;cursor:pointer;flex-shrink:0;height:13px;width:13px}.permission-checkbox span{color:#6b7280;font-size:10px;line-height:1.1}.modal-actions{background:#fafafa;border-top:1px solid #f0f0f0;display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:10px 16px}.cancel-btn,.submit-btn{border-radius:5px;cursor:pointer;font-size:12px;font-weight:600;padding:7px 16px;transition:all .2s ease}.cancel-btn{background:#fff;border:1px solid #d1d5db;color:#374151}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.submit-btn{background:#1e293b;border:none;color:#fff}.submit-btn:hover{background:#334155;transform:translateY(-1px)}@media (max-width:1200px){.users-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-header{flex-direction:column;gap:16px}.users-stats-grid{grid-template-columns:1fr}.data-table td,.data-table th{font-size:12px;padding:12px 10px}.email-cell{align-items:flex-start;flex-direction:column;gap:2px}.actions-cell{flex-wrap:wrap}.action-btn{height:32px;width:32px}.form-grid,.permissions-grid{grid-template-columns:1fr}.modal-content{max-height:98vh}.modal-form{padding:16px}.modal-actions{padding:12px 16px}}.loyalty-main-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:20px;margin-top:16px;padding-bottom:0}.main-tab-btn{background:none;border:none;border-bottom:3px solid #0000;border-radius:0;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:-2px;padding:10px 22px;transition:all .2s ease;white-space:nowrap}.main-tab-btn:hover{color:#1e293b}.main-tab-btn.active{border-bottom-color:#1e293b;color:#1e293b}.members-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.members-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.members-header h2{color:#1f2937;font-size:20px;font-weight:700}.members-count{background:#f3f4f6;border-radius:20px;color:#6b7280;font-size:13px;font-weight:500;padding:4px 12px}.members-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.members-empty-icon{color:#d1d5db;font-size:48px;margin-bottom:12px}.members-empty p{font-size:14px;max-width:320px}.members-table-wrapper{overflow-x:auto}.members-table{border-collapse:collapse;font-size:14px;width:100%}.members-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.members-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.members-table td{border-bottom:1px solid #f3f4f6;color:#374151;padding:14px 16px}.members-table tbody tr:hover{background:#f9fafb}.member-points-badge{background:#dbeafe;border-radius:12px;color:#1e40af;display:inline-block;font-size:13px;font-weight:600;padding:3px 10px}.btn-preview{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.btn-preview:hover{background:#f9fafb;border-color:#d1d5db}.btn-save{padding:12px 20px}.loyalty-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.loyalty-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:20px 24px;transition:all .3s ease}.loyalty-stat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.loyalty-stat-card .stat-info{display:flex;flex-direction:column}.loyalty-stat-card .stat-label{color:#6b7280;font-size:13px;font-weight:500;margin-bottom:8px}.loyalty-stat-card .stat-value{color:#1f2937;font-size:28px;font-weight:700;line-height:1}.loyalty-stat-card .stat-value.growth{color:#10b981}.loyalty-stat-card .stat-icon{align-items:center;border-radius:50%;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.loyalty-stat-card .stat-icon.members{background:#eff6ff;color:#3b82f6}.loyalty-stat-card .stat-icon.points{background:#fef3c7;color:#f59e0b}.loyalty-stat-card .stat-icon.rewards{background:#ecfdf5;color:#10b981}.loyalty-stat-card .stat-icon.growth{background:#f0fdf4;color:#22c55e}.registration-link-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:20px 24px}.reg-link-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.reg-link-icon{align-items:center;background:#eff6ff;border-radius:12px;color:#3b82f6;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.reg-link-info{flex:1 1}.reg-link-info h3{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:2px}.reg-link-info p{color:#6b7280;font-size:13px}.reg-link-actions{display:flex;flex-shrink:0;gap:8px}.btn-copy-link{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-copy-link:hover{background:#f9fafb;border-color:#d1d5db}.btn-show-qr{align-items:center;background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-show-qr:hover{background:#334155}.reg-link-url{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:12px 16px}.reg-link-url .link-icon{color:#94a3b8;flex-shrink:0;font-size:16px}.reg-link-url span{color:#64748b;flex-shrink:0;font-size:13px;font-weight:600}.reg-link-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;outline:none}.reg-link-input::placeholder{color:#94a3b8}.qr-preview-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:10px;position:fixed;right:0;top:0;z-index:1000}.qr-preview-modal{animation:qrModalSlideIn .3s ease;background:#f3f4f6;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:340px;overflow:hidden;position:relative;width:100%}@keyframes qrModalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.qr-preview-close{align-items:center;background:#ffffffd9;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s;width:24px;z-index:10}.qr-preview-close:hover{background:#fff;color:#1f2937}.qr-preview-branding{padding:16px 16px 10px;text-align:center}.qr-preview-logo{align-items:center;border-radius:10px;box-shadow:0 4px 12px #00000026;display:flex;height:44px;justify-content:center;margin:0 auto 8px;width:44px}.qr-preview-logo img{height:28px;object-fit:contain;width:28px}.qr-preview-company{color:#1f2937;font-size:15px;font-weight:700;margin-bottom:2px}.qr-preview-program{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:4px;justify-content:center}.qr-program-icon{color:#f59e0b;font-size:12px}.qr-preview-form-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;margin:0 10px;padding:12px}.qr-form-header{margin-bottom:10px;text-align:center}.qr-form-icon{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;margin:0 auto 6px;width:32px}.qr-form-header h3{color:#1f2937;font-size:14px;font-weight:700;margin-bottom:1px}.qr-form-header p{color:#6b7280;font-size:11px}.qr-form-fields{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.qr-form-field label{color:#374151;display:block;font-size:11px;font-weight:600;margin-bottom:2px}.qr-form-field .required{color:#ef4444}input.qr-field-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;color:#1f2937;font-size:11px;outline:none;padding:6px 10px;transition:border-color .2s;width:100%}input.qr-field-input::placeholder{color:#9ca3af}input.qr-field-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.qr-benefits-card{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:10px;padding:8px 10px}.qr-benefits-card h4{align-items:center;color:#92400e;display:flex;font-size:11px;font-weight:700;gap:4px;margin-bottom:5px}.qr-benefits-card .benefits-icon{color:#f59e0b;font-size:12px}.qr-benefits-list{display:flex;flex-direction:column;gap:3px;list-style:none;margin:0;padding:0}.qr-benefits-list li{align-items:center;color:#374151;display:flex;font-size:11px;gap:5px}.benefit-check{color:#16a34a;font-size:11px;font-weight:700}.qr-join-btn{border:none;border-radius:7px;color:#fff;cursor:default;font-size:12px;font-weight:700;margin-bottom:6px;padding:8px;width:100%}.qr-terms{color:#9ca3af;font-size:9px;text-align:center}.qr-code-section{padding:8px 10px 12px;text-align:center}.qr-scan-text{color:#6b7280;font-size:10px;font-weight:600;margin-bottom:6px}.qr-code-image{border:1px solid #e5e7eb;border-radius:6px;height:90px;width:90px}.qr-success-header{margin-bottom:16px;text-align:center}.qr-success-icon{align-items:center;color:#10b981;display:flex;font-size:48px;height:48px;justify-content:center;margin:0 auto 10px;width:48px}.qr-success-header h3{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:4px}.qr-success-header p{color:#6b7280;font-size:12px}.qr-member-id-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding:14px;text-align:center}.qr-member-id-label{color:#6b7280;font-size:11px;font-weight:500}.qr-member-id-value{color:#1f2937;font-family:Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:1px}.qr-next-steps{margin-bottom:16px}.qr-next-steps h4{color:#1f2937;font-size:13px;font-weight:700;margin-bottom:8px}.qr-next-steps ol{display:flex;flex-direction:column;gap:4px;margin:0;padding-left:18px}.qr-next-steps ol li{color:#374151;font-size:12px}.qr-wallet-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;padding:10px;transition:opacity .2s;width:100%}.qr-wallet-btn:hover{opacity:.9}.loyalty-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 380px}.settings-panel{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.settings-tabs{border-bottom:1px solid #e5e7eb;display:flex;padding:0 24px}.tab-btn{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:-1px;padding:16px 24px;transition:all .2s ease}.tab-btn:hover{color:#374151}.tab-btn.active{border-bottom-color:#1e293b;color:#1e293b}.tab-btn svg{font-size:18px}.tab-btn--disabled,.tab-btn--disabled:hover{color:#6b7280;cursor:not-allowed;opacity:.45}.tab-soon-badge{background:#e5e7eb;border-radius:20px;color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.3px;padding:1px 7px;text-transform:uppercase}.tab-content{padding:24px}.tab-content h3{color:#1f2937;font-size:18px;font-weight:700}.form-group,.tab-content h3{margin-bottom:20px}.form-group label{display:block;font-size:13px}.form-group input,.form-group select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-hint{color:#9ca3af;display:block;font-size:12px;margin-top:6px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.select-with-icon{position:relative}.select-with-icon .select-icon{color:#f59e0b;font-size:16px;left:14px;pointer-events:none;position:absolute;right:auto;top:50%;transform:translateY(-50%);z-index:1}.form-group .select-with-icon select,.select-with-icon select{padding-left:40px!important;padding-right:12px}[dir=rtl] .select-with-icon .select-icon{left:auto;right:14px}[dir=rtl] .form-group .select-with-icon select,[dir=rtl] .select-with-icon select{padding-left:12px!important;padding-right:40px!important}.logo-upload-area{margin-bottom:20px}.upload-box{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:40px;transition:all .2s ease}.upload-box:hover{background:#eff6ff;border-color:#3b82f6}.upload-box svg{color:#6b7280;font-size:24px}.upload-box span{color:#374151;font-size:14px;font-weight:500}.upload-box small{color:#9ca3af;font-size:12px}.color-pickers-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.color-picker-group{display:flex;flex-direction:column}.color-picker-group label{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:12px}.color-picker-wrapper{align-items:center;display:flex;gap:12px}.color-box{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;height:48px;transition:all .2s ease;width:48px}.color-box:hover{box-shadow:0 2px 8px #0000001a;transform:scale(1.05)}.color-hex{color:#374151;font-family:monospace;font-size:14px;font-weight:500}.preset-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.preset-section label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:12px}.preset-templates{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.preset-btn{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:12px 20px;transition:all .2s ease}.preset-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.rewards-list{display:flex;flex-direction:column;gap:16px}.reward-item{align-items:center;background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.reward-item:hover{background:#f3f4f6;border-color:#d1d5db}.reward-icon-wrapper{align-items:center;background:#fff;border-radius:10px;color:#6366f1;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.reward-info{flex:1 1}.reward-info h4{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:4px}.reward-info p{color:#6b7280;font-size:13px}.reward-points{align-items:center;background:#dbeafe;border-radius:20px;display:flex;flex-shrink:0;gap:6px;padding:8px 16px}.reward-points .star-icon{color:#3b82f6;font-size:16px}.reward-points span{color:#1e40af;font-size:14px;font-weight:600}.reward-delete-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.reward-delete-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.add-reward-btn{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:16px;transition:all .2s ease;width:100%}.add-reward-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.add-reward-btn svg{font-size:18px}.card-preview-section{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;height:fit-content;padding:24px}.preview-header{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:20px}.preview-header svg{color:#6b7280;font-size:20px}.loyalty-card{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;color:#fff;overflow:hidden;padding:24px;position:relative}.loyalty-card:before{background:#ffffff1a;border-radius:50%;content:"";height:200px;position:absolute;right:-30%;top:-50%;width:200px}.card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.card-logo{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.card-chip{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:6px;height:30px;opacity:.9;width:40px}.card-content{position:relative;z-index:1}.card-content .company-name{display:block;font-size:12px;margin-bottom:4px;opacity:.9}.card-content .program-name{font-size:20px;font-weight:700;margin-bottom:4px}.card-content .card-description{font-size:12px;margin-bottom:20px;opacity:.8}.card-balance{align-items:flex-end;display:flex;justify-content:space-between}.balance-info,.member-info{display:flex;flex-direction:column}.balance-label,.member-label{font-size:10px;margin-bottom:4px;opacity:.8}.balance-value{color:#fbbf24;font-size:28px;font-weight:700}.balance-value small{font-size:14px;font-weight:500}.member-value{font-size:14px;font-weight:600}.preview-note{color:#9ca3af;font-size:12px;margin-top:16px;text-align:center}.member-view-btn{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#2563eb;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.member-view-btn:hover{background:#dbeafe;border-color:#93c5fd}.mv-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.mv-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.mv-back-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.mv-back-btn:hover{background:#e5e7eb}.mv-title{color:#1f2937;font-size:18px;font-weight:700;margin:0}.mv-summary-card{background:linear-gradient(135deg,#1e293b,#334155);border-radius:14px;color:#fff;flex-wrap:wrap;gap:18px;margin-bottom:20px;padding:22px 24px}.mv-avatar,.mv-summary-card{align-items:center;display:flex}.mv-avatar{background:#ffffff26;border-radius:50%;flex-shrink:0;font-size:22px;height:52px;justify-content:center;width:52px}.mv-summary-info{flex:1 1;min-width:0}.mv-summary-info h3{font-size:18px;font-weight:700;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mv-member-code{color:#94a3b8;font-family:monospace;font-size:11px;margin:0 0 6px}.mv-meta{color:#cbd5e1;display:flex;flex-wrap:wrap;font-size:13px;gap:14px}.mv-meta span{gap:4px}.mv-meta span,.mv-points-badge{align-items:center;display:flex}.mv-points-badge{background:#ffffff1a;border-radius:12px;flex-direction:column;flex-shrink:0;gap:2px;padding:12px 18px}.mv-star{color:#fbbf24;font-size:20px;margin-bottom:2px}.mv-points-val{color:#fbbf24;font-size:26px;font-weight:800;line-height:1}.mv-points-lbl{color:#94a3b8;font-size:11px}.mv-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:4px;margin-bottom:20px}.mv-tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;margin-bottom:-2px;padding:9px 20px;transition:all .2s}.mv-tab-btn:hover{color:#1f2937}.mv-tab-btn.active{border-bottom-color:#1e293b;color:#1e293b}.mv-details-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.mv-detail-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:14px 16px}.mv-detail-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.mv-detail-value{color:#1f2937;font-size:14px;font-weight:600;word-break:break-all}.mv-code-val{color:#2563eb;font-family:monospace;font-size:13px}.mv-loading{font-size:14px;padding:40px}.mv-empty,.mv-loading{color:#9ca3af;text-align:center}.mv-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px 20px}.mv-empty p{font-size:14px;margin-top:12px}.mv-txn-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.mv-txn-card{background:#f9fafb;border:1px solid #f3f4f6;border-left:4px solid #0000;border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:16px 18px;transition:box-shadow .2s}.mv-txn-card:hover{box-shadow:0 4px 14px #00000012}.mv-txn-card.earn{border-left-color:#10b981}.mv-txn-card.redeem{border-left-color:#f59e0b}.mv-txn-card-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.mv-txn-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.mv-txn-badge.earn{background:#d1fae5;color:#065f46}.mv-txn-badge.redeem{background:#fef3c7;color:#92400e}.mv-txn-card-pts{font-size:16px;font-weight:800;white-space:nowrap}.mv-txn-card-pts.earn{color:#10b981}.mv-txn-card-pts.redeem{color:#f59e0b}.mv-txn-card-title{color:#1f2937;font-size:14px;font-weight:600;line-height:1.3;margin:0}.mv-txn-card-desc{color:#6b7280;font-size:12px;line-height:1.4;margin:0}.mv-txn-card-meta{border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;padding-top:8px}.mv-txn-meta-item{align-items:center;color:#9ca3af;display:inline-flex;font-size:11px;font-weight:500;gap:4px}.mv-card-section{align-items:center;display:flex;flex-direction:column;gap:20px}.mv-card-preview-wrap{max-width:420px;width:100%}.mv-loyalty-card{border-radius:16px;box-shadow:0 8px 30px #0000002e;display:flex;flex-direction:column;justify-content:space-between;min-height:190px;overflow:hidden;padding:22px 24px;position:relative}.mv-loyalty-card:before{background:#ffffff14;border-radius:50%;content:"";height:180px;position:absolute;right:-20%;top:-40%;width:180px}.mv-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.mv-card-logo{align-items:center;background:#ffffff2e;border-radius:10px;display:flex;height:44px;justify-content:center;width:44px}.mv-card-chip{border-radius:5px;height:26px;opacity:.85;width:36px}.mv-card-body{display:flex;flex-direction:column;gap:2px;margin-bottom:16px;position:relative;z-index:1}.mv-card-company{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.mv-card-program{font-size:17px;font-weight:700}.mv-card-footer{align-items:flex-end;display:flex;gap:10px;justify-content:space-between;position:relative;z-index:1}.mv-card-footer>div{display:flex;flex-direction:column;gap:2px}.mv-card-id-lbl,.mv-card-name-lbl,.mv-card-pts-lbl{font-size:9px;letter-spacing:.5px;text-transform:uppercase}.mv-card-name-val{font-size:14px;font-weight:700}.mv-card-id-val{font-family:monospace;font-size:12px;font-weight:700;letter-spacing:.5px}.mv-card-pts-val{font-size:16px;font-weight:800}.mv-card-qr-wrap{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;justify-content:center;padding:4px}.mv-card-qr{border-radius:4px;display:block;height:80px;width:80px}.mv-card-qr-hint{color:#6b7280;font-size:12px;line-height:1.5;max-width:420px;text-align:center}.mv-card-qr-hint code{background:#f3f4f6;border-radius:4px;color:#374151;font-size:11px;padding:2px 6px;word-break:break-all}.mv-download-btn{align-items:center;background:#1e293b;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s}.mv-download-btn:hover{background:#334155;transform:translateY(-1px)}.ar-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}.ar-modal{animation:arSlideIn .25s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;max-width:480px;overflow:hidden;width:100%}@keyframes arSlideIn{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.ar-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px 16px}.ar-modal-header h3{align-items:center;color:#1f2937;display:flex;font-size:17px;font-weight:700;gap:8px;margin:0}.ar-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;line-height:1;transition:background .2s;width:30px}.ar-close-btn:hover{background:#e5e7eb;color:#1f2937}.ar-form{gap:16px;padding:20px 24px 24px}.ar-form,.ar-form-group{display:flex;flex-direction:column}.ar-form-group{gap:6px}.ar-form-group label{color:#374151;font-size:13px;font-weight:600}.ar-required{color:#ef4444;margin-left:2px}.ar-form-group input,.ar-form-group select{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.ar-form-group input:focus,.ar-form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ar-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.ar-form-actions{display:flex;gap:10px;margin-top:4px}.ar-cancel-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:11px;transition:all .2s}.ar-cancel-btn:hover{background:#f9fafb;border-color:#d1d5db}.ar-submit-btn{align-items:center;background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:14px;font-weight:600;gap:7px;justify-content:center;padding:11px;transition:all .2s}.ar-submit-btn:hover:not(:disabled){background:#334155}.ar-submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1200px){.loyalty-stats-grid{grid-template-columns:repeat(2,1fr)}.loyalty-content{grid-template-columns:1fr}.card-preview-section{order:-1}}@media (max-width:768px){.mv-details-grid{grid-template-columns:repeat(2,1fr)}.mv-txn-grid{grid-template-columns:1fr}.mv-summary-card{align-items:flex-start;flex-direction:column}.page-header{flex-direction:column;gap:16px}.header-actions{width:100%}.loyalty-stats-grid{grid-template-columns:1fr}.reg-link-header{align-items:flex-start;flex-direction:column;gap:12px}.reg-link-actions{width:100%}.btn-copy-link,.btn-show-qr{flex:1 1;justify-content:center}.reg-link-url{flex-wrap:wrap}.color-pickers-row,.form-row{grid-template-columns:1fr}.color-pickers-row{gap:16px}.preset-templates{grid-template-columns:repeat(2,1fr)}.settings-tabs{overflow-x:auto;padding:0 16px}.tab-btn{padding:14px 16px;white-space:nowrap}}.np-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 300px}.np-form-col{gap:16px}.np-card,.np-form-col{display:flex;flex-direction:column}.np-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;gap:18px;padding:24px}.np-card-title{color:#1f2937;font-size:17px;font-weight:700;margin:0}.np-required{color:#ef4444;margin-left:2px}.np-program-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.np-program-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:border-color .2s,background .2s}.np-program-card:hover{border-color:#93c5fd}.np-program-card--active{background:#fff;border-color:#2563eb}.np-program-card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.np-program-card-icon--stamps{background:#dbeafe;color:#2563eb}.np-program-card-icon--points{background:#fef9c3;color:#d97706}.np-program-card-body{display:flex;flex:1 1;flex-direction:column;gap:3px}.np-program-card-name{color:#1f2937;font-size:14px;font-weight:700}.np-program-card-desc{color:#6b7280;font-size:12px}.np-program-check-wrap{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.np-form-group{display:flex;flex-direction:column;gap:6px}.np-label{color:#374151;font-size:13px;font-weight:600}.np-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.np-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.np-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:14px;min-height:90px;outline:none;padding:10px 14px;resize:vertical;transition:border-color .2s;width:100%}.np-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.np-three-col-row{align-items:flex-end;display:flex;gap:12px}.np-three-col-group{display:flex;flex:2 1;flex-direction:column;gap:6px}.np-three-col-group--sm{flex:1 1}.np-point-cost-row{align-items:center;display:flex;gap:8px}.np-point-pill{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:9px 12px;white-space:nowrap}.np-equals{color:#9ca3af}.np-number-input-wrap{flex:1 1}.np-unit-label{color:#6b7280;flex-shrink:0;font-size:13px;font-weight:600;white-space:nowrap}.np-unit-input-row{align-items:center;display:flex;gap:8px}.np-select-wrap{position:relative}.np-select{appearance:none;-webkit-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;cursor:pointer;font-size:14px;outline:none;padding:10px 32px 10px 14px;width:100%}.np-select:focus{border-color:#3b82f6}.np-divider{background:#f3f4f6;height:1px;margin:2px 0}.np-sub-section{display:flex;flex-direction:column;gap:14px}.np-sub-title{color:#1f2937;font-size:14px;font-weight:700;margin:0}.np-design-grid{grid-gap:14px 24px;display:grid;gap:14px 24px;grid-template-columns:1fr 1fr}.np-design-row-item{align-items:center;display:flex;gap:16px}.np-design-label{color:#374151;font-size:13px;min-width:100px;white-space:nowrap}.np-color-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.np-color-swatch{border:1px solid #d1d5db;border-radius:6px;cursor:pointer;flex-shrink:0;height:28px;transition:transform .15s,box-shadow .15s;width:28px}.np-color-swatch:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.np-color-hex{color:#6b7280;font-family:Courier New,monospace;font-size:12px}.np-or-text{color:#9ca3af;font-size:12px}.np-upload-btn{align-items:center;background:#fff;border:1.5px solid #2563eb;border-radius:20px;color:#2563eb;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:5px 14px;transition:all .2s;white-space:nowrap}.np-upload-btn:hover{background:#eff6ff}.np-reward-block{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:14px}.np-reward-bottom-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.np-reward-type-group{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:160px}.np-radio-group{align-items:center;display:flex;gap:20px}.np-radio-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:6px}.np-radio-label input[type=radio]{accent-color:#2563eb;cursor:pointer;height:15px;width:15px}.np-point-cost-group{display:flex;flex-direction:column;gap:6px;min-width:140px}.np-pts-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:13px;font-weight:600;padding:9px 12px;white-space:nowrap}.np-remove-reward-btn{align-items:center;align-self:flex-end;background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;padding:8px 10px;transition:all .2s}.np-remove-reward-btn:hover{background:#fee2e2}.np-add-reward-row{display:flex;justify-content:flex-end}.np-add-reward-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:13px;font-weight:600;padding:6px 0;transition:opacity .2s}.np-add-reward-btn:hover{opacity:.75}.np-submit-btn{background:#1e3a8a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.2px;padding:14px;transition:background .2s;width:100%}.np-submit-btn:hover{background:#1d4ed8}.np-preview-col{position:sticky;top:80px}.np-phone-wrap,.np-preview-col{display:flex;justify-content:center}.np-phone-body{background:#0a0a14;border-radius:44px;box-shadow:0 0 0 1.5px #2a2a3a,0 24px 60px #00000080,inset 0 0 0 1px #ffffff0f;padding:12px 8px 18px;position:relative;width:248px}.np-phone-island{background:#0a0a14;border:1.5px solid #1e1e2e;border-radius:0 0 16px 16px;border-top:none;height:22px;margin:0 auto 8px;width:72px}.np-phone-screen{background:#e8e8ec;border-radius:34px;display:flex;flex-direction:column;gap:8px;min-height:440px;overflow:hidden;padding:10px 8px 12px}.np-notif-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:14px;box-shadow:0 2px 10px #0000001f;justify-content:space-between;padding:8px 10px}.np-notif-banner,.np-notif-left{align-items:flex-start;display:flex;gap:8px}.np-notif-left{flex:1 1;min-width:0}.np-notif-app-icon{align-items:center;border-radius:7px;display:flex;flex-shrink:0;height:26px;justify-content:center;margin-top:1px;width:26px}.np-notif-text{display:flex;flex-direction:column;gap:2px;min-width:0}.np-notif-title{color:#1f2937;font-size:10px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-notif-body{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:9px;line-height:1.3;overflow:hidden}.np-notif-time{color:#9ca3af;flex-shrink:0;font-size:9px;padding-top:1px}.np-wallet-card{border-radius:14px;box-shadow:0 4px 16px #0000002e;display:flex;flex-direction:column;overflow:hidden}.np-wc-header{gap:8px;padding:12px 12px 8px}.np-wc-header,.np-wc-logo{align-items:center;display:flex}.np-wc-logo{background:#ffffff2e;border-radius:8px;flex-shrink:0;height:34px;justify-content:center;overflow:hidden;width:34px}.np-wc-logo img{height:100%;object-fit:cover;width:100%}.np-wc-logo-blank{background:#ffffff80;border-radius:4px;height:18px;width:18px}.np-wc-name-wrap{flex:1 1;min-width:0}.np-wc-company{display:block;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-wc-pts-wrap{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0}.np-wc-pts-lbl{font-size:9px;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.np-wc-pts-val{font-size:20px;font-weight:800;line-height:1}.np-wc-strip{flex-shrink:0;height:54px;width:100%}.np-wc-bottom{align-items:center;display:flex;flex:1 1;justify-content:space-between;padding:10px 12px}.np-wc-rewards-lbl{font-size:10px;font-weight:600;margin-bottom:2px;opacity:.85}.np-wc-rewards-val{font-size:18px;font-weight:800}.np-wc-qr{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:center;padding:4px}.np-wc-qr img{display:block;height:56px;width:56px}@media (max-width:1024px){.np-layout{grid-template-columns:1fr 260px}}@media (max-width:768px){.np-layout{grid-template-columns:1fr}.np-preview-col{order:-1;position:static}.np-design-grid,.np-program-cards{grid-template-columns:1fr}.np-three-col-row{align-items:stretch;flex-direction:column}}.page-header{align-items:center;margin-bottom:16px}.page-title-section h1{margin:0}.page-title-section p{margin:4px 0 0}.page-actions .btn{margin-left:8px}.page-body .table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 6px 18px #0f172a0f;overflow:hidden;width:100%}.page-body .table td,.page-body .table th{border-bottom:1px solid #f3f4f6;font-size:13px;padding:12px 14px;text-align:left}.page-body .table thead th{background:#fafafa;color:#374151;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;inset:0;padding:12px;z-index:1200}.modal-content{animation:modalSlideIn .22s ease;box-shadow:0 30px 80px #02061759;display:flex;flex-direction:column;max-height:86vh;max-width:760px}.modal-header{flex-shrink:0;padding:16px 20px}.modal-header h2{color:#111827;font-size:18px;font-weight:800}.modal-close-btn{align-items:center;background:#f6f7f9;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;transition:all .15s ease;width:34px}.modal-close-btn:hover{background:#eef2f5;color:#374151}.modal-form{flex:1 1;overflow-y:auto;padding:18px 22px}.form-grid{grid-gap:18px 22px;align-items:start;display:grid;gap:18px 22px;grid-template-columns:repeat(2,1fr);margin-bottom:14px}.form-group{display:flex;flex-direction:column}.form-group label{color:#374151;font-size:12px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e6e9ee;border-radius:8px;color:#111827;font-size:14px;padding:10px 12px;transition:all .12s ease}.form-group textarea{min-height:86px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0ea5a4;box-shadow:0 6px 18px #0ea5a414;outline:none}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:44px;width:100%}.password-toggle-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px;padding:6px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.form-actions{align-items:center;gap:12px;margin-top:18px;padding-top:12px}.form-actions .btn{border-radius:8px;font-weight:700;min-width:120px;padding:10px 14px}.form-actions .btn.cancel{background:#f3f4f6;border:1px solid #e6e9ee;color:#111827}.form-actions .btn-primary{background:#0ea5a4;border:none;box-shadow:0 8px 24px #0ea5a41f;color:#fff;flex:1 1;padding:12px 18px}.phone-row{align-items:center;display:flex;gap:12px}.phone-row select{border-radius:8px;width:110px}.phone-row input{flex:1 1}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-inline{align-items:center;display:flex;gap:8px}.radio-inline input[type=radio]{accent-color:#0ea5a4;height:16px;width:16px}@media (max-width:860px){.form-grid{grid-template-columns:1fr}.modal-content{max-width:540px}}.wallet-page{background:#f5f2ef;min-height:100vh}.wallet-page-loading{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}.wallet-spinner{animation:walletSpin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:36px;width:36px}@keyframes walletSpin{to{transform:rotate(1turn)}}.wallet-container{min-height:100vh;width:100%}.wallet-header{padding:28px 0 32px}.wallet-header-inner{margin:0 auto;max-width:900px;padding:0 40px}.wallet-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.wallet-header-left{align-items:center;display:flex;gap:14px}.wallet-header-logo{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.wallet-header-logo img{border-radius:10px;height:100%;object-fit:cover;width:100%}.wallet-header-info h2{color:#fff;font-size:20px;font-weight:700;line-height:1.2;margin:0}.wallet-header-info p{color:#ffffffb3;font-size:13px;margin:2px 0 0}.wallet-tier-badge{background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;color:#fff;font-size:13px;font-weight:600;letter-spacing:.3px;padding:6px 18px}.wallet-loyalty-card{border-radius:16px;color:#fff;padding:28px 32px;position:relative;transition:transform .25s ease}.wallet-loyalty-card:hover{transform:scale(1.02)}.wallet-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.wallet-card-program{display:flex;flex-direction:column}.wallet-program-name{font-size:14px;font-weight:500;margin-bottom:6px;opacity:.85}.wallet-points-value{font-size:48px;font-weight:800;line-height:1.1}.wallet-points-label{font-size:14px;margin-top:4px;opacity:.7}.wallet-card-qr{align-items:center;background:#ffffff26;border-radius:12px;display:flex;height:50px;justify-content:center;width:50px}.wallet-card-bottom{border-top:1px solid #ffffff26;padding-top:18px}.wallet-card-field{margin-bottom:12px}.wallet-field-label{display:block;font-size:11px;margin-bottom:3px;opacity:.6}.wallet-field-value{display:block;font-size:15px;font-weight:600}.wallet-card-row{align-items:flex-start;display:flex;justify-content:space-between}.wallet-field-right{text-align:right}.wallet-barcode-hint{align-items:center;display:flex;font-size:12px;gap:6px;justify-content:center;margin-top:16px;opacity:.55}.wallet-body{margin:0 auto;max-width:900px;padding:24px 40px 40px}.wallet-progress-card{align-items:center;background:#fff;border:1px solid #e8e5e1;border-radius:14px;display:flex;flex-wrap:wrap;gap:0;margin-bottom:20px;padding:18px 24px}.wallet-progress-info{align-items:center;color:#374151;display:flex;font-size:15px;font-weight:600;gap:10px;white-space:nowrap;width:100%}.wallet-progress-bar{background:#e5e7eb;border-radius:3px;height:6px;margin-top:12px;overflow:hidden;width:100%}.wallet-progress-fill{background:#22c55e;border-radius:3px;height:100%;transition:width .3s}.wallet-tabs{background:#fff;border:1px solid #e8e5e1;border-radius:14px;display:flex;margin-bottom:20px;padding:5px}.wallet-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#9ca3af;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.wallet-tab.active{background:#f3f4f6;color:#1f2937}.wallet-tab:hover:not(.active){color:#6b7280}.wallet-rewards-list{display:flex;flex-direction:column;gap:16px}.wallet-reward-item{align-items:center;background:#fff;border:1px solid #e8e5e1;border-radius:14px;display:flex;gap:18px;padding:24px 28px}.wallet-reward-icon{align-items:center;background:#f3f4f6;border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.wallet-reward-info{flex:1 1;min-width:0}.wallet-reward-info h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.wallet-reward-info p{color:#9ca3af;font-size:13px;margin:0 0 10px}.wallet-reward-points-row{align-items:center;display:flex;gap:8px}.wallet-reward-pts-badge{border-radius:5px;font-size:11px;font-weight:700;padding:3px 10px}.wallet-reward-needed{color:#9ca3af;font-size:12px}.wallet-redeem-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;padding:10px 22px;transition:all .2s;white-space:nowrap}.wallet-redeem-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.wallet-redeem-btn.can-redeem{background:#22c55e;border-color:#22c55e;color:#fff}.wallet-redeem-btn.can-redeem:hover{background:#16a34a;border-color:#16a34a;color:#fff}.wallet-empty{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:48px 20px}.wallet-empty p{color:#9ca3af;font-size:14px;margin:0}.wallet-history-list{display:flex;flex-direction:column;gap:16px}.wallet-history-item{align-items:center;background:#fff;border:1px solid #e8e5e1;border-radius:14px;display:flex;gap:16px;padding:20px 24px}.wallet-history-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.wallet-history-icon.earn{background:#ecfdf5}.wallet-history-icon.redeem{background:#fef2f2}.wallet-history-info{flex:1 1;min-width:0}.wallet-history-info h4{color:#1f2937;font-size:15px;font-weight:600;margin:0 0 6px}.wallet-history-meta{align-items:center;display:flex;gap:14px}.wallet-history-date,.wallet-history-location{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:4px}.wallet-history-points{font-size:16px;font-weight:700;white-space:nowrap}.wallet-history-points.earn{color:#22c55e}.wallet-history-points.redeem{color:#ef4444}.barcode-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.barcode-modal{background:#fff;border-radius:16px;max-width:380px;padding:32px;position:relative;text-align:center;width:100%}.barcode-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:24px;line-height:1;position:absolute;right:16px;top:12px}.barcode-close:hover{color:#374151}.barcode-title{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 4px}.barcode-subtitle{color:#9ca3af;font-size:13px;margin:0 0 24px}.barcode-image-container{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:24px;padding:20px}.barcode-image{height:80px;object-fit:contain;width:220px}.barcode-id-below{color:#6b7280;font-family:monospace;font-size:12px;letter-spacing:.5px}.barcode-member-info{align-items:center;display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.barcode-member-name{color:#1f2937;font-size:18px;font-weight:700}.barcode-member-id{color:#9ca3af;font-family:monospace;font-size:13px}.barcode-tier-badge{background:#ef4444;border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-top:4px;padding:4px 14px}.barcode-tip{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#92400e;display:flex;font-size:13px;gap:8px;margin-bottom:24px;padding:12px 16px;text-align:left}.barcode-tip-icon{flex-shrink:0;font-size:16px}.barcode-actions{display:flex;gap:12px}.barcode-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.barcode-action-btn:hover{background:#f9fafb;border-color:#d1d5db}@media (max-width:768px){.wallet-header{padding:20px 0 24px}.wallet-header-inner{padding:0 20px}.wallet-body{padding:16px 20px 24px}.wallet-loyalty-card{padding:20px}.wallet-points-value{font-size:36px}.wallet-reward-item{padding:18px}}@media (max-width:480px){.wallet-header{padding:16px 0 20px}.wallet-header-inner{padding:0 16px}.wallet-body{padding:14px 16px 20px}.wallet-loyalty-card{padding:16px}.wallet-points-value{font-size:30px}.wallet-reward-item{gap:12px;padding:14px}.wallet-reward-icon{height:40px;width:40px}}.plj-wrapper{align-items:flex-start;background:#f0f2f5;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:32px 16px 60px}.plj-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001a;max-width:480px;overflow:hidden;width:100%}.plj-header{flex-direction:column;gap:10px;padding:28px 24px 24px;position:relative;text-align:center}.plj-header,.plj-lang-btn{align-items:center;color:#fff;display:flex}.plj-lang-btn{background:#ffffff38;border:none;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;gap:4px;padding:5px 12px;position:absolute;right:16px;top:16px;transition:background .2s}.plj-lang-btn:hover{background:#ffffff59}.plj-logo-wrap{align-items:center;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.plj-logo-img{height:100%;object-fit:contain;width:100%}.plj-logo-placeholder{align-items:center;background:#eff6ff;color:#3b82f6;display:flex;font-size:32px;font-weight:800;height:100%;justify-content:center;width:100%}.plj-header-text{align-items:center;display:flex;flex-direction:column;gap:2px}.plj-company-sub{font-size:13px;font-weight:500;letter-spacing:.3px;margin:0;opacity:.85}.plj-program-name{font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0}.plj-program-desc{font-size:12px;font-weight:400;margin:0;opacity:.8}.plj-form-body{gap:16px;padding:24px 24px 28px}.plj-field,.plj-form-body{display:flex;flex-direction:column}.plj-field{flex:1 1;gap:6px}.plj-label{color:#374151;font-size:13px;font-weight:600}.plj-required{color:#ef4444;margin-left:2px}.plj-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s;width:100%}.plj-input:focus{border-color:#3b82f6}.plj-select{appearance:auto;cursor:pointer}.plj-phone-row{align-items:stretch;border:1.5px solid #e5e7eb;border-radius:8px;display:flex;overflow:hidden;transition:border-color .2s}.plj-phone-row:focus-within{border-color:#3b82f6}.plj-phone-prefix{align-items:center;background:#f9fafb;border-right:1.5px solid #e5e7eb;color:#374151;cursor:default;display:flex;font-size:14px;font-weight:600;gap:5px;padding:0 12px;white-space:nowrap}.plj-flag{font-size:18px;line-height:1}.plj-caret{font-size:10px;opacity:.5}.plj-phone-input{border:none;border-radius:0;direction:ltr;flex:1 1;min-width:0;text-align:left}.plj-phone-input:focus{border-color:#0000}[dir=rtl] .plj-phone-input{direction:rtl;text-align:right}.plj-row{display:flex;gap:12px}.plj-promo-section,.plj-terms-section{display:flex;flex-direction:column;gap:8px}.plj-promo-title,.plj-terms-title{color:#374151;font-size:13px;font-weight:700;margin:0}.plj-checkbox-row{align-items:flex-start;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:10px}.plj-checkbox-row input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;height:16px;margin-top:1px;width:16px}.plj-promo-row{color:#10b981;font-weight:600}.plj-terms-link{color:#3b82f6;font-weight:600;text-decoration:underline}.plj-submit-btn{background:#fff;border:2px solid #3b82f6;border-radius:50px;color:#3b82f6;cursor:pointer;font-size:15px;font-weight:700;margin-top:4px;padding:13px;transition:all .2s;width:100%}.plj-submit-btn:hover:not(:disabled){background:#3b82f6;color:#fff}.plj-submit-btn:disabled{cursor:not-allowed;opacity:.6}.plj-loading{align-items:center;display:flex;justify-content:center;min-height:200px}.plj-spinner{animation:plj-spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes plj-spin{to{transform:rotate(1turn)}}.plj-success-body{align-items:center;display:flex;flex-direction:column;gap:12px;padding:32px 24px;text-align:center}.plj-success-icon{color:#10b981;font-size:56px;line-height:1}.plj-success-title{color:#111827;font-size:22px;font-weight:800;margin:0}.plj-success-sub{color:#6b7280;font-size:14px;margin:0}.plj-member-id-box{align-items:center;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;display:flex;flex-direction:column;gap:4px;max-width:280px;padding:14px 24px;width:100%}.plj-member-id-label{color:#16a34a;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.plj-member-id-val{color:#15803d;font-family:Courier New,monospace;font-size:18px;font-weight:800;letter-spacing:1px}.plj-next-steps{max-width:320px;text-align:left;width:100%}.plj-next-steps h4{color:#374151;font-size:13px;font-weight:700;margin:0 0 8px}.plj-next-steps ol{margin:0;padding-left:20px}.plj-next-steps li{color:#6b7280;font-size:13px;margin-bottom:4px}.plj-wallet-btn{align-items:center;background:#000;border:1.5px solid #333;border-radius:14px;cursor:pointer;display:flex;gap:12px;justify-content:center;margin:8px auto;max-width:280px;padding:14px 24px;text-decoration:none;transition:transform .15s,opacity .15s,background .15s;width:100%}.plj-wallet-btn:hover{background:#1a1a1a;transform:scale(1.03)}.plj-google-wallet-btn{background:#4285f4}.plj-google-wallet-btn:hover{background:#3367d6}.plj-wallet-btn:active{opacity:.85;transform:scale(.97)}.plj-apple-icon{border-radius:10px;flex-shrink:0;height:44px;width:44px}.plj-wallet-text{align-items:flex-start;display:flex;flex-direction:column;gap:1px}.plj-wallet-label{color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:11px;font-weight:400;letter-spacing:.2px;line-height:1.2}.plj-wallet-name{color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.3px;line-height:1.2}.plj-btn-back{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;display:block;font-size:14px;font-weight:600;margin-top:16px;padding:11px;width:100%}[dir=rtl] .plj-lang-btn{left:16px;right:auto}[dir=rtl] .plj-phone-prefix{border-left:1.5px solid #e5e7eb;border-right:none}[dir=rtl] .plj-required{margin-left:0;margin-right:2px}[dir=rtl] .plj-next-steps{text-align:right}[dir=rtl] .plj-next-steps ol{padding-left:0;padding-right:20px}@media (max-width:480px){.plj-wrapper{align-items:stretch;background:#fff;padding:0}.plj-card{border-radius:0;box-shadow:none;min-height:100vh}.plj-row{flex-direction:column}}.mw-screen{align-items:flex-start;background:linear-gradient(135deg,#1e293b,#0f172a);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Arabic,sans-serif;justify-content:center;min-height:100vh;padding:16px 16px 48px}.mw-container{display:flex;flex-direction:column;gap:16px;max-width:420px;width:100%}.mw-lang-bar{display:flex;gap:6px;justify-content:flex-end;padding:4px 0}.mw-lang-btn{background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.5px;padding:5px 14px;transition:background .15s,color .15s,border-color .15s}.mw-lang-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.mw-lang-btn:hover:not(.active){background:#ffffff1f;color:#e2e8f0}.mw-error-wrap,.mw-loading-wrap{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:70vh;text-align:center}.mw-spinner{animation:mwSpin .8s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes mwSpin{to{transform:rotate(1turn)}}.mw-error-icon{font-size:48px}.mw-error-wrap h2{color:#fff;font-size:20px;margin:0}.mw-error-wrap p{font-size:14px;margin:0}.mw-header{flex-direction:column;gap:6px;padding:4px 0;text-align:center}.mw-avatar,.mw-header{align-items:center;color:#fff;display:flex}.mw-avatar{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;box-shadow:0 4px 20px #6366f173;font-size:30px;font-weight:800;height:68px;justify-content:center;margin-bottom:2px;width:68px}.mw-header h1{color:#fff;font-size:22px;font-weight:700;margin:0}.mw-phone{color:#60a5fa;direction:ltr;font-size:14px;font-weight:500;letter-spacing:.3px;margin:0;unicode-bidi:embed}.mw-header-sub{color:#64748b;font-size:13px;margin:0}.mw-points-card{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;color:#fff;overflow:hidden;padding:28px 24px 20px;position:relative}.mw-points-card:before{background:#ffffff12;border-radius:50%;content:"";height:160px;position:absolute;right:-40px;top:-40px;width:160px}[dir=rtl] .mw-points-card:before{left:-40px;right:auto}.mw-points-main{align-items:flex-end;display:flex;gap:6px;margin-bottom:20px;position:relative;z-index:1}.mw-pts-label{align-self:flex-start;flex:1 1;font-size:12px;letter-spacing:.5px;margin-top:4px;opacity:.75;text-transform:uppercase}.mw-pts-value{color:#fbbf24;font-size:48px;font-weight:800;line-height:1}.mw-pts-sub{color:#fbbf24;font-size:16px;font-weight:600;padding-bottom:6px}.mw-points-stats{background:#ffffff1f;border-radius:12px;gap:0;padding:12px 16px;position:relative;z-index:1}.mw-points-stats,.mw-stat{align-items:center;display:flex}.mw-stat{flex:1 1;flex-direction:column;gap:2px}.mw-stat-divider{background:#fff3;height:32px;margin:0 8px;width:1px}.mw-stat-val{font-size:18px;font-weight:700}.mw-stat-val.earn{color:#6ee7b7}.mw-stat-val.redeem{color:#fde68a}.mw-stat-lbl{font-size:11px;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.mw-info-row{display:flex;gap:12px}.mw-info-item{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px 14px}.mw-info-lbl{color:#64748b;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mw-info-val{color:#e2e8f0;font-size:13px;font-weight:600}.mw-info-val.code{color:#60a5fa;direction:ltr;font-family:Courier New,monospace;font-size:12px;letter-spacing:.5px;unicode-bidi:embed}.mw-history-section{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:18px 16px}.mw-section-title{color:#e2e8f0;font-size:14px;font-weight:700;letter-spacing:.3px;margin:0 0 14px}.mw-empty{align-items:center;color:#475569;display:flex;flex-direction:column;font-size:14px;gap:8px;padding:30px 0;text-align:center}.mw-empty span{font-size:32px}.mw-txn-list{display:flex;flex-direction:column;gap:2px}.mw-txn-item{align-items:center;border-radius:10px;display:flex;gap:10px;justify-content:space-between;padding:12px 10px;transition:background .15s}.mw-txn-item:hover{background:#ffffff0a}.mw-txn-item.earn{border-left:3px solid #10b981}.mw-txn-item.redeem{border-left:3px solid #f59e0b}[dir=rtl] .mw-txn-item.earn{border-left:none;border-right:3px solid #10b981}[dir=rtl] .mw-txn-item.redeem{border-left:none;border-right:3px solid #f59e0b}.mw-txn-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.mw-txn-icon{flex-shrink:0;font-size:20px}.mw-txn-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mw-txn-title{color:#e2e8f0;font-size:13px;font-weight:600}.mw-txn-desc,.mw-txn-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mw-txn-desc{color:#64748b;font-size:11px}.mw-txn-date{color:#475569;font-size:11px}.mw-txn-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}[dir=rtl] .mw-txn-right{align-items:flex-start}.mw-txn-pts{font-size:15px;font-weight:700}.mw-txn-pts.earn{color:#34d399}.mw-txn-pts.redeem{color:#fbbf24}.mw-txn-badge{border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 7px}.mw-txn-badge.earn{background:#10b98126;color:#34d399}.mw-txn-badge.redeem{background:#f59e0b26;color:#fbbf24}.mw-wallet-btns{align-items:center;display:flex;flex-direction:column;gap:12px;margin:20px 0 8px}.mw-apple-wallet-btn{cursor:pointer;display:inline-block}.mw-apple-wallet-img{display:block;height:44px;width:auto}.mw-google-wallet-btn{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;padding:0}.mw-google-wallet-btn:disabled{cursor:not-allowed;opacity:.6}.mw-google-wallet-img{display:block;height:44px;width:auto}.mw-footer{color:#475569;font-size:12px;line-height:1.6;padding:0 8px;text-align:center}.feedback-cell{white-space:nowrap}.feedback-stars-wrap{align-items:center;cursor:default;display:inline-flex;gap:1px}.fb-star{font-size:15px;line-height:1}.fb-star-on{color:#f59e0b}.fb-star-off{color:#d1d5db}.fb-comment-dot{cursor:help;font-size:13px;margin-inline-start:4px;opacity:.75;transition:opacity .15s}.fb-comment-dot:hover{opacity:1}.feedback-pending-badge{background:#fef9c3;border-radius:20px;color:#92400e;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.feedback-na{color:#cbd5e1;font-size:14px}.feedback-stars-clickable{border-radius:6px;cursor:pointer;gap:2px;padding:3px 5px;transition:background .15s}.feedback-stars-clickable:hover{background:#fef9c3}.fb-rating-num{color:#92400e;font-size:11px;font-weight:600;margin-inline-start:4px}.fb-detail-modal{border-radius:18px;max-width:440px;overflow:hidden;padding:0;width:92%}.fb-detail-modal .modal-header{border-bottom:1px solid #f1f5f9;padding:20px 24px 16px}.fb-detail-modal .modal-header h2{color:#0f172a;font-size:17px;font-weight:700}.fb-modal-body{display:flex;flex-direction:column;gap:0;padding:0}.fb-modal-customer-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:16px 24px}.fb-modal-avatar{align-items:center;background:#e0e7ff;border-radius:50%;color:#4338ca;display:flex;flex-shrink:0;font-size:17px;font-weight:700;height:40px;justify-content:center;width:40px}.fb-modal-customer-name{color:#1e293b;font-size:15px;font-weight:600}.fb-modal-customer-sub{color:#94a3b8;font-size:12px;margin-top:1px}.fb-modal-stars-section{border-bottom:1px solid #f1f5f9;padding:20px 24px;text-align:center}.fb-modal-stars-row{align-items:center;display:flex;gap:6px;justify-content:center;margin-bottom:8px}.fb-modal-star{font-size:34px;line-height:1}.fb-modal-star.on{color:#f59e0b}.fb-modal-star.off{color:#e2e8f0}.fb-modal-rating-badge{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:20px;color:#92400e;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:4px 14px}.fb-modal-comment-section{border-bottom:1px solid #f1f5f9;padding:16px 24px}.fb-modal-section-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.fb-modal-comment-text{color:#1e293b;font-size:14px;line-height:1.65;margin:0;white-space:pre-wrap}.fb-modal-no-comment{color:#cbd5e1;font-size:13px;font-style:italic;margin:0}.fb-modal-footer{align-items:center;background:#f8fafc;color:#94a3b8;display:flex;font-size:12px;gap:6px;padding:12px 24px}.fb-modal-footer-icon{font-size:13px}.customer-service-page .page-container{padding:16px 20px}.customer-service-page .main-content{overflow-x:hidden}.page-header{margin-bottom:14px}.page-title-section h1{font-size:22px;margin-bottom:2px}.page-title-section p{font-size:13px}.header-actions{display:flex;gap:12px}.btn-add{align-items:center;background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-add:hover{background:#334155;transform:translateY(-1px)}.btn-export{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-export:hover{background:#f9fafb;border-color:#d1d5db}.filter-card{background:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 2px 8px #0000000a;margin-bottom:14px;padding:14px 16px}.filter-card h3{color:#1f2937;font-size:14px;font-weight:700;margin-bottom:12px}.filter-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#374151;font-size:12px;font-weight:600;margin-bottom:4px}.filter-group input,.filter-group select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s ease}.filter-group input:focus,.filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-apply{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 24px;transition:all .2s ease;width:fit-content}.btn-apply:hover{background:#f9fafb;border-color:#d1d5db}.cs-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.cs-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:12px 16px;transition:all .3s ease}.cs-stat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.cs-stat-card .stat-info{display:flex;flex-direction:column}.cs-stat-card .stat-label{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:4px}.cs-stat-card .stat-value{color:#1f2937;font-size:24px;font-weight:700;line-height:1}.cs-stat-card .stat-icon{align-items:center;border-radius:50%;display:flex;font-size:18px;height:38px;justify-content:center;width:38px}.cs-stat-card .stat-icon.reports{background:#eff6ff;color:#3b82f6}.cs-stat-card .stat-icon.complaints{background:#fef2f2;color:#ef4444}.cs-stat-card .stat-icon.inquiries{background:#eff6ff;color:#3b82f6}.cs-stat-card .stat-icon.resolved{background:#ecfdf5;color:#10b981}.table-card{background:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.table-header{border-bottom:1px solid #f3f4f6;padding:12px 16px}.table-header h3{color:#1f2937;font-size:14px;font-weight:700}.table-wrapper{overflow-x:auto}.cs-table{border-collapse:collapse;width:100%}.cs-table td,.cs-table th{border-bottom:1px solid #f3f4f6;padding:8px;text-align:start}.cs-table th{background:#fff;color:#6b7280;font-size:11px;font-weight:600}.cs-table td{color:#374151;font-size:12px;vertical-align:middle}.cs-table tbody tr:hover{background:#f9fafb}.cs-table tbody tr:last-child td{border-bottom:none}.th-bilingual{display:flex;flex-direction:column;gap:1px}.th-arabic{color:#9ca3af;font-size:9px;font-weight:400}.row-number{color:#9ca3af;font-weight:500;white-space:nowrap}.customer-name{color:#1f2937;font-weight:500}.phone-cell{color:#374151;white-space:nowrap}.phone-cell .phone-icon{display:inline-block;margin-inline-end:4px;vertical-align:middle}.phone-icon{color:#9ca3af;font-size:12px}.subject-cell{color:#374151}.date-cell{color:#6b7280;white-space:nowrap}.location-cell{color:#374151;white-space:nowrap}.location-icon{color:#9ca3af;display:inline-block;font-size:12px;margin-inline-end:4px;vertical-align:middle}.type-badge{border-radius:5px;display:inline-block;font-size:11px;font-weight:500;padding:3px 8px}.type-badge.complaint{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.type-badge.inquiry{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.status-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border:none;border-radius:5px;cursor:pointer;font-size:11px;font-weight:500;padding:4px 22px 4px 8px}.status-select.resolved{background-color:#ecfdf5;color:#059669}.status-select.processing{background-color:#fef3c7;color:#d97706}.actions-cell{display:flex;gap:6px;white-space:nowrap}.action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.action-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}@media (max-width:1200px){.cs-stats-grid,.filter-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-header{flex-direction:column;gap:16px}.header-actions{flex-wrap:wrap;width:100%}.cs-stats-grid,.filter-row{grid-template-columns:1fr}.cs-table td,.cs-table th{font-size:12px;padding:12px 8px}.location-cell,.phone-cell{align-items:flex-start;flex-direction:column;gap:2px}.actions-cell{flex-wrap:wrap}.action-btn{height:32px;width:32px}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;margin:auto 0;max-height:85vh;max-width:700px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:24px 24px 16px}.modal-header h2{color:#1f2937;font-size:20px;font-weight:700;margin:0}.modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#e5e7eb;color:#1f2937}.modal-subtitle{color:#6b7280;font-size:13px;margin-top:8px;padding:0 24px}.modal-body{padding:24px}.form-row-modal{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.form-group-modal{display:flex;flex-direction:column}.form-group-modal label{color:#374151;font-size:14px;font-weight:600;margin-bottom:8px}.form-group-modal .required{color:#ef4444}.form-group-modal input,.form-group-modal select,.form-group-modal textarea{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-group-modal input:focus,.form-group-modal select:focus,.form-group-modal textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group-modal input::placeholder,.form-group-modal textarea::placeholder{color:#9ca3af}.form-group-modal textarea{font-family:inherit;resize:vertical}.form-group-modal input[name=customerName],.form-group-modal input[name=phoneNumber]{background-color:#fbfdff;background-size:20px 20px;border:1px solid #e6eefc;border-radius:10px;box-shadow:0 6px 18px #0f172a0a;padding-left:46px;position:relative;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease}.form-group-modal input[name=customerName]{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23838f9b%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><path d=%27M20 21v-2a4 4 0 0 0-3-3.87%27></path><path d=%27M4 21v-2a4 4 0 0 1 3-3.87%27></path><circle cx=%2712%27 cy=%277%27 r=%274%27></circle></svg>");background-position:14px;background-repeat:no-repeat}.form-group-modal input[name=phoneNumber]{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23838f9b%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><path d=%27M22 16.92V21a1 1 0 0 1-1.11 1 19.86 19.86 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.86 19.86 0 0 1 2 3.11 1 1 0 0 1 3 2h4.09a1 1 0 0 1 1 .75c.12.87.36 1.71.71 2.5a1 1 0 0 1-.24 1L7.91 8.09a14 14 0 0 0 6 6l1.84-1.65a1 1 0 0 1 1-.24c.79.35 1.63.59 2.5.71a1 1 0 0 1 .75 1V21z%27></path></svg>");background-position:14px;background-repeat:no-repeat}.form-group-modal input[name=customerName]::placeholder,.form-group-modal input[name=phoneNumber]::placeholder{color:#9ca3af;font-style:italic;opacity:1}.form-group-modal input[name=customerName]:hover,.form-group-modal input[name=phoneNumber]:hover{box-shadow:0 10px 30px #0f172a0f;transform:translateY(-1px)}.form-group-modal input[name=customerName]:focus,.form-group-modal input[name=phoneNumber]:focus{border-color:#2563eb;box-shadow:0 0 0 6px #2563eb0f}.form-group-modal input.error{border-color:#ef4444!important;box-shadow:0 0 0 6px #ef44440f!important}.staff-member-section{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:16px}.staff-icon{align-items:center;background:#e0e7ff;border-radius:8px;color:#4f46e5;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.staff-info{display:flex;flex-direction:column}.staff-label{color:#6b7280;font-size:12px;margin-bottom:2px}.staff-name{color:#1f2937;font-size:14px;font-weight:600}.staff-company{margin-top:2px}.staff-company,.staff-note{color:#6b7280;font-size:12px}.staff-note{margin-bottom:20px}.modal-footer{background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-cancel{border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.btn-submit{align-items:center;background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-submit:hover{background:#334155;transform:translateY(-1px)}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:20px 10px 10px}.modal-content{border-radius:12px;max-height:calc(100vh - 40px);width:100%}.modal-header{padding:16px 16px 12px}.modal-close,.modal-header h2{font-size:16px}.modal-close{height:28px;width:28px}.modal-subtitle{font-size:12px;padding:0 16px}.modal-body{padding:16px}.form-row-modal{gap:12px;grid-template-columns:1fr;margin-bottom:12px}.form-group-modal{margin-bottom:4px}.form-group-modal label{font-size:13px;margin-bottom:6px}.form-group-modal input,.form-group-modal select,.form-group-modal textarea{font-size:13px;padding:10px 12px}.form-group-modal textarea{min-height:80px}.staff-member-section{gap:10px;margin-bottom:12px;padding:12px}.staff-icon{flex-shrink:0;font-size:18px;height:36px;width:36px}.staff-label{font-size:11px}.staff-name{font-size:13px}.staff-note{font-size:11px;margin-bottom:12px}.modal-footer{flex-direction:column-reverse;gap:8px;padding:12px 16px}.btn-cancel,.btn-submit{font-size:13px;justify-content:center;padding:11px 16px;width:100%}.btn-submit{margin-bottom:8px}}@media (max-width:480px){.modal-overlay{padding:16px 8px 8px}.modal-content{max-height:calc(100vh - 32px)}.modal-header{padding:12px 12px 8px}.modal-header h2{font-size:14px}.modal-subtitle{padding:0 12px}.modal-body{padding:12px}.form-group-modal label{font-size:12px}.form-group-modal input,.form-group-modal select,.form-group-modal textarea{font-size:12px;padding:9px 10px}.staff-member-section{padding:10px}.staff-icon{height:32px;width:32px}.modal-footer{padding:10px 12px}.btn-cancel,.btn-submit{font-size:12px;padding:10px 12px}}[dir=rtl] .page-header{direction:rtl}[dir=rtl] .cs-table td,[dir=rtl] .cs-table th,[dir=rtl] .filter-card h3,[dir=rtl] .filter-group label,[dir=rtl] .page-title-section h1,[dir=rtl] .page-title-section h4,[dir=rtl] .page-title-section p,[dir=rtl] .table-header h3{text-align:right}[dir=rtl] .phone-cell{direction:ltr;flex-direction:row-reverse;text-align:right}[dir=rtl] .location-cell,[dir=rtl] .modal-header{direction:rtl}[dir=rtl] .form-group-modal input,[dir=rtl] .form-group-modal label,[dir=rtl] .form-group-modal select,[dir=rtl] .form-group-modal textarea,[dir=rtl] .modal-header h2,[dir=rtl] .modal-subtitle{text-align:right}[dir=rtl] .staff-member-section{direction:rtl}[dir=rtl] .staff-company,[dir=rtl] .staff-label,[dir=rtl] .staff-name,[dir=rtl] .staff-note{text-align:right}[dir=rtl] .cs-stat-card,[dir=rtl] .modal-footer{direction:rtl}[dir=rtl] .stat-label,[dir=rtl] .stat-value{text-align:right}.c360-wrap{max-width:100%}.c360-center{color:#888;font-size:14px;padding:60px;text-align:center}.c360-back{align-items:center;background:none;border:none;color:#1a73e8;cursor:pointer;display:flex;font-size:13px;gap:4px;margin-bottom:12px;padding:0}.c360-back:hover{text-decoration:underline}.c360-page-title{margin-bottom:16px}.c360-page-title h1{align-items:center;color:#1a1a2e;display:flex;font-size:22px;font-weight:700;gap:10px;margin:0}.c360-page-badge{background:#e8f0fe;border-radius:20px;color:#1a73e8;font-size:11px;font-weight:500;padding:3px 10px}.c360-page-sub{color:#888;font-size:13px;margin:4px 0 0}.c360-profile-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000012;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px;padding:20px 24px}.c360-profile-card,.c360-profile-left{align-items:center;display:flex;gap:16px}.c360-profile-left{flex:1 1}.c360-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;font-weight:700;height:52px;justify-content:center;width:52px}.c360-avatar,.c360-name-row{align-items:center;display:flex}.c360-name-row{flex-wrap:wrap;gap:8px;margin-bottom:4px}.c360-name-row h2{color:#1a1a2e;font-size:17px;font-weight:700;margin:0}.c360-status-badge,.c360-tier-badge{border-radius:20px;font-size:11px;font-weight:600;padding:2px 10px}.c360-status-badge.active{background:#f0fdf4;color:#16a34a}.c360-status-badge.inactive{background:#f8fafc;color:#94a3b8}.c360-profile-meta{color:#666;flex-wrap:wrap;font-size:12px}.c360-profile-actions,.c360-profile-meta{display:flex;gap:8px}.c360-btn-call{background:#16a34a;border-radius:7px;color:#fff;font-size:13px;font-weight:600;padding:8px 18px;text-decoration:none;transition:opacity .2s}.c360-btn-call:hover{opacity:.85}.c360-btn-wa{background:#25d366;border-radius:7px;color:#fff;font-size:13px;font-weight:600;padding:8px 18px;text-decoration:none;transition:opacity .2s}.c360-btn-wa:hover{opacity:.85}.c360-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}@media (max-width:900px){.c360-stats-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.c360-stats-row{grid-template-columns:repeat(2,1fr)}}.c360-stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:14px 18px}.c360-stat-label{color:#888;font-size:11px;margin:0 0 4px}.c360-stat-val{font-size:24px;font-weight:700;margin:0}.c360-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;margin-bottom:0}.c360-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:13px;font-weight:500;margin-bottom:-2px;padding:10px 18px;transition:all .15s}.c360-tab:hover{color:#1a1a2e}.c360-tab.active{border-bottom-color:#1a73e8;color:#1a73e8;font-weight:600}.c360-tab-content{background:#fff;border-radius:0 0 10px 10px;box-shadow:0 2px 8px #0000000f;min-height:200px}.c360-overview{padding:24px}.c360-overview-grid{grid-gap:20px 40px;display:grid;gap:20px 40px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:600px){.c360-overview-grid{grid-template-columns:1fr}}.c360-ov-label{color:#888;font-size:11px;margin:0 0 4px}.c360-ov-val{color:#1a1a2e;font-size:14px;font-weight:600;margin:0}.c360-section-title{color:#1a1a2e;font-size:14px;font-weight:700;margin:0 0 12px}.c360-risk-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:3px 12px}.c360-risk-badge.low{background:#f0fdf4;color:#16a34a}.c360-risk-badge.medium{background:#fff7ed;color:#ea580c}.c360-risk-badge.high{background:#fef2f2;color:#dc2626}.c360-timeline-list{position:relative}.c360-timeline-item{align-items:flex-start;display:flex;gap:12px;padding:0 0 24px;position:relative}.c360-timeline-item:last-child{padding-bottom:0}.c360-tl-dot-wrap{align-items:flex-start;display:flex;flex-shrink:0;justify-content:center;padding-top:4px;position:relative;width:10px;z-index:1}.c360-timeline-item:not(:last-child) .c360-tl-dot-wrap:after{background:#e5e7eb;bottom:-24px;content:"";left:50%;position:absolute;top:18px;transform:translateX(-50%);width:2px;z-index:0}.c360-tl-dot{border-radius:50%;flex-shrink:0;height:10px;position:relative;width:10px;z-index:1}.c360-tl-body{flex:1 1}.c360-tl-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.c360-tl-type-badge{border-radius:10px;font-size:10px;font-weight:700;padding:2px 8px}.c360-tl-label{color:#1a1a2e;font-size:13px;font-weight:500}.c360-tl-sub{color:#888;font-size:11px;margin:2px 0 0}.c360-tl-date{color:#aaa;flex-shrink:0;font-size:11px;white-space:nowrap}.c360-table{border-collapse:collapse;font-size:13px;width:100%}.c360-table th{border-bottom:2px solid #e5e7eb;color:#555;font-size:12px;font-weight:600;padding:11px 16px;text-align:left;white-space:nowrap}.c360-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:10px 16px;vertical-align:middle}.c360-table tr.even td{background:#fafafa}.c360-table tr:last-child td{border-bottom:none}.c360-type-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.c360-loyalty-wrap{padding:24px}.c360-loyalty-cards{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}.c360-loyalty-card{background:#f8f9fb;border-radius:8px;min-width:130px;padding:14px 20px}.c360-loyalty-label{color:#888;font-size:11px;margin:0 0 4px}.c360-loyalty-val{color:#1a1a2e;font-size:18px;font-weight:700;margin:0}.c360-empty{color:#aaa;font-size:14px;padding:40px;text-align:center}[dir=rtl] .c360-table td,[dir=rtl] .c360-table th{text-align:right}[dir=rtl] .c360-tl-dot{margin-top:5px}.cl-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.cl-title{align-items:center;color:#1a1a2e;display:flex;font-size:22px;font-weight:700;gap:10px;margin:0}.cl-page-badge{background:#e8f0fe;border-radius:20px;color:#1a73e8;font-size:11px;font-weight:500;padding:3px 10px}.cl-subtitle{color:#888;font-size:13px;margin:4px 0 0}.cl-add-btn{align-items:center;background:#1a1a2e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:opacity .2s}.cl-add-btn:hover{opacity:.85}.cl-stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}@media (max-width:1100px){.cl-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.cl-stats-grid{grid-template-columns:repeat(2,1fr)}}.cl-stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:16px 20px}.cl-stat-label{color:#888;font-size:12px;margin:0 0 6px}.cl-stat-val{font-size:26px;font-weight:700;margin:0}.cl-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.cl-search-wrap{flex:1 1;min-width:200px;position:relative}.cl-search-icon{color:#888;font-size:15px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.cl-search-input{border:1.5px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:13px;outline:none;padding:9px 12px 9px 36px;transition:border-color .2s;width:100%}.cl-search-input:focus{border-color:#1a1a2e}.cl-select{min-width:160px;outline:none;padding:9px 14px}.cl-export-btn,.cl-select{background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:13px}.cl-export-btn{align-items:center;color:#444;display:flex;gap:6px;padding:9px 16px;transition:background .2s}.cl-export-btn:hover{background:#f5f5f5}.cl-table-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px;overflow:hidden}.cl-table{border-collapse:collapse;font-size:13px;width:100%}.cl-table thead tr{background:#f8f9fb}.cl-table th{border-bottom:1px solid #eee;color:#555;font-size:12px;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.cl-row{border-bottom:1px solid #f0f0f0;transition:background .15s}.cl-row:hover{background:#fafafa}.cl-row:last-child{border-bottom:none}.cl-table td{color:#333;padding:12px 16px;vertical-align:middle}.cl-customer-cell{gap:10px}.cl-avatar,.cl-customer-cell{align-items:center;display:flex}.cl-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.cl-name{color:#1a1a2e;font-weight:500}.cl-phone{color:#555;font-size:12px;letter-spacing:.3px}.cl-tier-badge{border-radius:20px;font-size:11px;padding:3px 10px}.cl-open-badge,.cl-tier-badge{display:inline-block;font-weight:600}.cl-open-badge{background:#fee2e2;border-radius:10px;color:#dc2626;font-size:10px;margin-left:6px;padding:2px 7px}.cl-last-activity{color:#666;font-size:12px}.cl-status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.cl-more-btn{background:#e8f0fe;border:none;border-radius:6px;color:#1a73e8;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:background .2s;white-space:nowrap}.cl-more-btn:hover{background:#d2e3fc}.cl-empty,.cl-loading{color:#aaa;font-size:14px;padding:60px;text-align:center}.cl-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:4px 0 8px}.cl-pagination-info{color:#888;font-size:13px}.cl-pagination-btns{align-items:center;display:flex;gap:8px}.cl-page-btn{align-items:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:7px;color:#333;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:7px 14px;transition:background .15s}.cl-page-btn:hover:not(:disabled){background:#f0f0f0}.cl-page-btn:disabled{cursor:not-allowed;opacity:.4}.cl-page-num{color:#555;font-size:13px;min-width:50px;text-align:center}[dir=rtl] .cl-search-icon{left:auto;right:12px}[dir=rtl] .cl-search-input{padding:9px 36px 9px 12px}[dir=rtl] .cl-open-badge{margin-left:0;margin-right:6px}[dir=rtl] .cl-table td,[dir=rtl] .cl-table th{text-align:right}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.report-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:16px;padding:24px}.report-info{align-items:flex-start;display:flex;gap:12px}.report-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.report-icon.red{background:#fef2f2;color:#ef4444}.report-icon.blue{background:#eff6ff;color:#3b82f6}.report-icon.yellow{background:#fef3c7;color:#f59e0b}.report-text h3{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:4px}.report-text p{color:#6b7280;font-size:13px}.btn-generate{align-items:center;background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.btn-generate:hover{background:#334155}.btn-export-pdf:disabled,.btn-generate:disabled,.btn-print:disabled{cursor:not-allowed;opacity:.7}.btn-spinner{animation:reportSpin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.btn-print .btn-spinner{border-color:#374151 #3741514d #3741514d}@keyframes reportSpin{to{transform:rotate(1turn)}}.btn-spinner-small{animation:reportSpin .6s linear infinite;border:2px solid #6b72804d;border-radius:50%;border-top-color:#6b7280;display:inline-block;height:12px;width:12px}.btn-download:disabled{cursor:not-allowed;opacity:.7}.reports-empty{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:40px 20px}.reports-empty p{color:#9ca3af;font-size:14px;margin:0}.custom-report-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:24px}.custom-report-header{margin-bottom:24px}.custom-report-header h3{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:4px}.custom-report-header p{color:#6b7280;font-size:13px}.custom-report-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.custom-report-form .form-group{margin-bottom:20px}.custom-report-form .form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.custom-report-form .form-group input,.custom-report-form .form-group select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.custom-report-form .form-group input:focus,.custom-report-form .form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.toggle-group{align-items:center;display:flex;justify-content:space-between}.toggle-label{display:flex;flex-direction:column}.toggle-label label{margin-bottom:2px!important}.toggle-hint{color:#9ca3af;font-size:12px}.toggle-slider{cursor:pointer;transition:.3s}.toggle-slider:before{box-shadow:0 2px 4px #0000001a;transition:.3s}.custom-report-actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:24px}.btn-export-pdf{align-items:center;background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.btn-export-pdf:hover{background:#334155}.btn-print{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.btn-print:hover{background:#f9fafb;border-color:#d1d5db}.recent-reports-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.recent-reports-card h3{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:20px}.recent-reports-list{display:flex;flex-direction:column;gap:12px}.recent-report-item{align-items:center;background:#f9fafb;border:1px solid #f0f0f0;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.recent-report-item:hover{background:#f3f4f6}.report-file-info{gap:12px}.file-icon,.report-file-info{align-items:center;display:flex}.file-icon{background:#eff6ff;border-radius:8px;color:#3b82f6;font-size:20px;height:40px;justify-content:center;width:40px}.file-details{display:flex;flex-direction:column}.file-name{color:#1f2937;font-size:14px;font-weight:500}.file-meta{color:#9ca3af;font-size:12px}.btn-download{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-download:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}@media (max-width:1024px){.custom-report-actions,.reports-grid{grid-template-columns:1fr}}@media (max-width:768px){.custom-report-form .form-row{grid-template-columns:1fr}.recent-report-item,.toggle-group{align-items:flex-start;flex-direction:column;gap:12px}.btn-download{align-self:flex-end}}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.page-title-section h1{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:4px}.page-title-section p{color:#6b7280;font-size:14px}.settings-tabs-container{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding:8px}.settings-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.settings-tab:hover{background:#f3f4f6;color:#374151}.settings-tab.active{background:#1e293b;color:#fff}.settings-tab svg{font-size:18px}.settings-content{margin-bottom:24px}.settings-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.settings-card-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;margin-bottom:24px;padding-bottom:20px}.settings-card-header .header-icon{color:#1e293b;font-size:24px;margin-top:2px}.settings-card-header h3{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:4px}.settings-card-header p{color:#6b7280;font-size:14px}.settings-form{max-width:100%}.settings-form .form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.settings-form .form-group{display:flex;flex-direction:column}.settings-form .form-group label{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:8px}.label-icon{color:#6b7280;font-size:14px}.settings-form .form-group input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease}.settings-form .form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.logo-section{margin-bottom:24px}.logo-section>label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:12px}.logo-upload{gap:16px}.current-logo,.logo-upload{align-items:center;display:flex}.current-logo{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:12px;color:#fff;font-size:28px;font-weight:700;height:80px;justify-content:center;width:80px}.btn-upload{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.btn-upload:hover{background:#f9fafb;border-color:#d1d5db}.form-actions{border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-save{align-items:center;background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-save:hover{background:#334155;transform:translateY(-1px)}.placeholder-text{color:#9ca3af;font-size:14px;padding:40px 0;text-align:center}@media (max-width:1024px){.settings-tabs-container{padding:6px}.settings-tab{font-size:13px;padding:10px 16px}}@media (max-width:768px){.settings-form .form-row{gap:16px;grid-template-columns:1fr}.settings-tabs-container{gap:4px}.settings-tab{padding:10px 12px}.settings-tab span{display:none}.logo-upload{align-items:flex-start;flex-direction:column}.form-actions{justify-content:stretch}.btn-save{justify-content:center;width:100%}}.appearance-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 0}.appearance-item:last-child{border-bottom:none}.appearance-item-left{align-items:flex-start;display:flex;flex:1 1;gap:16px}.appearance-icon{color:#1e293b;font-size:24px;margin-top:2px}.appearance-info h4{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:4px}.appearance-info p{color:#6b7280;font-size:13px}.appearance-item-right{align-items:center;display:flex;gap:16px}.current-value{color:#374151;font-size:14px;font-weight:500;min-width:80px;text-align:right}.toggle-switch{cursor:pointer;display:inline-block;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#e5e7eb;border-radius:26px;bottom:0;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-switch:hover .toggle-slider{box-shadow:0 0 0 3px #3b82f61a}.timezone-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;min-width:200px;padding:10px 16px;transition:all .2s ease}.timezone-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.timezone-select:hover{border-color:#d1d5db}@media (max-width:768px){.appearance-item{align-items:flex-start;flex-direction:column;gap:16px}.appearance-item-right{justify-content:space-between;width:100%}.timezone-select{width:100%}}.notification-section{margin-bottom:32px}.notification-section:last-of-type{margin-bottom:0}.notification-section-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:14px;font-weight:700;margin-bottom:16px;padding-bottom:8px}.notification-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 0}.notification-item:last-child{border-bottom:none}.notification-item-left{align-items:flex-start;display:flex;flex:1 1;gap:16px}.notification-icon{color:#1e293b;font-size:24px;margin-top:2px}.notification-info h5{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:4px}.notification-info p{color:#6b7280;font-size:13px}.notification-item-right{align-items:center;display:flex;gap:16px}@media (max-width:768px){.notification-item{align-items:flex-start;flex-direction:column;gap:16px}.notification-item-right{justify-content:space-between;width:100%}}.subscription-plan-card{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:1px solid #e5e7eb;border-radius:12px;padding:24px}.plan-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.plan-name{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:4px}.plan-type{color:#6366f1;font-size:14px;font-weight:500}.plan-status-badge{border-radius:20px;font-size:13px;font-weight:600;padding:6px 16px}.plan-status-badge.active{background:#d1fae5;color:#065f46}.plan-details{margin-bottom:24px}.plan-detail-row{align-items:center;display:flex;justify-content:space-between;padding:12px 0}.detail-label{color:#6b7280;font-size:14px;font-weight:500}.detail-value{color:#1f2937;font-size:16px;font-weight:700}.usage-bar-container{margin-top:16px}.usage-bar{background:#e5e7eb;border-radius:10px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.usage-bar-fill{background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:10px;height:100%;transition:width .3s ease}.usage-text{color:#6b7280;font-size:12px}.plan-billing-info{background:#fff;border-radius:10px;margin-bottom:24px;padding:20px}.billing-info-row{grid-gap:24px;border-bottom:1px solid #f3f4f6;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding-bottom:20px}.billing-info-item{display:flex;flex-direction:column;gap:8px}.billing-label{color:#6b7280;font-size:13px;font-weight:500}.billing-value{color:#1f2937;font-size:15px;font-weight:600}.billing-price{display:flex;flex-direction:column;gap:8px}.price-label{color:#1f2937;font-size:13px;font-weight:500}.price-value{color:#1f2937;font-size:24px;font-weight:700}.plan-actions{display:flex;gap:12px;justify-content:space-between}.plan-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.btn-upgrade{background:#1e293b;color:#fff}.btn-upgrade:hover{background:#334155;transform:translateY(-1px)}.btn-billing{background:#fff;border:1px solid #e5e7eb!important;color:#374151}.btn-billing:hover{background:#f9fafb;border-color:#d1d5db!important}.btn-cancel{background:#fff;border:1px solid #fee2e2!important;color:#dc2626}.btn-cancel:hover{background:#fef2f2;border-color:#fecaca!important}@media (max-width:768px){.plan-header{flex-direction:column;gap:12px}.billing-info-row{gap:16px;grid-template-columns:1fr}.plan-actions{flex-direction:column}.plan-actions button{width:100%}}.loyalty-settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.loyalty-setting-item,.loyalty-setting-item-full{display:flex;flex-direction:column}.loyalty-setting-item-full{margin-bottom:24px}.loyalty-label{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:8px}.loyalty-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:16px;font-weight:600;padding:12px 16px;transition:all .2s ease}.loyalty-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.loyalty-description{color:#6b7280;font-size:12px;margin-top:6px}.loyalty-auto-rewards{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:24px;padding:20px}.loyalty-toggle-item{align-items:center;display:flex;justify-content:space-between}.loyalty-toggle-left{flex:1 1}.loyalty-toggle-title{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:4px}.loyalty-toggle-description{color:#6b7280;font-size:13px}.loyalty-calculation-example{background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;margin-bottom:24px;padding:20px}.calculation-title{color:#1e40af;font-size:15px;font-weight:700;margin-bottom:12px}.calculation-line{color:#1e40af;font-size:14px;line-height:1.6;margin-bottom:8px}.calculation-line:last-child{margin-bottom:0}@media (max-width:768px){.loyalty-settings-grid{gap:16px;grid-template-columns:1fr}.loyalty-toggle-item{align-items:flex-start;flex-direction:column;gap:16px}}.security-section{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.security-section-header{align-items:flex-start;display:flex;flex:1 1;gap:12px}.security-section-icon{color:#1e293b;font-size:20px;margin-top:2px}.security-section-title{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:4px}.security-section-description{color:#6b7280;font-size:13px}.btn-enable{background:#1e293b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s ease}.btn-enable:hover{background:#334155;transform:translateY(-1px)}.security-section-full{margin-bottom:24px}.security-section-header-simple{align-items:center;display:flex;gap:8px;margin-bottom:16px}.active-session-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 20px}.session-info{flex:1 1}.session-title{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:4px}.session-location{color:#6b7280;font-size:13px}.session-status-badge{border-radius:20px;font-size:13px;font-weight:600;padding:6px 16px}.session-status-badge.active{background:#d1fae5;color:#065f46}.btn-signout-devices{background:#fff;border:1px solid #fee2e2;border-radius:8px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease;width:100%}.btn-signout-devices:hover{background:#fef2f2;border-color:#fecaca}.activity-log-title{color:#1f2937;font-size:15px;font-weight:600}.activity-log-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.activity-log-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px}.activity-log-item:last-child{border-bottom:none}.activity-text{color:#1f2937;font-size:14px;font-weight:500}.activity-time{color:#6b7280;font-size:13px}.danger-zone{background:#fef2f2;border:2px solid #fee2e2;border-radius:10px;margin-top:32px;padding:24px}.danger-zone-title{color:#dc2626;font-size:16px;font-weight:700;margin-bottom:8px}.danger-zone-description{color:#991b1b;font-size:14px;margin-bottom:16px}.btn-delete-account{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-delete-account:hover{background:#b91c1c;transform:translateY(-1px)}@media (max-width:768px){.security-section{align-items:flex-start;flex-direction:column;gap:16px}.btn-enable{width:100%}.active-session-card{gap:12px}.active-session-card,.activity-log-item{align-items:flex-start;flex-direction:column}.activity-log-item{gap:8px}}.cp-login-screen{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);display:flex;justify-content:center;min-height:100vh;padding:20px}.cp-login-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:48px 40px;text-align:center;width:100%}.cp-login-logo{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;color:#fff;display:flex;font-size:32px;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.cp-login-card h2{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:6px}.cp-login-sub{color:#6b7280;font-size:14px;margin-bottom:32px}.cp-login-form{text-align:left}.cp-form-group{margin-bottom:18px}.cp-form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.cp-form-group input{border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-size:14px;outline:none;padding:11px 14px;transition:border .2s;width:100%}.cp-form-group input:focus{border-color:#3b82f6}.cp-login-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:13px;transition:opacity .2s;width:100%}.cp-login-btn:disabled{cursor:not-allowed;opacity:.7}.cp-login-btn:hover:not(:disabled){opacity:.92}.cp-portal{background:#f1f5f9;display:flex;flex-direction:column;min-height:100vh}.cp-header{background:#1e293b;color:#fff;justify-content:space-between;padding:16px 28px}.cp-header,.cp-header-left{align-items:center;display:flex}.cp-header-left{gap:14px}.cp-header-icon{color:#60a5fa;font-size:28px}.cp-header h1{font-size:18px;font-weight:700;margin:0}.cp-header-sub{color:#94a3b8;font-size:13px}.cp-logout-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:background .2s}.cp-logout-btn:hover{background:#ffffff2e}.cp-body{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1100px;padding:32px;width:100%}.cp-scan-panel{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 12px #0000000f;margin:0 auto;max-width:560px;padding:60px 40px;text-align:center}.cp-scan-icon{color:#3b82f6;font-size:56px;margin-bottom:20px}.cp-scan-panel h2{color:#1f2937;font-size:22px;font-weight:700;margin-bottom:8px}.cp-scan-panel p{color:#6b7280;font-size:14px;margin-bottom:32px}.cp-scan-form{align-items:center;display:flex;flex-direction:column;gap:14px}.cp-scan-input-wrap{position:relative;width:100%}.cp-scan-search-icon{color:#9ca3af;font-size:18px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.cp-scan-input{border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-family:monospace;font-size:15px;outline:none;padding:14px 40px 14px 44px;transition:border .2s;width:100%}.cp-scan-input:focus{border-color:#3b82f6}.cp-scan-clear{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.cp-scan-btn{background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:13px 40px;transition:background .2s}.cp-scan-btn:hover:not(:disabled){background:#2563eb}.cp-scan-btn:disabled{cursor:not-allowed;opacity:.6}.cp-customer-panel{display:flex;flex-direction:column;gap:20px}.cp-customer-card{background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;color:#fff;padding:28px}.cp-customer-card-top{align-items:flex-start;display:flex;gap:16px;margin-bottom:24px}.cp-customer-avatar{align-items:center;background:#ffffff26;border-radius:50%;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.cp-customer-info{flex:1 1}.cp-customer-info h2{font-size:20px;font-weight:700;margin:0 0 4px}.cp-member-code{color:#94a3b8;font-family:monospace;font-size:12px;margin-bottom:6px}.cp-customer-meta{color:#cbd5e1;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.cp-new-scan-btn{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:background .2s;white-space:nowrap}.cp-new-scan-btn:hover{background:#fff3}.cp-points-section{align-items:center;background:#ffffff14;border-radius:14px;display:flex;justify-content:space-between;padding:18px 22px}.cp-points-badge{align-items:center;display:flex;gap:12px}.cp-points-icon{color:#fbbf24;font-size:28px}.cp-points-value{color:#fbbf24;display:block;font-size:32px;font-weight:800;line-height:1}.cp-points-label{color:#94a3b8;font-size:12px}.cp-member-since{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:6px}.cp-redeem-success{align-items:center;background:#d1fae5;border:1px solid #6ee7b7;border-radius:14px;color:#065f46;display:flex;gap:14px;padding:18px 22px}.cp-success-icon{color:#10b981;flex-shrink:0;font-size:28px}.cp-redeem-success strong{display:block;font-size:15px;font-weight:700}.cp-redeem-success p{font-size:13px;margin:4px 0 0}.cp-two-col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:700px){.cp-two-col{grid-template-columns:1fr}}.cp-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px}.cp-section-title{align-items:center;color:#1f2937;display:flex;font-size:15px;font-weight:700;gap:8px;margin:0 0 18px}.cp-empty-state{color:#9ca3af;padding:32px 20px;text-align:center}.cp-empty-state p{font-size:13px;margin-top:10px}.cp-rewards-list{display:flex;flex-direction:column;gap:12px}.cp-reward-item{align-items:center;background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.cp-reward-info{display:flex;flex:1 1;flex-direction:column;gap:3px}.cp-reward-title{color:#1f2937;font-size:14px;font-weight:600}.cp-reward-desc{color:#6b7280;font-size:12px}.cp-reward-pts{align-items:center;color:#f59e0b;display:flex;font-size:12px;font-weight:600;gap:4px}.cp-redeem-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:background .2s;white-space:nowrap}.cp-redeem-btn:hover:not(:disabled){background:#2563eb}.cp-redeem-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.cp-txn-list{display:flex;flex-direction:column;gap:10px}.cp-txn-item{align-items:center;background:#f9fafb;border-left:3px solid #0000;border-radius:10px;display:flex;justify-content:space-between;padding:12px 14px}.cp-txn-item.earn{border-left-color:#10b981}.cp-txn-item.redeem{border-left-color:#f59e0b}.cp-txn-info{display:flex;flex-direction:column;gap:3px}.cp-txn-title{color:#1f2937;font-size:13px;font-weight:600}.cp-txn-date{color:#9ca3af;font-size:12px}.cp-txn-pts{font-size:14px;font-weight:700}.cp-txn-pts.earn{color:#10b981}.cp-txn-pts.redeem{color:#f59e0b}.cp-lang-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:background .2s;white-space:nowrap}.cp-lang-btn:hover{background:#fff3}.cp-lang-btn--login{background:#ffffff26;border:1px solid #ffffff4d;color:#fff;position:fixed;right:20px;top:20px;z-index:10}.cp-header-actions{align-items:center;display:flex;gap:10px}[dir=rtl] .cp-scan-search-icon{left:auto;right:14px}[dir=rtl] .cp-scan-input{padding:14px 44px 14px 40px}[dir=rtl] .cp-scan-clear{left:12px;right:auto}[dir=rtl] .cp-txn-item.earn{border-left:none;border-right:3px solid #10b981}[dir=rtl] .cp-txn-item.redeem{border-left:none;border-right:3px solid #f59e0b}[dir=rtl] .cp-lang-btn--login{left:20px;right:auto}.cp-points-section-right{align-items:flex-end;display:flex;flex-direction:column;gap:8px}[dir=rtl] .cp-points-section-right{align-items:flex-start}.cp-add-points-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:7px;padding:10px 20px;transition:opacity .2s,transform .15s;white-space:nowrap}.cp-add-points-btn:hover{opacity:.9;transform:translateY(-1px)}.cp-add-points-btn:active{transform:translateY(0)}.cp-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.cp-modal{background:#fff;border-radius:20px;box-shadow:0 24px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.cp-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.cp-modal-title{align-items:center;color:#111827;display:flex;font-size:17px;font-weight:700;gap:10px}.cp-modal-title svg{color:#10b981;font-size:20px}.cp-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;transition:background .15s;width:34px}.cp-modal-close:hover{background:#e5e7eb}.cp-modal-member{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;margin:14px 24px 0;padding:12px 16px}.cp-modal-member-name{color:#065f46;font-size:14px;font-weight:700}.cp-modal-member-code{color:#6b7280;font-family:monospace;font-size:12px}.cp-modal-member-pts{align-items:center;color:#f59e0b;display:flex;font-size:14px;font-weight:700;gap:5px;margin-inline-start:auto}.cp-modal-form{gap:14px;padding:16px 24px 24px}.cp-modal-field,.cp-modal-form{display:flex;flex-direction:column}.cp-modal-field{gap:6px}.cp-modal-field label{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:5px}.cp-required{color:#ef4444}.cp-modal-field input,.cp-modal-field textarea{border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;resize:none;transition:border-color .2s;width:100%}.cp-modal-field input:focus,.cp-modal-field textarea:focus{border-color:#10b981}.cp-modal-input-prefix{align-items:center;border:1.5px solid #e5e7eb;border-radius:10px;display:flex;overflow:hidden;transition:border-color .2s}.cp-modal-input-prefix:focus-within{border-color:#10b981}.cp-points-preview{align-items:center;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:8px;color:#059669;display:flex;font-size:13px;font-weight:600;gap:5px;margin-top:6px;padding:6px 10px}.cp-prefix{background:#f9fafb;border-inline-end:1.5px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:700;padding:10px 12px;white-space:nowrap}.cp-modal-input-prefix input{border:none;border-radius:0;flex:1 1}.cp-modal-input-prefix input:focus{border-color:#0000}.cp-slip-drop{align-items:center;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:90px;padding:20px;transition:border-color .2s,background .2s}.cp-slip-drop:hover{background:#f0fdf4;border-color:#10b981}.cp-slip-drop.has-image{border-color:#10b981;border-style:solid;padding:8px}.cp-slip-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:13px;gap:8px;text-align:center}.cp-slip-placeholder svg{color:#d1d5db}.cp-slip-preview-wrap{position:relative;width:100%}.cp-slip-preview{border-radius:8px;display:block;max-height:200px;object-fit:contain;width:100%}.cp-slip-remove{align-items:center;background:#0009;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:6px;top:6px;width:28px}[dir=rtl] .cp-slip-remove{left:6px;right:auto}.cp-modal-actions{display:flex;gap:10px;margin-top:4px}.cp-modal-cancel{background:#f3f4f6;border:none;border-radius:10px;color:#374151;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:background .15s}.cp-modal-cancel:hover{background:#e5e7eb}.cp-modal-submit{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:2 1;font-size:14px;font-weight:700;padding:12px;transition:opacity .2s}.cp-modal-submit:disabled{cursor:not-allowed;opacity:.6}.cp-install-banner{align-items:center;animation:slideUp .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b;border:1px solid #ffffff26;border-radius:16px;bottom:20px;box-shadow:0 8px 32px #0006;display:flex;gap:12px;left:50%;max-width:480px;padding:14px 18px;position:fixed;transform:translateX(-50%);width:calc(100% - 40px);z-index:9999}.cp-install-banner--top{animation:slideDown .3s ease;border-left:none;border-radius:0;border-right:none;border-top:none;bottom:auto;left:0;max-width:100%;right:0;top:0;transform:none;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.cp-install-banner-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.cp-install-banner-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.cp-install-banner-text strong{color:#fff;font-size:13px;font-weight:700}.cp-install-banner-text span{color:#94a3b8;font-size:11px}.cp-install-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:700;padding:8px 18px;transition:opacity .2s;white-space:nowrap}.cp-install-btn:hover{opacity:.9}.cp-install-dismiss{align-items:center;background:#ffffff14;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:30px;justify-content:center;transition:background .15s;width:30px}.cp-install-dismiss:hover{background:#ffffff26}.cp-login-screen,.cp-portal{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}@media (display-mode:standalone){.cp-header{padding-top:calc(16px + env(safe-area-inset-top))}}@media (max-width:600px){.cp-body{padding:16px}.cp-header{padding:12px 16px}.cp-header h1{font-size:15px}.cp-header-sub{font-size:11px}.cp-lang-btn,.cp-logout-btn{font-size:12px;padding:7px 12px}.cp-scan-panel{padding:36px 20px}.cp-customer-card{padding:20px 16px}.cp-points-value{font-size:26px}.cp-login-card{padding:32px 24px}.cp-modal{border-radius:20px 20px 0 0;max-height:95vh;max-width:100%}.cp-modal-overlay{align-items:flex-end;padding:0}.cp-modal-overlay .cp-modal{width:100%}.cp-install-banner{bottom:10px;width:calc(100% - 24px)}}.cp-camera-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;margin-bottom:4px;padding:14px;transition:opacity .2s;width:100%}.cp-camera-btn:hover{opacity:.9}.cp-scan-divider{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:10px;margin:14px 0}.cp-scan-divider:after,.cp-scan-divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.cp-camera-wrap{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.cp-qr-reader{background:#000;border-radius:16px;max-width:340px;overflow:hidden;width:100%}.cp-qr-reader video{border-radius:16px;width:100%!important}.cp-qr-reader img{display:none!important}.cp-camera-cancel{align-items:center;background:#f1f5f9;border:1px solid #fecaca;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:background .2s}.cp-camera-cancel:hover{background:#fee2e2}.cp-camera-scanning{animation:pulse 1s infinite;color:#2563eb;font-size:13px;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}