.tooltip-bubble{position:relative}.tooltip-bubble:before{background:#000000eb;border-radius:8px;bottom:100%;box-shadow:0 6px 20px #0006;color:#fff;content:attr(data-tooltip);font-size:.95rem;font-weight:600;letter-spacing:.3px;margin-bottom:6px;opacity:0;padding:10px 18px;pointer-events:none;position:absolute;right:50%;transform:translateX(50%);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:100}.tooltip-bubble:disabled:hover:before,.tooltip-bubble:hover:before{opacity:1;transform:translateX(50%)}.icon-btn{background:#0000;border:1px solid #ddd;border-radius:4px;color:#111;padding:6px 10px}.icon-btn:hover{background-color:#f7f7f7}input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}table{border-collapse:collapse;width:100%}td,th{border:1px solid #ddd;direction:rtl;padding:8px;text-align:right}th{background-color:#f5f5f5;font-weight:600}.modal-overlay{z-index:1000}.modal-content{border-radius:8px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow-y:auto}.modal-content>.group-selector-modal{overflow:hidden}.modal-close{align-items:center;background:#0000;border-radius:6px;color:#666;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px;z-index:1000}.modal-close:hover{background-color:#0000001a;color:#000}.modal-close:active{background-color:#00000026;transform:scale(.95)}.modal-fullscreen{border-radius:8px;display:flex;flex-direction:column;height:96vh;max-height:96vh;max-width:98vw;padding:15px;width:98vw}.card{background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:20px}.grid-2col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr}.grid-equal{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.p-10{padding:10px}.p-20{padding:20px}.text-center{text-align:center}.text-right{text-align:right}.color-error{color:#dc3545}.color-success{color:#28a745}.color-warning{color:#ffc107}.color-muted{color:#666}.d-flex{display:flex}.align-center{align-items:center}.justify-center{justify-content:center}.gap-8{gap:8px}.gap-16{gap:16px}.w-full{width:100%}.h-full{height:100%}.scrollable{overflow-x:auto}.scrollable,.scrollable-y{overflow-y:auto}.scrollable-x{overflow-x:auto}.editable-cell-with-icon,td.editable-cell-with-icon{position:relative}td.editable-cell-with-icon:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;bottom:3px;content:"";height:16px;left:3px;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease-in-out;width:16px;z-index:1}td.editable-cell-with-icon:hover:after{opacity:.75}td.editable-cell-with-icon:has(input):after,td.editable-cell-with-icon:has(input):hover:after{display:none;opacity:0}td.editable-cell-with-icon>*{position:relative;z-index:2}*{box-sizing:border-box}html{direction:rtl}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;margin:0;text-align:right}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.auth-page:before{background:url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1920) 50%/cover;content:"";inset:0;opacity:.1;position:absolute}.auth-page:after{animation:float 20s ease-in-out infinite;background:#9333ea4d;border-radius:50%;content:"";filter:blur(96px);height:600px;left:50%;opacity:.2;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.auth-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f080;border-radius:24px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;max-width:440px;padding:48px 40px;position:relative;width:100%;z-index:1}.auth-card:has(.auth-form-grid){max-width:672px;padding:0}.auth-brand{margin-bottom:32px;text-align:center}.auth-card:has(.auth-form-grid) .auth-brand{margin-bottom:0;padding:2rem 2rem 1.5rem}.auth-brand-icon{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:16px;box-shadow:0 8px 20px #3b82f64d;display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.auth-brand-icon svg{color:#fff;height:36px;width:36px}.auth-title{color:#1a202c;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.auth-subtitle{color:#718096;font-size:15px;font-weight:400;margin:0}.auth-form{margin-top:32px}.auth-card:has(.auth-form-grid) .auth-form{margin-top:0;padding-bottom:2rem;padding-left:2rem;padding-right:2rem}.auth-form-group{margin-bottom:24px;position:relative}.auth-card:has(.auth-form-grid) .auth-form-group{margin-bottom:0}.auth-card:has(.auth-form-grid) .auth-form>*+*{margin-top:1.25rem}.auth-card:has(.auth-form-grid) .auth-form-grid+*{margin-top:1.25rem}.auth-form-label{color:#2d3748;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-align:right}.auth-card:has(.auth-form-grid) .auth-form-label{margin-bottom:0}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input{background-color:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;color:#1a202c;direction:rtl;font-size:15px;padding:14px 16px;text-align:right;transition:all .3s ease;width:100%}.auth-card:has(.auth-form-grid) .auth-input{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;margin-top:.25rem;padding:.5rem .75rem;transition:all .2s ease}.auth-input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-2px)}.auth-card:has(.auth-form-grid) .auth-input:focus{transform:none}.auth-input::placeholder{color:#a0aec0}.auth-input-wrapper textarea.auth-input,textarea.auth-input{font-family:inherit;line-height:1.5;min-height:80px;resize:vertical}.auth-card:has(.auth-form-grid) textarea.auth-input{height:5rem;margin-top:.25rem;min-height:5rem}.auth-input.has-icon{padding-left:48px}.auth-input-icon{align-items:center;background:none;border:none;color:#a0aec0;cursor:pointer;display:flex;justify-content:center;left:16px;padding:4px;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:2}.auth-input-icon:hover{color:#3b82f6}.auth-input-icon svg{height:20px;width:20px}.auth-input.is-valid{background-color:#f0fff4;border-color:#48bb78}.auth-input.is-invalid{background-color:#fff5f5;border-color:#f56565}.auth-input-feedback{align-items:center;direction:rtl;display:flex;font-size:13px;gap:6px;margin-top:6px;text-align:right}.auth-input-feedback.valid{color:#48bb78}.auth-input-feedback.invalid{color:#f56565}.auth-input-feedback svg{flex-shrink:0;height:14px;width:14px}.auth-input-hint{align-items:center;color:#718096;direction:rtl;display:flex;font-size:12px;gap:6px;margin-top:6px;text-align:right}.auth-input-hint svg{color:#a0aec0;flex-shrink:0;height:14px;width:14px}.auth-submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;position:relative;transition:all .3s ease;width:100%}.auth-card:has(.auth-form-grid) .auth-submit-btn{background-color:#2563eb;border-radius:.375rem;font-size:1.125rem;font-weight:500;height:3rem;padding:0;transition:all .2s ease}.auth-card .auth-submit-btn:hover:not(:disabled),.auth-card a.auth-submit-btn:hover:not(:disabled),.auth-card button.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 28px #3b82f666;color:#fff;transform:translateY(-2px)}.auth-card:has(.auth-form-grid) .auth-submit-btn:hover:not(:disabled),.auth-card:has(.auth-form-grid) a.auth-submit-btn:hover:not(:disabled),.auth-card:has(.auth-form-grid) button.auth-submit-btn:hover:not(:disabled){background-color:#1d4ed8;box-shadow:none;transform:none}.auth-card .auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-card .auth-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-card .auth-submit-btn,.auth-card .auth-submit-btn *,.auth-card .auth-submit-btn span,.auth-card .auth-submit-btn:active,.auth-card .auth-submit-btn:focus,.auth-card .auth-submit-btn:hover,.auth-card .auth-submit-btn:link,.auth-card .auth-submit-btn:visited,.auth-card .auth-submit-btn>*,.auth-card a.auth-submit-btn,.auth-card a.auth-submit-btn:active,.auth-card a.auth-submit-btn:focus,.auth-card a.auth-submit-btn:hover,.auth-card button.auth-submit-btn,.auth-card button.auth-submit-btn:active,.auth-card button.auth-submit-btn:focus,.auth-card button.auth-submit-btn:hover{color:#fff}.auth-card .auth-submit-btn span,.auth-card a.auth-submit-btn span,.auth-card button.auth-submit-btn span{color:#fff;display:inline-block}.auth-card a.auth-submit-btn,.auth-card a.auth-submit-btn:active,.auth-card a.auth-submit-btn:focus,.auth-card a.auth-submit-btn:hover,.auth-card a.auth-submit-btn:visited{color:#fff;text-decoration:none}.auth-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;margin-left:8px;vertical-align:middle;width:18px}.auth-error{align-items:center;animation:shake .5s ease;background:linear-gradient(135deg,#feb2b2,#fc8181);border-radius:12px;box-shadow:0 4px 12px #f5656533;color:#742a2a;direction:rtl;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:24px;padding:14px 16px;text-align:right}.auth-card:has(.auth-form-grid) .auth-error{margin-bottom:1.25rem;margin-left:2rem;margin-right:2rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(10px)}75%{transform:translateX(-10px)}}.auth-error svg{flex-shrink:0;height:20px;width:20px}.auth-footer{margin-top:32px;text-align:center}.auth-card:has(.auth-form-grid) .auth-footer{border-top:1px solid #d1d5db;margin-top:0;padding:1rem 2rem 2rem}.auth-footer-text{color:#4a5568;font-size:15px;margin:0}.auth-footer-link{color:#3b82f6;font-weight:600;position:relative;text-decoration:none;transition:all .2s ease}.auth-footer-link:after{background:linear-gradient(90deg,#3b82f6,#06b6d4);bottom:-2px;content:"";height:2px;position:absolute;right:0;transition:width .3s ease;width:0}.auth-footer-link:hover:after{width:100%}.auth-footer-link:hover{color:#2563eb}.auth-divider{align-items:center;display:flex;margin:28px 0;text-align:center}.auth-divider:after,.auth-divider:before{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);content:"";flex:1 1;height:1px}.auth-divider span{color:#a0aec0;font-size:13px;font-weight:500;padding:0 16px}.demo-credentials{background:linear-gradient(135deg,#faf089,#f6e05e);border-radius:12px;box-shadow:0 4px 12px #f6e05e33;margin-top:24px;padding:16px}.demo-credentials-title{color:#744210;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-align:right;text-transform:uppercase}.demo-credentials-content{color:#975a16;direction:rtl;font-size:14px;line-height:1.6;text-align:right}.demo-credentials strong{background:#ffffff80;border-radius:6px;color:#744210;font-family:Courier New,monospace;font-weight:700;letter-spacing:.3px;padding:2px 8px}@media (max-width:480px){.auth-card{padding:32px 24px}.auth-title{font-size:24px}.auth-subtitle{font-size:14px}.auth-brand-icon{height:56px;width:56px}.auth-brand-icon svg{height:32px;width:32px}}.auth-input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.auth-submit-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:4px}@media (prefers-color-scheme:dark){.auth-card{background:#1a202cf2}.auth-title{color:#f7fafc}.auth-subtitle{color:#a0aec0}.auth-form-label{color:#e2e8f0}.auth-input{background-color:#2d3748;border-color:#4a5568;color:#f7fafc}.auth-input:focus{background-color:#1a202c}.auth-footer-text{color:#cbd5e0}}.password-strength{margin-top:8px;text-align:right}.password-strength-bar{background-color:#e2e8f0;border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.password-strength-fill{border-radius:2px;height:100%;transition:all .3s ease}.password-strength-fill.weak{background:linear-gradient(90deg,#f56565,#fc8181);width:33%}.password-strength-fill.medium{background:linear-gradient(90deg,#ed8936,#f6ad55);width:66%}.password-strength-fill.strong{background:linear-gradient(90deg,#48bb78,#68d391);width:100%}.password-strength-text{color:#718096;font-size:12px;font-weight:600}.password-strength-text.weak{color:#f56565}.password-strength-text.medium{color:#ed8936}.password-strength-text.strong{color:#48bb78}.oauth-callback-content{padding:40px 20px;text-align:center}.oauth-spinner-large{height:120px;margin:0 auto 32px;position:relative;width:120px}.spinner-ring{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3b82f6;height:100%;position:absolute;width:100%}.spinner-google-icon{animation:pulse 2s ease-in-out infinite;height:64px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:64px}.spinner-google-icon svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:100%;width:100%}.oauth-success-icon{align-items:center;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 8px 24px #10b9814d;display:flex;height:120px;justify-content:center;margin:0 auto 32px;width:120px}.oauth-success-icon svg{animation:checkmark .5s ease-out .2s both;color:#fff;height:64px;width:64px}.oauth-error-icon{align-items:center;animation:shake .5s ease-out,scaleIn .5s ease-out;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;box-shadow:0 8px 24px #ef44444d;display:flex;height:120px;justify-content:center;margin:0 auto 32px;width:120px}.oauth-error-icon svg{color:#fff;height:64px;width:64px}.oauth-status-title{animation:fadeInUp .6s ease-out;color:#1a202c;font-size:24px;font-weight:700;margin:0 0 12px}.oauth-status-title.success{color:#059669}.oauth-status-title.error{color:#dc2626}.oauth-status-subtitle{animation:fadeInUp .6s ease-out .1s both;color:#718096;font-size:16px;margin:0 0 24px}.oauth-redirect-message{animation:fadeInUp .6s ease-out .2s both;color:#a0aec0;font-size:14px;margin-top:16px}.google-signin-redirect-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1a202c;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease;width:100%}.google-signin-redirect-btn:before{background:linear-gradient(135deg,#4285f40d,#ea43350d);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.google-signin-redirect-btn:hover:not(:disabled):before{opacity:1}.google-signin-redirect-btn:hover:not(:disabled){border-color:#3b82f6;box-shadow:0 8px 20px #3b82f633;transform:translateY(-2px)}.google-signin-redirect-btn:active:not(:disabled){transform:translateY(0)}.google-signin-redirect-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.google-icon{flex-shrink:0;height:24px;width:24px;z-index:1}.google-signin-redirect-btn span{z-index:1}.google-signin-redirect-btn.loading{opacity:.7;pointer-events:none}.google-signin-redirect-btn.loading .google-icon{animation:spin 1s linear infinite}.auth-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.auth-form-grid{grid-template-columns:1fr 1fr}}.auth-card:has(.auth-form-grid) .auth-google-wrapper{margin-bottom:1.25rem;padding-left:2rem;padding-right:2rem}.auth-card:has(.auth-form-grid) .auth-divider{margin:1.25rem 2rem}.auth-divider-line{background-color:#e5e7eb;flex:1 1;height:1px}.auth-divider-text{background-color:#fff;color:#6b7280;font-size:.875rem;padding:0 .5rem}.grid-spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.grid-spinner-container-inline{flex-direction:row;gap:8px;padding:0}.grid-spinner-container-inline .grid-spinner-text{margin-left:0;margin-top:0}.grid-spinner-loader{animation:grid-spinner-rotate 1s steps(12) infinite;aspect-ratio:1;background:linear-gradient(0deg,#00000080 30%,#0000 0 70%,#000 0) 50%/8% 100%,linear-gradient(90deg,#00000040 30%,#0000 0 70%,#000000bf 0) 50%/100% 8%;background-repeat:no-repeat;border-radius:50%;display:grid;width:50px}.grid-spinner-loader:after,.grid-spinner-loader:before{background:inherit;border-radius:50%;content:"";grid-area:1/1;opacity:.915;transform:rotate(30deg)}.grid-spinner-loader:after{opacity:.83;transform:rotate(60deg)}@keyframes grid-spinner-rotate{to{transform:rotate(1turn)}}.grid-spinner-text{color:#666;font-size:14px;font-weight:500;margin-bottom:0;margin-top:10px;text-align:center}@media (max-width:768px){.grid-spinner-container{padding:15px}.grid-spinner-text{font-size:13px}}.transaction-history{margin-top:20px}.transaction-table-container{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.transaction-table{overflow-x:auto}.transaction-table table{border-collapse:collapse;width:100%}.transaction-table th{background:#f9fafb;border-bottom:2px solid #d1d5db;color:#374151;font-size:14px;font-weight:600;padding:14px 16px;text-align:right;white-space:nowrap}.transaction-table td{border-top:1px solid #f3f4f6;color:#1f2937;font-size:14px;padding:12px 16px}.transaction-table tbody tr:hover{background:#f9fafb}.message-title{direction:rtl;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.success-value{color:#10b981;font-weight:600}.error-value{color:#ef4444;font-weight:600}.cost-value{color:#3b82f6;font-family:Courier New,monospace;font-weight:700}.transaction-empty-state{padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.transaction-empty-state p{color:#6b7280;margin:8px 0}.empty-hint{color:#9ca3af;font-size:14px}.transaction-history-loading{padding:40px;text-align:center}.transaction-history-loading p{color:#6b7280;margin-top:16px}.loading-spinner{border-top-color:#3b82f6;margin:0 auto}.transaction-history-error{color:#ef4444;padding:40px;text-align:center}@media (max-width:768px){.transaction-table-container{border-radius:8px}.transaction-table{font-size:12px}.transaction-table td,.transaction-table th{padding:10px 8px}.message-title{max-width:120px}}.credit-purchase-history{margin-top:20px}.credit-table-container{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.credit-table{overflow-x:auto}.credit-table table{border-collapse:collapse;direction:rtl;width:100%}.credit-table th{background:#f9fafb;border-bottom:2px solid #d1d5db;color:#374151;font-size:14px;font-weight:600;padding:14px 16px;text-align:right;white-space:nowrap}.credit-table td{border-top:1px solid #f3f4f6;color:#1f2937;font-size:14px;padding:12px 16px;text-align:right}.credit-table tbody tr:hover{background:#f9fafb}.credit-date{color:#6b7280;font-weight:500}.credit-amount{color:#059669;font-weight:600}.credit-amount,.credit-price{font-family:Courier New,monospace}.credit-price{color:#3b82f6;font-weight:700}.credit-reference{color:#6b7280;font-family:Courier New,monospace;font-size:12px}.reference-id{background:#f3f4f6;border-radius:4px;cursor:pointer;display:inline-block;padding:4px 8px}.reference-id:hover{background:#e5e7eb}.no-reference{color:#9ca3af;font-style:italic}.credit-status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.status-success{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.status-failed{background:#fee2e2;color:#991b1b}.credit-empty-state{padding:60px 20px;text-align:center}.credit-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.credit-empty-state p{color:#6b7280;font-size:16px;margin:8px 0}.credit-empty-hint{color:#9ca3af;font-size:14px}.credit-purchase-history-loading{padding:40px;text-align:center}.credit-purchase-history-loading p{color:#6b7280;margin-top:16px}.credit-purchase-history-error{color:#ef4444;padding:40px;text-align:center}@media (max-width:768px){.credit-table-container{border-radius:8px}.credit-table{font-size:12px}.credit-table td,.credit-table th{padding:10px 8px}.credit-reference{font-size:10px}}.dashboard-page{background-color:#f5f5f5;box-sizing:border-box;margin:0 auto;max-width:1280px;min-height:100vh;padding:1.5rem 2rem}@media (max-width:768px){.dashboard-page{padding:1rem}}.dashboard-container{width:100%}.dashboard-header{direction:rtl;flex-shrink:0;margin-bottom:3rem;padding-bottom:2rem;position:relative;text-align:right}.dashboard-header:after{background:#d1d5db;border:none;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.dashboard-header .header-content h1{color:#1e40af;direction:rtl;font-size:2rem;font-weight:700;line-height:1.2;margin:0 35px .5rem 0;text-align:right}.dashboard-header .header-content p{color:#6b7280;direction:rtl;font-size:1rem;font-weight:400;line-height:1.5;margin:0 35px 0 0;text-align:right}.period-selector{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:8px;padding:6px}.period-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.period-btn:hover{background:#f3f4f6;color:#374151}.period-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.kpi-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.kpi-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.kpi-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.kpi-primary:before{background:linear-gradient(90deg,#667eea,#764ba2)}.kpi-success:before{background:linear-gradient(90deg,#10b981,#059669)}.kpi-engagement:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.kpi-error:before,.kpi-optout:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.kpi-header{gap:12px;margin-bottom:16px}.kpi-header,.kpi-icon{align-items:center;display:flex}.kpi-icon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;font-size:2rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.kpi-primary .kpi-icon{background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.kpi-optout .kpi-icon{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.kpi-title{color:#6b7280;font-size:.95rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}.kpi-card:hover .kpi-title{color:#374151}.kpi-value{color:#1f2937;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:12px;transition:color .3s ease}.kpi-primary .kpi-value{color:#1e40af}.kpi-optout .kpi-value{color:#dc2626}.kpi-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.kpi-subtitle{color:#9ca3af;font-size:.85rem;font-weight:500}.trend{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:700;gap:4px;padding:4px 10px}.trend-positive{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.trend-negative{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.trend-neutral{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563}.secondary-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card .stat-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;display:flex;flex-shrink:0;font-size:2rem;height:56px;justify-content:center;width:56px}.stat-card .stat-content{flex:1 1}.stat-card .stat-value{color:#1f2937;font-size:1.8rem;font-weight:800;line-height:1.2;margin-bottom:4px}.stat-card .stat-label{color:#6b7280;font-size:.85rem;font-weight:600}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:30px}.chart-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.chart-card-small{grid-column:span 1}.chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.chart-header h3{color:#1f2937;font-size:1.1rem;font-weight:700;margin:0}.chart-legend{display:flex;flex-wrap:wrap;gap:16px}.legend-item{align-items:center;border-radius:6px;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:4px 8px;transition:background-color .2s ease}.legend-item:hover{background-color:#f9fafb}.legend-color{border-radius:3px;box-shadow:0 1px 2px #0000001a;flex-shrink:0;height:12px;width:12px}.legend-color.legend-sent,.legend-color.sent{background:#3b82f6}.legend-color.delivered,.legend-color.legend-delivered{background:#10b981}.legend-color.failed{background:linear-gradient(135deg,#ef4444,#dc2626)}.chart-body{position:relative}.chart-body-line{min-height:250px;padding:12px 0 8px;width:100%}.bar-chart{align-items:flex-end;display:flex;gap:2px;height:200px;padding:10px 0;position:relative}.bar-group{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;transition:all .2s ease}.bar-group:hover .bar-stack{transform:scaleY(1.05)}.bar-stack{align-items:center;display:flex;flex-direction:column;transition:transform .2s ease;width:100%}.bar{border-radius:4px 4px 0 0;min-height:2px;transition:all .3s ease;width:100%}.bar-sent{background:linear-gradient(180deg,#667eea,#764ba2)}.bar-label{color:#9ca3af;font-size:.7rem;font-weight:600;margin-top:10px;transform:rotate(-45deg);transform-origin:center;white-space:nowrap}.line-chart{display:flex;gap:10px;height:180px;position:relative}.chart-svg{height:100%;width:100%}.chart-y-axis{color:#9ca3af;display:flex;flex-direction:column;font-size:.75rem;font-weight:600;justify-content:space-between;padding:0 8px}.bottom-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.section-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{color:#1f2937;font-size:1.1rem;font-weight:700;margin:0}.view-all-link{color:#667eea;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s ease}.view-all-link:hover{color:#764ba2;transform:translateX(-2px)}.campaigns-list{display:flex;flex-direction:column;gap:16px}.campaign-item{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.campaign-item:hover{box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.campaign-rank{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:800;height:32px;justify-content:center;width:32px}.campaign-details{flex:1 1}.campaign-name{color:#1f2937;font-size:.95rem;font-weight:700;margin-bottom:6px}.campaign-stats{display:flex;flex-wrap:wrap;gap:12px}.campaign-stat{color:#6b7280;font-size:.8rem;font-weight:600}.campaign-stat.success{color:#059669}.campaign-stat.engagement{color:#d97706}.campaign-performance{flex-shrink:0;width:60px}.performance-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.performance-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .5s ease}.activity-feed{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.activity-feed::-webkit-scrollbar{width:6px}.activity-feed::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.activity-feed::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.activity-feed::-webkit-scrollbar-thumb:hover{background:#9ca3af}.activity-item{align-items:flex-start;background:#f9fafb;border-radius:10px;border-right:3px solid #0000;display:flex;gap:12px;padding:12px;transition:all .3s ease}.activity-item:hover{background:#f3f4f6;transform:translateX(4px)}.activity-campaign_sent{border-right-color:#667eea}.activity-contact_imported{border-right-color:#10b981}.activity-draft_created{border-right-color:#f59e0b}.activity-message_failed{border-right-color:#ef4444}.activity-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-description{color:#374151;font-size:.9rem;font-weight:600;line-height:1.4;margin-bottom:4px}.activity-timestamp{color:#9ca3af;font-size:.75rem;font-weight:500}.quick-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.action-button{align-items:center;border:2px solid #0000;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:20px 16px;text-decoration:none;transition:all .3s ease}.action-button:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.action-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-primary:hover{box-shadow:0 6px 20px #667eea66}.action-secondary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-secondary:hover{box-shadow:0 6px 20px #10b98166}.action-tertiary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-tertiary:hover{box-shadow:0 6px 20px #f59e0b66}.action-quaternary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.action-quaternary:hover{box-shadow:0 6px 20px #8b5cf666}.action-icon{font-size:2rem}.action-label{font-size:.9rem;font-weight:700;text-align:center}.insights-panel{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:30px;padding:24px}.insight-header h3{color:#1f2937;font-size:1.2rem;font-weight:700;margin:0 0 20px}.insights-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.insight-card{align-items:flex-start;border-radius:12px;border-right:4px solid;display:flex;gap:12px;padding:20px;transition:all .3s ease}.insight-card:hover{box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.insight-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-right-color:#059669}.insight-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-right-color:#2563eb}.insight-tip{background:linear-gradient(135deg,#fef3c7,#fde68a);border-right-color:#d97706}.insight-warning{background:linear-gradient(135deg,#fee2e2,#fecaca);border-right-color:#dc2626}.insight-icon{flex-shrink:0;font-size:2rem}.insight-content{flex:1 1}.insight-title{color:#1f2937;font-size:.95rem;font-weight:700;margin-bottom:4px}.insight-text{color:#4b5563;font-size:.85rem;line-height:1.5}@media (max-width:1400px){.charts-section{grid-template-columns:1fr}.bottom-section{grid-template-columns:1fr 1fr}.actions-card{grid-column:span 2}}@media (max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.bottom-section{grid-template-columns:1fr}.actions-card{grid-column:span 1}.secondary-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-header .header-content h1{font-size:1.8rem}.period-btn{flex:1 1}.insights-grid,.kpi-grid,.quick-actions,.secondary-stats{grid-template-columns:1fr}.bar-label{display:none}.chart-body-line{min-height:200px}.chart-header{align-items:flex-start;flex-direction:column}.chart-legend{margin-top:8px}}@media (max-width:480px){.kpi-card{padding:16px}.kpi-value{font-size:2rem}.stat-card{padding:16px}.stat-card .stat-value{font-size:1.5rem}.chart-card{padding:16px}.chart-body-line{min-height:180px}.chart-header h3{font-size:1rem}.legend-item{font-size:.75rem}.section-card{padding:16px}}.chart-card,.insights-panel,.kpi-card,.section-card,.stat-card{animation:fadeIn .5s ease-out}.kpi-card:first-child{animation-delay:.1s}.kpi-card:nth-child(2){animation-delay:.2s}.kpi-card:nth-child(3){animation-delay:.3s}.kpi-card:nth-child(4){animation-delay:.4s}.transaction-section{margin-top:30px}@media (max-width:768px){.section-toggle{font-size:16px;padding:16px 20px}.transaction-content{padding:0}}.dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px}.dashboard-loading p{color:#6b7280;font-size:16px;margin-top:16px}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #f3f4f6;height:48px;width:48px}.empty-dashboard{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:80px 40px;text-align:center}.empty-icon{font-size:64px;margin-bottom:24px}.empty-dashboard h2{color:#1f2937;font-size:24px;margin:0 0 12px}.empty-dashboard p{color:#6b7280;font-size:16px;margin:0 0 32px}.empty-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:inline-block;font-size:16px;font-weight:700;padding:16px 32px;text-decoration:none;transition:all .3s ease}.empty-action-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.quick-actions-section{margin-bottom:30px}@media (max-width:768px){.quick-actions{grid-template-columns:1fr}}.filter-field-btn,.filter-field-btn.has-selection{border:2px solid #d1d5db}.filter-field-dropdown{display:flex;flex-direction:column;overflow:hidden}.filter-field-dropdown-header{background:#f8f9fa;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:12px 16px}.filter-field-dropdown-title{color:#1f2937;direction:rtl;font-size:.9rem;font-weight:600;text-align:right}.filter-field-dropdown-items{max-height:250px;overflow-y:auto}.filter-field-dropdown-item{border-bottom:1px solid #f3f4f6}.filter-field-dropdown-item:last-child{border-bottom:none}.filter-field-dropdown-item:focus{background:#eef2ff;color:#000;outline:none}.filter-popup-left{animation:filterPopupFadeInLeft .2s cubic-bezier(.4,0,.2,1);left:0;right:auto;transform-origin:top left}.filter-popup-content{border:2px solid #d1d5db}.filter-popup-back:active:focus,.filter-popup-back:focus:active{border:0 #0000;box-shadow:none;outline:none}.filter-popup-header .filter-popup-close{align-items:center;background:#0000;border:0 #0000;border-radius:4px;box-shadow:none;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:24px;justify-content:center;line-height:1;outline:none;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:24px}.filter-popup-header .filter-popup-close:hover{background:#0000;border:0 #0000;box-shadow:none;color:#000;transform:scale(1.2)}.filter-popup-header .filter-popup-close:active{background:#0000;border:0 #0000;box-shadow:none;color:#000;outline:none;transform:scale(1.1)}.filter-popup-header .filter-popup-close:focus,.filter-popup-header .filter-popup-close:focus-visible{border:0 #0000;box-shadow:0 0 0 2px #0000001a;outline:none}.filter-popup-header .filter-popup-close:active:focus,.filter-popup-header .filter-popup-close:focus:active{border:0 #0000;box-shadow:none;outline:none}@media (min-width:769px) and (max-width:1024px){.filter-popup{max-width:calc(100vw - 32px)}.filter-popup-content{max-width:min(400px,calc(100vw - 32px));min-width:320px;width:-webkit-max-content;width:max-content}}@media (max-width:768px){.filter-popup{max-width:calc(100vw - 16px);transform:translateX(0)}.filter-popup,.filter-popup-left{left:0;right:0}.filter-popup-content{border-radius:10px;max-width:calc(100vw - 16px);min-width:280px;width:100%}.filter-popup-header{gap:10px;padding:14px 16px}.filter-popup-title{font-size:.95rem}.filter-popup-body{gap:10px;padding:16px}.filter-popup-input{font-size:.95rem;height:40px;padding:0 14px}.filter-popup-input-placeholder{gap:6px;right:14px}.filter-popup-input-placeholder-text{font-size:.95rem}.filter-popup-input-icon{height:16px;width:16px}.filter-popup-btn{font-size:.95rem;gap:6px;height:40px;padding:0 16px}.filter-popup-btn svg{height:14px;width:14px}.filter-popup-back,.filter-popup-close{height:28px;padding:4px;width:28px}.filter-popup-back svg{height:18px;width:18px}.filter-popup-close{font-size:1.3rem;height:24px;width:24px}}@media (max-width:480px){.filter-popup{max-width:calc(100vw - 8px);top:calc(100% + 6px)}.filter-popup-content{border-radius:8px;border-width:2px;max-width:calc(100vw - 8px);min-width:calc(100vw - 8px)}.filter-popup-header{border-bottom-width:1.5px;gap:8px;padding:12px 14px}.filter-popup-title{font-size:.9rem}.filter-popup-body{gap:10px;padding:14px}.filter-popup-input{border-width:1.5px;font-size:.9rem;height:38px;padding:0 12px}.filter-popup-input-placeholder{gap:6px;right:12px}.filter-popup-input-placeholder-text{font-size:.9rem}.filter-popup-input-icon{height:15px;width:15px}.filter-popup-btn{border-width:1.5px;font-size:.9rem;gap:6px;height:38px;padding:0 14px}.filter-popup-btn svg{height:14px;width:14px}.filter-popup-back,.filter-popup-close{height:26px;padding:3px;width:26px}.filter-popup-back svg{height:16px;width:16px}.filter-popup-close{font-size:1.2rem}}.contacts-toolbar-right .filter-field-button-wrapper .filter-popup-left{left:0;right:auto;transform-origin:top left}.contacts-toolbar-right .filter-field-button-wrapper .filter-popup-left .filter-popup-content{box-sizing:border-box;max-width:calc(100vw - 32px)}.add-contact-button,.add-contact-button-container .add-contact-button,.add-contact-button-container .add-contact-single-btn.add-contact-button,.add-contact-single-btn.add-contact-button{align-items:center;background:#2563eb;border:2px solid #2563eb;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1.125rem;font-weight:400;gap:.25rem;height:40px!important;justify-content:center;margin-bottom:0;max-width:160px;min-width:160px;outline:none;padding:.625rem 1.25rem;transform:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease;vertical-align:middle;white-space:nowrap;width:auto}.add-contact-button-container .add-contact-button:focus-visible,.add-contact-button-container .add-contact-single-btn.add-contact-button:focus-visible{box-shadow:0 0 0 1px #2563eb80,0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;outline:none}.add-contact-button-container .add-contact-button:hover:not(:disabled),.add-contact-button-container .add-contact-single-btn.add-contact-button:hover:not(:disabled),.add-contact-button:hover:not(:disabled),.add-contact-single-btn.add-contact-button:hover:not(:disabled){background:#1d4ed8;border:2px solid #1d4ed8;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;transform:none!important}.add-contact-button-container .add-contact-button.button-disabled,.add-contact-button-container .add-contact-button:disabled,.add-contact-button-container .add-contact-single-btn.add-contact-button.button-disabled,.add-contact-button-container .add-contact-single-btn.add-contact-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.add-contact-button-container .add-contact-button svg,.add-contact-button-container .add-contact-single-btn.add-contact-button svg{flex-shrink:0;height:.875rem;pointer-events:none;width:.875rem}.add-contact-button-container .add-contact-button .add-icon,.add-contact-button-container .add-contact-single-btn.add-contact-button .add-icon,.add-contact-button-icon{stroke-width:2;flex-shrink:0;height:18px;width:18px}.contacts-toolbar-left .add-contact-button-container .add-contact-single-btn{align-items:center;display:inline-flex;flex-shrink:0;margin-bottom:0;vertical-align:middle;width:auto}.contacts-toolbar-left .add-contact-button-container .add-contact-single-btn,.contacts-toolbar-left .add-contact-button-container .add-contact-single-btn.add-contact-button{box-sizing:border-box;height:40px!important;margin-bottom:0;transform:none!important;vertical-align:middle}@media (max-width:768px){.add-contact-button,.add-contact-button-container .add-contact-button,.add-contact-button-container .add-contact-single-btn.add-contact-button,.add-contact-single-btn.add-contact-button,.contacts-toolbar-left .add-contact-button,.contacts-toolbar-left .add-contact-single-btn.add-contact-button{border-radius:.5rem;box-sizing:border-box;font-size:1.125rem;height:40px;justify-content:center;max-width:none!important;min-width:0!important;min-width:auto!important;padding:.625rem 1.25rem;width:100%!important}}.header-actions .import-button,.header-actions .import-header-btn.import-button{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;color:#000;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:400;gap:.0625rem;height:40px;justify-content:center;margin-bottom:0;padding:.625rem 1.25rem;transition:background-color .2s ease,color .2s ease;width:auto}.header-actions .import-button:hover:not(:disabled),.header-actions .import-header-btn.import-button:hover:not(:disabled){background-color:#f5f5f5;border:2px solid #d1d5db;color:#000}.header-actions .import-button:active,.header-actions .import-header-btn.import-button:active{transform:none}.header-actions .import-button:disabled,.header-actions .import-header-btn.import-button:disabled{cursor:not-allowed;opacity:.5}.header-actions .import-button svg,.header-actions .import-header-btn.import-button svg{stroke-width:1.5;height:18px;width:18px}.contacts-toolbar-left .header-actions .import-header-btn{display:inline-flex;flex-shrink:0;width:auto}@media (max-width:768px){.header-actions .import-button,.header-actions .import-header-btn.import-button{border-radius:.5rem;box-sizing:border-box;font-size:1.125rem;height:40px;justify-content:center;padding:.625rem 1.25rem;width:100%}}.contacts-toolbar-container{background:#fff;border:2px solid #d1d5db;border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;flex-shrink:0;margin-bottom:.75rem;margin-top:0;padding:16px;position:relative}.contacts-toolbar{display:flex;flex-direction:column;gap:8px;width:100%}.contacts-toolbar-top-row{align-items:center;display:flex;justify-content:space-between}.contacts-toolbar-left{flex-wrap:nowrap;justify-content:center}.contacts-toolbar-left,.contacts-toolbar-right{align-items:center;display:flex;gap:8px}.contacts-toolbar-divider{background-color:#d1d5db;margin:0 4px}@media (max-width:768px){.contacts-toolbar-top-row{align-items:stretch;flex-direction:column;gap:12px}.contacts-toolbar-left{display:flex;flex-direction:column;gap:8px;width:100%}.contacts-toolbar-right{display:flex;justify-content:stretch;width:100%}.contacts-toolbar-left>button,.contacts-toolbar-right .filter-field-button-wrapper,.contacts-toolbar-right>*{width:100%}.contacts-toolbar-right .filter-field-btn{justify-content:center;width:100%}.contacts-toolbar-divider{display:none}}.table-message-td{border:none;padding:0;text-align:center;vertical-align:middle}.table-message-inner{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.table-message-td--full{height:100%;min-height:220px}.table-message-td--full .table-message-inner{min-height:220px}.table-message-td--inline{height:auto;min-height:auto;padding:12px}.table-message-td--inline .table-message-inner{min-height:auto;padding:0}.table-message-td--empty,.table-message-td--empty-filtered,Loading state
.table-message-td--loading{background-color:initial}.table-message-td--pagination{background-color:initial;border:none}.table-message-td--pagination .table-message-inner{opacity:.7}@media (max-width:768px){.table-message-td--full,.table-message-td--full .table-message-inner{min-height:180px}}.contacts-table-header{align-items:center;direction:rtl;display:flex;gap:20px;justify-content:space-between;margin-bottom:1rem;margin-top:0;position:relative;text-align:right;z-index:1}.contacts-table-title{color:#000;direction:rtl;font-size:1.5rem;font-weight:700;text-align:right}.contacts-table-header h2,.contacts-table-title{flex-shrink:0;margin:0}.contacts-table-header-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.contacts-table-header-actions{align-items:center;display:flex;gap:8px}.contacts-table-header-actions span{color:#666;font-size:14px}.contacts-table-save-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.contacts-table-discard-btn,.contacts-table-save-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.contacts-table-discard-btn{background:#f44336}.contacts-table-wrapper{background-color:#fff;border:2px solid #d1d5db;border-radius:8px;display:flex;flex:1 1 auto;flex-direction:column;height:100%;margin-top:0;max-height:548px;padding:48px 15px 15px 10px;position:relative}.contacts-table-wrapper,.quick-send-contacts-section .contacts-table-wrapper{box-sizing:border-box;max-width:100%;min-height:400px;min-width:0;overflow:hidden;width:100%}.quick-send-contacts-section .contacts-table-wrapper{height:auto;max-height:calc(100vh - 250px)}.quick-send-contacts-section .contacts-table-scroll{box-sizing:border-box;height:100%;max-width:100%;min-width:0;overflow-x:auto;width:100%}.contacts-fullscreen-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;contain:layout style paint;cursor:pointer;display:flex;height:36px;isolation:isolate;justify-content:center;left:10px;position:absolute;top:8px;transform-origin:center center;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);width:36px;will-change:transform;z-index:50}.contacts-fullscreen-toggle-btn:focus,.contacts-fullscreen-toggle-btn:focus-visible{outline:none}.contacts-fullscreen-toggle-btn svg{stroke:#4b5563;color:#4b5563;flex-shrink:0;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);width:18px}.contacts-fullscreen-toggle-btn:hover{background-color:#f3f4f6;color:#000;transform:scale(1.05);transform-origin:center center}.contacts-fullscreen-toggle-btn:hover svg{stroke:#000;color:#000;height:18px;transform:none;width:18px}.contacts-fullscreen-toggle-btn:active{background-color:#e5e7eb;color:#4b5563;transform:none}.contacts-fullscreen-toggle-btn:active svg{stroke:#4b5563;color:#4b5563}.contacts-fullscreen-toggle-btn:before{background:#000000eb;border-radius:8px;bottom:100%;box-shadow:0 6px 20px #0006;color:#fff;content:attr(data-tooltip);font-size:.95rem;font-weight:600;letter-spacing:.3px;margin-bottom:12px;opacity:0;padding:10px 18px;pointer-events:none;position:absolute;right:50%;transform:translateX(50%) translateY(4px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:100}.contacts-fullscreen-toggle-btn:hover:before{opacity:1;transform:translateX(50%) translateY(0)}.contacts-table-scroll{-webkit-overflow-scrolling:touch;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;border:2px solid #d1d5db;border-radius:0 0 8px 8px;box-sizing:border-box;contain:layout style paint;contain-intrinsic-size:0 400px;content-visibility:auto;flex:1 1 auto;height:100%;max-height:100%;max-width:100%;min-height:0;min-width:0;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;position:relative;scroll-behavior:smooth;scrollbar-gutter:stable;transform:translateZ(0);width:100%;will-change:scroll-position}.contacts-table-scroll::-webkit-scrollbar{height:12px;width:12px}.contacts-table-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.contacts-table-scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border:2px solid #f1f1f1;border-radius:6px}.contacts-table-scroll::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.contacts-table-scroll{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.contacts-table-scroll:has(.contacts-table-empty-td),.contacts-table-scroll:has(.contacts-table-loading-td),.contacts-table-scroll:has(.table-message-row){align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.contacts-table-scroll:has(.contacts-table-empty-td) .contacts-table-element,.contacts-table-scroll:has(.contacts-table-loading-td) .contacts-table-element,.contacts-table-scroll:has(.table-message-row) .contacts-table-element{height:100%}.contacts-table-scroll:has(.contacts-table-empty-td) .contacts-table-element tbody,.contacts-table-scroll:has(.contacts-table-loading-td) .contacts-table-element tbody,.contacts-table-scroll:has(.table-message-row) .contacts-table-element tbody{height:100%}.contacts-table-element{background-color:#fff;border-collapse:initial;border-spacing:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-width:100%;table-layout:auto;transition:width .15s cubic-bezier(.4,0,.2,1);width:100%}.contacts-table-element tbody tr{-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style;contain-intrinsic-size:auto 36px;transform:translateZ(0);will-change:transform,background-color}.contacts-table-element tbody{-webkit-user-select:none;user-select:none}.contacts-table-element tbody tr.table-message-row--full,.contacts-table-element tbody tr:has(.contacts-table-empty-td),.contacts-table-element tbody tr:has(.contacts-table-loading-td){height:100%}.contacts-table-element tbody tr.table-message-row--full td,.contacts-table-element tbody tr:has(.contacts-table-empty-td) td,.contacts-table-element tbody tr:has(.contacts-table-loading-td) td{height:100%;vertical-align:middle}.contacts-counter-bottom{align-items:center;background-color:#f8f9fa;border-bottom-left-radius:.9rem;border-bottom-right-radius:.9rem;box-sizing:border-box;color:#6b7280;direction:rtl;display:flex;flex-shrink:0;font-size:.9rem;font-weight:500;gap:8px;justify-content:flex-end;min-height:48px;padding:12px 16px}.contacts-counter-icon{align-items:center;display:flex;font-size:1.1rem}.contacts-counter-text{font-feature-settings:"tnum";color:#374151;font-variant-numeric:tabular-nums;font-weight:600}.contacts-table-header-cell{box-shadow:0 2px 4px #0000001a;color:#374151;font-size:.9rem;font-weight:600;max-width:none;min-width:100px;text-overflow:ellipsis;transition:width .15s cubic-bezier(.4,0,.2,1),min-width .15s cubic-bezier(.4,0,.2,1),max-width .15s cubic-bezier(.4,0,.2,1);vertical-align:middle;white-space:nowrap;z-index:10}.contacts-table-checkbox-header,.contacts-table-header-cell{background-color:#f8f9fa;border:1px solid #ddd;overflow:hidden;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:center;top:0}.contacts-table-checkbox-header{box-shadow:2px 0 4px #0000001a;inset-inline-start:0;max-width:50px;min-width:50px;transition:width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),border-width .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);width:50px;z-index:11}.select-all-checkbox{accent-color:#4a90e2;cursor:pointer;height:18px;width:18px}.contacts-table-checkbox-cell{background-color:#fff;inset-inline-start:0;max-width:50px;min-width:50px;overflow:hidden;padding:4px;transition:width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),border-width .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);width:50px;z-index:3}.contacts-table-checkbox-cell,.delete-mode-header-cell{border:1px solid #ddd;position:-webkit-sticky;position:sticky;text-align:center;white-space:nowrap}.delete-mode-header-cell{background-color:#f8f9fa;box-shadow:0 2px 4px #0000001a;color:#374151;font-size:.85rem;font-weight:600;min-width:70px;padding:8px 10px;top:0;width:70px;z-index:10}.contacts-table-loading-td{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:200px;padding:60px 40px;text-align:center;vertical-align:middle}.contacts-table-loader-spinner{animation:contacts-table-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:10px;width:40px}.contacts-table-loader-text{color:#666;font-size:14px;font-weight:500;margin:0}@keyframes contacts-table-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.contacts-table-empty-td{color:#666;padding:40px;text-align:center;vertical-align:middle}.contacts-table-empty-filtered{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.contacts-table-empty-filtered-title{font-size:1rem;margin-bottom:8px}.contacts-table-empty-filtered-details{color:#999;font-size:.9rem}.contacts-table-empty-message{align-items:center;display:flex;justify-content:center;min-height:200px}.contacts-table-cell{word-wrap:break-word;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #ddd;contain:layout style;contain-intrinsic-size:auto 28px;content-visibility:auto;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-width:none;min-width:100px;overflow:hidden;overflow-wrap:break-word;padding:4px 6px;text-align:center;text-overflow:ellipsis;transform:translateZ(0);transition:width .15s cubic-bezier(.4,0,.2,1),min-width .15s cubic-bezier(.4,0,.2,1),max-width .15s cubic-bezier(.4,0,.2,1);vertical-align:middle;white-space:nowrap;will-change:contents}.contacts-table-cell.editable-cell:hover{background-color:#f0f8ff;border-color:#ddd;cursor:pointer;outline:none}.contacts-table-cell:hover:not(.contacts-table-delete-cell-selected){border-color:#ddd}.contacts-table-header-cell.actions-column{background-color:#f8f9fa;box-shadow:-2px 0 4px #0000001a;top:0;z-index:10}.contacts-table-actions-cell,.contacts-table-header-cell.actions-column{inset-inline-end:0;max-width:140px;min-width:140px;overflow:hidden;position:-webkit-sticky;position:sticky;text-align:center;transition:width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),border-width .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);width:140px}.contacts-table-actions-cell{background-color:#fff;border:1px solid #ddd;padding:4px 6px;white-space:nowrap;z-index:2}.contacts-table-actions-cell.actions-cell-hidden{padding:4px 0}.contacts-table-actions-cell.actions-cell-hidden,.contacts-table-header-cell.actions-column.actions-column-hidden{border-width:1px 0;max-width:0;min-width:0;opacity:0;pointer-events:none;transform:scaleX(0);transform-origin:left;visibility:hidden;width:0}.contacts-table-header-cell.actions-column.actions-column-hidden{padding:8px 0}.row-action-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-size:1rem;height:30px;justify-content:center;margin:0 3px;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease,border-color .15s ease,opacity .3s cubic-bezier(.4,0,.2,1);width:30px}.contacts-table-actions-cell.actions-cell-hidden .row-action-btn{opacity:0;pointer-events:none}.row-action-btn svg{flex-shrink:0;height:1rem;width:1rem}.row-action-btn-icon,.row-action-btn.edit svg{height:1.125rem;width:1.125rem}.row-action-btn.delete svg{color:#991b1b;height:1.25rem;width:1.25rem}.row-action-btn.edit{background:#0000;border-radius:.5rem;color:#4b5563;height:32px;min-width:32px;padding:0 .5rem}.row-action-btn.delete{background-color:#fff;border:none;border-radius:.5rem;color:#dc2626;font-weight:500;height:32px;min-width:32px;padding:0 .5rem}.row-action-btn.edit:hover{background-color:#f3f4f6;box-shadow:none;color:#4b5563;transform:none}.row-action-btn.edit:active{background-color:#e5e7eb;color:#4b5563}.row-action-btn.delete:hover{background-color:#fef2f2;box-shadow:none;color:#dc2626;transform:none}.row-action-btn.delete:active{background-color:#fee2e2;color:#dc2626}.row-action-btn:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.contacts-table-delete-cell-selected,.delete-mode-row-wrapper.selected td{background-color:#fee2e2}.contacts-table-pagination-loader-td{background-color:initial;border:none;padding:12px;text-align:center;vertical-align:middle}.seamless-loader{align-items:center;background:none;border:none;display:flex;gap:10px;justify-content:center;opacity:.7}.spinner-small{animation:spin .8s linear infinite;border:2px solid #d1d5db;border-radius:50%;border-top-color:#667eea;height:16px;width:16px}@media (max-width:768px){.contacts-table-element{font-size:.85rem;min-width:100%}.contacts-table-checkbox-header,.contacts-table-header-cell,.delete-mode-header-cell{font-size:.85rem;padding:10px 8px}.contacts-table-header-cell{max-width:none;min-width:80px}.delete-mode-header-cell{min-width:60px;width:60px}.contacts-table-actions-cell,.contacts-table-header-cell.actions-column{display:table-cell;inset-inline-end:0;position:-webkit-sticky;position:sticky}.contacts-table-checkbox-cell,.contacts-table-checkbox-header{display:table-cell;inset-inline-start:0;position:-webkit-sticky;position:sticky}}@media (min-width:769px) and (max-width:1024px){.contacts-table-element{min-width:100%}.contacts-table-checkbox-header,.contacts-table-header-cell,.delete-mode-header-cell{padding:8px 10px}.contacts-table-actions-cell,.contacts-table-header-cell.actions-column{display:table-cell;inset-inline-end:0;position:-webkit-sticky;position:sticky}.contacts-table-checkbox-cell,.contacts-table-checkbox-header{display:table-cell;inset-inline-start:0;position:-webkit-sticky;position:sticky}}@media (min-width:1200px){.contacts-table-element{min-width:100%}.contacts-table-checkbox-header,.contacts-table-header-cell,.delete-mode-header-cell{padding:10px 12px}.contacts-table-header-cell{max-width:none;min-width:120px}.contacts-table .contacts-table-actions-cell,.contacts-table .contacts-table-header-cell.actions-column{display:table-cell;inset-inline-end:0;position:-webkit-sticky;position:sticky}.contacts-table .contacts-table-checkbox-cell,.contacts-table .contacts-table-checkbox-header{display:table-cell;inset-inline-start:0;position:-webkit-sticky;position:sticky}}.loading-text-subtle{color:#9ca3af;font-size:.85rem;font-weight:500}.delete-mode-checkbox-cell{border:1px solid #ddd;padding:8px;text-align:center}.delete-mode-row-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none}.delete-mode-row-wrapper.selected{background-color:#fee2e2}.cell-text-pending{color:#856404}.cell-text-normal{color:inherit}.contacts-table-actions-column{min-width:120px;width:120px}.delete-contacts-modal{margin:0 auto;max-width:600px;padding:24px}.delete-contacts-modal .modal-title{color:#dc3545;font-size:1.5rem;font-weight:700;margin-bottom:16px;text-align:center}.delete-contacts-modal .modal-description{color:#333;font-size:1.1rem;margin-bottom:24px;text-align:center}.delete-contacts-modal .modal-warning{color:#b91c1c;font-size:.95rem;font-weight:600;margin-bottom:20px;margin-top:-12px;text-align:center}.delete-contacts-modal .delete-options{margin-bottom:24px}.delete-contacts-modal .options-label{color:#555;font-size:1rem;font-weight:700;margin-bottom:12px}.delete-contacts-modal .delete-option{align-items:flex-start;border:2px solid #ddd;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:12px;padding:16px;transition:all .2s ease}.delete-contacts-modal .delete-option:hover{background-color:#f8f9fa;border-color:#4a90e2}.delete-contacts-modal .delete-option.danger:hover{background-color:#fff5f5;border-color:#dc3545}.delete-contacts-modal .delete-option input[type=radio]{cursor:pointer;flex-shrink:0;height:20px;margin-top:4px;width:20px}.delete-contacts-modal .option-content{display:flex;flex:1 1;flex-direction:column;gap:6px}.delete-contacts-modal .option-title{color:#333;font-size:1rem;font-weight:700}.delete-contacts-modal .option-description{color:#666;font-size:.9rem;line-height:1.4}.delete-contacts-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.delete-contacts-modal .cancel-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background .2s ease}.delete-contacts-modal .cancel-btn:hover:not(:disabled){background:#5a6268}.delete-contacts-modal .cancel-btn:disabled{cursor:not-allowed;opacity:.5}.delete-contacts-modal .confirm-btn{background:linear-gradient(135deg,#ff9a56,#ff6a00);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .2s ease}.delete-contacts-modal .confirm-btn.danger{background:linear-gradient(135deg,#dc3545,#c82333)}.delete-contacts-modal .confirm-btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.delete-contacts-modal .confirm-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.edit-contact-dialog{background:#fff;direction:rtl;max-width:600px;padding:24px;width:100%}.edit-contact-dialog-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.edit-contact-dialog-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.edit-contact-dialog-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.edit-contact-dialog-close:hover{background:#f3f4f6;color:#1f2937}.edit-contact-dialog-close:focus{outline:2px solid #4a90e2;outline-offset:2px}.edit-contact-dialog-description{color:#6b7280;font-size:.95rem;margin-bottom:24px}.edit-contact-dialog-form{display:flex;flex-direction:column;gap:20px}.edit-contact-dialog-field{display:flex;flex-direction:column;gap:8px}.edit-contact-dialog-label{color:#374151;font-size:.95rem;font-weight:600}.edit-contact-dialog-input{border:2px solid #d1d5db;border-radius:6px;direction:rtl;font-size:1rem;padding:12px;transition:border-color .2s}.edit-contact-dialog-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.edit-contact-dialog-input:disabled{background:#f9fafb;cursor:not-allowed}.edit-contact-dialog-input-error{background-color:#fef2f2;border-color:#dc2626}.edit-contact-dialog .edit-contact-dialog-input-error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.edit-contact-dialog-actions{border-top:1px solid #d1d5db;display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:20px}.edit-contact-dialog-cancel,.edit-contact-dialog-save{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.edit-contact-dialog-cancel{background:#f3f4f6;color:#374151}.edit-contact-dialog-cancel:hover:not(:disabled){background:#e5e7eb}.edit-contact-dialog-save{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.edit-contact-dialog-save:hover:not(:disabled){background:linear-gradient(135deg,#357abd,#2868a8);box-shadow:0 4px 8px #4a90e24d;transform:translateY(-1px)}.edit-contact-dialog-cancel:disabled,.edit-contact-dialog-save:disabled{cursor:not-allowed;opacity:.5;transform:none}.edit-contact-dialog:focus-within{outline:none}@media (max-width:768px){.edit-contact-dialog{max-width:100%;padding:20px}.edit-contact-dialog-actions{flex-direction:column-reverse}.edit-contact-dialog-cancel,.edit-contact-dialog-save{width:100%}}.add-contact-dialog{background:#fff;direction:rtl;max-width:600px;padding:24px;width:100%}.add-contact-dialog-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.add-contact-dialog-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.add-contact-dialog-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.add-contact-dialog-close:hover:not(:disabled){background:#f3f4f6;color:#1f2937}.add-contact-dialog-close:focus{outline:2px solid #4a90e2;outline-offset:2px}.add-contact-dialog-close:disabled{cursor:not-allowed;opacity:.5}.add-contact-dialog-description{color:#6b7280;font-size:.95rem;margin-bottom:24px}.add-contact-dialog-form{display:flex;flex-direction:column;gap:20px}.add-contact-dialog-field{display:flex;flex-direction:column;gap:8px}.add-contact-dialog-label{color:#374151;font-size:.95rem;font-weight:600}.add-contact-dialog-input{border:2px solid #d1d5db;border-radius:6px;direction:rtl;font-size:1rem;padding:12px;transition:border-color .2s}.add-contact-dialog-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.add-contact-dialog-input:disabled{background:#f9fafb;cursor:not-allowed}.add-contact-dialog-actions{border-top:1px solid #d1d5db;display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:20px}.add-contact-dialog-cancel,.add-contact-dialog-save{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.add-contact-dialog-cancel{background:#f3f4f6;color:#374151}.add-contact-dialog-cancel:hover:not(:disabled){background:#e5e7eb}.add-contact-dialog-save{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.add-contact-dialog-save:hover:not(:disabled){background:linear-gradient(135deg,#357abd,#2868a8);box-shadow:0 4px 8px #4a90e24d;transform:translateY(-1px)}.add-contact-dialog-cancel:disabled,.add-contact-dialog-save:disabled{cursor:not-allowed;opacity:.5;transform:none}.add-contact-dialog:focus-within{outline:none}@media (max-width:768px){.add-contact-dialog{max-width:100%;padding:20px}.add-contact-dialog-actions{flex-direction:column-reverse}.add-contact-dialog-cancel,.add-contact-dialog-save{width:100%}}.contacts-active-filters{background:#fff;border:2px solid #d1d5db;border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;flex-shrink:0;margin-bottom:0;margin-top:0;padding:12px 16px}.active-filters-content,.contacts-active-filters{align-items:center;display:flex;flex-direction:row-reverse;justify-content:flex-end}.active-filters-content{flex-wrap:wrap;gap:12px;width:100%}.active-filters-label{color:#6b7280;font-weight:500}.contacts-active-filters .filter-chip{align-items:center;background-color:#dbeafe;border:1px solid #93c5fd;border-radius:8px;color:#1d4ed8;cursor:default;direction:rtl;display:inline-flex;font-size:.875rem;font-weight:700;gap:.375rem;height:38px;line-height:1.25rem;padding:.25rem .75rem;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}.contacts-active-filters .filter-chip:hover{background-color:#bfdbfe;box-shadow:0 0 0 1px #2563eb26;color:#1d4ed8;transform:translateY(-.5px)}.contacts-active-filters .filter-chip:hover .filter-chip-field,.contacts-active-filters .filter-chip:hover .filter-chip-value{color:#1d4ed8}.contacts-active-filters .filter-chip-field{font-size:.875rem}.contacts-active-filters .filter-chip-field,.contacts-active-filters .filter-chip-value{color:#1d4ed8;display:inline-block;font-weight:700;line-height:1.25rem;vertical-align:initial}.contacts-active-filters .filter-chip-value{font-size:1rem;font-style:normal;text-decoration:none;text-transform:none}.contacts-active-filters .filter-chip-remove{align-items:center;background:#0000;border:none;border-radius:9999px;color:#1d4ed8;cursor:pointer;display:inline-flex;font-size:1rem;height:auto;justify-content:center;line-height:0;margin:0;min-height:1.5rem;min-width:1.5rem;padding:.25rem;transition:background-color .15s ease,color .15s ease;width:auto}.contacts-active-filters .filter-chip-remove:hover{background-color:#93c5fd;border-radius:9999px;color:#1d4ed8}.filter-chip-remove:focus{background-color:#93c5fd;box-shadow:0 0 0 2px #2563eb33;color:#1e3a8a;outline:none}.contacts-active-filters .clear-all-filters-btn{background:#0000;border:none;border-radius:6px;box-shadow:none;color:#6b7280;cursor:pointer;font-size:1.05rem;font-weight:600;padding:8px 16px;transform:none;transition:none;white-space:normal}.contacts-active-filters .clear-all-filters-btn:hover{background:#f3f4f6;box-shadow:none;color:#000;transform:none}.contacts-active-filters .clear-all-filters-btn:active,.contacts-active-filters .clear-all-filters-btn:focus{background:#0000;box-shadow:none;outline:none;transform:none}.contacts-fullscreen-modal{box-sizing:border-box;gap:0;overflow:hidden;padding:0;width:100%}.contacts-fullscreen-header{align-items:center;border-bottom:1px solid #d1d5db;display:flex;flex-shrink:0;justify-content:space-between;padding-bottom:12px}.contacts-fullscreen-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.contacts-fullscreen-actions{align-items:center;display:flex;gap:12px}.contacts-fullscreen-actions .contacts-toolbar-divider{background-color:#d1d5db;flex-shrink:0;height:24px;margin:0 4px;width:1px}.contacts-fullscreen-actions .delete-selected-btn{align-items:center;background-color:#fff;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;height:36px;padding:0 12px;transition:all .2s ease}.contacts-fullscreen-actions .delete-selected-btn:hover:not(:disabled){background-color:#fef2f2;border-color:#f87171}.contacts-fullscreen-actions .delete-selected-btn:disabled{cursor:not-allowed;opacity:.5}.delete-button{align-items:center;border-radius:8px;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:10px 20px}.delete-button.enabled{background:linear-gradient(135deg,#dc3545,#c82333);cursor:pointer;opacity:1}.delete-button.disabled{background:#ccc;cursor:not-allowed;opacity:.5}.add-contact-single-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 2px 6px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;min-width:200px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-contact-single-btn:hover{box-shadow:0 3px 10px #28a74566;transform:translateY(-1px)}.add-contact-single-btn .add-icon{font-size:1.2rem;font-weight:700}.add-contact-single-btn.button-disabled{cursor:not-allowed;opacity:.5}.add-contact-button-container.split{gap:4px}.add-contact-split-btn{align-items:center;animation:slideInScale .3s ease-out;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-contact-split-btn.add-btn{animation-delay:0s;background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 6px #28a7454d;flex:0 0 20%;font-size:1.3rem}.add-contact-split-btn.add-btn:hover{background:linear-gradient(135deg,#218838,#1ba97b);box-shadow:0 3px 10px #28a74566;transform:translateY(-1px) scale(1.05)}.add-contact-split-btn.save-btn{animation-delay:.1s;background:linear-gradient(135deg,#28a745,#34c759);box-shadow:0 2px 6px #28a7454d;flex:0 0 40%;padding:0 8px}.add-contact-split-btn.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#28a745);box-shadow:0 3px 10px #28a74566;transform:translateY(-1px)}.add-contact-split-btn.save-btn:disabled{background:linear-gradient(135deg,#6c757d,#868e96);box-shadow:0 2px 4px #6c757d4d;cursor:not-allowed;opacity:.5}.add-contact-split-btn.cancel-btn{animation-delay:.2s;background:linear-gradient(135deg,#dc3545,#e74c3c);box-shadow:0 2px 6px #dc35454d;flex:0 0 40%;padding:0 8px}.add-contact-split-btn.cancel-btn:hover{background:linear-gradient(135deg,#c82333,#dc3545);box-shadow:0 3px 10px #dc354566;transform:translateY(-1px)}.contacts-fullscreen-modal .delete-mode-action-bar{flex-shrink:0}.contacts-fullscreen-modal .contacts-table-header{flex-shrink:0;margin-bottom:0;padding:0}.contacts-fullscreen-modal .contacts-table-wrapper{background:#fff;border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:100%;margin:0;max-height:none;min-height:0;overflow:hidden;padding:0 15px 15px 10px;position:relative}.contacts-fullscreen-modal .contacts-table-scroll{border:none;border-radius:0;flex:1 1;height:100%;max-height:none;min-height:0;overflow-x:auto;overflow-y:auto}.contacts-fullscreen-modal .contacts-table-element{border-collapse:collapse;width:100%}.contacts-fullscreen-modal .contacts-table-element td{padding:4px 6px}.contacts-fullscreen-modal .contacts-table-checkbox-header,.contacts-fullscreen-modal .contacts-table-element th,.contacts-fullscreen-modal .contacts-table-header-cell{background-color:#f8f9fa;border:1px solid #ddd;box-shadow:0 2px 4px #0000001a;color:#374151;font-size:.9rem;font-weight:600;max-width:none;min-width:100px;overflow:hidden;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:center;text-overflow:ellipsis;top:0;transition:width .15s cubic-bezier(.4,0,.2,1),min-width .15s cubic-bezier(.4,0,.2,1),max-width .15s cubic-bezier(.4,0,.2,1);vertical-align:middle;white-space:nowrap;z-index:10}.fullscreen-btn{transition:all .2s ease}@media (min-width:769px) and (max-width:1024px){.contacts-fullscreen-modal .contacts-table-element td{padding:4px 6px}.contacts-fullscreen-modal .contacts-table-checkbox-header,.contacts-fullscreen-modal .contacts-table-element th,.contacts-fullscreen-modal .contacts-table-header-cell{padding:8px 10px}}@media (max-width:768px){.contacts-fullscreen-header h2{font-size:1.25rem}.contacts-fullscreen-modal .contacts-table-element td{font-size:.9rem;padding:4px 6px}.contacts-fullscreen-modal .contacts-table-checkbox-header,.contacts-fullscreen-modal .contacts-table-element th,.contacts-fullscreen-modal .contacts-table-header-cell{font-size:.85rem;padding:10px 8px}}@media (min-width:1200px){.contacts-fullscreen-modal .contacts-table-checkbox-header,.contacts-fullscreen-modal .contacts-table-element th,.contacts-fullscreen-modal .contacts-table-header-cell{padding:10px 12px}}.filter-bar{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-bottom:2px solid #4a90e2;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000000d;margin-bottom:0;padding:16px;z-index:100}.filter-bar,.filter-input-row{overflow:visible;position:relative}.filter-input-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-field-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;direction:rtl;font-size:.95rem;height:40px;min-width:180px;padding:10px 12px;text-align:right;transition:border-color .2s}.filter-field-select:hover{border-color:#4a90e2}.filter-field-select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.filter-value-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;direction:rtl;font-size:.95rem;height:40px;padding:10px 12px;text-align:right;transition:border-color .2s}.filter-value-input::placeholder{color:#9ca3af}.filter-value-input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.filter-value-input:hover:not(:disabled){border-color:#4a90e2}.filter-value-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.filter-loading-indicator{animation:pulse 1s ease-in-out infinite;font-size:1.2rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.add-filter-btn{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s;white-space:nowrap}.add-filter-btn:hover:not(:disabled){background:linear-gradient(135deg,#357abd,#2868a8);box-shadow:0 4px 8px #4a90e24d;transform:translateY(-1px)}.add-filter-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.clear-all-filters-btn{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s;white-space:nowrap}.clear-all-filters-btn:hover{background:linear-gradient(135deg,#c82333,#b21f2d);box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.active-filters{align-items:center;border-top:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;padding-top:12px}.active-filters-label{color:#495057;font-size:.9rem;font-weight:600}.filter-chip{align-items:center;animation:slideIn .2s ease-out;background:#fff;border:2px solid #4a90e2;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-flex;font-size:.9rem;gap:6px;padding:6px 12px}.filter-chip-field{color:#4a90e2;font-weight:600}.filter-chip-value{color:#495057;font-style:italic}.filter-chip-remove{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;margin-left:4px;transition:all .2s;width:20px}.filter-chip-remove:hover{background:#c82333;transform:scale(1.1)}.fullscreen-toggle-btn{align-items:center;background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;left:0;position:absolute;top:50%;transform:translateY(-50%);width:44px;z-index:1000}.fullscreen-toggle-btn,.fullscreen-toggle-btn svg{transition:all .3s cubic-bezier(.4,0,.2,1)}.fullscreen-toggle-btn:hover{background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 4px 16px #00000040;transform:translateY(-50%) scale(1.05)}.fullscreen-toggle-btn:hover svg{transform:scale(1.1)}.fullscreen-toggle-btn:active{box-shadow:0 1px 4px #0003;transform:translateY(-50%) scale(.98)}.fullscreen-toggle-btn:before{background:#000000eb;border-radius:8px;bottom:100%;box-shadow:0 6px 20px #0006;color:#fff;content:attr(data-tooltip);font-size:.95rem;font-weight:600;left:50%;letter-spacing:.3px;margin-bottom:12px;opacity:0;padding:10px 18px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:99999}.fullscreen-toggle-btn:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes fullscreenButtonAppear{0%{opacity:0;transform:translateY(-50%) translateX(-20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.fullscreen-toggle-btn{animation:fullscreenButtonAppear .4s cubic-bezier(.34,1.56,.64,1)}.fullscreen-toggle-btn:focus-visible{outline:3px solid #4a90e2;outline-offset:2px}@media (max-width:768px){.filter-input-row{align-items:stretch;flex-direction:column}.filter-field-select,.filter-value-input{min-width:0;min-width:auto;width:100%}.add-filter-btn,.clear-all-filters-btn{width:100%}.fullscreen-toggle-btn{left:auto;margin-top:8px;position:relative;top:auto;transform:none;width:100%}.fullscreen-toggle-btn:hover{transform:scale(1.02)}.fullscreen-toggle-btn:active{transform:scale(.98)}.fullscreen-toggle-btn:after,.fullscreen-toggle-btn:before{display:none}}.ui-btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;outline:none;transition:all .2s}.ui-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.ui-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.ui-btn-default{background-color:#2563eb;color:#fff}.ui-btn-default:hover:not(:disabled){background-color:#1d4ed8}.ui-btn-outline{background-color:#fff;border:1px solid #d1d5db;color:#374151}.ui-btn-outline:hover:not(:disabled){background-color:#f9fafb}.ui-btn-ghost{background-color:initial;color:#374151}.ui-btn-ghost:hover:not(:disabled){background-color:#f3f4f6}.ui-btn-destructive{background-color:#dc2626;color:#fff}.ui-btn-destructive:hover:not(:disabled){background-color:#b91c1c}.ui-btn-sm{font-size:.875rem;height:2rem;padding:0 .75rem}.ui-btn-md{font-size:1rem;height:2.5rem;padding:.5rem 1rem}.ui-btn-lg{font-size:1rem;height:2.75rem;padding:0 2rem}.unified-import-modal{direction:rtl;max-width:600px;padding:1.5rem;width:100%}.unified-import-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.unified-import-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.unified-import-close{align-items:center;background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.unified-import-close:hover{background-color:#f3f4f6;color:#1f2937}.unified-import-dropzone{background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:.75rem;cursor:pointer;margin-bottom:1.5rem;padding:3rem 2rem;text-align:center;transition:all .2s}.unified-import-dropzone:hover{background-color:#eff6ff;border-color:#60a5fa}.unified-import-dropzone.dragging{background-color:#dbeafe;border-color:#3b82f6;transform:scale(1.02)}.unified-import-dropzone-content{align-items:center;display:flex;flex-direction:column;gap:.75rem}.unified-import-upload-icon{color:#60a5fa;height:3rem;width:3rem}.unified-import-dropzone-text{color:#374151;font-size:1rem;font-weight:500;margin:0}.unified-import-dropzone-hint{color:#6b7280;font-size:.875rem;margin:0}.unified-import-alternative{margin-bottom:1.5rem}.unified-import-divider{align-items:center;color:#9ca3af;display:flex;font-size:.875rem;margin:1.5rem 0;text-align:center}.unified-import-divider:after,.unified-import-divider:before{border-bottom:1px solid #d1d5db;content:"";flex:1 1}.unified-import-divider span{padding:0 1rem}.unified-import-file-btn{background-color:#3b82f6;border:none;color:#fff;font-weight:500;justify-content:center;margin-bottom:.75rem;width:100%}.unified-import-file-btn:hover:not(:disabled){background-color:#2563eb}.unified-import-file-btn:disabled{cursor:not-allowed;opacity:.6}.unified-import-existing-btn,.unified-import-group-btn{border:2px solid;justify-content:center;margin-bottom:.75rem;width:100%}.unified-import-cancel-btn{background-color:#fff;border-color:#d1d5db;color:#374151;justify-content:center;width:100%}.unified-import-cancel-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}@media (max-width:640px){.unified-import-modal{padding:1rem}.unified-import-dropzone{padding:2rem 1rem}.unified-import-upload-icon{height:2.5rem;width:2.5rem}}.select-all-header-btn{background:linear-gradient(135deg,#4a90e2,#5ba3f5);border:none;border-radius:6px;box-shadow:0 2px 6px #4a90e24d;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.select-all-header-btn:hover{background:linear-gradient(135deg,#357abd,#4a90e2);box-shadow:0 3px 10px #4a90e266;transform:translateY(-1px)}.select-all-header-btn:active{box-shadow:0 2px 6px #4a90e24d;transform:translateY(0)}.select-all-header-btn.delete-variant{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 2px 6px #dc35454d}.select-all-header-btn.delete-variant:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 3px 10px #dc354566}.add-contact-button-container{min-width:160px}.contacts-page .add-contact-split-btn{align-items:center;border-radius:.5rem;border-style:solid;border-width:3px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;justify-content:center;padding:.625rem 1.25rem;transition:all .2s ease}.contacts-page .add-contact-split-btn.add-btn{background:linear-gradient(90deg,#f0fdf499,#dcfce766);border-color:#86efac;color:#16a34a;min-width:3rem}.contacts-page .add-contact-split-btn.add-btn:hover{background:linear-gradient(90deg,#f0fdf4,#dcfce7);border-color:#4ade80;border-width:3px;box-shadow:0 2px 6px #22c55e33;transform:translateY(-1px)}.contacts-page .add-contact-split-btn.save-btn{background:linear-gradient(90deg,#f0fdf499,#dcfce766);border-color:#86efac;color:#16a34a;min-width:6rem}.contacts-page .add-contact-split-btn.save-btn:hover:not(:disabled){background:linear-gradient(90deg,#f0fdf4,#dcfce7);border-color:#4ade80;border-width:3px;box-shadow:0 2px 6px #22c55e33;transform:translateY(-1px)}.contacts-page .add-contact-split-btn.save-btn:disabled{background:#f3f4f6;border-color:#cbd5e1;box-shadow:0 2px 4px #6c757d4d;color:#9ca3af;cursor:not-allowed;opacity:.5}.contacts-page .add-contact-split-btn.cancel-btn{background:linear-gradient(90deg,#fef2f299,#fee2e266);border-color:#f87171;color:#dc2626;min-width:6rem}.contacts-page .add-contact-split-btn.cancel-btn:hover{background:linear-gradient(90deg,#fef2f2,#fee2e2);border-color:#ef4444;border-width:3px;box-shadow:0 2px 6px #ef444433;transform:translateY(-1px)}.contacts-page .new-row-cell{padding:6px}.new-row-input{transition:all .2s ease}.contacts-page .phone-input-invalid{background-color:#ffe6e6;border-color:#dc3545}@keyframes slideInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.contacts-page{background-color:#f5f5f5;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 10px);margin:0 auto;max-height:calc(100vh - 10px);max-width:1280px;min-height:800px;overflow:hidden;padding:1.5rem 2rem;width:100%}@media (max-width:768px){.contacts-page{padding:1rem}}.contacts-page-header{direction:rtl;flex-shrink:0;margin-bottom:1rem;padding-bottom:2rem;position:relative;text-align:right}.contacts-page-header:after{background:#d1d5db;border:none;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.contacts-page-title{color:#1e40af;direction:rtl;font-size:2rem;font-weight:700;line-height:1.2;margin:0 35px .5rem 0;text-align:right}.contacts-page-subtitle{color:#6b7280;direction:rtl;font-size:1rem;font-weight:400;line-height:1.5;margin:0 35px 0 0;text-align:right}.contacts-toolbar-primary-actions,.contacts-toolbar-secondary-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.contacts-toolbar-filter-group{align-items:center;direction:rtl;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:12px}.filter-field-button-wrapper{display:inline-block;position:relative}.filter-field-btn{align-items:center;background-color:initial;border-radius:8px;color:#000;cursor:pointer;direction:rtl;display:inline-flex;font-size:1.125rem;font-weight:400;gap:6px;height:40px;justify-content:center;min-width:100px;padding:0 10px;transition:all .2s ease;white-space:nowrap}.filter-field-btn:hover:not(:disabled){background-color:#f5f5f5;color:#000}.filter-field-btn.has-selection{background:#0000;border:3.2px solid #d1d5db;color:#000}.filter-field-btn:focus{box-shadow:none;outline:none}.filter-field-btn:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.filter-field-btn svg{stroke-width:2;color:#000;flex-shrink:0;height:18px;width:18px}.filter-count-badge{align-items:center;background-color:#2563eb;border-radius:9999px;color:#fff;display:inline-flex;font-size:11px;height:18px;justify-content:center;min-width:18px;padding:0 6px}.filter-field-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #00000026;direction:rtl;max-height:300px;min-width:180px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.filter-field-dropdown-item{background:#fff;border:none;color:#000;cursor:pointer;direction:rtl;display:block;font-size:.95rem;padding:10px 16px;text-align:right;transition:background-color .2s;width:100%}.filter-field-dropdown-item:hover{background:#f3f4f6;color:#000}.contacts-page .filter-field-dropdown-item:focus{background:#eef2ff;color:#000;outline:none}.filter-value-input-wrapper{align-items:center;display:inline-flex;min-width:254px;position:relative;width:338px}.filter-value-input-toolbar{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;direction:rtl;font-size:1.125rem;height:40px;padding:0 36px 0 12px;text-align:right;transition:border-color .2s;width:100%}.filter-value-input-toolbar:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.filter-value-input-toolbar:hover:not(:disabled){border-color:#d1d5db}.filter-value-input-toolbar:focus{border-color:#d1d5db;box-shadow:0 0 0 1px #0000000d;outline:none}.filter-value-input-toolbar::placeholder{color:#9ca3af;text-align:right}.filter-value-input-icon{color:#9ca3af;flex-shrink:0;height:18px;pointer-events:none;position:absolute;right:12px;width:18px}.contacts-page .add-filter-btn-toolbar{align-items:center;background:#0000;border:3.2px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#000;cursor:pointer;direction:rtl;display:inline-flex;font-size:1.125rem;font-weight:400;height:40px;justify-content:center;padding:0 10px;transition:all .2s ease;white-space:nowrap}.contacts-page .add-filter-btn-toolbar:hover:not(:disabled){background-color:#f5f5f5;border:3.2px solid #d1d5db;color:#000}.add-filter-btn-toolbar:disabled{background:#f3f4f6;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.contacts-page .add-filter-btn-toolbar:focus{background-color:initial;border:3.2px solid #d1d5db;box-shadow:0 0 0 3px #2563eb1a;color:#000;outline:none}.contacts-toolbar-filter-controls{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:12px;display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-top:12px;padding:10px 16px}@media (max-width:768px){.delete-selected-btn{justify-content:center;width:100%}.contacts-toolbar-primary-actions,.contacts-toolbar-secondary-actions{justify-content:stretch;width:100%}.contacts-toolbar-primary-actions>*,.contacts-toolbar-secondary-actions>*{justify-content:center;width:100%}}.contacts-error-state{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:300px;padding:40px 20px}.error-content{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;max-width:500px;padding:32px;text-align:center}.error-content h3{color:#dc2626;direction:rtl;font-size:1.25rem;font-weight:600;margin:0 0 12px}.error-content p{color:#7f1d1d;direction:rtl;font-size:1rem;margin:0 0 24px}.retry-button{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;direction:rtl;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.retry-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.retry-button:active{transform:translateY(0)}.contacts-page-header .page-title{flex-shrink:0;margin:0}.header-action-buttons{align-items:center;display:flex;gap:12px}.delete-button-container{margin-bottom:10px;margin-top:20px}.contacts-page .delete-mode-toggle-btn{align-items:center;background:linear-gradient(90deg,#fef2f299,#fee2e266);border:3px solid #f87171;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;color:#dc2626;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .2s ease}.contacts-page .delete-mode-toggle-btn:hover:not(:disabled){background:linear-gradient(90deg,#fef2f2,#fee2e2);border-color:#ef4444;border-width:3px;box-shadow:0 2px 6px #ef444433;transform:translateY(-1px)}.delete-mode-select-all-btn{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.delete-mode-row{transition:all .15s ease}.contacts-page .delete-mode-row:hover,.contacts-page .delete-mode-row:hover td{background-color:#fff5f5}.contacts-page .delete-mode-row .editable-cell:hover{background-color:initial;outline:none}.contacts-page tr[style*="background-color: rgb(248, 215, 218)"]:hover, .contacts-page tr[style*="background-color: rgb(248, 215, 218)"]:hover td{background-color:#f5c6cb}.section-title{margin-top:30px}.file-import-section{display:flex;justify-content:flex-start;margin-bottom:20px}.import-summary{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:4px;margin-top:15px;padding:10px}.import-error{background-color:#ffe7e7;border:1px solid #ffb3b3;border-radius:4px;color:#d8000c;margin-top:15px;padding:10px}.error-message{color:red}.import-preview{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;margin-top:20px;padding:15px}.preview-title{margin-bottom:15px;margin-top:0}.import-preview-content{max-height:2000px;opacity:1;overflow:visible;transform-origin:top;transition:all .4s cubic-bezier(.4,0,.2,1)}.import-preview-content.expanded{animation:expandPreview .4s cubic-bezier(.4,0,.2,1)}.import-preview-content.collapsed{animation:collapsePreview .4s cubic-bezier(.4,0,.2,1);margin:0;max-height:0;opacity:0;overflow:hidden}.add-contact-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:10px;padding:8px 16px}.add-contact-button:hover{background-color:#0056b3}.preview-table-container{border:1px solid #ddd;margin-bottom:15px;max-height:400px;max-width:100%;overflow-x:auto;overflow-y:auto}.preview-table{border-collapse:initial;border-spacing:0;min-width:600px;width:100%}.preview-table thead{box-shadow:0 2px 4px #0000001a}.preview-table th,.preview-table thead{background-color:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.preview-table th{border:1px solid #ddd;padding:12px 8px;text-align:left}.preview-table td{border:1px solid #ddd;padding:8px}.edit-cell{align-items:center;display:flex;gap:4px}.edit-input{border:1px solid #007bff;border-radius:3px;flex:1 1;padding:4px}.save-button{background-color:#28a745;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.save-button:hover{background-color:#218838}.cancel-button{background-color:#6c757d;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.cancel-button:hover{background-color:#5a6268}.edit-button-group{display:flex;gap:4px}.edit-button{background-color:#ffc107;border:none;border-radius:3px;color:#000;cursor:pointer;font-size:12px;padding:4px 8px}.edit-button:hover{background-color:#e0a800}.delete-button{background-color:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.delete-button:hover{background-color:#c82333}.action-buttons{display:flex;gap:10px}.confirm-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.confirm-button:hover{background-color:#218838}.confirm-button:disabled{background-color:#6c757d;cursor:not-allowed}.cancel-import-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.cancel-import-button:hover{background-color:#c82333}.cancel-import-button:disabled{background-color:#6c757d;cursor:not-allowed}.contacts-container{border:1px solid #ccc;border-radius:8px;margin-top:20px;padding:15px}.contacts-info{margin-bottom:15px}.contacts-table-container{background-color:#fff;border:3.2px solid #d1d5db;border-radius:0 0 8px 8px;max-height:700px;max-width:100%;overflow-x:auto;overflow-y:auto;position:relative}.contacts-page .contacts-table-wrapper,.contacts-page>* .contacts-table-wrapper{max-height:700px;min-height:500px}.contacts-table{background-color:#fff;border-collapse:collapse;height:100%;min-width:800px;width:100%}.contacts-table tbody,.contacts-table tbody tr:only-child{height:100%}.contacts-table tbody tr:only-child td{height:100%;vertical-align:middle}.contacts-table th{background-color:#f0f0f0;border:1px solid #ddd;font-weight:600;padding:12px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.contacts-table td{border:1px solid #ddd;padding:8px}.editable-cell:hover{border-color:#ddd;cursor:pointer;outline:none}.contacts-page .has-pending-edit{background-color:#fff3cd;border:2px solid #ffc107}.cell-edit-input{box-sizing:border-box;font-size:14px;padding:6px}.contacts-table td.actions-cell{white-space:nowrap}.empty-cell{color:#999;font-style:italic;text-align:center}.load-more-cell{padding:20px;text-align:center}.filter-popup{animation:filterPopupFadeIn .2s cubic-bezier(.4,0,.2,1);position:absolute;right:0;top:calc(100% + 8px);transform-origin:top right;z-index:1050}@keyframes filterPopupFadeIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.filter-popup-content{background:#fff;border:3.2px solid #d1d5db;border-radius:12px;box-shadow:0 10px 25px #00000026,0 4px 10px #0000001a;box-sizing:border-box;direction:rtl;max-width:400px;min-width:320px;overflow:hidden;padding:0;width:-webkit-max-content;width:max-content}.filter-popup-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #d1d5db;box-sizing:border-box;direction:rtl;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.filter-popup-back{align-items:center;background:#0000;border:none;border-radius:6px;box-shadow:none;color:#000;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;outline:none;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.filter-popup-back:hover{transform:translateX(-4px) scale(1.1)}.filter-popup-back:active,.filter-popup-back:hover{background:#0000;border:none;box-shadow:none;color:#000}.filter-popup-back:active{outline:none;transform:translateX(-2px) scale(1.05)}.filter-popup-back:focus,.filter-popup-back:focus-visible{border:none;box-shadow:0 0 0 2px #0000001a;outline:none}.contacts-page .filter-popup-back:active:focus,.contacts-page .filter-popup-back:focus:active{border:0 #0000;box-shadow:none;outline:none}.filter-popup-back svg{stroke:#000;flex-shrink:0;height:20px;transition:all .2s cubic-bezier(.4,0,.2,1);width:20px}.filter-popup-back:hover svg{stroke:#000;stroke-width:2.8}.filter-popup-title{color:#1f2937;direction:rtl;flex:1 1;font-size:1rem;font-weight:600;margin:0;text-align:right}.contacts-page .filter-popup-header .filter-popup-close{align-items:center;background:#0000;border:0 #0000;border-radius:4px;box-shadow:none;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:24px;justify-content:center;line-height:1;outline:none;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:24px}.contacts-page .filter-popup-header .filter-popup-close:hover{background:#0000;border:0 #0000;box-shadow:none;color:#000;transform:scale(1.2)}.contacts-page .filter-popup-header .filter-popup-close:active{background:#0000;border:0 #0000;box-shadow:none;color:#000;outline:none;transform:scale(1.1)}.contacts-page .filter-popup-header .filter-popup-close:focus,.contacts-page .filter-popup-header .filter-popup-close:focus-visible{border:0 #0000;box-shadow:0 0 0 2px #0000001a;outline:none}.contacts-page .filter-popup-header .filter-popup-close:active:focus,.contacts-page .filter-popup-header .filter-popup-close:focus:active{border:0 #0000;box-shadow:none;outline:none}.filter-popup-body{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:20px}.filter-popup-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.filter-popup-input{background:#fff;border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;direction:rtl;font-size:1rem;height:44px;min-width:0;padding:0 16px;text-align:right;transition:all .2s ease;width:100%}.filter-popup-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.filter-popup-input::placeholder{color:#0000;text-align:right}.filter-popup-input-placeholder{align-items:center;direction:rtl;display:flex;gap:8px;justify-content:flex-start;line-height:1;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:1}.filter-popup-input-placeholder-text{align-items:center;color:#9ca3af;display:flex;font-size:1rem;line-height:1;-webkit-user-select:none;user-select:none}.filter-popup-input-icon{color:#9ca3af;flex-shrink:0;height:18px;width:18px}.filter-popup-btn{align-items:center;background:#2563eb;border:2px solid #2563eb;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;direction:rtl;display:flex;font-size:1rem;font-weight:500;gap:8px;height:44px;justify-content:center;padding:0 20px;transition:all .2s ease;width:100%}.filter-popup-btn:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.filter-popup-btn:active:not(:disabled){box-shadow:0 2px 6px #2563eb33;transform:translateY(0)}.filter-popup-btn:disabled{background:#e5e7eb;border-color:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.filter-popup-btn:focus{box-shadow:0 0 0 3px #2563eb33;outline:none}.filter-popup-btn svg{flex-shrink:0;height:16px;width:16px}.contacts-toolbar-right .filter-field-button-wrapper .filter-popup{animation:filterPopupFadeInLeft .2s cubic-bezier(.4,0,.2,1);left:0;right:auto;transform-origin:top left}.contacts-toolbar-right .filter-field-button-wrapper .filter-popup-content{box-sizing:border-box;max-width:calc(100vw - 32px)}@keyframes filterPopupFadeInLeft{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (min-width:769px) and (max-width:1024px){.contacts-toolbar-right .filter-field-button-wrapper .filter-popup{left:0;max-width:calc(100vw - 32px);right:auto}.contacts-toolbar-right .filter-field-button-wrapper .filter-popup-content{max-width:min(400px,calc(100vw - 32px));min-width:320px;width:-webkit-max-content;width:max-content}}@media (max-width:768px){.contacts-toolbar-right .filter-field-button-wrapper .filter-popup{left:0;max-width:calc(100vw - 16px);right:0;transform:translateX(0);transform-origin:top center}.contacts-toolbar-right .filter-field-button-wrapper .filter-popup-content{border-radius:10px;max-width:calc(100vw - 16px);min-width:280px;width:100%}.filter-popup-header{gap:10px;padding:14px 16px}.filter-popup-title{font-size:.95rem}.filter-popup-body{gap:10px;padding:16px}.filter-popup-input{font-size:.95rem;height:40px;padding:0 14px}.filter-popup-input-placeholder{gap:6px;right:14px}.filter-popup-input-placeholder-text{font-size:.95rem}.filter-popup-input-icon{height:16px;width:16px}.filter-popup-btn{font-size:.95rem;gap:6px;height:40px;padding:0 16px}.filter-popup-btn svg{height:14px;width:14px}.filter-popup-back,.filter-popup-close{height:28px;padding:4px;width:28px}.filter-popup-back svg{height:18px;width:18px}.filter-popup-close{font-size:1.3rem;height:24px;width:24px}}@media (max-width:480px){.contacts-toolbar-right .filter-field-button-wrapper .filter-popup{left:0;max-width:calc(100vw - 8px);right:0;top:calc(100% + 6px)}.contacts-toolbar-right .filter-field-button-wrapper .filter-popup-content{border-radius:8px;border-width:2px;max-width:calc(100vw - 8px);min-width:calc(100vw - 8px)}.filter-popup-header{border-bottom-width:2px;gap:8px;padding:12px 14px}.filter-popup-title{font-size:.9rem}.filter-popup-body{gap:10px;padding:14px}.filter-popup-input{border-width:1.5px;font-size:.9rem;height:38px;padding:0 12px}.filter-popup-input-placeholder{gap:6px;right:12px}.filter-popup-input-placeholder-text{font-size:.9rem}.filter-popup-input-icon{height:15px;width:15px}.filter-popup-btn{border-width:1.5px;font-size:.9rem;gap:6px;height:38px;padding:0 14px}.filter-popup-btn svg{height:14px;width:14px}.filter-popup-back,.filter-popup-close{height:26px;padding:3px;width:26px}.filter-popup-back svg{height:16px;width:16px}.filter-popup-close{font-size:1.2rem}}.phone-verification-modal{direction:rtl;margin:0 auto;max-width:500px;padding:24px}.phone-choice-section{background:#f7fafc;border-radius:12px;margin-bottom:24px;padding:16px}.existing-phone-text{color:#4a5568;font-size:14px;margin-bottom:16px;text-align:center}.phone-choice-buttons{display:flex;flex-direction:column;gap:12px}.choice-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.choice-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.choice-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.choice-btn.secondary{background:#0000;border:2px solid #3b82f6;color:#3b82f6}.choice-btn.secondary:hover{background:#ebf8ff}.form-group input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#3b82f6;outline:none}.form-group input:disabled{background:#f7fafc;cursor:not-allowed}.submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:12px;padding:14px;transition:all .2s;width:100%}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.link-btn{background:#0000;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:8px;padding:10px;transition:color .2s;width:100%}.link-btn:hover:not(:disabled){color:#2563eb}.link-btn:disabled{cursor:not-allowed;opacity:.5}.info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-bottom:20px;text-align:center}.info-box p{color:#0c4a6e}.error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:16px;padding:16px;text-align:center}.error-box p{color:#991b1b;font-size:14px;margin:0}.verification-success{padding:24px;text-align:center}.success-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.verification-success h2{color:#1a202c;font-size:24px;font-weight:600;margin-bottom:8px}.verification-success p{color:#718096;font-size:14px;margin:0}.settings-page{background-color:#f5f5f5;direction:rtl;margin:40px auto;max-width:800px;min-height:100vh;padding:0 20px}.settings-title{color:#1a202c;font-size:32px;font-weight:700;margin-bottom:40px;text-align:center}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{background:#edf2f7;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;padding:10px 14px}.tab.active{background:#2b6cb0;border-color:#2b6cb0;color:#fff}.settings-loading{color:#718096;font-size:18px;padding:60px 20px;text-align:center}.settings-form{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.settings-section{border-bottom:1px solid #e2e8f0;padding:32px}.settings-section:last-child{border-bottom:none}.section-title{color:#2d3748;font-size:20px;font-weight:600;margin-bottom:12px}.section-description{color:#718096;font-size:14px;line-height:1.6;margin-bottom:24px}.radio-group{display:flex;flex-direction:column;gap:16px}.radio-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;padding:20px;position:relative;transition:all .3s ease}.radio-option:hover{background:#ebf8ff;border-color:#4299e1;box-shadow:0 4px 12px #4299e126;transform:translateY(-2px)}.radio-option.active{background:linear-gradient(135deg,#bee3f8,#e6f2ff);border-color:#3182ce;box-shadow:0 4px 16px #3182ce33}.radio-option input[type=radio]{cursor:pointer;opacity:0;position:absolute}.radio-content{align-items:center;display:flex;gap:16px;width:100%}.radio-icon{flex-shrink:0;font-size:24px}.radio-info{display:flex;flex-direction:column;gap:4px}.radio-title{color:#2d3748;font-size:16px;font-weight:600}.radio-subtitle{color:#718096;font-size:14px}.info-box{align-items:flex-start;background:#fffaf0;border:1px solid #fbd38d;border-radius:8px;display:flex;gap:12px;margin-bottom:0;margin-top:0;padding:16px}.info-icon{color:#c05621;flex-shrink:0;height:20px;margin-top:2px;width:20px}.info-box p{color:#744210;font-size:14px;line-height:1.5;margin:0}.info-box strong{font-weight:600}.form-group input,.form-group select{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#4299e1;outline:none}.form-group input.read-only,.form-group select.read-only{background:#f7fafc;color:#718096;cursor:not-allowed}.submit-button{background:linear-gradient(135deg,#3182ce,#2b6cb0);border:none;border-radius:10px;box-shadow:0 2px 8px #3182ce33;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:0;padding:14px 24px;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#2c5282,#2a4365);box-shadow:0 6px 16px #3182ce59;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.phone-input-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.phone-input{flex:1 1;min-width:200px}.phone-save-button{align-items:center;background:#3182ce;border:1px solid #3182ce;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;min-width:70px;padding:8px 20px;transition:all .2s;white-space:nowrap}.phone-save-button:hover:not(:disabled){background:#2c5aa0;border-color:#2c5aa0;box-shadow:0 2px 4px #3182ce4d;transform:translateY(-1px)}.phone-save-button:disabled{cursor:not-allowed;opacity:.6}.phone-verify-button{background:#edf2f7;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.phone-verify-button:hover{background:#e2e8f0;border-color:#cbd5e0}.phone-verification-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.phone-verification-badge.verified{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.phone-verification-badge.unverified{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.phone-verification-badge svg{flex-shrink:0}.transaction-section{background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:20px;overflow:hidden}.section-toggle{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer;direction:rtl;display:flex;font-size:18px;font-weight:600;justify-content:space-between;padding:20px 24px;text-align:right;transition:background .2s ease;width:100%}.section-toggle:hover{background:#f9fafb}.toggle-icon{color:#9ca3af;font-size:14px;margin-left:12px;transition:transform .3s ease}.transaction-content{animation:slideDown .3s ease;background:#fafafa;border-top:1px solid #d1d5db;direction:rtl;padding:0}@media (max-width:768px){.settings-page{margin:20px auto}.settings-title{font-size:24px;margin-bottom:24px}.settings-section{padding:20px}.section-title{font-size:18px}.section-description{font-size:13px}.phone-input-wrapper{align-items:stretch;flex-direction:column}.phone-verify-button{width:100%}.phone-verification-badge{justify-content:center;width:100%}.section-toggle{font-size:16px;padding:16px 20px}.transaction-content{padding:0}}.pricing-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;direction:rtl;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow-x:hidden;padding-top:73px;scroll-behavior:smooth;text-align:right}.pricing-hero{background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#0f172a);overflow:hidden;padding:4rem 1rem 6rem;position:relative}.pricing-hero-background{background:url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1920) 50%/cover;inset:0;opacity:.1;position:absolute}.pricing-hero-glow{border-radius:50%;filter:blur(96px);height:24rem;position:absolute;width:24rem}.pricing-hero-glow.purple{background:#9333ea33;left:25%;top:25%}.pricing-hero-glow.cyan{background:#06b6d433;bottom:25%;right:25%}.pricing-hero-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1280px;position:relative;text-align:center;z-index:2}.pricing-badge{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;display:inline-flex;gap:.5rem;padding:.5rem 1rem}.pricing-badge svg{color:#a78bfa}.pricing-badge span{color:#93c5fd;font-size:.75rem;font-weight:500}.pricing-hero-title{color:#fff;font-size:3rem;font-weight:700;line-height:1.2;margin:0}.pricing-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#a78bfa 50%,#22d3ee);-webkit-background-clip:text;background-clip:text;display:block}.pricing-hero-description{color:#bfdbfe;font-size:1.25rem;line-height:1.75;margin:0;max-width:42rem}.billing-toggle{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.billing-toggle span{color:#fff9;font-size:1rem;font-weight:500;position:relative;transition:color .3s}.billing-toggle span.active,.savings-badge{color:#fff;font-weight:600}.savings-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:.375rem;display:inline-block;font-size:.75rem;margin-right:.5rem;padding:.25rem .5rem}.toggle-switch{background:#fff3;border:1px solid #ffffff4d;border-radius:9999px;cursor:pointer;height:2rem;padding:.25rem;position:relative;transition:all .3s;width:3.5rem}.toggle-switch.annual{background:linear-gradient(135deg,#2563eb,#06b6d4)}.toggle-slider{background:#fff;border-radius:50%;height:1.5rem;position:absolute;right:.25rem;top:.25rem;transform:translateX(0);transition:transform .3s;width:1.5rem}.toggle-switch.annual .toggle-slider{transform:translateX(-1.25rem)}.pricing-cards-section{background:#fff;padding:4rem 0;position:relative}.pricing-cards-container{margin:0 auto;max-width:1280px;padding:0 1rem}.pricing-cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:-6rem;position:relative;z-index:10}.pricing-card{background:#fff;border:2px solid #d1d5db;border-radius:1.5rem;box-shadow:0 10px 30px #0000001a;padding:2.5rem;position:relative;transition:all .3s}.pricing-card:hover{box-shadow:0 20px 60px #3b82f633;transform:translateY(-8px)}.pricing-card.popular{border-color:#2563eb;box-shadow:0 20px 60px #2563eb4d;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.08) translateY(-8px)}.pricing-card-glow{background:linear-gradient(135deg,#2563eb,#8b5cf6,#06b6d4);border-radius:1.5rem;filter:blur(24px);inset:0;opacity:0;position:absolute;transition:opacity .3s;z-index:-1}.pricing-card.popular .pricing-card-glow{opacity:.15}.pricing-card:hover .pricing-card-glow{opacity:.25}.popular-badge{align-items:center;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:9999px;box-shadow:0 10px 30px #2563eb66;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;left:50%;padding:.5rem 1rem;position:absolute;top:-1rem;transform:translateX(-50%)}.popular-badge svg{height:1rem;width:1rem}.pricing-card-content{position:relative;z-index:2}.pricing-card-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:1rem;box-shadow:0 10px 30px #2563eb4d;display:flex;height:4rem;justify-content:center;margin-bottom:1.5rem;width:4rem}.pricing-card.popular .pricing-card-icon{background:linear-gradient(135deg,#9333ea,#2563eb);box-shadow:0 10px 30px #9333ea66}.pricing-card-icon svg{color:#fff}.pricing-card-name{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.pricing-card-description{color:#64748b;font-size:.875rem;margin:0 0 1.5rem}.pricing-card-price{border-bottom:2px solid #d1d5db;margin-bottom:2rem;padding-bottom:1.5rem}.price-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#06b6d4);-webkit-background-clip:text;background-clip:text;display:block;font-size:3rem;font-weight:700}.pricing-card.popular .price-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9333ea,#2563eb);-webkit-background-clip:text;background-clip:text}.price-period{color:#64748b;font-size:1.5rem;font-weight:400}.price-period-annual{color:#64748b;display:block;font-size:1rem;margin-top:.25rem}.price-equivalent{color:#10b981;display:block;font-size:.875rem;font-weight:600;margin-top:.5rem}.price-custom{color:#0f172a;display:block;font-size:2rem;font-weight:700}.pricing-features{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0 0 2rem;padding:0}.pricing-feature{align-items:flex-start;display:flex;gap:.75rem}.feature-check{align-items:center;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:50%;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-top:.125rem;width:1.5rem}.pricing-card.popular .feature-check{background:linear-gradient(135deg,#9333ea,#2563eb)}.feature-check svg{color:#fff;height:.875rem;width:.875rem}.pricing-feature span{color:#374151;font-size:1rem;line-height:1.5}.pricing-cta{align-items:center;border-radius:1rem;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all .3s;width:100%}.cta-primary{background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 10px 30px #2563eb4d;color:#fff}.cta-primary:hover{box-shadow:0 15px 40px #2563eb66;transform:translateY(-2px)}.cta-secondary{background:#fff;border:2px solid #2563eb;color:#2563eb}.cta-secondary:hover{background:#eff6ff;transform:translateY(-2px)}.pricing-cta svg{transition:transform .3s}.pricing-cta:hover svg{transform:translateX(-4px)}.pricing-faq-section{background:linear-gradient(135deg,#eff6ff,#cffafe);padding:6rem 0}.pricing-faq-container{margin:0 auto;max-width:1280px;padding:0 1rem}.pricing-faq-title{color:#0f172a;font-size:2.5rem;font-weight:700;margin:0 0 3rem;text-align:center}.pricing-faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.pricing-faq-item{background:#fff;border:1px solid #d1d5db;border-radius:1.5rem;box-shadow:0 10px 30px #0000000d;padding:2rem}.pricing-faq-item h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.pricing-faq-item p{color:#64748b;line-height:1.75;margin:0}.pricing-cta-section{background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#0f172a);overflow:hidden;padding:6rem 0;position:relative}.pricing-cta-background{background:url(https://images.unsplash.com/photo-1639762681485-074b7f938ba0?w=1920) 50%/cover;inset:0;opacity:.1;position:absolute}.pricing-cta-glow{background:#9333ea33;border-radius:50%;filter:blur(96px);height:600px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.pricing-cta-container{margin:0 auto;max-width:896px;padding:0 1rem;position:relative;text-align:center;z-index:2}.pricing-cta-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 1.5rem}.pricing-cta-description{color:#bfdbfe;font-size:1.25rem;margin:0 0 3rem}.pricing-cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.pricing-cta-button-primary{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #00000080;color:#1e40af;font-size:1.125rem;font-weight:600;padding:1.5rem 2rem;text-decoration:none;transition:all .3s}.pricing-cta-button-primary:hover{background:#f1f5f9;transform:translateY(-4px)}.pricing-cta-button-secondary{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0000;border:2px solid #ffffff4d;border-radius:1rem;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1.5rem 2rem;transition:all .3s}.pricing-cta-button-secondary:hover{background:#ffffff1a;border-color:#ffffff80}@media (max-width:1024px){.pricing-hero-title{font-size:2.5rem}.pricing-cards-grid{grid-template-columns:1fr;margin-top:-4rem}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-8px)}}@media (max-width:768px){.pricing-hero{padding:3rem 1rem 4rem}.pricing-hero-title{font-size:2rem}.pricing-title-gradient{font-size:1.75rem}.pricing-hero-description{font-size:1.125rem}.pricing-cards-grid{margin-top:-2rem}.pricing-card{padding:2rem}.price-amount{font-size:2.5rem}.pricing-faq-title{font-size:2rem}.pricing-faq-grid{grid-template-columns:1fr}.pricing-cta-title{font-size:2rem}.pricing-cta-description{font-size:1.125rem}.pricing-cta-buttons{flex-direction:column}.pricing-cta-button-primary,.pricing-cta-button-secondary{width:100%}.billing-toggle{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.pricing-hero-title{font-size:1.75rem}.pricing-title-gradient{font-size:1.5rem}.price-amount{font-size:2rem}.pricing-card{padding:1.5rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}.pricing-cta-button-primary:focus-visible,.pricing-cta-button-secondary:focus-visible,.pricing-cta:focus-visible,.toggle-switch:focus-visible{border-radius:.5rem;outline:3px solid #3b82f6;outline-offset:4px}.new-landing-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;direction:rtl;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden;text-align:right}.new-landing-page,html{scroll-behavior:smooth}.new-navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #e2e8f0cc;box-shadow:0 4px 6px -1px #0000000d;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.new-navbar-container{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1rem}.new-navbar-logo{align-items:center;color:#0f172a;display:flex;font-size:1.5rem;font-weight:700;text-decoration:none;transition:transform .3s;z-index:2}.new-navbar-logo:hover{transform:scale(1.05)}.new-navbar-logo svg{color:#3b82f6;transition:transform .3s}.new-navbar-logo:hover svg{transform:rotate(-10deg)}.new-navbar-links{display:flex;gap:2rem}.new-navbar-link{color:#475569;font-size:1rem;font-weight:500;position:relative;text-decoration:none;transition:all .3s}.new-navbar-link:after{background:linear-gradient(135deg,#3b82f6,#06b6d4);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.new-navbar-link:hover{color:#3b82f6}.new-navbar-link:hover:after{width:100%}.new-navbar-actions{align-items:center;display:flex;gap:1rem}.new-navbar-login{border-radius:.5rem;color:#475569;font-size:1rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s}.new-navbar-login:hover{background:#3b82f60d;color:#3b82f6}.new-navbar-register{background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:.5rem;box-shadow:0 4px 12px #3b82f64d;color:#fff;font-size:1rem;font-weight:600;padding:.5rem 1.5rem;text-decoration:none;transition:all .3s}.new-navbar-register:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.top-toolbar{background:#1e293b;border-bottom:1px solid #334155;color:#fff;margin-bottom:-73px;padding:.75rem 0;position:relative;top:-73px}.toolbar-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1rem}.toolbar-contact{display:flex;flex-wrap:wrap;gap:1.5rem}.toolbar-item{align-items:center;color:#cbd5e1;display:flex;font-size:.875rem;gap:.5rem}.toolbar-item svg{color:#94a3b8}.toolbar-promo{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.toolbar-promo>span{color:#e2e8f0;font-size:.875rem}.toolbar-cta{background:#fff;border-radius:.5rem;color:#0f172a;font-size:.75rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s}.toolbar-cta:hover{background:#f1f5f9;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.hero-section{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#0f172a);display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 80px);overflow:hidden;padding:2rem 1rem 4rem;position:relative}@supports (height:100dvh){.hero-section{min-height:calc(100dvh - 80px)}}.hero-background-image{background:url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1920) 50%/cover;inset:0;opacity:.1;position:absolute}.hero-glow{border-radius:50%;filter:blur(96px);height:24rem;position:absolute;width:24rem}.hero-glow.purple{background:#9333ea33;left:25%;top:25%}.hero-glow.cyan{background:#06b6d433;bottom:25%;right:25%}.hero-container{justify-content:flex-start;margin:0 auto;max-width:1280px;position:relative;text-align:center;width:100%;z-index:2}.hero-container,.hero-content{display:flex;flex-direction:column}.hero-content{align-items:center;gap:1.5rem}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;display:inline-flex;gap:.5rem;padding:.5rem 1rem}.hero-badge svg{color:#a78bfa}.hero-badge span{color:#93c5fd;font-size:.75rem;font-weight:500}.hero-title{color:#fff;font-size:3rem;font-weight:700;line-height:1.2;margin:0}.hero-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#a78bfa 50%,#22d3ee);-webkit-background-clip:text;background-clip:text;display:block}.hero-description{color:#bfdbfe;font-size:1.25rem;line-height:1.75;margin:0;max-width:42rem}.hero-cta-group{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem}.hero-cta-group,.hero-cta-primary{align-items:center;justify-content:center}.hero-cta-primary{background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:1rem;box-shadow:0 20px 40px #2563eb80;color:#fff;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;padding:1.5rem 2rem;text-decoration:none;transition:all .3s}.hero-cta-primary:hover{box-shadow:0 25px 50px #2563eb99;transform:translateY(-4px)}.hero-cta-primary svg{transition:transform .3s}.hero-cta-primary:hover svg{transform:translateX(-4px)}.hero-cta-secondary{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0000;border:2px solid #ffffff4d;border-radius:1rem;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1.5rem 2rem;transition:all .3s}.hero-cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.scroll-indicator{align-items:center;animation:bounce 2s infinite;bottom:clamp(.1rem,.5vh,3rem);color:#fff9;cursor:pointer;display:flex;flex-direction:column;left:50%;position:fixed;transform:translateX(-50%);transition:all .3s;z-index:999}.hero-section .scroll-indicator{display:flex}.scroll-indicator:hover{color:#fffc}.scroll-indicator span{font-size:.75rem;font-weight:500}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.stats-section{background:linear-gradient(180deg,#0f172a,#1e293b);overflow:hidden;padding:4rem 0;position:relative}.stats-section:before{background:linear-gradient(180deg,#2563eb33,#0000);content:"";inset:0;position:absolute}.stats-container{margin:0 auto;max-width:1280px;padding:0 1rem;position:relative;z-index:2}.stats-header{margin-bottom:3rem;text-align:center}.stats-title{color:#fff;font-size:2.25rem;font-weight:700;margin:0 0 1rem}.stats-subtitle{color:#bfdbfe;font-size:1.25rem;margin:0}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.stat-card{position:relative}.stat-card-glow{background:linear-gradient(135deg,#2563eb,#8b5cf6,#06b6d4);border-radius:1.5rem;filter:blur(24px);inset:0;opacity:.2;position:absolute;transition:opacity .3s}.stat-card:hover .stat-card-glow{opacity:.3}.stat-card-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e293b80;border:1px solid #3b82f633;border-radius:1.5rem;box-shadow:0 20px 60px #00000080;padding:2rem;position:relative;transition:all .3s}.stat-card:hover .stat-card-content{box-shadow:0 24px 80px #0009;transform:translateY(-4px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#a78bfa,#22d3ee);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#bfdbfe}.features-section{align-items:center;background:linear-gradient(180deg,#0f172a,#1e293b);display:flex;min-height:100vh;overflow:hidden;padding:6rem 0;position:relative}.features-container{margin:0 auto;max-width:1200px;padding:0 1rem}.features-header{margin-bottom:4rem;text-align:center}.features-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 1rem}.features-subtitle{color:#bfdbfe;font-size:1.25rem;margin:0 auto;max-width:42rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);justify-content:center;justify-items:center}.feature-card{align-items:flex-start;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e293b80;border:1px solid #3b82f633;border-radius:1.5rem;box-shadow:0 20px 60px #00000080;display:flex;gap:1.25rem;max-width:480px;min-height:190px;opacity:0;overflow:hidden;padding:2.25rem;position:relative;transform:translateY(32px);transition:transform .4s ease,box-shadow .4s ease,opacity .5s ease,filter .4s ease;width:100%;will-change:transform,opacity}.feature-card:hover{box-shadow:0 24px 80px #0009;transform:translateY(-4px)}.feature-card:before{background:linear-gradient(135deg,#2563eb,#8b5cf6,#06b6d4);border-radius:1.5rem;content:"";filter:blur(24px);inset:0;opacity:.18;position:absolute;transition:opacity .3s;z-index:-1}.feature-card:hover:before{opacity:.28}.feature-card.ai-feature{border:none}.feature-card.ai-feature:hover{box-shadow:0 24px 80px #0f172ae6}.feature-card.in-view{opacity:1;transform:translateY(0)}.feature-card:first-child.in-view{transition-delay:.05s}.feature-card:nth-child(2).in-view{transition-delay:.1s}.feature-card:nth-child(3).in-view{transition-delay:.15s}.feature-card:nth-child(4).in-view{transition-delay:.2s}.feature-card:nth-child(5).in-view{transition-delay:.25s}.feature-card:nth-child(6).in-view{transition-delay:.3s}.feature-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:1rem;box-shadow:0 10px 30px #2563eb4d;display:flex;flex-shrink:0;height:2.25rem;justify-content:center;transition:transform .3s;width:2.25rem}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-icon.ai-icon{background:linear-gradient(135deg,#9333ea,#2563eb);box-shadow:0 10px 30px #9333ea4d}.feature-icon svg{color:#fff}.feature-icon-svg{height:1.25rem;width:1.25rem}.feature-text{display:flex;flex-direction:column;justify-content:center}.feature-title{color:#e5e7eb;font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.feature-description{color:#bfdbfe;line-height:1.75;margin:0}.benefits-section{align-items:center;background:linear-gradient(135deg,#eff6ff,#cffafe);display:flex;min-height:100vh;padding:6rem 0}.benefits-container{margin:0 auto;max-width:1280px;padding:0 1rem}.benefits-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:repeat(2,1fr)}.benefits-content{display:flex;flex-direction:column;gap:1.5rem}.benefits-title{color:#0f172a;font-size:1.75rem;font-weight:700;margin:0}.benefits-description{color:#4b5563;font-size:1.25rem;line-height:1.75;margin:0}.benefits-list{display:flex;flex-direction:column;gap:1rem}.benefit-item{align-items:flex-start;display:flex;gap:.75rem;opacity:0;transform:translateY(24px);transition:transform .4s ease,opacity .5s ease;will-change:transform,opacity}.benefit-item.in-view{opacity:1;transform:translateY(0)}.benefit-item:first-child.in-view{transition-delay:.05s}.benefit-item:nth-child(2).in-view{transition-delay:.1s}.benefit-item:nth-child(3).in-view{transition-delay:.15s}.benefit-item:nth-child(4).in-view{transition-delay:.2s}.benefit-item:nth-child(5).in-view{transition-delay:.25s}.benefit-item:nth-child(6).in-view{transition-delay:.3s}.benefit-check{align-items:center;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:50%;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-top:.125rem;width:1.5rem}.benefit-check svg{color:#fff}.benefit-text{color:#374151;font-size:1.125rem;margin:0;white-space:nowrap}.benefits-cta{background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:1rem;box-shadow:0 10px 30px #2563eb4d;color:#fff;display:inline-block;font-size:1.125rem;font-weight:600;margin-top:.5rem;padding:1.5rem 2rem;text-decoration:none;transition:all .3s}.benefits-cta:hover{box-shadow:0 15px 40px #2563eb66;transform:translateY(-2px)}.benefits-visual{position:relative}.visual-glow{background:linear-gradient(90deg,#2563eb,#8b5cf6,#06b6d4);border-radius:1.5rem;filter:blur(48px);inset:0;opacity:.2;position:absolute}.visual-card{background:#fff;border:1px solid #e0f2fe;border-radius:1.5rem;box-shadow:0 20px 60px #00000026;opacity:0;padding:2rem;position:relative;transform:translateY(24px);transition:transform .5s ease,opacity .6s ease,box-shadow .4s ease;will-change:transform,opacity}.visual-card.in-view{opacity:1;transform:translateY(0)}.visual-image{border-radius:1rem;height:auto;width:100%}.cta-section{background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#0f172a);overflow:hidden;padding:6rem 0;position:relative}.cta-background-image{background:url(https://images.unsplash.com/photo-1639762681485-074b7f938ba0?w=1920) 50%/cover;inset:0;opacity:.1;position:absolute}.cta-glow{background:#9333ea33;border-radius:50%;filter:blur(96px);height:600px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.cta-container{margin:0 auto;max-width:896px;padding:0 1rem;position:relative;text-align:center;z-index:2}.cta-icon{color:#a78bfa;margin:0 auto 1.5rem}.cta-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 3rem}.cta-description{color:#bfdbfe;font-size:1.25rem;margin:0 0 3rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-button-primary{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #00000080;color:#1e40af;font-size:1.125rem;font-weight:600;padding:1.5rem 2rem;text-decoration:none;transition:all .3s}.cta-button-primary:hover{background:#f1f5f9;transform:translateY(-4px)}.cta-button-secondary{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0000;border:2px solid #ffffff4d;border-radius:1rem;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1.5rem 2rem;transition:all .3s}.cta-button-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.landing-footer{background:#0f172a;color:#fff;padding:4rem 0 2rem}.footer-container{margin:0 auto;max-width:1280px;padding:0 1rem}.footer-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2.5rem}.footer-brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.footer-brand-description{color:#94a3b8;font-size:.875rem;line-height:1.6;margin:0}.footer-heading{color:#fff;font-size:1rem;font-weight:700;margin:0 0 1.25rem}.footer-links{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.footer-links a{color:#94a3b8;font-size:.875rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #1e293b;padding-top:2rem;text-align:center}.footer-bottom p{color:#64748b;font-size:.875rem;margin:0}@media (max-width:1024px){.hero-title{font-size:2.5rem}.benefits-grid{gap:3rem;grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content>*{animation:fadeInUp .8s ease-out forwards}.hero-badge{animation-delay:.1s;opacity:0}.hero-title{animation-delay:.2s;opacity:0}.hero-description{animation-delay:.3s;opacity:0}.hero-cta-group{animation-delay:.4s;opacity:0}@media (max-width:768px){.hero-section{min-height:calc(100vh - 100px);padding:2rem 1rem 3rem}@supports (height:100dvh){.hero-section{min-height:calc(100dvh - 100px)}}.benefits-section,.features-section{display:block;min-height:auto}.hero-title{font-size:2rem}.hero-title-gradient{font-size:1.75rem}.hero-description{font-size:1.125rem}.hero-cta-group{flex-direction:column}.hero-cta-primary,.hero-cta-secondary{justify-content:center;width:100%}.stats-title{font-size:2rem}.stats-subtitle{font-size:1.125rem}.features-title{font-size:2rem}.features-subtitle{font-size:1.125rem}.benefits-title{font-size:2rem}.benefits-description{font-size:1.125rem}.cta-title{font-size:2rem}.cta-description{font-size:1.125rem}.footer-grid{gap:2rem}.features-grid,.footer-grid,.stats-grid{grid-template-columns:1fr}.toolbar-container{flex-direction:column;text-align:center}.new-navbar-container{flex-wrap:wrap}.new-navbar-links{border-top:1px solid #e2e8f080;justify-content:center;order:3;padding-top:1rem;width:100%}}@media (max-width:480px){.hero-title{font-size:1.75rem}.hero-title-gradient{font-size:1.5rem}.hero-description{font-size:1rem}.benefits-title,.cta-title,.features-title,.stats-title{font-size:1.75rem}.new-navbar-actions{flex-direction:column;gap:.5rem;width:100%}.new-navbar-register{text-align:center;width:100%}}.benefits-cta:focus-visible,.cta-button-primary:focus-visible,.cta-button-secondary:focus-visible,.hero-cta-primary:focus-visible,.hero-cta-secondary:focus-visible,.new-navbar-link:focus-visible,.new-navbar-login:focus-visible,.new-navbar-register:focus-visible,.toolbar-cta:focus-visible{border-radius:.5rem;outline:3px solid #3b82f6;outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}html{scroll-behavior:auto}}.new-landing-page *{will-change:auto}.new-landing-page .cta-section,.new-landing-page .hero-section,.new-landing-page .stats-section{contain:layout style paint}.magic-parameter-dropdown{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;left:auto;max-height:500px;max-width:500px;min-width:300px;overflow:hidden;position:absolute;z-index:1000}.magic-parameter-dropdown-header{background:#f8f9fa;border-bottom:1px solid #e2e8f0;box-sizing:border-box;flex-shrink:0;padding:8px 12px}.magic-parameter-dropdown-title{color:#1f2937;direction:rtl;font-size:.875rem;font-weight:600;line-height:1.4;margin:0;text-align:right}.magic-parameter-dropdown-list-container{flex:1 1;max-height:440px;min-height:0;overflow-y:auto;padding:4px}.magic-parameter-dropdown-list{display:flex;flex-direction:column;gap:4px}.magic-parameter-dropdown-item{align-items:center;background:#fff;background-color:#fff;border:1px solid #dee2e6;border-bottom-color:#f3f4f6;border-radius:4px;box-shadow:none;color:#000;cursor:pointer;direction:rtl;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:space-between;padding:10px 16px;position:relative;text-align:right;transition:background-color .2s ease,border-color .2s ease}.magic-parameter-dropdown-item:last-child{border-bottom:none}.magic-parameter-dropdown-item:hover{background:#f3f4f6;background-color:#f3f4f6;border-color:#dee2e6;box-shadow:none}.magic-parameter-dropdown-item:focus{background:#eef2ff;background-color:#eef2ff;box-shadow:none;outline:none}.magic-parameter-dropdown-item:active{background:#e9ecef;background-color:#e9ecef;box-shadow:none}.magic-parameter-dropdown-item.current{background:#fff;background-color:#fff;border-color:#28a745;border-width:2px;box-shadow:none}.magic-parameter-dropdown-item.current:hover{background:#f3f4f6;background-color:#f3f4f6;border-color:#28a745;box-shadow:none}.magic-parameter-dropdown-item.current:focus{background:#eef2ff;background-color:#eef2ff;border-color:#28a745;box-shadow:none;outline:none}.magic-parameter-dropdown-name{color:#000;font-family:inherit;font-size:.95rem;font-weight:500}.magic-parameter-dropdown-item.current .magic-parameter-dropdown-name{color:#000}.magic-parameter-dropdown-current-badge{background:#28a745;border-radius:8px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;white-space:nowrap}.magic-parameter-dropdown-empty{align-items:center;color:#999;display:flex;font-size:.95rem;justify-content:center;padding:40px 20px}.magic-parameter-dropdown-actions{border-top:1px solid #e0e0e0;padding:12px}.magic-parameter-dropdown-delete-btn{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;box-shadow:0 2px 4px #dc354533;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .2s ease;width:100%}.magic-parameter-dropdown-delete-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}@media (max-width:768px){.magic-parameter-dropdown{max-width:90vw;min-width:280px}.magic-parameter-dropdown-header{padding:6px 10px}.magic-parameter-dropdown-title{font-size:.8125rem}.magic-parameter-dropdown-item{font-size:.85rem;padding:6px 12px}}@media (max-width:480px){.magic-parameter-dropdown{max-width:85vw;min-width:250px}.magic-parameter-dropdown-header{padding:5px 8px}.magic-parameter-dropdown-title{font-size:.75rem}}.parameter-textarea{word-wrap:break-word;background:#fff;border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;cursor:text;font-family:inherit;font-size:1rem;height:150px;line-height:1.6;max-height:300px;min-height:150px;overflow-x:hidden;overflow-y:auto;padding:12px;resize:vertical;transition:border-color .2s ease;white-space:pre-wrap;width:100%}.parameter-textarea:focus{border:2px solid #93c5fd;box-shadow:0 0 0 3px #93c5fd1a;outline:none}.parameter-textarea:empty:before{color:#999;content:attr(data-placeholder);pointer-events:none;position:absolute}.parameter-chip{align-items:center;background:#2563eb;border:2px solid #2563eb;border-radius:16px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;margin:0 2px;padding:2px 10px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.parameter-chip:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a}.parameter-chip:active{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 1px 2px #0003}@media (max-width:768px){.parameter-textarea{font-size:.95rem;height:120px;max-height:250px;min-height:120px;padding:10px}.parameter-chip{font-size:.85rem;padding:2px 8px}}.message-sender-box{background:#fff;border:2px solid #d1d5db;border-radius:.75rem;display:flex;flex-direction:column;padding:1.5rem}@media (max-width:1024px){.message-sender-box{height:auto;max-height:75vh;min-height:520px}}@media (max-width:768px){.message-sender-box{height:auto;max-height:none;min-height:480px}}@media (max-width:480px){.message-sender-box{height:auto;max-height:none;min-height:420px}}.message-editor-container{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.message-editor-container.one-time-message{animation:fadeIn .3s ease-out;font-size:1.2rem;padding:20px;position:relative}.message-editor-container.one-time-message:before{content:"💬";font-size:1.25rem;left:16px;opacity:.3;position:absolute;top:16px}@media (max-width:768px){.message-editor-container.one-time-message:before{font-size:1rem;left:21px;opacity:.2;top:23px}}.unsaved-changes-banner{align-items:center;animation:slideInDown .3s ease-out;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.unsaved-icon{flex-shrink:0;font-size:1.2rem}.unsaved-text{color:#856404;flex:1 1;font-size:.95rem;font-weight:600}.save-changes-btn{background:linear-gradient(135deg,#28a745,#34c759);box-shadow:0 2px 6px #28a7454d;font-weight:700;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.save-changes-btn:hover:not(:disabled){box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.save-changes-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.content-section,.title-section{display:flex;flex-direction:column;gap:12px}.message-sender-box .content-section>.parameter-textarea{margin-bottom:-12px}.message-sender-box .content-section>.param-section{margin-bottom:0;margin-top:.75rem}.field-label{color:#555;font-size:.95rem;font-weight:600;letter-spacing:.3px;margin:0}.title-inline{align-items:center;display:flex;gap:6px;max-width:100%;overflow:hidden;position:relative;width:100%}.title-inline-text{color:#1f2937;flex:1 1;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0;min-width:0;overflow:hidden;padding-right:30px;text-overflow:ellipsis;white-space:nowrap}.title-inline-edit-btn{align-items:center;background:#0000;border:none;border-radius:3px;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;line-height:1;min-width:20px;opacity:.8;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .15s ease;width:20px;z-index:2}.title-inline-edit-btn:hover{background:#0000;opacity:1;transform:translateY(-50%) scale(1.1)}.title-inline-edit-btn:active{background:#0000;transform:translateY(-50%) scale(.95)}.title-inline-edit-btn:focus-visible{background:#0000;opacity:1;outline:2px solid #000;outline-offset:1px}.title-inline-edit-icon{stroke:#000;display:block}.title-edit-container{animation:fadeIn .2s ease-in;display:flex;flex-direction:column;gap:8px}.title-edit-input{background:#fff;border:2px solid #667eea;border-radius:10px;box-shadow:0 0 0 3px #667eea1a;box-sizing:border-box;font-family:inherit;font-size:1.2rem;font-weight:700;padding:14px 18px;transition:all .2s ease;width:100%}.title-edit-input:focus{border-color:#5a67d8;box-shadow:0 0 0 4px #667eea33;outline:none}.title-edit-hint{display:flex;justify-content:center;margin-top:4px}.hint-text{background:#667eea1a;border:1px solid #667eea33;border-radius:4px;color:#666;font-size:.8rem;font-style:italic;padding:4px 8px}.param-section{gap:0}.param-section .insert-param-btn.full-width-param-btn{align-self:flex-end;flex:0 0 auto;margin:0;position:static}.ai-buttons-container{margin-top:.4rem;padding-top:0}.ai-btn{align-items:center;border:2px solid;box-sizing:border-box;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-width:0;overflow:hidden;padding:.625rem 1.25rem;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.insert-param-btn{background:#fff;border:2px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;color:#000;font-size:1.125rem;font-weight:400;gap:.0625rem;height:40px;padding:.625rem 1.25rem;transition:all .2s ease}.param-section .insert-param-btn.full-width-param-btn{align-items:center;box-sizing:border-box;direction:rtl;display:inline-flex;flex-direction:row;font-size:.8125rem;height:36px;justify-content:center;max-width:-webkit-fit-content;max-width:fit-content;min-width:116.59px;overflow:visible;padding:0 12px;text-overflow:clip;white-space:nowrap;width:auto}.insert-param-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:#d1d5db;box-shadow:0 1px 2px #0000000d;color:#000;transform:none}.insert-param-btn:active:not(:disabled){transform:none}.insert-param-btn:disabled{cursor:not-allowed;opacity:.5}.insert-param-btn svg{stroke-width:1.5;flex-shrink:0;height:18px;width:18px}.param-section .insert-param-btn.full-width-param-btn svg{height:14px;width:14px}.generate-ai-btn{background-color:#fff;border:2px solid #60a5fa;color:#1d4ed8;font-size:.875rem;font-weight:700;transition:all .2s ease}.generate-ai-btn:hover:not(:disabled){background:linear-gradient(90deg,#eff6ff,#dbeafe);border-color:#3b82f6;border-width:2px}.improve-ai-btn{background-color:#fff;border:2px solid #c084fc;color:#7c3aed;font-size:.875rem;font-weight:700;transition:all .2s ease}.improve-ai-btn:hover:not(:disabled){background:linear-gradient(90deg,#faf5ff,#f3e8ff);border-color:#a855f7;border-width:2px}.ai-btn:disabled{cursor:not-allowed;opacity:.5}.ai-btn svg{flex-shrink:0;height:1rem;width:1rem}.ai-btn .ml-2{margin-left:.5rem}.param-hint{color:#666;font-size:.85rem;font-style:italic;margin-top:.35rem}@media (max-width:768px){.ai-buttons-container{flex-direction:row;gap:.5rem}.ai-buttons-container .ai-btn{flex:1 1;font-size:.8125rem;gap:.375rem;min-width:0;padding:.5rem .75rem}.ai-btn svg{height:.875rem;width:.875rem}.full-width-param-btn{width:100%}}@media (max-width:576px){.param-section{align-items:stretch;flex-direction:column}.full-width-param-btn{width:100%}.ai-buttons-container{flex-direction:row;gap:.375rem;width:100%}.ai-buttons-container .ai-btn{flex:1 1;font-size:.75rem;gap:.25rem;min-width:0;padding:.5rem}.ai-btn svg{height:.8125rem;width:.8125rem}}.contact-selector-box{min-height:0}.contact-selector-box,.contact-table-wrapper{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden;position:relative}.contact-table-wrapper{background-color:#fff;border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;min-height:400px;width:100%;z-index:1}.contact-table-scroll-container{-webkit-overflow-scrolling:touch;border-radius:0 0 8px 8px;contain:layout style paint;flex:1 1 auto;height:100%;max-height:100%;min-height:0;overflow-x:auto;overflow-y:auto;position:relative;scrollbar-gutter:stable;transform:translateZ(0);will-change:scroll-position}.contact-table-scroll-container.empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.contact-table-scroll-container::-webkit-scrollbar{height:12px;width:12px}.contact-table-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.contact-table-scroll-container::-webkit-scrollbar-thumb{background:#c1c1c1;border:2px solid #f1f1f1;border-radius:6px}.contact-table-scroll-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.contact-table-scroll-container{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.contact-table{border-collapse:initial;border-spacing:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-width:100%;min-width:100%;table-layout:auto;width:100%}.contact-table thead{background-color:#f8f9fa;box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.contact-table th{background-color:#f8f9fa;border-bottom:2px solid #d1d5db;color:#374151;font-weight:600;min-width:100px;overflow:hidden;padding:16px 12px;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;z-index:10}.contact-table td,.contact-table th{box-sizing:border-box;direction:rtl;font-size:clamp(.8rem,.9vw,.9rem);max-width:none;text-align:right;text-overflow:ellipsis}.contact-table td{word-wrap:break-word;border-bottom:1px solid #d1d5db;color:#1f2937;contain:layout style;content-visibility:auto;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;overflow:hidden;overflow-wrap:break-word;padding:clamp(10px,1.2vw,14px) clamp(8px,1vw,12px);transition:background-color .15s ease;vertical-align:middle}.contact-table tbody tr{contain:layout style;will-change:background-color}.contact-table tbody tr:hover{background-color:#f8fafc;transition:background-color .15s ease-in-out}.contact-table tbody tr:last-child td{border-bottom:1px solid #dee2e6}.contact-table tbody tr:nth-child(2n){background-color:#fafbfc}.contact-table tbody tr:nth-child(2n):hover{background-color:#f1f5f9}@media (max-width:768px){.contact-table-wrapper{height:100%;min-height:300px}.contact-table{font-size:.85rem;min-width:100%}.contact-table td,.contact-table th{font-size:.85rem;padding:10px 8px}.contact-table th{max-width:none;min-width:80px}.contact-table td{max-width:none}.contact-header{gap:8px;margin-bottom:8px}.header-actions{gap:6px;padding-left:.5rem}.contact-table .delete-checkbox-td,.contact-table .delete-checkbox-th,.contact-table .selection-checkbox-td,.contact-table .selection-checkbox-th{display:table-cell;inset-inline-start:0;opacity:1;position:-webkit-sticky;position:sticky;visibility:visible}}@media (min-width:769px) and (max-width:1024px){.contact-table-wrapper{height:100%;min-height:450px}.contact-table{min-width:100%;width:100%}.contact-table td,.contact-table th{padding:12px 10px}.contact-table th{max-width:none;min-width:100px}.contact-table td{max-width:none}.contact-table .delete-checkbox-td,.contact-table .delete-checkbox-th,.contact-table .selection-checkbox-td,.contact-table .selection-checkbox-th{display:table-cell;inset-inline-start:0;opacity:1;position:-webkit-sticky;position:sticky;visibility:visible}}@media (min-width:1200px){.contact-table-wrapper{height:100%;min-height:500px}.contact-table{min-width:100%;width:100%}.contact-table .delete-checkbox-td,.contact-table .delete-checkbox-th,.contact-table .selection-checkbox-td,.contact-table .selection-checkbox-th{display:table-cell;inset-inline-start:0;opacity:1;position:-webkit-sticky;position:sticky;visibility:visible}.contact-table td,.contact-table th{padding:16px 14px}.contact-table th{max-width:none;min-width:120px}.contact-table td{max-width:none}}.empty-state-td,.loading-state-td{color:#6b7280;padding:60px 20px;text-align:center;vertical-align:middle}.empty-state-filtered{align-items:center;display:flex;flex-direction:column;gap:12px}.empty-state-filtered-title{color:#374151;font-size:1.1rem;font-weight:600}.empty-state-filtered-details{color:#9ca3af;font-size:.9rem}.contact-table-scroll-container .empty-icon{display:block;font-size:2.5rem;margin-bottom:12px;opacity:.4}.contact-table-scroll-container .empty-text{color:#6b7280;direction:rtl;font-size:1rem;margin:0}.contact-table-scroll-container .empty-state-filtered-title{margin-top:12px}.contact-table-scroll-container .empty-state-filtered-details{margin-top:8px}.empty-state-message{align-items:center;display:flex;font-size:1rem;justify-content:center;min-height:200px}.pagination-loader-inline-td{background-color:#f9fafb;border-bottom:1px solid #d1d5db;padding:12px;text-align:center;vertical-align:middle}.pagination-loader-inline{padding:8px}.pagination-loader-inline,.seamless-loader-inline{align-items:center;display:flex;justify-content:center}.seamless-loader-inline{gap:8px;opacity:.6;padding:4px}.spinner-mini{animation:spin .7s linear infinite;border:2px solid #d1d5db;border-radius:50%;border-top-color:#667eea;height:14px;width:14px}.loading-text-mini{color:#9ca3af;font-size:.8rem;font-weight:500}.pagination-loader-td{padding:20px;text-align:center;vertical-align:middle}.contact-counter-bottom{align-items:center;background-color:#f8f9fa;border-top:1px solid #dee2e6;color:#6b7280;direction:rtl;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:flex-end;padding:12px 16px}.contact-counter-icon{align-items:center;display:flex;font-size:1.1rem}.contact-counter-text{font-feature-settings:"tnum";color:#374151;font-variant-numeric:tabular-nums;font-weight:600}.contact-counter{align-items:center;bottom:8px;color:#6b7280;display:flex;font-size:.9rem;font-weight:500;gap:.4rem;left:8px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:10}.delete-checkbox-th,.selection-checkbox-th{background-color:#f8f9fa;box-shadow:2px 0 4px #0000001a;padding:12px 10px;top:0;z-index:11}.delete-checkbox-td,.delete-checkbox-th,.selection-checkbox-td,.selection-checkbox-th{inset-inline-start:0;max-width:70px;min-width:70px;overflow:hidden;position:-webkit-sticky;position:sticky;text-align:center;transition:width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),border-width .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);visibility:visible;white-space:nowrap;width:70px}.delete-checkbox-td,.selection-checkbox-td{background-color:#fff;display:table-cell;opacity:1;padding:10px 8px;z-index:3}.contact-checkbox,.select-all-checkbox{accent-color:#28a745;cursor:pointer;height:18px;width:18px}.delete-checkbox-input{accent-color:#dc3545;cursor:pointer;height:18px;width:18px}.contact-table .selection-mode-row{cursor:pointer;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.contact-table .selection-mode-row td{cursor:pointer}.contact-table .selection-mode-row:hover,.contact-table .selection-mode-row:hover td{background-color:#e8f5e9}.contact-table .contact-row-selection-selected{background-color:#d4edda;border-left:3px solid #28a745}.contact-table .delete-mode-row{cursor:pointer;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.contact-table .delete-mode-row td{cursor:pointer}.contact-table .delete-mode-row:hover,.contact-table .delete-mode-row:hover td{background-color:#ffebee}.contact-table .contact-row-delete-selected{background-color:#f8d7da;border-left:3px solid #dc3545}.contact-table .contact-row-delete-selected td{background-color:#f8d7da}.editable-cell-active{cursor:pointer;position:relative}.editable-cell-inactive{cursor:default}.contact-table .has-pending-edit{background-color:#fff3cd;border:2px solid #ffc107}.cell-edit-input{border:2px solid #4a90e2;border-radius:4px;font-family:inherit;font-size:.9rem;outline:none;padding:6px 8px;width:100%}.contact-table .phone-input-invalid{background-color:#ffe6e6;border-color:#dc3545}.new-contact-row{animation:slideInUp .3s ease-out;background-color:#e7f5ff}.contact-table .new-row-cell{padding:6px}.new-row-input{font-family:inherit;font-size:.9rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.button-disabled{cursor:not-allowed;opacity:.5}.header-actions .import-header-btn{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;color:#000;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.625rem 1.25rem;transition:background-color .2s ease,color .2s ease}.header-actions .import-header-btn:hover:not(:disabled){background:#f5f5f5;border:2px solid #d1d5db;box-shadow:0 1px 2px #0000000d;color:#000;transform:none}.import-header-btn:active{transform:translateY(0)}.add-contact-single-btn.button-disabled,.delete-mode-toggle-btn.button-disabled,.import-header-btn:disabled{cursor:not-allowed;opacity:.5}.sentinel-element{height:1px;margin:0;padding:0;pointer-events:none;visibility:hidden;width:100%}.contacts-fullscreen-modal{display:flex;flex-direction:column;gap:16px;height:100%;padding:20px}.contacts-fullscreen-modal .contact-selector-box{flex:1 1;min-height:0}.contacts-fullscreen-modal .contact-table-wrapper{border-radius:8px}.contacts-fullscreen-modal .contact-table-scroll-container{max-height:none}.contacts-fullscreen-modal .contact-table td{padding:12px 16px}.selection-mode-bar .select-all-header-btn{align-items:center;background:linear-gradient(90deg,#f9fafb99,#f3f4f666);border:3px solid #9ca3af;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;color:#6b7280;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.selection-mode-bar .select-all-header-btn:hover{background:linear-gradient(90deg,#f9fafb,#f3f4f6);border-color:#6b7280;border-width:3px;box-shadow:0 2px 6px #6b728033;transform:translateY(-1px)}.selection-mode-bar .select-all-header-btn:active{transform:translateY(0)}.selection-mode-bar .select-all-header-btn.delete-variant{background:linear-gradient(90deg,#fef2f299,#fee2e266);border-color:#f87171;color:#dc2626}.selection-mode-bar .select-all-header-btn.delete-variant:hover{background:linear-gradient(90deg,#fef2f2,#fee2e2);border-color:#ef4444;border-width:3px;box-shadow:0 2px 6px #ef444433}@media (max-width:1024px){.contact-table-scroll-container{min-height:180px}.contact-table{min-width:500px}.contact-table td{max-width:250px}.contact-counter-bottom{font-size:.85rem;padding:10px 12px}.select-all-header-btn{font-size:.85rem;padding:6px 12px}.contact-table .delete-checkbox-td,.contact-table .delete-checkbox-th,.contact-table .selection-checkbox-td,.contact-table .selection-checkbox-th{display:table-cell;inset-inline-start:0;opacity:1;position:-webkit-sticky;position:sticky;visibility:visible}}@media (max-width:768px){.contact-table-scroll-container{min-height:150px}.contacts-fullscreen-modal{padding:12px}.contact-table{min-width:400px}.contact-table td{max-width:200px}.contact-counter-bottom{font-size:.8rem;padding:8px 10px}.contact-table-scroll-container::-webkit-scrollbar{height:8px;width:8px}.select-all-header-btn{font-size:.8rem;padding:6px 10px}.contact-table .delete-checkbox-td,.contact-table .delete-checkbox-th,.contact-table .selection-checkbox-td,.contact-table .selection-checkbox-th{display:table-cell;inset-inline-start:0;opacity:1;position:-webkit-sticky;position:sticky;visibility:visible}}@media (max-width:480px){.contact-table-scroll-container{min-height:120px}.contact-table{min-width:320px}.contact-table td{max-width:150px}.contact-counter-bottom{font-size:.75rem;padding:6px 8px}.select-all-header-btn{font-size:.75rem;padding:5px 8px}}@media print{.contact-table-scroll-container{height:auto;overflow:visible}.contact-counter-bottom,.pagination-loader-overlay{display:none}}.contact-header{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:clamp(8px,1vw,12px);justify-content:space-between;margin-bottom:clamp(8px,1vw,12px);position:relative;width:100%}.contact-selector-title{flex-shrink:1;max-width:60%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:clamp(6px,.8vw,10px);justify-content:flex-end;padding-left:clamp(.5rem,1vw,1rem);width:100%}.pending-edits-actions{align-items:center;background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.pending-count{color:#856404;font-size:.9rem;font-weight:600}.save-changes-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:6px 16px;transition:background-color .2s}.save-changes-btn:hover{background-color:#218838}.discard-changes-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:6px 10px;transition:background-color .2s}.discard-changes-btn:hover{background-color:#c82333}.contact-table-container{border:1px solid #ddd;border-radius:0 0 8px 8px;display:flex;flex:1 1;flex-direction:column;max-width:100%;min-height:0;overflow-x:auto;overflow-y:auto;position:relative}.contact-table-container table{height:100%}.contact-table tbody{height:100%;-webkit-user-select:none;user-select:none}.contact-table tbody tr:only-child{height:100%}.contact-table tbody tr:only-child td{height:100%;vertical-align:middle}.contact-table td.checkbox-cell{text-align:center}.contact-table-wrapper .contact-table-container,.contact-table-wrapper .contact-table-scroll-container{border:none;flex:1 1;min-height:0;overflow:auto}.editable-cell{padding:8px;transition:background-color .2s}.editable-cell:hover{background-color:#f0f8ff;outline:1px solid #4a90e2}.add-contact-button-container{display:flex;gap:0;min-width:200px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.add-contact-button-container .add-contact-single-btn{align-items:center;background:#2563eb;border:2px solid #2563eb;border-radius:.375rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:400;gap:.25rem;height:40px;justify-content:center;outline:none;padding:.625rem 1.25rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap;width:100%}.add-contact-button-container .add-contact-single-btn:focus-visible{box-shadow:0 0 0 1px #2563eb80,0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;outline:none}.add-contact-button-container .add-contact-single-btn:hover:not(:disabled){background:#1d4ed8;border:2px solid #1d4ed8;transform:none!important}.add-contact-button-container .add-contact-single-btn.button-disabled,.add-contact-button-container .add-contact-single-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.add-contact-button-container .add-contact-single-btn .add-icon{stroke-width:2.5;flex-shrink:0;height:clamp(16px,1.5vw,18px);width:clamp(16px,1.5vw,18px)}.add-contact-button-container .add-contact-single-btn svg,.header-actions .delete-mode-toggle-btn svg,.header-actions .import-header-btn svg{flex-shrink:0;height:1rem;pointer-events:none;width:1rem}.add-contact-button-container.split{flex-shrink:0;gap:.5rem;margin-left:auto}.add-contact-button-container.split .add-contact-split-btn{align-items:center;animation:buttonSlideIn .5s cubic-bezier(.68,-.55,.265,1.55);border-radius:.5rem;border-style:solid;border-width:3px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.add-contact-button-container.split .add-contact-split-btn.add-btn{animation-delay:0s;background:linear-gradient(90deg,#f0fdf499,#dcfce766);border-color:#86efac;color:#16a34a;min-width:3rem}.add-contact-button-container.split .add-contact-split-btn.add-btn:hover{background:linear-gradient(90deg,#f0fdf4,#dcfce7);border-color:#4ade80;border-width:3px;box-shadow:0 2px 6px #22c55e33;transform:translateY(-1px)}.add-contact-button-container.split .add-contact-split-btn.save-btn{animation-delay:.1s;background:linear-gradient(90deg,#f0fdf499,#dcfce766);border-color:#86efac;color:#16a34a;min-width:6rem}.add-contact-button-container.split .add-contact-split-btn.save-btn:hover:not(:disabled){background:linear-gradient(90deg,#f0fdf4,#dcfce7);border-color:#4ade80;border-width:3px;box-shadow:0 2px 6px #22c55e33;transform:translateY(-1px)}.add-contact-button-container.split .add-contact-split-btn.save-btn:disabled{background:#f3f4f6;border-color:#cbd5e1;color:#9ca3af;cursor:not-allowed;opacity:.5}.add-contact-button-container.split .add-contact-split-btn.cancel-btn{animation-delay:.2s;background:linear-gradient(90deg,#fef2f299,#fee2e266);border-color:#f87171;color:#dc2626;min-width:6rem}.add-contact-button-container.split .add-contact-split-btn.cancel-btn:hover{background:linear-gradient(90deg,#fef2f2,#fee2e2);border-color:#ef4444;border-width:3px;box-shadow:0 2px 6px #ef444433;transform:translateY(-1px)}.add-contact-header-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 2px 6px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.add-contact-header-btn:hover{box-shadow:0 3px 10px #28a74566;transform:translateY(-1px)}.add-contact-header-btn .add-icon{font-size:1.2rem;font-weight:700}.contact-table .new-row-cell{padding:4px}.new-row-input{border:2px solid #4a90e2;border-radius:4px;box-sizing:border-box;font-size:14px;outline:none;padding:8px;transition:border-color .2s;width:100%}.new-row-input:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.floating-row-actions{background-color:#e7f5ff;border-radius:8px;display:flex;gap:6px;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:10}.inline-save-btn{align-items:center;background-color:#28a745;border:none;border-radius:6px;box-shadow:0 2px 4px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;transition:all .2s;width:32px}.inline-save-btn:hover{background-color:#218838;box-shadow:0 3px 8px #28a74566;transform:scale(1.1)}.inline-cancel-btn{align-items:center;background-color:#dc3545;border:none;border-radius:6px;box-shadow:0 2px 4px #dc35454d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;transition:all .2s;width:32px}.inline-cancel-btn:hover{background-color:#c82333;box-shadow:0 3px 8px #dc354566;transform:scale(1.1)}@keyframes buttonAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes buttonSlideIn{0%{opacity:0;transform:scale(.3) translateY(-10px)}60%{transform:scale(1.1) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.selection-mode-toggle-btn{align-items:center;background:linear-gradient(135deg,#4a90e2,#5ba3f5);border:none;border-radius:8px;box-shadow:0 2px 6px #4a90e24d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.selection-mode-toggle-btn:hover{background:linear-gradient(135deg,#357abd,#4a90e2);box-shadow:0 3px 10px #4a90e266;transform:translateY(-1px)}.selection-mode-bar{animation:slideInDown .3s ease-out;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #4a90e2;border-radius:8px;flex-shrink:1;margin-right:auto;max-width:min(65%,700px);min-width:0;padding:10px 14px;width:auto}.selection-bar-content{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.selection-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.selection-info{align-items:flex-start;display:flex;flex-direction:column;gap:4px;text-align:left}.selection-count{color:#1976d2;font-size:.9rem;font-weight:700}.selection-hint{color:#555;font-size:.75rem;font-style:italic;line-height:1.3}.confirm-selection-btn{background:linear-gradient(135deg,#28a745,#34c759);border:none;border-radius:6px;box-shadow:0 2px 6px #28a7454d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.confirm-selection-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#28a745);box-shadow:0 3px 8px #28a74566;transform:translateY(-1px)}.confirm-selection-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.cancel-selection-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.cancel-selection-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.contact-table .selected-row{background-color:#d4edda;border-left:4px solid #28a745}.contact-table .selected-row:hover{background-color:#c3e6cb}@media (max-width:1200px){.selection-mode-bar{max-width:70%}}@media (max-width:1024px){.selection-mode-bar{max-width:75%}.select-all-header-btn{font-size:.8rem;padding:6px 10px}.cancel-selection-btn,.confirm-selection-btn{font-size:.85rem;padding:8px 12px}.selection-hint{font-size:.7rem}}@media (max-width:768px){.selection-mode-bar{flex-basis:100%;margin-right:0;margin-top:8px;max-width:100%;width:100%}.contact-header{flex-wrap:wrap}.selection-bar-content{align-items:stretch;width:100%}.selection-actions{flex-wrap:wrap;gap:6px;justify-content:stretch}.selection-info{align-items:flex-start;text-align:right}.cancel-selection-btn,.confirm-selection-btn,.select-all-header-btn{flex:1 1;font-size:.8rem;padding:6px 10px}}@media (max-width:480px){.selection-mode-bar{padding:8px 10px}.selection-bar-content{gap:6px}.selection-count{font-size:.85rem}.selection-hint{font-size:.7rem}.selection-actions{gap:4px}.cancel-selection-btn,.confirm-selection-btn,.select-all-header-btn{font-size:.75rem;padding:5px 8px}}.header-actions .delete-mode-toggle-btn{align-items:center;background:linear-gradient(90deg,#fef2f299,#fee2e266);border:3px solid #f87171;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;color:#dc2626;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.header-actions .delete-mode-toggle-btn:hover:not(:disabled){background:linear-gradient(90deg,#fef2f2,#fee2e2);border-color:#ef4444;border-width:3px;box-shadow:0 2px 6px #ef444433;transform:translateY(-1px)}.delete-mode-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.delete-mode-bar .delete-mode-cancel-btn{align-items:center;background:linear-gradient(90deg,#f9fafb99,#f3f4f666);border:3px solid #9ca3af;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;color:#6b7280;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.delete-mode-bar .delete-mode-cancel-btn:hover{background:linear-gradient(90deg,#f9fafb,#f3f4f6);border-color:#6b7280;border-width:3px;box-shadow:0 2px 6px #6b728033;transform:translateY(-1px)}.delete-mode-bar{animation:slideInDown .3s ease-out;background:linear-gradient(135deg,#ffe6e6,#ffd4d4);border:2px solid #dc3545;border-radius:8px;justify-content:space-between;margin-bottom:12px;padding:12px 16px}.delete-info,.delete-mode-bar{align-items:center;display:flex;gap:12px}.delete-info{flex-wrap:wrap}.delete-count{color:#dc3545;font-size:1.1rem;font-weight:700}.delete-hint{color:#555;font-size:.85rem;font-style:italic}.delete-mode-bar .select-all-delete-btn{align-items:center;background:linear-gradient(90deg,#f9fafb99,#f3f4f666);border:3px solid #9ca3af;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;color:#6b7280;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.delete-mode-bar .select-all-delete-btn:hover{background:linear-gradient(90deg,#f9fafb,#f3f4f6);border-color:#6b7280;border-width:3px;box-shadow:0 2px 6px #6b728033;transform:translateY(-1px)}.delete-actions{align-items:center;display:flex;gap:12px}.delete-mode-bar .confirm-delete-btn{align-items:center;background:linear-gradient(90deg,#fef2f299,#fee2e266);border:3px solid #f87171;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;color:#dc2626;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.delete-mode-bar .confirm-delete-btn:hover:not(:disabled){background:linear-gradient(90deg,#fef2f2,#fee2e2);border-color:#ef4444;border-width:3px;box-shadow:0 2px 6px #ef444433;transform:translateY(-1px)}.delete-mode-bar .confirm-delete-btn:disabled{background:#f3f4f6;border-color:#cbd5e1;color:#9ca3af;cursor:not-allowed;opacity:.5;transform:none}.contact-table .delete-mode-row .editable-cell:hover{background-color:initial;outline:none}.contact-table .delete-mode-row:hover,.contact-table .delete-mode-row:hover td{background-color:#fff5f5}.contact-table .delete-selected-row{background-color:#f8d7da;border-left:4px solid #dc3545}.contact-table .delete-selected-row td{background-color:#f8d7da}.contact-table .delete-selected-row:hover,.contact-table .delete-selected-row:hover td{background-color:#f5c6cb}@media (max-width:768px){.delete-mode-bar{padding:10px}.delete-info,.delete-mode-bar{align-items:stretch;flex-direction:column}.select-all-delete-btn{width:100%}.delete-actions{justify-content:stretch;width:100%}.confirm-delete-btn{width:100%}}.select-all-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffd60a;border-radius:8px;box-shadow:0 2px 8px #ffd60a33;direction:rtl;display:flex;gap:12px;justify-content:space-between;margin:12px 0;padding:12px 16px}.select-all-banner.selected{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;box-shadow:0 2px 8px #28a74533}.select-all-banner.delete-mode{box-shadow:0 2px 8px #dc354533}.select-all-banner.delete-mode,.select-all-banner.delete-mode.selected{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.banner-text{color:#333;font-size:.95rem;font-weight:500}.clear-selection-link,.select-all-database-link{background:none;border:none;border-radius:4px;color:#667eea;cursor:pointer;font-size:.95rem;font-weight:700;padding:4px 8px;text-decoration:underline;transition:all .2s ease;white-space:nowrap}.clear-selection-link:hover,.select-all-database-link:hover{background-color:#667eea1a;color:#5568d3}.delete-mode .clear-selection-link,.delete-mode .select-all-database-link{color:#dc3545}.delete-mode .clear-selection-link:hover,.delete-mode .select-all-database-link:hover{background-color:#dc35451a;color:#c82333}@media (max-width:768px){.select-all-banner{align-items:flex-start;flex-direction:column;gap:8px}.banner-text{font-size:.9rem}.clear-selection-link,.select-all-database-link{align-self:flex-end;font-size:.9rem}}.contacts-section-wrapper{background:#fff;border:2px solid #d1d5db;border-radius:.75rem;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;max-width:100%;min-height:0;min-width:0;overflow:visible;padding:clamp(1rem,1.5vw,1.5rem);width:100%}.contacts-section-wrapper--bordered{border:2px solid #d1d5db;max-height:80vh;overflow:hidden;padding:1.5rem}.sms-delivery-modal{direction:rtl;display:flex;flex-direction:column;gap:20px;max-height:70vh}.modal-title{border-bottom:2px solid #e9ecef;color:#333;font-size:24px;font-weight:700;margin:0 0 20px;padding-bottom:15px;text-align:center}.sms-delivery-summary{grid-gap:15px;background:#f8f9fa;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);padding:15px;text-align:center}.sms-delivery-summary p{font-weight:500;margin:0}.sms-delivery-summary .status-sent{color:#28a745}.sms-delivery-summary .status-failed{color:#dc3545}.sms-delivery-summary .status-pending{color:#ffc107}.sms-delivery-controls{align-items:center;display:flex;gap:15px}.sms-delivery-controls label{align-items:center;display:flex;font-weight:500;gap:8px}.sms-delivery-controls select{background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:8px 12px}.sms-delivery-table-container{border:1px solid #dee2e6;border-radius:8px;max-height:400px;overflow-y:auto}.sms-delivery-table{background:#fff;border-collapse:collapse;width:100%}.sms-delivery-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;cursor:pointer;font-weight:600;padding:12px;position:-webkit-sticky;position:sticky;text-align:right;top:0;-webkit-user-select:none;user-select:none;z-index:1}.sms-delivery-table th:hover{background:#e9ecef}.sms-delivery-table td{border-bottom:1px solid #dee2e6;padding:12px;text-align:right}.sms-delivery-table tr:hover{background:#f8f9fa}.status-delivered{background:#d4edda}.status-sent{background:#d1ecf1}.status-failed{background:#f8d7da}.status-pending{background:#fff3cd}.no-deliveries{color:#6c757d;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.sms-delivery-summary{grid-template-columns:repeat(2,1fr)}.sms-delivery-table-container{font-size:14px}.sms-delivery-table td,.sms-delivery-table th{padding:8px}}.sending-progress-modal .modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:28px}.sending-progress-container{text-align:center}.progress-section h2{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.progress-bar-container{background:#e0e0e0;border-radius:6px;height:12px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{animation:progressGlow 1.5s ease-in-out infinite;background:linear-gradient(90deg,#4caf50,#45a049);border-radius:6px;height:100%;transition:width .3s ease}@keyframes progressGlow{0%,to{opacity:1}50%{opacity:.8}}.progress-text{font-size:28px;font-weight:700;margin-bottom:12px}.sent-count{color:#4caf50;margin-left:4px}.separator{color:#999;margin:0 4px}.total-count{color:#666;font-weight:500}.current-status{color:#666;font-size:14px;margin-top:12px}.failed-counter{background:#ffebee;border-radius:8px;color:#c62828;font-size:14px;font-weight:600;margin-top:15px;padding:8px 16px}.success-animation{animation:fadeIn .5s ease}.success-circle{height:80px;margin:0 auto 20px;position:relative;width:80px}.success-circle .checkmark{animation:scaleIn .3s ease .2s both;height:100%;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-circle .checkmark-circle{stroke:#4caf50;stroke-width:3;stroke-miterlimit:10;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}@keyframes stroke{0%{stroke-dashoffset:0;stroke-dasharray:0 130}to{stroke-dashoffset:0;stroke-dasharray:130 0}}.success-circle .checkmark-check{stroke:#4caf50;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;animation:checkmark .5s ease .7s both}@keyframes checkmark{0%{stroke-dashoffset:50;stroke-dasharray:0 50}to{stroke-dashoffset:0;stroke-dasharray:50 0}}.success-title{animation:slideUp .5s ease .3s both;color:#4caf50;font-size:20px;font-weight:700;margin:0 0 20px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-stats{display:flex;gap:24px;justify-content:center;margin-bottom:25px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{color:#666;font-size:12px;font-weight:500}.stat-value{color:#4caf50;font-size:24px;font-weight:700}.stat-item.failed .stat-value{color:#c62828}.failed-contacts-section{animation:slideUp .5s ease .5s both;margin-top:20px}.failed-contacts-section h3{color:#c62828;font-size:16px;font-weight:600;margin:0 0 12px}.failed-contacts-list{background:#f5f5f5;border-radius:10px;max-height:300px;overflow-y:auto;padding:15px}.failed-contact-item{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:5px;margin-bottom:10px;padding:12px;text-align:right}.failed-contact-item:last-child{margin-bottom:0}.contact-phone{color:#333;font-size:16px;font-weight:600}.contact-name{color:#666;font-size:14px}.error-message{color:#c62828;font-size:12px;margin-top:5px}.close-progress-btn{background:#4caf50;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:12px 32px;transition:all .3s ease}.close-progress-btn:hover{background:#45a049;box-shadow:0 5px 15px #4caf504d;transform:translateY(-2px)}.close-progress-btn:active{transform:translateY(0)}@media (max-width:768px){.sending-progress-modal .modal-content{max-width:90%;padding:24px 16px}.progress-section h2{font-size:16px;margin-bottom:16px}.progress-text{font-size:24px}.progress-bar-container{height:10px}.success-circle{height:60px;width:60px}.success-title{font-size:18px}.stat-value{font-size:20px}.success-stats{flex-direction:column;gap:16px;margin-bottom:20px}.failed-contacts-list{max-height:200px;padding:12px}.close-progress-btn{font-size:13px;padding:10px 28px}}.missing-fields-modal-container{display:flex;flex-direction:column;height:100%}.missing-fields-description{color:#666;margin-bottom:20px}.missing-fields-table-container{border:1px solid #ddd;border-radius:8px;flex:1 1;overflow-x:auto;overflow-y:auto}.missing-fields-table{border-collapse:initial;border-spacing:0;min-width:600px;width:100%}.missing-fields-table thead{box-shadow:0 2px 4px #0000001a}.missing-fields-table thead,.missing-fields-th{background-color:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.missing-fields-th{border:1px solid #ddd;padding:12px;text-align:right}.missing-fields-phone-td{border:1px solid #ddd;font-weight:700;padding:8px;white-space:nowrap}.missing-fields-td{border:1px solid #ddd;padding:4px}.missing-fields-td.missing{background:#fff3cd}.missing-fields-td.not-missing{background:#f8f9fa}.missing-fields-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.missing-fields-not-missing-text{color:#999}.missing-fields-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.missing-fields-cancel-btn{background:#6c757d}.missing-fields-cancel-btn,.missing-fields-confirm-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.missing-fields-confirm-btn{background:linear-gradient(135deg,#28a745,#34c759);font-weight:700}.modal-content:has(.message-generator-modal){border-radius:20px;max-height:90vh;max-width:800px;overflow:hidden;padding:0;width:90vw}.modal-content:has(.message-generator-modal) .modal-close{color:#fff;font-size:14px;height:24px;position:absolute;right:6px;top:6px;width:24px;z-index:10}.modal-content:has(.message-generator-modal) .modal-close:hover{background-color:#fff3;color:#fff}.modal-content:has(.message-generator-modal) .modal-close:active{background-color:#ffffff4d;color:#fff}.modal-content:has(.message-generator-modal.initial-state){border-radius:10px;display:flex;flex-direction:column;max-height:385px;max-width:700px;overflow:hidden;padding:0;width:90vw}.modal-content:has(.message-generator-modal.initial-state) .message-generator-header{border-radius:0;overflow:hidden}.modal-content:has(.message-generator-modal.has-suggestions){border-radius:24px;height:auto;max-height:90vh;max-width:1400px;padding:0;width:95vw}.modal-content:has(.message-generator-modal.has-suggestions) .message-generator-header{border-radius:24px 24px 0 0}.modal-content:has(.message-generator-modal.has-suggestions) .message-generator-modal{border-radius:0 0 24px 24px}.modal-content:has(.message-generator-modal.has-suggestions) .modal-close{font-size:16px;height:28px;right:14px;top:12px;width:28px}.message-generator-modal{border-radius:0;display:flex;flex-direction:column;min-height:auto;overflow:hidden;padding:0;width:100%}.message-generator-modal.initial-state{border-radius:0;display:flex;flex-direction:column;height:100%;max-height:385px;overflow:hidden;width:100%}.message-generator-modal.has-suggestions{display:grid;grid-template-areas:"header" "content";grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100%;max-height:90vh;overflow:hidden}.message-generator-modal.has-suggestions .message-generator-header{grid-area:header}.message-generator-modal.has-suggestions .message-generator-content-wrapper{display:grid;grid-area:content;grid-template-areas:"suggestions" "prompt";grid-template-columns:1fr;grid-template-rows:1fr auto;min-height:0;overflow-x:hidden;overflow-y:auto}.message-generator-modal.has-suggestions .message-generator-suggestions{display:flex;flex-direction:column;grid-area:suggestions;min-height:0;overflow-x:hidden;overflow-y:visible;padding:24px 32px}.message-generator-header{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;flex-shrink:0;padding:24px 32px}.message-generator-modal.initial-state .message-generator-header{flex-shrink:0;padding:20px 24px}.message-generator-modal.initial-state .message-generator-header-content{flex-shrink:0}.message-generator-modal.initial-state .message-generator-header-icons{display:flex;flex-shrink:0;gap:10px}.message-generator-header-content{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;margin-right:10px;text-align:right}.message-generator-header-icons{align-items:center;display:flex;flex-shrink:0;gap:12px;margin-right:26px;margin-top:3px}.message-generator-modal.initial-state .message-generator-ai-icon{border-radius:12px;height:18px;padding:10px;width:18px}.message-generator-ai-icon{background:#3b82f6;border-radius:14px;box-sizing:initial;color:#fff;opacity:.9;padding:10px}.message-generator-btn-sparkles-icon{color:#fff;flex-shrink:0;opacity:.9}.message-generator-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;text-align:center}.message-generator-modal.initial-state .message-generator-title{font-size:20px;margin:0 0 4px}.message-generator-subtitle{color:#fffffff2;font-size:16px;font-weight:400;margin:0;text-align:center}.message-generator-modal.initial-state .message-generator-subtitle{font-size:12px;line-height:1.4}.message-generator-instruction-box{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:16px;display:flex;flex-shrink:0;gap:12px;margin:24px 32px;padding:12px 20px}.message-generator-modal.initial-state .message-generator-instruction-box{border-radius:6px;flex-shrink:0;gap:8px;margin:16px 18px;padding:10px 16px}.message-generator-modal.initial-state .message-generator-instruction-icon{font-size:18px}.message-generator-modal.initial-state .message-generator-instruction-text{font-size:13px;line-height:1.4}.message-generator-instruction-icon{flex-shrink:0;font-size:24px}.message-generator-instruction-text{color:#1e40af;flex:1 1;font-size:15px;line-height:1.5;margin:0;text-align:right}.message-generator-prompt-section{display:flex;flex:1 1;flex-direction:column;margin:24px 20px 10px;min-height:0;text-align:center}.message-generator-modal.has-suggestions .message-generator-prompt-section{background:#fafafa;border-top:2px solid #e5e7eb;flex-shrink:0;margin:0;padding:16px 24px}.message-generator-modal.initial-state .message-generator-prompt-section{display:flex;flex:1 1;flex-direction:column;margin:0;overflow-y:auto;padding:0 18px}.message-generator-prompt-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.message-generator-modal.has-suggestions .message-generator-prompt-header{gap:12px;margin-bottom:8px}.message-generator-prompt-input-wrapper{align-items:stretch;display:flex;gap:12px;position:relative}.message-generator-modal.initial-state .message-generator-prompt-input-wrapper{display:block;gap:0}.message-generator-label{color:#374151;display:block;flex:1 1;font-size:16px;font-weight:600;margin:0;text-align:right}.message-generator-modal.initial-state .message-generator-label{color:#fff;font-size:15px;margin-bottom:12px;max-width:none;width:100%}.message-generator-prompt-input{background:#fff;border:2px solid #d1d5db;border-radius:16px;box-sizing:border-box;direction:rtl;display:block;flex:1 1;font-family:inherit;font-size:16px;min-height:100px;padding:16px 20px;resize:vertical;text-align:right;transition:all .2s}.message-generator-modal.has-suggestions .message-generator-prompt-input{font-size:15px;height:60px;max-height:60px;min-height:60px;padding:10px 16px;resize:none}.message-generator-modal.initial-state .message-generator-prompt-input{border-radius:6px;box-sizing:border-box;flex:none;font-size:15px;margin-bottom:16px;max-width:none;min-height:110px;padding:14px 16px;width:100%}.message-generator-prompt-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.message-generator-prompt-input:disabled{background-color:#f9fafb;border-color:#e5e7eb;cursor:not-allowed}.message-generator-initial-actions{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:16px;justify-content:center;margin:30px 32px 32px}.message-generator-modal.initial-state .message-generator-initial-actions{grid-gap:6px;box-sizing:border-box;display:grid;flex-shrink:0;gap:6px;grid-template-columns:1fr 1fr;margin:0 0 20px;padding:0 18px;width:100%}.message-generator-cancel-btn-secondary{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:16px;color:#4b5563;cursor:pointer;font-size:18px;font-weight:600;padding:16px 40px;transition:all .2s ease}.message-generator-modal.initial-state .message-generator-cancel-btn-secondary{background:#fff;border:2px solid #d1d5db;border-radius:6px;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;color:#6b7280;font-size:15px;height:40px;padding:10px 20px;transition:background-color .2s ease,color .2s ease,border-color .2s ease;width:100%}.message-generator-cancel-btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.message-generator-modal.initial-state .message-generator-cancel-btn-secondary:hover{background-color:#f5f5f5;border:2px solid #d1d5db;color:#000;transform:none}.message-generator-actions{margin-bottom:30px;text-align:center}.message-generator-generate-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:16px;box-shadow:0 4px 6px #8b5cf640;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;gap:8px;padding:16px 48px;transition:all .2s ease}.message-generator-modal.initial-state .message-generator-generate-btn{background:#2563eb;border:2px solid #2563eb;border-radius:6px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-sizing:border-box;font-size:16px;gap:6px;height:40px;justify-content:center;padding:10px 20px;transition:background-color .2s ease,border-color .2s ease,color .2s ease;width:100%}.message-generator-generate-btn:hover:not(:disabled){box-shadow:0 6px 12px #8b5cf659;transform:translateY(-2px)}.message-generator-modal.initial-state .message-generator-generate-btn:hover:not(:disabled){background:#1d4ed8;border:2px solid #1d4ed8;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;transform:none}.message-generator-generate-btn:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.message-generator-modal.initial-state .message-generator-generate-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.message-generator-loading{color:#666;padding:30px;text-align:center}.message-generator-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 15px;width:40px}.message-generator-suggestions-title{color:#374151;flex-shrink:0;font-size:18px;font-weight:600;margin-bottom:20px;text-align:right}.message-generator-suggestions-list{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin-bottom:0;padding:0;width:100%}.message-generator-modal.has-suggestions .message-generator-suggestions-list{flex:1 1}.message-generator-suggestion-card{background:#fff;border:2px solid #e5e7eb;border-radius:20px;box-sizing:border-box;cursor:default;display:flex;flex-direction:column;min-height:180px;padding:20px;transition:all .3s ease;width:100%}.message-generator-suggestion-card:hover{border-color:#c7d2fe;box-shadow:0 8px 24px #6366f11f;transform:translateY(-4px)}.message-generator-suggestion-card-skeleton{border-color:#e5e7eb;cursor:default;pointer-events:none}.message-generator-suggestion-card-skeleton:hover{border-color:#e5e7eb;box-shadow:none;transform:none}.message-generator-suggestion-card-skeleton .message-generator-suggestion-text{cursor:default;pointer-events:none}.message-generator-skeleton-loader{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;display:inline-block}.message-generator-skeleton-loader-line{height:14px;margin-bottom:6px}.message-generator-skeleton-loader-small{height:12px;width:60px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.message-generator-suggestion-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px}.message-generator-suggestion-meta{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px}.message-generator-suggestion-sms{color:#6b7280;font-size:12px}.message-generator-suggestion-edit-icon{font-size:14px;opacity:.6}.message-generator-suggestion-length{color:#999;font-size:12px}.message-generator-suggestion-text{align-items:center;color:#1f2937;cursor:pointer;direction:rtl;display:flex;flex:1 1;font-size:15px;justify-content:center;line-height:1.6;min-height:0;padding:16px 0;text-align:right;transition:opacity .2s ease}.message-generator-suggestion-card-skeleton .message-generator-suggestion-text{align-items:flex-start;flex-direction:column;gap:6px;justify-content:center;padding:16px 0}.message-generator-suggestion-text:hover{opacity:.8}.message-generator-error{background:#fff3cd;border:1px solid #ffc107;border-radius:14px;margin-bottom:20px;padding:20px;text-align:center}.message-generator-error p{color:#856404;margin:0}.message-generator-improvement-section{border-top:2px solid #e5e7eb}.message-generator-improvement-actions{align-items:center;display:flex;gap:16px;justify-content:center;margin:10px 0}.message-generator-start-over-btn{align-items:center;background:#0000;border:none;border-radius:6px;box-sizing:border-box;color:#374151;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:27px;justify-content:center;margin-left:4px;max-width:80px;min-width:80px;padding:0;text-align:center;transition:background-color .2s ease,color .2s ease;white-space:nowrap;width:80px}.message-generator-start-over-btn:hover{background:#f3f4f6;color:#1f2937}.message-generator-improve-btn-square{align-items:center;align-self:stretch;background:#2563eb;border:2px solid #2563eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:600;gap:6px;height:100%;justify-content:center;line-height:1;margin-top:0;min-height:75px;min-width:75px;padding:0 16px;transition:background-color .2s ease,border-color .2s ease,color .2s ease;width:auto}.message-generator-modal.has-suggestions .message-generator-improve-btn-square{height:60px;min-height:60px;min-width:70px}.message-generator-improve-btn-square:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;transform:none}.message-generator-improve-btn-square:active:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;transform:none}.message-generator-improve-btn-square:disabled{cursor:not-allowed;opacity:.5;pointer-events:none;transform:none}.message-generator-improve-btn-icon{color:#fff;flex-shrink:0}.message-generator-improve-btn-text{color:#fff;font-size:16px;font-weight:600;white-space:nowrap}.message-generator-loading-dots{align-items:center;direction:ltr;display:inline-flex;gap:2px;justify-content:center;min-width:20px}.message-generator-loading-dot{animation:loading-dot-sequential 1.5s infinite;animation-fill-mode:both;display:inline-block;opacity:0}.message-generator-loading-dot:first-child{animation-delay:0s}.message-generator-loading-dot:nth-child(2){animation-delay:.5s}.message-generator-loading-dot:nth-child(3){animation-delay:1s}@keyframes loading-dot-sequential{0%{opacity:0}50%,to{opacity:1}}.message-generator-improve-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:16px;box-shadow:0 4px 6px #8b5cf640;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:6px;padding:16px 48px;transition:all .2s ease}.message-generator-improve-btn:hover:not(:disabled){box-shadow:0 6px 12px #8b5cf659;transform:translateY(-2px)}.message-generator-improve-btn:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:1024px) and (min-width:901px){.message-generator-modal.has-suggestions .message-generator-prompt-section{padding:14px 18px}.message-generator-modal.has-suggestions .message-generator-prompt-header{gap:10px;margin-bottom:8px}.message-generator-modal.has-suggestions .message-generator-label{font-size:14px}.message-generator-modal.has-suggestions .message-generator-prompt-input{font-size:14px;height:65px;max-height:65px;min-height:65px;padding:10px 14px}.message-generator-modal.has-suggestions .message-generator-improve-btn-square{height:65px;min-height:65px;min-width:70px}}@media (max-width:1024px){.modal-content:has(.message-generator-modal){max-width:95vw;width:95vw}.modal-content:has(.message-generator-modal.has-suggestions){max-width:95vw;width:95vw}.message-generator-modal.has-suggestions .message-generator-suggestions{padding:20px 24px}.message-generator-modal.has-suggestions .message-generator-prompt-section{padding:16px 20px}.message-generator-modal.has-suggestions .message-generator-prompt-header{gap:12px;margin-bottom:8px}.message-generator-modal.has-suggestions .message-generator-label{font-size:14px;margin-bottom:0}.message-generator-modal.has-suggestions .message-generator-prompt-input{font-size:14px;height:60px;max-height:60px;min-height:60px;padding:10px 14px}.message-generator-modal.has-suggestions .message-generator-improve-btn-square{font-size:14px;min-width:65px;padding:0 12px}.message-generator-suggestions-list{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.modal-content:has(.message-generator-modal){max-height:95vh;max-width:98vw;width:98vw}.modal-content:has(.message-generator-modal.initial-state){max-height:90vh}.message-generator-header{padding:24px 20px 24px 45px}.message-generator-modal.initial-state .message-generator-header{gap:8px;padding:16px 20px 16px 45px}.message-generator-title{font-size:22px}.message-generator-modal.initial-state .message-generator-title{font-size:18px;margin:0 0 2px}.message-generator-subtitle{font-size:14px}.message-generator-modal.initial-state .message-generator-subtitle{font-size:11px}.message-generator-instruction-box{margin:16px 20px;padding:12px 16px}.message-generator-modal.initial-state .message-generator-instruction-box{margin:8px 16px;padding:8px 12px}.message-generator-instruction-text{font-size:14px}.message-generator-modal.initial-state .message-generator-instruction-text{font-size:12px}.message-generator-modal.initial-state .message-generator-prompt-section{padding:16px}.message-generator-prompt-input{font-size:14px;min-height:100px}.message-generator-modal.initial-state .message-generator-prompt-input{font-size:13px;min-height:50px;padding:8px 12px}.message-generator-generate-btn{font-size:14px;padding:12px 24px}.message-generator-modal.initial-state .message-generator-generate-btn{font-size:14px;padding:8px 20px}.message-generator-improvement-actions,.message-generator-initial-actions{flex-direction:column-reverse;margin-left:20px;margin-right:20px;width:100%}.message-generator-modal.initial-state .message-generator-initial-actions{gap:10px;grid-template-columns:1fr;margin:0 0 10px}.message-generator-cancel-btn-secondary,.message-generator-generate-btn,.message-generator-improve-btn{min-width:auto;width:100%}.message-generator-modal.initial-state .message-generator-cancel-btn-secondary{font-size:14px;padding:8px 20px}.modal-content:has(.message-generator-modal.has-suggestions){max-height:95vh;max-width:98vw;width:98vw}.message-generator-modal.has-suggestions .message-generator-suggestions{padding:16px 20px}.message-generator-modal.has-suggestions .message-generator-prompt-section{padding:12px 16px}.message-generator-modal.has-suggestions .message-generator-prompt-header{gap:8px;margin-bottom:6px}.message-generator-modal.has-suggestions .message-generator-label{font-size:13px;margin-bottom:0}.message-generator-modal.has-suggestions .message-generator-prompt-input{font-size:13px;height:50px;max-height:50px;min-height:50px;padding:8px 12px}.message-generator-modal.has-suggestions .message-generator-improve-btn-square{font-size:13px;height:50px;min-height:50px;min-width:60px;padding:0 10px}.message-generator-modal.has-suggestions .message-generator-start-over-btn{font-size:11px;height:24px;max-width:70px;min-width:70px;width:70px}.message-generator-suggestions-list{gap:16px;grid-template-columns:1fr}.message-generator-suggestion-card{min-height:140px;padding:16px}.message-generator-suggestion-text{font-size:14px;padding:12px 0}.message-generator-prompt-header{align-items:center;flex-direction:column;gap:12px}.message-generator-label{text-align:right;width:100%}.message-generator-start-over-btn{align-self:center;font-size:12px;margin-left:0;max-width:80px;min-width:80px;padding:0;width:80px}.message-generator-prompt-input-wrapper{flex-direction:column;gap:8px}.message-generator-modal.has-suggestions .message-generator-prompt-input-wrapper{gap:6px}.message-generator-improve-btn-square{align-self:stretch;height:48px;width:100%}.message-generator-improvement-section{margin-left:20px;margin-right:20px}}.ai-confirmation-dialog{max-width:500px;padding:32px;text-align:center;width:100%}.ai-confirmation-title{color:#111827;font-size:24px;font-weight:700;margin:0 0 16px}.ai-confirmation-message{color:#4b5563;font-size:16px;line-height:1.5;margin:0 0 12px}.ai-confirmation-question{color:#374151;font-size:16px;font-weight:600;margin:0 0 32px}.ai-confirmation-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.ai-confirmation-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;min-width:140px;padding:12px 24px;transition:all .2s}.ai-confirmation-btn-secondary{background-color:#f3f4f6;color:#374151}.ai-confirmation-btn-secondary:hover{background-color:#e5e7eb}.ai-confirmation-btn-primary{background-color:#3b82f6;color:#fff}.ai-confirmation-btn-primary:hover{background-color:#2563eb}.ai-confirmation-btn-success{background-color:#10b981;color:#fff}.ai-confirmation-btn-success:hover{background-color:#059669}.ai-confirmation-btn:disabled{cursor:not-allowed;opacity:.5}.ai-create-new-modal{max-width:600px;padding:32px;width:100%}.ai-create-new-title{color:#111827;font-size:24px;font-weight:700;margin:0 0 8px;text-align:center}.ai-create-new-subtitle{color:#6b7280;font-size:16px;margin:0 0 32px;text-align:center}.ai-create-new-form{margin-bottom:32px}.ai-create-new-label{color:#374151;display:block;font-size:16px;font-weight:600;margin-bottom:8px;text-align:right}.ai-create-new-input{border:2px solid #d1d5db;border-radius:14px;box-sizing:border-box;direction:rtl;font-size:16px;padding:12px 16px;text-align:right;transition:border-color .2s;width:100%}.ai-create-new-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.ai-create-new-input:disabled{background-color:#f9fafb;cursor:not-allowed}.ai-create-new-actions{display:flex;gap:12px;justify-content:flex-end}.ai-create-new-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s}.ai-create-new-btn-secondary{background-color:#f3f4f6;color:#374151}.ai-create-new-btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.ai-create-new-btn-primary{background-color:#3b82f6;color:#fff}.ai-create-new-btn-primary:hover:not(:disabled){background-color:#2563eb}.ai-create-new-btn:disabled{cursor:not-allowed;opacity:.5}.modal-content:has(.message-improve-modal){border-radius:20px;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;padding:0;width:95vw}.message-improve-modal{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.modal-content:has(.message-improve-modal) .modal-close{color:#fff;font-size:14px;height:24px;position:absolute;right:6px;top:6px;width:24px;z-index:10}.modal-content:has(.message-improve-modal) .modal-close:hover{background-color:#fff3;color:#fff}.modal-content:has(.message-improve-modal) .modal-close:active{background-color:#ffffff4d;color:#fff}.message-improve-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px 20px 0 0;color:#fff;display:flex;flex-direction:row;flex-shrink:0;gap:16px;justify-content:space-between;padding:24px 32px}.message-improve-header-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0;text-align:right}.message-improve-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;text-align:right}.message-improve-subtitle{color:#fffffff2;font-size:16px;font-weight:400;margin:0;text-align:right}.message-improve-header-icons{align-items:center;display:flex;flex-shrink:0;gap:10px}.message-improve-ai-icon{background:#3b82f6;border-radius:14px;box-sizing:initial;color:#fff;opacity:.9;padding:10px}.message-improve-content{background:#f9fafb;display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px 32px}.message-improve-current-section{background:#fff;border:2px solid #e5e7eb;border-radius:14px;flex-shrink:0;padding:20px}.message-improve-current-label{color:#111827;display:block;font-size:16px;font-weight:600;margin-bottom:12px;text-align:right}.message-improve-preview{word-wrap:break-word;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#374151;direction:rtl;font-size:15px;line-height:1.6;overflow-y:visible;padding:14px 16px;text-align:right;white-space:pre-wrap;width:100%}.message-improve-preview-empty{color:#9ca3af;font-style:italic}.message-improve-prompt-section{border-top:2px solid #e5e7eb;flex-shrink:0;margin-top:8px;padding-top:16px}.message-improve-prompt-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.message-improve-label{color:#374151;display:block;flex:1 1;font-size:15px;font-weight:600;margin:0;text-align:right}.message-improve-prompt-input-wrapper{align-items:stretch;display:flex;gap:10px}.message-improve-prompt-input{border:2px solid #d1d5db;border-radius:12px;box-sizing:border-box;direction:rtl;flex:1 1;font-family:inherit;font-size:15px;max-height:75px;min-height:75px;padding:12px 16px;resize:vertical;text-align:right;transition:border-color .2s,box-shadow .2s}.message-improve-prompt-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.message-improve-prompt-input:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.message-improve-improve-btn-square{align-items:center;background:#2563eb;border:2px solid #2563eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:6px;height:100%;justify-content:center;min-height:75px;min-width:75px;padding:0 16px;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.message-improve-improve-btn-square:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.message-improve-improve-btn-square:disabled{background:#cbd5e1;border-color:#cbd5e1;box-shadow:none;cursor:not-allowed;opacity:.5}.message-improve-improve-btn-icon{color:#fff;flex-shrink:0}.message-improve-improve-btn-text{color:#fff;font-size:16px;font-weight:600;white-space:nowrap}.message-improve-loading-dots{align-items:center;direction:ltr;display:inline-flex;gap:2px;justify-content:center;min-width:20px}.message-improve-loading-dot{animation:message-improve-loading-dot-sequential 1.5s infinite;animation-fill-mode:both;display:inline-block;opacity:0}.message-improve-loading-dot:first-child{animation-delay:0s}.message-improve-loading-dot:nth-child(2){animation-delay:.5s}.message-improve-loading-dot:nth-child(3){animation-delay:1s}@keyframes message-improve-loading-dot-sequential{0%{opacity:0}50%,to{opacity:1}}.message-improve-loading{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding:40px;text-align:center}.message-improve-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#8b5cf6;height:40px;margin-bottom:16px;width:40px}.message-improve-loading p{color:#6b7280;font-size:15px;margin:0}.message-improve-suggestions{flex-shrink:0}.message-improve-suggestions-title{color:#111827;font-size:18px;font-weight:700;margin-bottom:16px;text-align:center}.message-improve-suggestions-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.message-improve-suggestion-card{background:#fff;border:2px solid #e5e7eb;border-radius:20px;box-sizing:border-box;cursor:default;display:flex;flex-direction:column;min-height:180px;padding:20px;transition:all .3s ease;width:100%}.message-improve-suggestion-card:hover{border-color:#c7d2fe;box-shadow:0 8px 24px #6366f11f;transform:translateY(-4px)}.message-improve-suggestion-card-skeleton{border-color:#e5e7eb;cursor:default;pointer-events:none}.message-improve-suggestion-card-skeleton .message-improve-suggestion-text{align-items:flex-start;cursor:default;flex-direction:column;gap:6px;justify-content:center;padding:16px 0;pointer-events:none}.message-improve-skeleton-loader{animation:message-improve-skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;display:inline-block}.message-improve-skeleton-loader-line{height:14px;margin-bottom:6px;width:100%}.message-improve-skeleton-loader-small{height:12px;width:60px}@keyframes message-improve-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.message-improve-suggestion-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px}.message-improve-suggestion-length{color:#9ca3af;font-size:12px;font-weight:500}.message-improve-suggestion-text{align-items:center;color:#1f2937;cursor:pointer;direction:rtl;display:flex;flex:1 1;font-size:15px;justify-content:center;line-height:1.6;min-height:0;padding:16px 0;text-align:right;transition:opacity .2s ease}.message-improve-suggestion-text:hover{opacity:.8}.message-improve-error{background:#fee2e2;border:2px solid #fca5a5;border-radius:10px;flex-shrink:0;padding:16px;text-align:center}.message-improve-error p{color:#991b1b;font-size:15px;font-weight:500;margin:0}.message-improve-footer{background:#fff;border-top:2px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:center;padding:20px 32px}.message-improve-cancel-btn{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:16px;color:#4b5563;cursor:pointer;font-size:18px;font-weight:600;padding:16px 40px;transition:all .2s ease}.message-improve-cancel-btn:hover{background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.message-improve-cancel-btn:active{background:#d1d5db;transform:translateY(0)}@media (max-width:1024px){.modal-content:has(.message-improve-modal){max-width:90vw}.message-improve-suggestions-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.modal-content:has(.message-improve-modal){border-radius:16px;max-height:92vh;max-width:95vw;width:95vw}.message-improve-header{border-radius:16px 16px 0 0;padding:18px 24px}.message-improve-title{font-size:20px}.message-improve-subtitle{font-size:12px}.message-improve-content{gap:20px;padding:20px 24px}.message-improve-current-section{padding:16px}.message-improve-current-label{font-size:15px}.message-improve-preview{font-size:14px;max-height:120px;min-height:60px;padding:12px 14px}.message-improve-prompt-input{font-size:14px;max-height:60px;min-height:60px}.message-improve-suggestions-list{grid-template-columns:1fr}.message-improve-suggestion-card{min-height:130px;padding:16px}.message-improve-footer{padding:16px 24px}.message-improve-cancel-btn{width:100%}}@media (max-width:480px){.message-improve-header{padding:16px 20px}.message-improve-title{font-size:18px}.message-improve-content{gap:16px;padding:16px 20px}.message-improve-prompt-input{min-height:50px}.message-improve-generate-btn,.message-improve-improve-btn{font-size:14px;padding:11px 24px}}.column-selection-modal-container{display:flex;flex-direction:column;height:100%}.column-selection-description{color:#666;margin-bottom:20px}.column-selection-select-all-container{margin-bottom:16px}.column-selection-select-all-btn{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px}.column-selection-grid-container{border:1px solid #ddd;border-radius:8px;flex:1 1;overflow-y:auto;padding:20px}.column-selection-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.column-selection-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:12px}.column-selection-label.selected{background:#d4edda;border:2px solid #28a745}.column-selection-label.not-selected{background:#fff;border:1px solid #ddd}.column-selection-label.phone-required{background:#f8f9fa;cursor:not-allowed;opacity:.7}.column-selection-checkbox{cursor:pointer}.column-selection-checkbox.disabled{cursor:not-allowed}.column-selection-text{font-weight:400}.column-selection-text.phone{font-weight:700}.column-selection-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.column-selection-cancel-btn{background:#6c757d}.column-selection-cancel-btn,.column-selection-confirm-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.column-selection-confirm-btn{background:linear-gradient(135deg,#28a745,#34c759);font-weight:700}.phone-verification-required-modal{direction:rtl;margin:0 auto;max-width:500px;padding:24px}.modal-header{margin-bottom:24px;text-align:center}.success-icon,.warning-icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.warning-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.success-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.success-icon svg,.warning-icon svg{height:32px;width:32px}.modal-header h2{color:#1a202c;font-size:24px;font-weight:600;margin-bottom:8px}.modal-subtitle{color:#718096;font-size:14px;line-height:1.5;margin:0}.form-group{margin-bottom:20px}.form-group label{color:#4a5568;display:block;font-size:14px;margin-bottom:8px}.code-input,.phone-input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.code-input:focus,.phone-input:focus{border-color:#3b82f6;outline:none}.code-input:disabled,.phone-input:disabled{background:#f7fafc;cursor:not-allowed}.code-input{font-size:24px;font-weight:600;letter-spacing:8px;text-align:center}.phone-change-notice{color:#3b82f6;font-size:12px;margin-bottom:0;margin-top:8px}.phone-display-container{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:12px}.phone-display-text{color:#2d3748;flex:1 1;font-size:14px;font-weight:500}.phone-edit-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#718096;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.phone-edit-btn:hover{background:#ebf8ff;color:#3b82f6}.phone-edit-icon{stroke:currentColor;height:16px;width:16px}.phone-edit-container{display:flex;flex-direction:column;gap:8px}.phone-edit-actions{display:flex;gap:8px;justify-content:flex-end}.phone-cancel-btn,.phone-save-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.phone-save-btn{background:#3b82f6;color:#fff}.phone-save-btn:hover:not(:disabled){background:#2563eb}.phone-save-btn:disabled{cursor:not-allowed;opacity:.6}.phone-cancel-btn{background:#0000;border:1px solid #e2e8f0;color:#718096}.phone-cancel-btn:hover{background:#f7fafc;border-color:#cbd5e0}.modal-actions{display:flex;flex-direction:column;gap:12px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s;width:100%}.action-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.action-btn.primary:disabled{cursor:not-allowed;opacity:.6}.action-btn.cancel{background:#0000;border:1px solid #e2e8f0;color:#718096}.action-btn.cancel:hover{background:#f7fafc;border-color:#cbd5e0}.action-btn.link{background:#0000;border:none;color:#3b82f6;padding:8px}.action-btn.link:hover:not(:disabled){color:#2563eb;text-decoration:underline}.action-btn.link:disabled{cursor:not-allowed;opacity:.5}.quick-send-page{box-sizing:border-box;margin:0 auto;max-width:1600px;overflow:visible;padding:20px}@media (max-width:768px){.quick-send-page{padding:10px}}.quick-send-header-actions-top{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-bottom:1.5rem}.quick-send-contacts-section{flex:1 1 auto;overflow:visible;padding:clamp(1rem,1.5vw,1.5rem)}.back-to-groups-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;direction:rtl;display:inline-flex;font-size:1.05rem;font-weight:700;gap:10px;letter-spacing:.3px;margin-bottom:20px;padding:14px 24px;transition:all .3s ease}.back-to-groups-btn:hover{background:linear-gradient(135deg,#5568d3,#6941a0);box-shadow:0 6px 20px #667eea80;transform:translateX(3px) translateY(-2px)}.back-to-groups-btn:active{box-shadow:0 3px 8px #667eea66;transform:translateX(5px) translateY(0)}.back-icon{align-items:center;display:flex;font-size:1.4rem;font-weight:700;transition:transform .3s ease}.back-to-groups-btn:hover .back-icon{animation:pulse-arrow .6s ease-in-out;transform:translateX(3px)}@keyframes pulse-arrow{0%,to{transform:translateX(3px)}50%{transform:translateX(6px)}}.back-text{font-size:1.05rem;font-weight:700}@media (max-width:768px){.back-to-groups-btn{font-size:1rem;margin-bottom:16px;padding:12px 20px}.back-icon{font-size:1.3rem}.back-text{font-size:1rem}}.main-grid>div{display:flex;flex-direction:column;min-width:0;overflow:visible}@media (max-width:1024px){.main-grid{grid-template-columns:1fr}}.title-grid{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:auto 1fr auto auto;margin-bottom:8px}@media (max-width:768px){.title-grid{grid-template-columns:1fr}.title-grid label{margin-bottom:4px}}.title-label{font-weight:700}.create-button-disabled,.create-button:disabled{cursor:not-allowed;opacity:.6}.draft-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.draft-label{font-weight:700}.draft-row select{border:2px solid #d1d5db;border-radius:.5rem;flex:1 1;min-width:200px}.create-message-btn{align-items:center;background-color:#eef2ff99;border:2px solid #a5b4fc;border-radius:.5rem;color:#4f46e5;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.create-message-btn:hover:not(:disabled){background:linear-gradient(90deg,#eef2ffe6,#c7d2fecc);border-color:#818cf8;transform:translateY(-1px)}.fullscreen-btn{background:#0000;border:1px solid #ddd;border-radius:4px;color:#111;cursor:pointer;font-size:16px;padding:6px 10px}.fullscreen-btn:hover{background-color:#f7f7f7}@media (max-width:576px){.draft-row{align-items:flex-start;flex-direction:column}.draft-row select{width:100%}.create-message-btn{justify-content:center;width:100%}}.message-textarea{margin-bottom:10px;width:100%}.message-input-container{margin-bottom:12px}.message-label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:6px}.message-title-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:10px 12px;transition:border-color .2s ease;width:100%}.message-title-input:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a;outline:none}.preview-label{color:#666;display:block;font-size:.85rem;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.preview-title-text{color:#333;font-size:1.3rem;font-weight:700;margin:0}.edit-message-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 6px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.edit-message-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b4a9e);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.message-preview-content{margin-top:16px}.preview-message-text{word-wrap:break-word;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#333;font-size:1rem;line-height:1.6;min-height:100px;padding:16px;white-space:pre-wrap}.no-draft-selected{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin-bottom:16px;min-height:200px;padding:40px 20px;text-align:center}.no-draft-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.no-draft-text{color:#495057;font-size:1.2rem;font-weight:600;margin:0 0 8px}.no-draft-hint{color:#868e96;font-size:.9rem;font-style:italic;margin:0}@media (max-width:768px){.message-preview-header{align-items:stretch;flex-direction:column}.edit-message-btn{justify-content:center;width:100%}.no-draft-selected{min-height:150px;padding:30px 15px}.no-draft-icon{font-size:2.5rem}.no-draft-text{font-size:1.1rem}}.preview-title{margin-top:20px}.preview-box{background-color:#f9f9f9;border:1px solid #eee;box-sizing:border-box;max-height:320px;min-height:50px;opacity:1;overflow-wrap:anywhere;overflow-y:auto;padding:10px;transform-origin:top;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:pre-wrap;word-break:break-word}.preview-box.expanded{animation:expandPreview .4s cubic-bezier(.4,0,.2,1)}.preview-box.collapsed{animation:collapsePreview .4s cubic-bezier(.4,0,.2,1);border-width:0;margin:0;max-height:0;min-height:0;opacity:0;overflow:hidden;padding:0 10px}.send-message-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 14px #00000026;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:10px;justify-content:center;margin-top:16px;padding:16px 24px;transition:all .3s ease;width:100%}.send-message-btn.disabled{background:linear-gradient(135deg,#e0e0e0,#d0d0d0);box-shadow:none;color:#999;cursor:not-allowed}.send-message-btn.enabled{animation:sendButtonPulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.send-message-btn.enabled:hover{background:linear-gradient(135deg,#0069d9,#004085);box-shadow:0 8px 20px #007bff66;transform:translateY(-3px)}.send-message-btn.enabled:active{box-shadow:0 4px 10px #007bff4d;transform:translateY(-1px)}.send-message-btn.sending{animation:sendingPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;cursor:wait}@keyframes sendingPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes sendButtonPulse{0%,to{box-shadow:0 4px 14px #007bff4d}50%{box-shadow:0 6px 24px #007bff80}}@media (max-width:576px){.send-message-btn{font-size:1rem;padding:14px 20px}}.quick-send-page .contact-selector-box{border:1px solid #ccc;border-radius:8px;display:flex;flex-direction:column;height:100%;max-height:100%;min-height:580px;min-height:0;overflow:hidden;padding:20px}.no-contacts-message{color:#666;padding:20px;text-align:center}@media (max-width:1024px){.quick-send-page .contact-selector-box{height:540px;max-height:75vh;min-height:500px}}@media (max-width:768px){.quick-send-page .contact-selector-box{height:460px;max-height:70vh;min-height:420px}}@media (max-width:480px){.quick-send-page .contact-selector-box{height:380px;max-height:65vh;min-height:340px}}.file-import-label{display:block;margin-top:10px;width:100%}.file-import-button{width:100%}.file-input{display:none}.action-buttons-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:10px}@media (max-width:768px){.action-buttons-grid{grid-template-columns:1fr}}.manual-contact-form{display:flex;flex-wrap:wrap;gap:6px}.manual-contact-input{flex:1 1;min-width:120px}@media (max-width:576px){.manual-contact-form{flex-direction:column}.manual-contact-input{width:100%}}.existing-contacts-list{max-height:300px;overflow-y:auto}.existing-contact-item{align-items:center;display:flex;gap:8px;padding:4px 0}.confirm-button{margin-top:8px}.open-existing-contacts-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.open-existing-contacts-btn:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.open-existing-contacts-btn:disabled{background:linear-gradient(135deg,#9ca3af,#d1d5db);box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.existing-contacts-btn-container{margin-top:16px}.quick-send-main-layout{grid-gap:.75rem;box-sizing:border-box;display:grid;gap:.75rem;grid-template-columns:1fr;margin-top:0;position:relative;width:100%}@media (min-width:1024px){.quick-send-main-layout{align-items:start;gap:.75rem;grid-template-columns:2fr 1fr}}.quick-send-content-columns{box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;max-width:100%;min-width:0;position:relative;width:100%}.quick-send-page-new{background-color:#f5f5f5;box-sizing:border-box;margin:0 auto;max-width:1280px;min-height:100vh;padding:1.5rem 2rem;width:100%}@media (max-width:768px){.quick-send-page-new{padding:1rem}}.quick-send-header-above-box{margin-bottom:0;padding-bottom:2rem;position:relative;text-align:right;z-index:2}.quick-send-header-above-box:after{background:#d1d5db;border:none;bottom:0;content:"";height:2px;left:0;position:absolute;right:0;z-index:3}.quick-send-title{color:#1e40af;direction:rtl;font-size:2rem;font-weight:700;line-height:1.2;margin:0 35px .5rem 0;text-align:right}.quick-send-subtitle{color:#6b7280;direction:rtl;font-size:1rem;font-weight:400;line-height:1.5;margin:0 35px 0 0;text-align:right}.quick-send-page .back-button:hover,.quick-send-page-new .back-button:hover{background-color:#1e40af14!important}.quick-send-message-type-container{margin-bottom:0;margin-top:0;padding-top:1rem;position:relative}.quick-send-header-actions{display:flex;flex-wrap:wrap;gap:.75rem}.quick-send-header-actions .border-2{border-width:2px}.quick-send-header-actions .border-indigo-200{border-color:#c7d2fe;color:#4f46e5}.quick-send-header-actions .border-indigo-200:hover:not(:disabled){background-color:#eef2ff}.quick-send-header-actions .border-blue-200{border-color:#bfdbfe;color:#2563eb}.quick-send-header-actions .border-blue-200:hover:not(:disabled){background-color:#eff6ff}.quick-send-header-actions .w-4{width:1rem}.quick-send-header-actions .h-4{height:1rem}.quick-send-header-actions .ml-2{margin-left:.5rem}.quick-send-message-section{box-sizing:border-box;margin-top:0;width:100%}.quick-send-contacts-section{background:#fff;border-radius:.75rem;box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;min-height:0;min-width:0;width:100%}.quick-send-import-section{width:100%}.quick-send-import-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.quick-send-import-btn{align-items:center;border:2px solid;box-sizing:border-box;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.file-import-btn{background-color:#fff;border:2px solid #d1d5db;color:#4f46e5}.file-import-btn:hover:not(:disabled){background-color:#eef2ff;border:2px solid #d1d5db}.existing-contacts-btn{background-color:#fff;border:2px solid #d1d5db;color:#2563eb}.existing-contacts-btn:hover:not(:disabled){background-color:#eff6ff;border:2px solid #d1d5db}.unified-import-btn{background-color:#fff;border:2px solid #d1d5db;color:#4f46e5}.unified-import-btn:hover:not(:disabled){background-color:#eef2ff;border:2px solid #d1d5db}.quick-send-import-btn .animate-spin{animation:spin 1s linear infinite}.quick-send-import-btn svg{flex-shrink:0;height:1rem;width:1rem}.quick-send-import-btn .ml-2{margin-left:.5rem}@media (max-width:768px){.quick-send-import-buttons{flex-direction:column}.quick-send-import-btn{justify-content:center;width:100%}}.quick-send-buttons-container{box-sizing:border-box;display:flex;flex-shrink:0;gap:.75rem;margin-top:0;padding:0 1.5rem;width:100%}.quick-send-main-button{align-items:center;background:#2563eb;border:2px solid #2563eb;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;flex:0 0 50%;font-size:1.125rem;font-weight:600;gap:.5rem;height:3.5rem;justify-content:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.quick-send-main-button,.quick-send-main-button:hover:not(:disabled){box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;transform:none}.quick-send-main-button:hover:not(:disabled){background:#1d4ed8;border:2px solid #1d4ed8}.quick-send-main-button:disabled{cursor:not-allowed;opacity:.5}.quick-send-save-button{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;color:#4b5563;cursor:pointer;display:flex;flex:0 0 50%;font-size:1.125rem;font-weight:600;gap:.5rem;height:3.5rem;justify-content:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.quick-send-save-button:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.quick-send-save-button:disabled{background:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed;opacity:.5}.quick-send-schedule-button-container{box-sizing:border-box;margin-top:.75rem;padding:0 1.5rem;width:100%}.quick-send-schedule-button-full{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;color:#4b5563;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;height:3rem;justify-content:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease;width:100%}.quick-send-schedule-button-full:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.quick-send-schedule-button-full:disabled{background:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed;opacity:.5}.quick-send-button-icon{height:1.25rem;width:1.25rem}.quick-send-button-loader{animation:spin 1s linear infinite}.import-header-btn{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;color:#000;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:400;gap:.0625rem;height:40px;justify-content:center;padding:.625rem 1.25rem;transition:all .2s ease}.import-header-btn:focus,.import-header-btn:focus-visible{outline:none}.import-header-btn svg{stroke-width:1.5;height:18px;width:18px}.import-header-btn:hover:not(:disabled){background-color:#f5f5f5;border:2px solid #d1d5db}.delete-mode-toggle-btn{align-items:center;background:linear-gradient(90deg,#fef2f299,#fee2e266)!important;border:3px solid #f87171!important;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;color:#dc2626!important;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.delete-mode-toggle-btn:hover:not(:disabled){background:linear-gradient(90deg,#fef2f2,#fee2e2)!important;border-color:#ef4444!important;border-width:3px!important;box-shadow:0 2px 6px #ef444433;transform:translateY(-1px)}.delete-mode-toggle-btn.button-disabled,.delete-mode-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.delete-mode-toggle-btn svg{flex-shrink:0;height:16px;width:16px}.delete-selected-btn{align-items:center;background-color:#fff;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;height:36px;padding:0 12px;transition:all .2s ease}.delete-selected-btn:hover:not(:disabled){background-color:#fef2f2;border-color:#f87171}.delete-selected-btn:disabled{cursor:not-allowed;opacity:.5}.delete-selected-btn svg{flex-shrink:0;height:16px;width:16px}.delete-mode-action-bar{align-items:center;background:linear-gradient(135deg,#ffe6e6,#ffd4d4);border:2px solid #dc3545;border-radius:8px;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px;margin-top:20px;padding:12px 16px}.delete-mode-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.delete-mode-count{color:#dc3545;font-size:1.1rem;font-weight:700}.delete-mode-hint{color:#555;font-size:.85rem;font-style:italic}.delete-mode-actions-container{display:flex;gap:12px}.delete-mode-cancel-btn-main{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.delete-mode-confirm-btn{border:none;border-radius:8px;color:#fff;font-weight:700;padding:10px 20px}.delete-mode-confirm-btn.enabled{background:linear-gradient(135deg,#dc3545,#c82333);cursor:pointer;opacity:1}.delete-mode-confirm-btn.disabled{background:#ccc;cursor:not-allowed;opacity:.5}.contacts-toolbar-divider{background-color:#e5e7eb;flex-shrink:0;height:24px;margin:0 8px;width:1px}.create-message-title{color:#333;font-size:1.75rem;font-weight:700;margin:0 0 24px;text-align:center}.modal-fullscreen .create-message-title{background:#f8f9fa;border-bottom:2px solid #e0e0e0;margin:0;padding:16px 24px}.create-message-form{display:flex;flex-direction:column;gap:20px}.modal-fullscreen .create-message-form{flex:1 1;gap:24px;overflow-y:auto;padding:24px}.modal-fullscreen .form-group{gap:12px}.modal-fullscreen .form-group:has(.parameter-textarea-container),.modal-fullscreen .form-group:has(textarea){display:flex;flex:1 1;flex-direction:column}.modal-fullscreen .form-group .parameter-textarea-container,.modal-fullscreen .form-group textarea{flex:1 1;min-height:300px}.form-group label{color:#555;font-size:1rem;font-weight:600}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.create-message-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.modal-fullscreen .create-message-modal-actions{background:#f8f9fa;border-top:2px solid #e0e0e0;margin:0;padding:16px 24px}.create-message-cancel-btn{background-color:#e0e0e0;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.create-message-cancel-btn:hover{background-color:#d0d0d0;transform:translateY(-1px)}.create-message-save-btn{background:linear-gradient(135deg,#28a745,#34c759);border:none;border-radius:8px;box-shadow:0 2px 6px #28a7454d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .2s ease}.create-message-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#28a745);box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.create-message-save-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.preview-header-with-toggle{align-items:center;direction:rtl;display:flex;gap:10px;margin-bottom:8px}.preview-label{align-items:center;color:#555;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px}.preview-hint{color:#888;font-size:.85rem;font-style:italic;font-weight:400}.preview-toggle-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#667eea;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;min-width:24px;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);width:24px}.preview-toggle-btn:hover{background:#667eea1a;color:#5a67d8;transform:scale(1.15)}.preview-toggle-btn:active{background:#667eea26;transform:scale(.95)}.toggle-arrow{color:inherit;display:inline-block;font-size:12px;font-weight:700;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-arrow.expanded{transform:rotate(0deg)}.toggle-arrow.collapsed{transform:rotate(90deg)}.message-preview-box{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;box-shadow:inset 0 2px 4px #0000000d;max-height:800px;min-height:100px;opacity:1;padding:16px;position:relative;transform-origin:top;transition:all .4s cubic-bezier(.4,0,.2,1)}.message-preview-box.expanded{animation:expandPreview .4s cubic-bezier(.4,0,.2,1)}.message-preview-box.collapsed{animation:collapsePreview .4s cubic-bezier(.4,0,.2,1);border-width:0;margin:0;max-height:0;min-height:0;opacity:0;overflow:hidden;padding:0 16px}@keyframes expandPreview{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0;transform:scaleY(.8)}to{max-height:800px;opacity:1;padding-bottom:16px;padding-top:16px;transform:scaleY(1)}}@keyframes collapsePreview{0%{max-height:800px;opacity:1;padding-bottom:16px;padding-top:16px;transform:scaleY(1)}to{max-height:0;opacity:0;padding-bottom:0;padding-top:0;transform:scaleY(.8)}}.preview-message-content{word-wrap:break-word;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#333;direction:rtl;font-size:1rem;line-height:1.6;padding:8px;text-align:right;white-space:pre-wrap}.preview-empty{color:#999;font-size:.95rem;font-style:italic}.preview-warning{animation:slideIn .3s ease-out;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:.9rem;margin-top:12px;padding:10px 14px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.modal-fullscreen .message-preview-box{min-height:150px;padding:20px}.modal-fullscreen .preview-message-content{font-size:1.05rem;padding:12px}.message-preview-box mark{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;color:#fff;font-weight:600;padding:2px 6px}@media (max-width:768px){.create-message-modal-content{max-width:95%;padding:24px 16px}.create-message-modal-content h2{font-size:1.5rem;margin-bottom:20px}.form-group input,.form-group label,.form-group textarea{font-size:.95rem}.create-message-modal-actions{flex-direction:column-reverse}.create-message-cancel-btn,.create-message-save-btn{padding:14px;width:100%}.message-preview-box{min-height:80px;padding:12px}.preview-message-content{font-size:.95rem}.preview-warning{font-size:.85rem;padding:8px 12px}}@media (max-width:480px){.create-message-modal-content{padding:20px 12px}.create-message-modal-content h2{font-size:1.3rem}}.edit-confirmation-modal{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-confirmation-content{animation:slideInDown .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;padding:24px;width:90%}.edit-confirmation-content h3{color:#333;font-size:1.5rem;margin:0 0 16px;text-align:center}.confirm-question{color:#555;font-size:1.1rem;margin-bottom:20px;text-align:center}.edit-details{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding:16px}.edits-list{display:flex;flex-direction:column;gap:12px}.edit-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px}.edit-item-header{color:#666;display:flex;font-size:.9rem;gap:8px;margin-bottom:6px}.edit-item-changes{align-items:center;display:flex;font-size:1rem;gap:12px}.arrow{color:#4a90e2;font-weight:700}.edit-detail-row{border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:8px 0}.edit-detail-row:last-child{border-bottom:none}.edit-detail-row strong{color:#666;font-weight:600}.old-value{color:#999;text-decoration:line-through}.new-value{color:#2ecc71;font-weight:600}.edit-confirmation-content .modal-actions{display:flex;gap:12px;justify-content:flex-end}.edit-confirmation-content .cancel-btn{background-color:#e0e0e0;border:none;border-radius:6px;color:#333;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s}.edit-confirmation-content .cancel-btn:hover{background-color:#d0d0d0}.edit-confirmation-content .discard-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s}.edit-confirmation-content .discard-btn:hover{background-color:#c82333}.edit-confirmation-content .confirm-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .2s}.edit-confirmation-content .confirm-btn:hover{background-color:#218838}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.phone-preview-container{align-items:flex-start;display:flex;justify-content:center;padding:.25rem}.phone-preview-device{background:#000;border-radius:1.5rem;box-shadow:none;max-width:100%;padding:.4rem;position:relative;width:240px}.phone-preview-screen{background:#fff;border-radius:1.25rem;display:flex;flex-direction:column;height:360px;overflow:hidden;position:relative}.phone-preview-status-bar{align-items:center;background:#000;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:1.75rem;justify-content:space-between;padding:.4rem .75rem}.phone-preview-time{font-size:.8rem}.phone-preview-signal{display:flex;gap:.125rem}.phone-preview-battery{font-size:.8rem}.phone-preview-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:.6rem;padding:.6rem .75rem}.phone-preview-back-button{color:#007aff;cursor:pointer;font-size:1.1rem;font-weight:600}.phone-preview-contact-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.phone-preview-contact-name{color:#000;font-size:.85rem;font-weight:600}.phone-preview-contact-status{color:#6c757d;font-size:.7rem}.phone-preview-menu{color:#6c757d;cursor:pointer;font-size:1.1rem}.phone-preview-messages{background:#e5e5ea;display:flex;flex:1 1;flex-direction:column;gap:.6rem;overflow-y:auto;padding:.75rem}.phone-preview-message-received{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}.phone-preview-message-sender{color:#6c757d;font-size:.7rem;font-weight:500;padding:0 .4rem}.phone-preview-message-bubble{background:#fff;border-radius:.85rem .85rem .85rem .2rem;box-shadow:0 1px 2px #0000001a;max-width:75%;padding:.6rem .85rem;position:relative}.phone-preview-message-text{word-wrap:break-word;color:#000;font-size:.85rem;line-height:1.4;margin-bottom:.2rem;white-space:pre-wrap}.phone-preview-message-time{color:#6c757d;font-size:.6rem;margin-top:.2rem;text-align:left}.phone-preview-empty-state{align-items:center;color:#6c757d;display:flex;font-size:.8rem;height:100%;justify-content:center;padding:1.5rem;text-align:center}.phone-preview-input-area{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:.6rem;padding:.6rem .75rem}.phone-preview-input-placeholder{background:#fff;border:1px solid #e9ecef;border-radius:1rem;color:#6c757d;flex:1 1;font-size:.8rem;padding:.4rem .75rem}.phone-preview-send-button{align-items:center;background:#007aff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:1.75rem;justify-content:center;width:1.75rem}@media (max-width:1024px){.phone-preview-device{width:180px}.phone-preview-screen{height:340px}}.quick-send-preview-column{display:none}@media (min-width:1024px){.quick-send-preview-column{align-self:start;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 3.5rem);overflow:visible;position:-webkit-sticky;position:sticky;top:0;will-change:transform;z-index:1}}@media (min-width:1024px) and (max-width:1280px){.quick-send-preview-column{max-height:calc(100vh - 3.5rem)}}.phone-preview-container-wrapper{display:flex;flex-direction:column;width:100%}.phone-preview-border-wrapper{background:#fff;border:2px solid #d1d5db;border-radius:.75rem;box-sizing:border-box;padding:.5rem}@media (min-width:1024px){.phone-preview-container-wrapper{display:flex;flex-direction:column;margin-top:0;max-width:260px;padding-top:0;width:100%}.phone-preview-header-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-bottom:.5rem;margin-top:1rem}.phone-preview-header-actions .border-2{border-width:2px}.phone-preview-header-actions .border-indigo-200{border-color:#c7d2fe;color:#4f46e5}.phone-preview-header-actions .border-indigo-200:hover:not(:disabled){background-color:#eef2ff}.phone-preview-header-actions .border-blue-200{border-color:#bfdbfe;color:#2563eb}.phone-preview-header-actions .border-blue-200:hover:not(:disabled){background-color:#eff6ff}.phone-preview-header-actions .w-4{width:1rem}.phone-preview-header-actions .h-4{height:1rem}.phone-preview-header-actions .ml-2{margin-left:.5rem}}.update-message-confirmation-modal{direction:rtl;max-width:500px;min-width:400px;padding:24px}.update-message-confirmation-modal h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:20px;text-align:right}.update-message-confirmation-modal-content{margin-bottom:24px}.update-message-confirmation-modal-content p{color:#374151;font-size:1rem;line-height:1.6;margin:0;text-align:right}.update-message-confirmation-modal-content p:last-of-type{color:#6b7280;font-size:.875rem;margin-bottom:0;margin-top:12px}.update-message-confirmation-modal-content strong{color:#1f2937;font-weight:600}.update-message-confirmation-modal-actions{display:flex;flex-direction:row-reverse;gap:12px;justify-content:flex-end}.update-message-confirmation-modal-button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .2s}.update-message-confirmation-modal-button:disabled{cursor:not-allowed;opacity:.6}.update-message-confirmation-modal-button-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.update-message-confirmation-modal-button-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.update-message-confirmation-modal-button-confirm{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;font-weight:600}.update-message-confirmation-modal-button-confirm:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.update-message-confirmation-modal-button-confirm:disabled{background:#9ca3af;box-shadow:none}.back-button{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#1e40af;cursor:pointer;display:inline-flex;height:32px;justify-content:center;min-width:32px;padding:0;position:absolute;right:0;top:0;transform:translateY(.2rem);transition:all .3s cubic-bezier(.4,0,.2,1);width:32px;z-index:1}.back-button:hover{background-color:#1e40af1a;box-shadow:none;color:#1e40af;transform:translateY(.2rem) scale(1.05)}.back-button:hover svg{transform:scale(1.1)}.back-button:active{background-color:#1e40af33;color:#1e40af}.back-button svg{stroke-width:2.5;stroke:currentColor;fill:none;background:#0000;height:1.25rem;transform-origin:center;transition:transform .3s cubic-bezier(.4,0,.2,1);width:1.25rem}.back-button:focus-visible{outline:2px solid #4a90e2;outline-offset:2px}.message-type-selector-container{background:#fff;border:2px solid #d1d5db;border-radius:16px;box-shadow:none;direction:rtl;padding:1rem 1.75rem 1.25rem}.message-type-selector-title{color:#1f2937;direction:rtl;font-size:12px;font-weight:600;margin:0 0 .75rem;text-align:right}.message-type-selector-buttons{display:flex;flex-direction:row-reverse;gap:.5rem;margin-bottom:0}.message-type-selector-dropdown{border-top:1px solid #d1d5db;direction:rtl;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.message-type-selector-label{color:#374151;font-size:.875rem;font-weight:600;text-align:right}.message-type-selector-select{background:#fff;border:2px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;color:#1f2937;cursor:pointer;direction:rtl;font-size:1rem;padding:.625rem .875rem;text-align:right;transition:all .2s ease;width:100%}.message-type-selector-select:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.message-type-selector-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.message-type-selector-select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.5}.message-type-btn{align-items:center;border:2px solid #d1d5db;border-radius:8px;box-shadow:none;box-sizing:border-box;cursor:pointer;direction:rtl;display:inline-flex;flex:1 1;font-size:13px;font-weight:500;gap:.5rem;justify-content:center;line-height:1.5;min-height:calc(2.6rem + 4px);outline:none;padding:.625rem 1.25rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.message-type-btn:not(.active){background:#fff;border:2px solid #d1d5db;color:#000}.message-type-btn:not(.active) .message-type-icon{stroke:#000;color:#000}.message-type-btn:hover:not(:disabled):not(.active){background:#fff;border:2px solid #9ca3af;box-shadow:none;color:#000;transform:none}.message-type-btn:hover:not(:disabled):not(.active) .message-type-icon{stroke:#000;color:#000}.message-type-btn:active:not(:disabled):not(.active){background:#fff;border:2px solid #6b7280;transform:none}.message-type-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.message-type-btn:focus-visible:not(.active){border:2px solid #d1d5db;box-shadow:none;outline:none}.message-type-btn:focus-visible.active{box-shadow:0 0 0 1px #2563eb80,0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;outline:none}.message-type-btn .message-type-icon{stroke-width:2;flex-shrink:0;height:13px;transition:color .2s ease,stroke .2s ease;width:13px}.message-type-btn.active{background:#2563eb;border:2px solid #2563eb;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;color:#fff}.message-type-btn.active:hover:not(:disabled){background:#1d4ed8;border:2px solid #1d4ed8}.message-type-btn.active .message-type-icon{stroke:#fff;color:#fff}@media (max-width:768px){.message-type-selector-container{margin-bottom:1rem;padding:1rem}.message-type-selector-title{font-size:.95rem;margin-bottom:.75rem}.message-type-selector-buttons{flex-direction:column;gap:.5rem}.message-type-btn{font-size:.95rem;padding:.625rem 1rem;width:100%}}.ui-card{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001f,0 2px 4px -1px #00000014,0 0 0 1px #0000000f}.ui-card-header{display:flex;flex-direction:column;gap:.375rem;padding:1.5rem}.ui-card-title{font-size:1.5rem;font-weight:600;letter-spacing:-.025em;line-height:1;margin:0}.ui-card-content{padding:0 1.5rem 1.5rem}.ui-input{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#111827;display:flex;font-size:.875rem;height:2.5rem;padding:.5rem .75rem;width:100%}.ui-input::placeholder{color:#6b7280}.ui-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.ui-input:disabled{cursor:not-allowed;opacity:.5}.ui-label{color:#111827;font-size:.875rem;font-weight:500;line-height:1}.ui-dialog-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.ui-dialog-backdrop{background-color:#00000080;inset:0;position:fixed}.ui-dialog-content{grid-gap:1rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:grid;gap:1rem;max-width:32rem;padding:1.5rem;position:fixed;transition:all .2s;width:100%;z-index:50}.ui-dialog-header{display:flex;flex-direction:column;gap:.375rem;text-align:right}.ui-dialog-title{font-size:1.125rem;font-weight:600;letter-spacing:-.025em;line-height:1;margin:0}.ui-dropdown-menu{display:inline-block;position:relative;text-align:right}.ui-dropdown-content{background-color:#fff;border:1px solid #0000000d;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:.5rem;position:absolute;width:14rem;z-index:50}.ui-dropdown-content-left{left:auto;right:0}.ui-dropdown-content-right{left:0;right:auto}.ui-dropdown-content-center{left:50%;transform:translateX(-50%)}.ui-dropdown-menu-list{padding:.25rem 0}.ui-dropdown-item{background-color:#fff;border:none;color:#374151;cursor:pointer;display:block;font-size:.875rem;padding:.5rem 1rem;text-align:right;transition:background-color .2s;width:100%}.ui-dropdown-item:hover{background-color:#f3f4f6}.ui-dropdown-separator{background-color:#e5e7eb;height:1px;margin:.5rem 0}.add-rule-modal{direction:rtl;min-width:400px;padding:20px}.add-rule-modal-title{color:#1a1a1a;font-size:24px;font-weight:700;margin-bottom:10px}.add-rule-modal-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:20px}.add-rule-existing-info{background:#f5f7fa;border-radius:8px;margin-bottom:20px;padding:16px}.info-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.info-item:last-child{border-bottom:none}.info-label{color:#666;font-size:14px;font-weight:500}.info-value{color:#1a1a1a;font-size:14px;font-weight:600}.info-note{border-top:1px solid #e0e0e0;color:#888;font-size:12px;line-height:1.4;margin-top:12px;padding-top:12px}.add-rule-form{gap:20px}.add-rule-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:#1a1a1a;font-size:14px;font-weight:600}.form-input{border:2px solid #e0e0e0;border-radius:6px;direction:ltr;font-size:14px;padding:12px;text-align:center;transition:border-color .2s}.form-input:focus{border-color:#4a90e2;outline:none}.form-input:disabled{background:#f5f5f5;cursor:not-allowed}.form-hint{color:#888;font-size:12px;line-height:1.4}.form-error{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;padding:10px}.add-rule-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary{background:#4a90e2;color:#fff}.btn-primary:hover:not(:disabled){background:#357abd}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn:disabled{cursor:not-allowed;opacity:.5}.groups-page{background-color:#f5f5f5;margin:0 auto;max-width:1280px;min-height:100vh;padding:1.5rem 2rem}.groups-loading{align-items:center;display:flex;justify-content:center;min-height:100vh;position:relative;width:100%}.groups-spinner{animation:spin 1s linear infinite;border:4px solid #d1d5db;border-radius:50%;border-top-color:#2563eb;height:40px;margin:0 auto;width:40px}.groups-header{margin-bottom:1.5rem}.groups-header-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding-bottom:2rem;position:relative}.groups-header-content:after{background:#d1d5db;border:none;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}@media (min-width:768px){.groups-header-content{align-items:center;flex-direction:row;justify-content:space-between}}.groups-page .groups-title{align-items:center;color:#1e40af;direction:rtl;display:flex;font-size:2rem;font-weight:700;gap:.75rem;line-height:1.2;margin:0 35px .5rem 0;text-align:right}.groups-subtitle{color:#6b7280;direction:rtl;font-size:1rem;font-weight:400;line-height:1.5;margin:0 35px 0 0;text-align:right}.create-group-button{align-items:center;background:linear-gradient(90deg,#2563eb,#06b6d4);border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s;white-space:nowrap}.create-group-button:hover{background:linear-gradient(90deg,#1d4ed8,#0891b2);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}.create-group-button-icon{height:1rem;width:1rem}.groups-view-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.groups-count{color:#6b7280;font-size:.875rem;margin:0}.groups-create-section{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding-top:1rem;position:relative}.groups-create-section-top{align-items:center;display:flex;justify-content:space-between;width:100%}.groups-create-section .groups-count{margin-top:.25rem}.view-toggle-container{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;display:flex;gap:.25rem;padding:.25rem}.view-toggle-button{border-radius:.375rem;padding:.5rem;transition:all .2s}.view-toggle-button.view-toggle-active{background-color:#2563eb;color:#fff}.view-toggle-button.view-toggle-active:hover{background-color:#1d4ed8}.view-toggle-icon{height:1rem;width:1rem}.groups-grid-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.groups-grid-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.groups-grid-container{grid-template-columns:repeat(3,1fr)}}.groups-list-container{display:flex;flex-direction:column;gap:.75rem}.ui-card.group-card{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;display:flex;flex-direction:column;min-height:200px;transition:all .2s}.ui-card.group-card:hover{border-color:#93c5fd;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.group-card-header{padding-bottom:.75rem}.group-card-header-content{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.group-card-title-section{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.group-card-icon{color:#6b7280;flex-shrink:0;height:1rem;margin-top:4px;width:1rem}.group-card-icon svg{stroke-width:1}.group-card-title-wrapper{flex:1 1;min-width:0}.group-card-title{color:#111827;font-size:1.125rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-card-actions{align-items:center;display:flex;gap:.5rem}.group-card-menu-button{border-radius:.375rem;height:2rem;padding:0;width:2rem}.group-card-action-icon{color:#6b7280;height:1rem;width:1rem}.group-card-dropdown{min-width:10rem}.dropdown-menu-icon{height:1rem;margin-left:.5rem;width:1rem}.dropdown-menu-item-delete{color:#dc2626}.dropdown-menu-item-delete:hover{background-color:#fee2e2}.ui-card-content.group-card-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem;padding-top:1.5rem}.group-card-stats-divider{background-color:#d1d5db;height:1px;margin:0 -1.5rem .75rem;position:relative;top:.5rem;width:calc(100% + 3rem)}.group-card-stats{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.group-card-stat{align-items:center;display:flex;gap:.375rem}.group-card-stat-icon{color:#9ca3af;height:1rem;width:1rem}.group-card-stat-text{color:#111827;font-size:.875rem;font-weight:700}.group-card-badge{align-items:center;display:inline-flex}.group-card-badge-text{background-color:#dbeafe;border-radius:9999px;color:#1e40af;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.group-card-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;margin:0;overflow:hidden}.group-card-link{margin-top:auto;text-decoration:none;width:100%}.group-card-send-button{align-items:center;background-color:#2563eb;border:none;border-radius:.5rem;color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s;width:100%}.group-card-send-button:hover{background-color:#1d4ed8}.group-card-send-icon{height:1rem;width:1rem}.groups-empty-state{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:.5rem;grid-column:1/-1;padding:3rem 1.5rem;text-align:center}.groups-empty-icon{color:#6b7280;height:1.125rem;margin:0 auto 1rem;width:1.125rem}.groups-empty-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.groups-empty-description{color:#6b7280;margin:0 0 1.5rem}.groups-empty-button{background:linear-gradient(90deg,#2563eb,#06b6d4);border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.groups-empty-button:hover{background:linear-gradient(90deg,#1d4ed8,#0891b2);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}.groups-dialog-content{max-width:32rem;padding:1.5rem}.groups-dialog-title{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.groups-form{gap:1rem}.groups-form,.groups-form-group{display:flex;flex-direction:column}.groups-form-group{gap:.5rem}.groups-form-label{color:#374151;font-size:.875rem;font-weight:500}.groups-form-input{border:1px solid #d1d5db;border-radius:.75rem;font-size:.875rem;padding:.5rem .75rem;transition:all .2s}.groups-form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.groups-form-error{align-items:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem}.groups-form-actions{display:flex;gap:.75rem;padding-top:1rem}.groups-form-cancel{border-radius:.75rem;flex:1 1}.groups-form-submit{background:linear-gradient(90deg,#2563eb,#06b6d4);border:none;border-radius:.75rem;color:#fff;flex:1 1;font-weight:600;padding:.5rem 1rem;transition:all .2s}.groups-form-submit:hover:not(:disabled){background:linear-gradient(90deg,#1d4ed8,#0891b2)}.groups-form-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.groups-page{padding:1rem}.groups-title{font-size:2rem}.groups-header-content{align-items:stretch;flex-direction:column}.create-group-button{justify-content:center;width:100%}.groups-view-controls{align-items:flex-start;flex-direction:column;gap:.75rem}.view-toggle-container{align-self:flex-end}}.quick-send-header{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;position:relative}.quick-send-header:after{background:#d1d5db;border:none;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}@media (min-width:768px){.quick-send-header{align-items:center;flex-direction:row;justify-content:space-between}}.quick-send-contacts-section{border:2px solid #d1d5db;max-height:80vh;overflow:hidden;padding:1.5rem}.selected-groups-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.group-filter-chip{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:20px;box-shadow:0 2px 8px #4facfe4d;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.group-filter-chip .chip-text{flex:1 1}.group-filter-chip:hover{box-shadow:0 4px 12px #4facfe66;transform:translateY(-1px)}.group-filter-chip .chip-remove{align-items:center;background:#ffffff40;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:18px;justify-content:center;line-height:1;transition:all .2s ease;width:18px}.group-filter-chip .chip-remove:hover{background:#fff6;transform:scale(1.15)}.group-selector-modal{display:flex;flex-direction:column;height:100%;max-width:750px;overflow:hidden;padding:24px;width:100%}.group-selector-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;flex-shrink:0;font-size:1.75rem;font-weight:800;margin:0 0 8px;text-align:center}.group-selector-subtitle{color:#6b7280;flex-shrink:0;font-size:.95rem;margin:0 0 24px;text-align:center}.group-list{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));min-height:0;overflow-x:hidden;overflow-y:auto;padding:8px}.group-list-item{background:#fff;border:2px solid #d1d5db;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;flex-direction:column;padding:20px;position:relative;transition:all .25s ease}.group-list-item:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}.group-list-item.selected{background:linear-gradient(135deg,#f0f4ff,#fff);border-color:#667eea;box-shadow:0 8px 24px #667eea33}.group-list-item-content{flex:1 1}.group-list-item-name{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;font-weight:700;gap:10px;margin:0 0 10px}.group-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.group-list-item-count{align-items:center;color:#6b7280;display:flex;font-size:.9rem;gap:6px;margin:0}.group-list-item-count:before{content:"👥";font-size:1rem}.group-list-item-check{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea66;color:#fff;display:flex;font-size:1rem;font-weight:700;height:32px;justify-content:center;left:12px;position:absolute;top:12px;width:32px}.group-list::-webkit-scrollbar{width:8px}.group-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.group-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.group-list::-webkit-scrollbar-thumb:hover{background:#a8b2be}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #d1d5db;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.loading-text{color:#6b7280;font-size:1rem}.empty-state{padding:40px 20px;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.empty-state-title{color:#495057;font-size:1.2rem;font-weight:600;margin:0 0 8px}.empty-state-text{color:#868e96;font-size:.9rem;font-style:italic;margin:0}.temporary-message-page{box-sizing:border-box;margin:0 auto;max-width:1600px;overflow:visible;padding:20px}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:20px;text-align:center}.main-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px;overflow:visible}.import-actions-card{background:#fff;border:1px solid #d1d5db;border-radius:12px;margin-bottom:20px;padding:20px}.import-actions-header{direction:rtl;margin-bottom:16px;text-align:right}.import-actions-header h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 4px}.import-actions-header p{color:#6b7280;font-size:.85rem;margin:0}.import-actions-buttons{display:flex;flex-direction:column;gap:8px}.import-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;direction:rtl;display:flex;font-size:.9rem;font-weight:500;gap:10px;min-height:44px;padding:12px 16px;text-align:right;transition:all .2s ease;width:100%}.import-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.import-btn:active{transform:translateY(0)}.import-btn .btn-icon{flex-shrink:0;font-size:1.1rem}.import-btn .btn-text{flex:1 1;font-weight:500}@media (max-width:1024px){.main-grid{gap:24px;grid-template-columns:1fr}}@media (max-width:768px){.quick-send-page-new{padding:1rem}.import-actions-card{margin-bottom:16px;padding:16px 12px}.import-actions-header h3{font-size:.95rem}.import-actions-header p{font-size:.8rem}.import-actions-buttons{gap:8px}.import-btn{font-size:.85rem;min-height:40px;padding:10px 14px}.import-btn .btn-icon{font-size:1rem}.group-filter-chip{font-size:.8rem;padding:6px 12px}}@media (max-width:480px){.quick-send-page-new{padding:.75rem}.page-title{font-size:1.5rem}}.optout-section{background:#f5f5f5;border:2px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;margin-top:1rem;min-height:-webkit-fit-content;min-height:fit-content;overflow:visible;padding:1rem;position:relative;width:100%}@media (max-width:768px){.optout-section{min-height:auto;padding:.75rem}}.optout-label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem;margin-top:0;text-align:right}.optout-options{flex-wrap:wrap;width:100%}.optout-option,.optout-options{box-sizing:border-box;display:flex;gap:.5rem}.optout-option{align-items:center;background-color:initial;border:2px solid #d1d5db;border-radius:.5rem;cursor:pointer;flex:1 1;min-width:0;padding:.625rem;transition:all .2s ease}.optout-option:hover{background-color:#fff;border-color:#93c5fd;box-shadow:0 1px 2px #0000000d}.optout-option.selected{background-color:initial;border-color:#d1d5db;box-shadow:0 1px 2px #0000000d}.optout-option.selected:hover{background-color:#fff;border-color:#93c5fd;box-shadow:0 1px 2px #0000000d}.optout-radio{accent-color:#2563eb;cursor:pointer;height:1rem;margin:0;width:1rem}.optout-option span{color:#374151;font-size:.875rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.optout-option:has(.optout-radio:disabled){cursor:not-allowed;opacity:.6}@media (max-width:768px){.optout-options{flex-direction:column;flex-wrap:nowrap;min-height:-webkit-fit-content;min-height:fit-content}.optout-option{flex:0 0 auto;min-height:2.5rem;min-width:100%;width:100%}.optout-option span{white-space:normal}}.param-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:10px;position:relative}.param-section .insert-param-btn.full-width-param-btn{align-items:center!important;box-sizing:border-box!important;direction:rtl!important;display:inline-flex!important;flex-direction:row!important;font-size:.8125rem!important;height:36px!important;justify-content:center!important;margin:0!important;overflow:hidden!important;padding:0 8px!important;position:absolute!important;right:0;text-overflow:ellipsis!important;top:0;white-space:nowrap!important;width:116.59px!important;z-index:10}.ai-buttons-container{display:flex;gap:.75rem;padding-top:42px;width:100%}.ai-buttons-container .ai-btn{box-sizing:border-box;flex:1 1;justify-content:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.param-section .insert-param-btn.full-width-param-btn svg{height:14px!important;width:14px!important}.ai-btn>:not(svg){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.ai-buttons-container{gap:.5rem}.ai-buttons-container .ai-btn{font-size:.8125rem;gap:.375rem;padding:.5rem .75rem}.ai-btn svg{height:.875rem;width:.875rem}}@media (max-width:576px){.ai-buttons-container{gap:.375rem}.ai-buttons-container .ai-btn{font-size:.75rem;gap:.25rem;padding:.5rem}.ai-btn svg{height:.8125rem;width:.8125rem}}@media (max-width:400px){.ai-buttons-container{gap:.25rem}.ai-buttons-container .ai-btn{font-size:.6875rem;gap:.25rem;padding:.5rem .375rem}.ai-btn svg{height:.75rem;width:.75rem}}.navbar-new{background:#fff;border-bottom:1px solid #d1d5db;direction:rtl;position:-webkit-sticky;position:sticky;top:0;z-index:50}.navbar-container{margin:0 auto;max-width:1400px;padding:0 1.5rem}.navbar-content{height:4rem;justify-content:space-between}.navbar-content,.navbar-links{align-items:center;display:flex}.navbar-links{gap:2rem}.navbar-link{color:#4b5563;font-size:15px;font-weight:500;padding-bottom:.25rem;position:relative;text-decoration:none;transition:color .2s}.navbar-link.active,.navbar-link:hover{color:#2563eb}.navbar-link-indicator{background-color:#2563eb;bottom:0;height:2px;left:0;position:absolute;right:0}.navbar-right{align-items:center;display:flex;gap:1.5rem}.navbar-user-button{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#4b5563;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.navbar-user-button:hover{background-color:#f3f4f6;color:#111827}.navbar-logo{align-items:center;display:flex;gap:.5rem;text-decoration:none}.navbar-logo-text{color:#111827;font-size:1.25rem;font-weight:700}.navbar-dropdown-content{border:2px solid #d1d5db;width:16rem}.navbar-user-info{padding:.75rem}.navbar-user-info-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.navbar-user-info-header svg{color:#6b7280}.navbar-user-info-label{color:#6b7280;font-size:.75rem}.navbar-user-email{color:#111827;font-size:.875rem;font-weight:600;margin:0}.navbar-dropdown-item{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-size:.875rem;padding:.5rem .75rem;text-align:right;transition:background-color .2s;width:100%}.navbar-dropdown-item:hover{background-color:#f3f4f6}.navbar-dropdown-item-logout{color:#dc2626}.navbar-dropdown-item-logout:hover{background-color:#fef2f2;color:#dc2626}@media (max-width:768px){.navbar-links{flex-wrap:wrap;gap:1rem}.navbar-link{font-size:14px}.navbar-content{flex-direction:column;gap:1rem;height:auto;padding:1rem 0}.navbar-links{justify-content:center;order:2;width:100%}.navbar-right{justify-content:space-between;order:1;width:100%}}.kpi-card{border:1px solid #ccc;border-radius:8px;min-width:150px;padding:15px;text-align:center}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-content{background-color:#fff;border-radius:5px;padding:20px;position:relative}.modal-close{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.app-container{display:flex;flex-direction:column;height:100vh}.top-navbar{align-items:center;background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;height:60px;justify-content:space-between;padding:0 20px}.navbar-brand{font-size:20px;font-weight:700}.navbar-brand a{color:#fff;text-decoration:none}.navbar-brand a:hover{color:#3498db}.navbar-menu{display:flex;flex:1 1;gap:20px;justify-content:center;list-style:none;margin:0;padding:0}.navbar-menu li{margin:0}.navbar-menu a{border-radius:4px;color:#fff;padding:8px 16px;position:relative;text-decoration:none;transition:background-color .2s ease,color .2s ease}.navbar-menu a:hover{background-color:#34495e}.navbar-menu a:after{background:linear-gradient(135deg,#3b82f6,#06b6d4);bottom:4px;content:"";height:2px;position:absolute;right:16px;transition:width .25s ease;width:0}.navbar-menu a:focus-visible:after,.navbar-menu a:hover:after{width:calc(100% - 32px)}.navbar-actions{gap:15px}.navbar-actions,.user-info{align-items:center;display:flex}.user-info{background-color:#ffffff1a;border-radius:8px;gap:10px;padding:6px 12px;transition:background-color .3s}.user-info:hover{background-color:#ffffff26}.user-avatar{border:2px solid #ffffff4d;border-radius:50%;height:32px;object-fit:cover;width:32px}.user-name{font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn,.user-name{color:#fff;font-size:14px}.logout-btn{background-color:#e74c3c;border:none;border-radius:4px;cursor:pointer;padding:8px 16px;transition:background-color .3s}.logout-btn:hover{background-color:#c0392b}.top-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #e2e8f0cc;box-shadow:0 4px 6px -1px #0000000d;left:0;padding:1rem 0;position:-webkit-sticky;position:sticky;right:0;top:0;transition:all .3s ease;z-index:1000}.top-nav-container{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1rem}.top-nav-left{gap:1.25rem}.nav-brand,.top-nav-left{align-items:center;display:flex}.nav-brand{color:#0f172a;font-size:1.5rem;font-weight:700;gap:.5rem;text-decoration:none;transition:transform .3s}.nav-brand:hover{transform:scale(1.05)}.nav-brand-icon{color:#3b82f6;height:2rem;transition:transform .3s;width:2rem}.nav-brand:hover .nav-brand-icon{transform:rotate(-10deg)}.top-nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.top-nav-link{color:#475569;font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s}.top-nav-link:after{background:linear-gradient(135deg,#3b82f6,#06b6d4);bottom:0;content:"";height:2px;position:absolute;right:0;transition:width .3s;width:0}.top-nav-link:hover{color:#3b82f6}.top-nav-link:hover:after{width:100%}.top-nav-actions{align-items:center;display:flex;gap:1rem}.top-nav-login{border-radius:.5rem;color:#475569;font-size:1rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s}.top-nav-login:hover{background:#3b82f60d;color:#3b82f6}.top-nav-register{background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:.5rem;box-shadow:0 4px 12px #3b82f64d;color:#fff;font-size:1rem;font-weight:600;padding:.5rem 1.5rem;text-decoration:none;transition:all .3s}.top-nav-register:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.main-content{background-color:#f5f5f5;flex:1 1;min-height:0;overflow-y:auto}.top-navbar~.main-content{padding:20px}.main-content-landing{padding-top:0}@media (max-width:768px){.top-navbar{flex-direction:column;height:auto;padding:10px}.navbar-menu{align-items:center;flex-direction:column;gap:5px;width:100%}.navbar-brand{margin-bottom:10px}.navbar-actions{margin-top:10px}.top-nav{padding:.75rem 0}.top-nav-container{flex-wrap:nowrap;gap:.75rem}.nav-brand{font-size:1.25rem}.nav-brand-icon{height:1.5rem;width:1.5rem}.top-nav-links{gap:1.25rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100%) scale(.95)}}@keyframes toastBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(0)}75%{transform:translateY(-4px)}}@keyframes toastPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes toastShimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.custom-toast{animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-toast[data-visible=false]{animation:toastSlideOut .3s cubic-bezier(.4,0,1,1) forwards}.custom-toast:hover{box-shadow:0 12px 32px #0003;transform:translateY(-2px) scale(1.02)}.custom-toast>div:first-child{animation:toastBounce .6s ease-in-out}[data-type=success].custom-toast{border-left:4px solid #059669}[data-type=success].custom-toast>div:first-child{animation:toastBounce .5s ease-in-out,toastPulse 2s ease-in-out infinite}[data-type=error].custom-toast{border-left:4px solid #dc2626}[data-type=error].custom-toast>div:first-child{animation:toastBounce .5s ease-in-out}[data-type=loading].custom-toast{border-left:4px solid #2563eb}[data-type=loading].custom-toast>div:first-child{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-type=blank].custom-toast,[data-type=custom].custom-toast{border-left:4px solid #764ba2}.custom-toast>div:last-child{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.custom-toast:after{animation:progressBar 4s linear;animation:progressBar var(--duration,4s) linear;background:#ffffff4d;border-bottom-left-radius:12px;border-bottom-right-radius:12px;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}@keyframes progressBar{0%{transform:scaleX(1);transform-origin:left}to{transform:scaleX(0);transform-origin:left}}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.custom-toast[data-backdrop=true]{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eeaf2,#764ba2f2)}[data-type=success].custom-toast[data-backdrop=true]{background:linear-gradient(135deg,#10b981f2,#059669f2)}[data-type=error].custom-toast[data-backdrop=true]{background:linear-gradient(135deg,#ef4444f2,#dc2626f2)}[data-type=loading].custom-toast[data-backdrop=true]{background:linear-gradient(135deg,#3b82f6f2,#2563ebf2)}}@media (prefers-color-scheme:dark){.custom-toast[data-dark=true]{box-shadow:0 12px 32px #0006,0 4px 8px #667eea4d,0 0 0 1px #ffffff1a}.custom-toast[data-dark=true]:hover{box-shadow:0 16px 40px #00000080,0 0 0 1px #ffffff26}}@media (max-width:768px){.custom-toast{font-size:14px;margin:0 auto;max-width:90vw;padding:14px 20px}@media (prefers-reduced-motion:reduce){.custom-toast,.custom-toast:after,.custom-toast>div:first-child{animation:none;transition:none}}}.custom-toast+.custom-toast{margin-top:12px}@media (prefers-contrast:high){.custom-toast[data-contrast=high]{border:2px solid}}[dir=rtl] .custom-toast{direction:rtl;text-align:right}[dir=rtl] [data-type=blank].custom-toast,[dir=rtl] [data-type=custom].custom-toast,[dir=rtl] [data-type=error].custom-toast,[dir=rtl] [data-type=loading].custom-toast,[dir=rtl] [data-type=success].custom-toast{border-left:none;border-right:4px solid}.custom-toast *{transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-toast.no-timer-toast:after{display:none}.buy-credits-page{background-color:#f5f5f5;box-sizing:border-box;margin:0 auto;max-width:1280px;min-height:calc(100vh - 80px);padding:1.5rem 2rem}@media (max-width:768px){.buy-credits-page{padding:1rem}}.buy-credits-header{direction:rtl;flex-shrink:0;margin-bottom:3rem;padding-bottom:2rem;position:relative;text-align:right}.buy-credits-header:after{background:#d1d5db;border:none;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.buy-credits-title{color:#1e40af;direction:rtl;font-size:2rem;font-weight:700;line-height:1.2;margin:0 35px .5rem 0;text-align:right}.buy-credits-subtitle{color:#6b7280;direction:rtl;font-size:1rem;font-weight:400;line-height:1.5;margin:0 35px 0 0;text-align:right}.buy-credits-divider{display:none}.buy-credits-packages-grid{grid-gap:2.25rem;display:grid;gap:2.25rem;grid-template-columns:repeat(3,1fr);margin-bottom:5rem;margin-left:auto;margin-right:auto;max-width:960px}@media (max-width:1024px){.buy-credits-packages-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.buy-credits-packages-grid{grid-template-columns:1fr}}.buy-credits-package-card{background:#fff;border:1px solid #d1d5db;border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;cursor:pointer;overflow:visible;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.buy-credits-package-card:hover{border-color:#cbd5e1;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014;transform:translateY(-8px) scale(1.02)}.buy-credits-package-card:hover .buy-credits-package-name{color:#2563eb}.buy-credits-package-card:hover .buy-credits-price{color:#2563eb;transform:scale(1.05)}.buy-credits-package-card:hover .buy-credits-popular-badge{box-shadow:0 8px 16px -4px #2563eb66;transform:translateX(-50%) scale(1.1)}.buy-credits-package-popular{border:2px solid #111827;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.buy-credits-package-popular:hover{border-color:#2563eb;box-shadow:0 20px 25px -5px #2563eb33,0 10px 10px -5px #2563eb1a}.buy-credits-popular-badge{align-items:center;background:linear-gradient(90deg,#2563eb,#9333ea);border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;left:50%;padding:.375rem 1rem;position:absolute;top:-1rem;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1)}.buy-credits-sparkles-icon{height:.875rem;width:.875rem}.buy-credits-package-content{padding:2rem}.buy-credits-package-name{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;transition:color .3s ease}.buy-credits-price-section{margin-bottom:2rem}.buy-credits-price-row{align-items:baseline;display:flex;gap:.25rem;margin-bottom:.25rem}.buy-credits-price{color:#111827;display:inline-block;font-size:3rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.buy-credits-messages-count{color:#6b7280;font-size:.875rem;margin:0}.buy-credits-package-button{border-radius:.5rem;font-size:1rem;font-weight:500;height:3rem;margin-bottom:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.buy-credits-package-button-popular{background:#111827;border:none;color:#fff}.buy-credits-package-button-popular:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #2563eb66;transform:translateY(-2px)}.buy-credits-package-button-default{background:#fff;border:2px solid #111827;color:#111827}.buy-credits-package-button-default:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);border-color:#2563eb;box-shadow:0 4px 12px #2563eb66;color:#fff;transform:translateY(-2px)}.buy-credits-features{border-top:1px solid #d1d5db;display:flex;flex-direction:column;gap:.75rem;padding-top:1.5rem}.buy-credits-feature-item{align-items:center;display:flex;gap:.75rem;transition:transform .2s ease}.buy-credits-package-card:hover .buy-credits-feature-item{transform:translateX(4px)}.buy-credits-package-card:hover .buy-credits-feature-item:first-child{transition-delay:.05s}.buy-credits-package-card:hover .buy-credits-feature-item:nth-child(2){transition-delay:.1s}.buy-credits-package-card:hover .buy-credits-feature-item:nth-child(3){transition-delay:.15s}.buy-credits-feature-dot{background:#111827;border-radius:50%;flex-shrink:0;height:.375rem;transition:all .3s ease;width:.375rem}.buy-credits-package-card:hover .buy-credits-feature-dot{background:#2563eb;transform:scale(1.3)}.buy-credits-feature-text{color:#4b5563;font-size:.875rem;margin:0}.buy-credits-success-message{background-color:#dcfce7;border:1px solid #86efac;border-radius:.5rem;color:#16a34a;font-weight:500;margin-top:1rem;padding:.75rem 1rem;text-align:center}@media (max-width:768px){.buy-credits-page{padding:20px}.buy-credits-page .buy-credits-title{font-size:2rem}.buy-credits-subtitle{font-size:1rem}.buy-credits-packages-grid{gap:1rem;margin-bottom:3rem}.buy-credits-package-content{padding:1.5rem}.buy-credits-price{font-size:2.5rem}}.billing-page{background-color:#f5f5f5;margin:0 auto;max-width:1280px;min-height:100vh;padding:1.5rem 2rem}.billing-header{margin-bottom:1.5rem}.billing-header-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding-bottom:2rem;position:relative}.billing-header-content:after{background:#d1d5db;border:none;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.billing-title{align-items:center;color:#1e40af;direction:rtl;display:flex;font-size:2rem;font-weight:700;gap:.75rem;line-height:1.2;margin:0 35px .5rem 0;text-align:right}.billing-subtitle{color:#6b7280;direction:rtl;font-size:1rem;font-weight:400;line-height:1.5;margin:0 35px 0 0;text-align:right}.billing-card{background:#fff;border:2px solid #d1d5db;border-radius:.75rem;box-sizing:border-box;padding:1.5rem 1.75rem}.billing-form{display:flex;flex-direction:column;gap:.75rem;margin-top:0}.billing-field-group{display:flex;flex-direction:column;gap:4px}.billing-label{color:#0f172a;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.billing-input,.billing-select,input.billing-input[type=email],input.billing-input[type=password],input.billing-input[type=tel],input.billing-input[type=text]{border:2px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;font-size:.95rem;height:2.75rem;line-height:1.5;outline:none;padding:.625rem .75rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.billing-input:focus,.billing-select:focus,input.billing-input[type=email]:focus,input.billing-input[type=password]:focus,input.billing-input[type=tel]:focus,input.billing-input[type=text]:focus{border:2px solid #2563eb;box-shadow:0 0 0 1px #2563eb33;outline:none}.billing-select{cursor:pointer}.billing-layout{grid-gap:.75rem;align-items:start;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.billing-main{gap:.625rem;grid-column:span 2}.billing-main,.billing-summary{display:flex;flex-direction:column}.billing-summary{align-self:start;grid-column:span 1}.billing-note{color:#64748b;font-size:.875rem;line-height:1.5;margin-bottom:0;margin-top:.05rem;padding:0 .5rem;text-align:center}.billing-provider-card+div{align-items:stretch;display:flex;flex-direction:column;margin-top:.1rem;width:100%}.billing-provider-card+div>button{min-width:0;min-width:auto;width:100%}.billing-provider-card+div>p{color:#64748b;font-size:.875rem;line-height:1.5;margin-bottom:0;margin-top:.75rem;padding:0 .5rem;text-align:center}.billing-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;padding:.625rem 1.25rem;transition:background-color .15s ease,opacity .15s ease}.billing-btn-secondary{background-color:#64748b;color:#fff}.billing-btn-secondary:hover{background-color:#556472}.billing-btn-primary{background-color:#2563eb;color:#fff}.billing-btn-primary:hover:not(:disabled){background-color:#1d4ed8}.billing-btn-primary:disabled,.billing-btn-primary[disabled]{background-color:#94a3b8;cursor:not-allowed;opacity:.8}.billing-paypal-back-btn{margin-bottom:16px}.billing-summary-card{background:#f9fafb;border:2px solid #d1d5db;border-radius:.75rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:367px;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:1rem}.billing-summary-title{color:#111827;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.billing-summary-main{color:#111827;font-size:1rem;font-weight:600;margin:0 0 .25rem}.billing-summary-text{color:#6b7280;font-size:.85rem;margin:0}.billing-details-card{display:block}.billing-details-title{color:#111827;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.billing-provider-card{background:linear-gradient(to bottom right,#eff6ff,#e0f2fe);padding:.75rem .9rem}.billing-provider-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.billing-provider-logo{align-items:center;background:#1f2937;border-radius:.75rem;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.billing-provider-title{color:#111827;font-size:.9rem;font-weight:600;margin:0}.billing-provider-subtitle{color:#6b7280;font-size:.8rem;margin:0}.billing-provider-body{background:#fff;border:2px solid #d1d5db;border-radius:.75rem;padding:.75rem}.billing-provider-text{color:#4b5563;font-size:.8rem;margin:0}.billing-success-container{background-color:#f5f5f5;direction:rtl;display:flex;flex-direction:column;justify-content:center;margin:24px auto;max-width:720px;min-height:100vh;padding:0 16px;text-align:center}.billing-success-title{color:#16a34a;font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.billing-success-text{color:#475569;font-size:.95rem}@media (max-width:768px){.billing-layout{grid-template-columns:1fr}.billing-main,.billing-summary{grid-column:span 1}.billing-summary{margin-bottom:1rem;order:-1}}@media (max-width:640px){.billing-page{padding:1rem}.billing-title{font-size:2rem}.billing-card{padding:1rem}.billing-summary-card{min-height:350px}.billing-actions{align-items:stretch;flex-direction:column}.billing-btn{justify-content:center;width:100%}}
/*# sourceMappingURL=main.bded7173.css.map*/