*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8fafc}#root{width:100%;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.logo{font-size:2rem;font-weight:700;color:#3b82f6;text-decoration:none}.header-buttons{display:flex;gap:1rem;align-items:center}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-disabled{background:#9ca3af;color:#fff;cursor:not-allowed;opacity:.6}.btn-disabled:hover{transform:none}.hero{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:5rem 0;text-align:center}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.pricing-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a;border-top:4px solid;transition:transform .3s ease,box-shadow .3s ease;position:relative}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.pricing-card.basic{border-top-color:#3b82f6}.pricing-card.pro{border-top-color:#8b5cf6;transform:scale(1.05)}.pricing-card.business{border-top-color:#10b981}.popular-badge{position:absolute;top:-10px;right:20px;background:#8b5cf6;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.card-title.business{color:#10b981}.card-description{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.card-price{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.card-features{list-style:none}.card-features li{color:#6b7280;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:2rem}.service-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014;transition:transform .3s ease}.service-card:hover{transform:translateY(-3px)}.service-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.service-title.managed{color:#3b82f6}.service-title.ai{color:#8b5cf6}.service-description{color:#6b7280;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.feature-card{text-align:center;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;transition:transform .3s ease}.feature-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}.feature-description{color:#6b7280;line-height:1.6}.step-card{text-align:center;padding:2rem;position:relative}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem}.step-description{color:#6b7280;line-height:1.6}.testimonial-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000014;position:relative}.testimonial-quote{font-size:3rem;color:#3b82f6;position:absolute;top:1rem;left:1.5rem;opacity:.3}.testimonial-text{font-style:italic;color:#4b5563;line-height:1.6;margin-bottom:1.5rem;padding-top:1rem}.testimonial-author{font-weight:700;color:#1f2937}.cta-section{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;text-align:center;padding:4rem 0}.btn-secondary{background:#fff;color:#3b82f6;border:2px solid white}.btn-secondary:hover{background:transparent;color:#fff;border-color:#fff}.footer{background:#1f2937;color:#fff;text-align:center;padding:2rem 0}.rtl{direction:rtl}.rtl .header-buttons{flex-direction:row-reverse}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.section-title{font-size:2rem}.pricing-grid{grid-template-columns:1fr}.pricing-card.pro{transform:none}.services-grid,.features-grid,.steps-grid,.testimonials-grid{grid-template-columns:1fr}.header-content{flex-direction:column;gap:1rem}.header-buttons{width:100%;justify-content:center}.cta-title{font-size:2rem}.cta-description{font-size:1.1rem}.cta-buttons{flex-direction:column;align-items:center}}@media (max-width: 480px){.hero{padding:3rem 0}.hero h1{font-size:2rem}.section{padding:2rem 0}.pricing-card,.service-card{padding:1.5rem}}.approval-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[dir=rtl] .approval-page{font-family:Tajawal,Cairo,Amiri,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[dir=rtl] .metadata-item,[dir=rtl] .metadata-item label{text-align:right}[dir=rtl] .metadata-item span{text-align:left}[dir=rtl] .user-id{direction:ltr;text-align:left}[dir=rtl] .option-content,[dir=rtl] .post-title,[dir=rtl] .post-content-text,[dir=rtl] .notes-content,[dir=rtl] .comments-text,[dir=rtl] .response-summary{text-align:right}.approval-container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.approval-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:2rem;text-align:center}.approval-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700}.approval-header p{margin:0;opacity:.9;font-size:1.1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.loading-text{color:#374151;font-size:1.1rem;font-weight:500}.error-message{padding:3rem 2rem;text-align:center;color:#dc2626}.error-message h2{margin:0 0 1rem;font-size:1.5rem}.success-message{padding:3rem 2rem;text-align:center;color:#059669}.success-message h2{margin:0 0 1rem;font-size:1.75rem;font-weight:700}.response-summary{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:1.5rem;margin-top:1.5rem;text-align:left}.response-summary p{margin:.5rem 0;color:#374151}.comments-display{margin-top:1rem}.comments-text{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:1rem;margin-top:.5rem;white-space:pre-wrap;color:#6b7280}.post-details{padding:2rem}.post-content h2,.post-metadata h2,.user-details h2{color:#1f2937;margin:0 0 1rem;font-size:1.25rem;font-weight:600;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.post-title{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;color:#374151;font-weight:500}.post-content-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;line-height:1.6;margin-bottom:2rem;color:#374151;white-space:pre-wrap}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.metadata-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.metadata-item label{font-weight:600;color:#374151}.metadata-item span{color:#6b7280;text-align:right}.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.draft{background:#fef3c7;color:#92400e}.status-badge.scheduled{background:#dbeafe;color:#1d4ed8}.status-badge.published{background:#d1fae5;color:#065f46}.additional-notes{margin-top:1.5rem}.additional-notes h3{color:#374151;margin:0 0 .75rem;font-size:1rem;font-weight:600}.notes-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;color:#6b7280;line-height:1.5}.user-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.user-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;color:#6b7280}.approval-section{background:#f8fafc;border-top:1px solid #e5e7eb;padding:2rem}.approval-section h2{color:#1f2937;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.approval-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.approval-option{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.approval-option:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.approval-option.selected{border-color:#3b82f6;background:#eff6ff}.approval-option input[type=radio]{margin-top:.25rem;width:20px;height:20px;accent-color:#3b82f6}.option-content{display:flex;flex-direction:column;gap:.25rem}.option-title{font-weight:600;color:#1f2937;font-size:1rem}.option-description{color:#6b7280;font-size:.875rem}.comments-section{margin-bottom:2rem}.comments-section label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.comments-section textarea{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.875rem;line-height:1.5;resize:vertical;transition:border-color .2s ease}.comments-section textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.char-count{display:block;text-align:right;color:#6b7280;font-size:.75rem;margin-top:.25rem}.confirm-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 2rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.confirm-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.button-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.approval-page{padding:10px}.approval-header{padding:1.5rem}.approval-header h1{font-size:1.5rem}.post-details,.approval-section{padding:1.5rem}.metadata-grid{grid-template-columns:1fr}.approval-option{padding:1rem}.option-content{font-size:.875rem}}@media (max-width: 480px){.approval-header,.post-details,.approval-section,.post-title,.post-content-text{padding:1rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#111827;background:#f8fafc}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.header{background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-buttons{display:flex;align-items:center;gap:1rem}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6rem 0;text-align:center}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.hero p{font-size:1.25rem;margin-bottom:2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.btn{padding:.75rem 2rem;border-radius:.5rem;font-weight:600;text-decoration:none;display:inline-block;cursor:pointer;border:none;transition:all .3s ease;font-size:1rem}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-2px)}.btn-secondary{background:#fff;color:#3b82f6;border:2px solid #3b82f6}.btn-secondary:hover{background:#3b82f6;color:#fff;transform:translateY(-2px)}.section{padding:4rem 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#1f2937}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{text-align:center;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.feature-description{color:#6b7280}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.pricing-card{background:#fff;border-radius:1rem;padding:2rem;text-align:center;position:relative;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease;border:2px solid transparent;display:flex;flex-direction:column;height:100%}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.pro{border-color:#8b5cf6;transform:scale(1.05)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:700}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.card-title.basic{color:#3b82f6}.card-title.pro{color:#8b5cf6}.card-title.business{color:#f59e0b}.card-description{color:#6b7280;margin-bottom:1.5rem}.card-price{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#1f2937}.card-features{list-style:none;text-align:left}.card-features li{color:#6b7280;position:relative;padding:.5rem 0 .5rem 1.5rem}.card-features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.card-footer{margin-top:auto;padding-top:1.5rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.step-card{text-align:center;padding:2rem}.step-number{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.step-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.step-description{color:#6b7280}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:3rem}.service-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease}.service-card:hover{transform:translateY(-5px)}.service-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.service-title.titled{color:#3b82f6}.service-title.persona{color:#8b5cf6}.service-description{color:#6b7280;margin-bottom:1.5rem}.service-process{text-align:left}.service-process h4{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:.75rem}.service-process ul{list-style:none;padding:0;margin:0}.service-process li{margin-bottom:.75rem;padding-left:1rem;position:relative;line-height:1.5;color:#4b5563}.service-process li:before{content:"→";position:absolute;left:0;color:#8b5cf6;font-weight:700}.service-process strong{color:#374151}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.testimonial-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000000d;position:relative}.testimonial-quote{font-size:4rem;color:#3b82f6;position:absolute;top:1rem;left:1.5rem;opacity:.3}.testimonial-text{margin-bottom:1rem;font-style:italic;color:#374151;position:relative;z-index:1}.testimonial-author{font-weight:700;color:#3b82f6}.cta-section{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;padding:4rem 0;text-align:center}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-description{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.footer{background:#1f2937;color:#fff;padding:2rem 0;text-align:center;margin-top:auto}.rtl{direction:rtl;text-align:right}.rtl .header-content,.rtl .header-buttons{flex-direction:row-reverse}.rtl .card-features{text-align:right}.rtl .card-features li{padding-left:0;padding-right:1.5rem}.rtl .card-features li:before{left:auto;right:0}.dashboard{min-height:100vh;background-color:#f9fafb;display:flex}.dashboard.rtl{direction:rtl}.sidebar{width:280px;background:#fff;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;position:relative}.sidebar-content{padding:1.5rem;flex:1}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.sidebar-logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-info{display:flex;align-items:center;padding:1rem;background:#f9fafb;border-radius:.75rem;margin-bottom:2rem}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;margin-right:.75rem}.user-details{flex:1;min-width:0}.user-name{font-size:.875rem;font-weight:500;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.75rem;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-link{width:100%;display:flex;align-items:center;padding:.75rem 1rem;font-size:1rem;font-weight:500;border-radius:.5rem;border:none;background:none;cursor:pointer;transition:all .2s ease;color:#6b7280;text-align:left;text-decoration:none;gap:.75rem}.sidebar-link:hover{background:#f3f4f6;color:#111827}.sidebar-link.active{background:#dbeafe;color:#1d4ed8}.sidebar-icon{width:1.5rem;height:1.5rem;margin-right:.75rem;flex-shrink:0}.sidebar-footer{position:absolute;bottom:1rem;left:1rem;right:1rem;width:calc(100% - 2rem)}.sidebar-link.logout{color:#dc2626;font-weight:600}.sidebar-link.logout:hover{background:#fef2f2;color:#b91c1c}.nav-item,.nav-icon,.logout-btn{display:none!important}.main-content{flex:1;overflow:hidden}.content-wrapper{padding:2rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;min-height:200px}.loading-spinner{width:3rem;height:3rem;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-text{margin-top:.5rem;color:#6b7280;font-size:.875rem;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.subscription-expansion{background:linear-gradient(145deg,#fffffff2,#ffffffe6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #0000001a,0 0 40px #3b82f60d;margin:2rem 0;overflow:hidden;animation:expansionSlideDown .4s ease-out}@keyframes expansionSlideDown{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}.expansion-header{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.expansion-header h2{margin:0;font-size:1.5rem;font-weight:700}.collapse-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;padding:.5rem 1rem;cursor:pointer;transition:all .2s;font-weight:600}.collapse-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.expansion-content{padding:2rem}.inline-subscription-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.inline-subscription-card{padding:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 16px #0000001a;animation:cardSlideIn .6s ease-out}.inline-subscription-card:hover{border-color:#3b82f666;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #3b82f633,0 0 20px #3b82f61a}.inline-subscription-card.popular{border-color:#8b5cf680;background:linear-gradient(145deg,#8b5cf61a,#8b5cf60d);border-width:2px;box-shadow:0 8px 32px #8b5cf626}.payment-confirmation{max-width:600px;margin:0 auto;animation:cardSlideIn .6s ease-out}.expansion-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.1)}@media (max-width: 768px){.expansion-header{padding:1rem 1.5rem;flex-direction:column;gap:1rem;text-align:center}.expansion-content{padding:1.5rem}.inline-subscription-packages{grid-template-columns:1fr;gap:1rem}.inline-subscription-card{padding:1rem}.expansion-footer{flex-direction:column;gap:.75rem}}.dashboard-content{display:flex;flex-direction:column;gap:2rem}.welcome-section{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:1rem;box-shadow:0 10px 15px #0000001a;padding:2rem;color:#fff}.welcome-content{display:flex;align-items:center;justify-content:space-between}.welcome-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;margin:0}.welcome-message{color:#ffffffe6;margin:.5rem 0 0}.posts-remaining{text-align:right}.posts-number{font-size:2.25rem;font-weight:700;color:#000}.posts-label{color:#100f0fcc;font-size:.875rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000000d;padding:1.5rem}.stat-content{display:flex;align-items:center}.stat-icon{padding:.5rem;border-radius:.5rem;margin-right:1rem}.stat-icon.green{background:#dcfce7}.stat-icon.blue{background:#dbeafe}.stat-icon.yellow{background:#fef3c7}.stat-icon.purple{background:#e9d5ff}.icon{width:1.5rem;height:1.5rem}.stat-icon.green .icon{color:#16a34a}.stat-icon.blue .icon{color:#2563eb}.stat-icon.yellow .icon{color:#d97706}.stat-icon.purple .icon{color:#7c3aed}.stat-info{flex:1}.stat-label{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 .25rem}.stat-number{font-size:1.875rem;font-weight:700;color:#111827;margin:0}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000000d;padding:1.5rem;margin-bottom:1.5rem}.card-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;margin-top:0;color:#111827}.page-title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;margin-top:0;color:#111827}.actions-list{display:flex;flex-direction:column;gap:.75rem}.action-btn{width:100%;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn.success{background:#16a34a;color:#fff}.action-btn.success:hover{background:#15803d}.action-btn.purple{background:#8b5cf6;color:#fff}.action-btn.purple:hover{background:#7c3aed}.action-btn.secondary{background:#6b7280;color:#fff}.action-btn.secondary:hover{background:#4b5563}.btn-icon{width:1.25rem;height:1.25rem;margin-left:.5rem}.subscription-content{display:flex;flex-direction:column;gap:.75rem}.subscription-badge{padding:.75rem;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center}.subscription-name{font-weight:600}.subscription-usage{font-size:.875rem;opacity:.8}.progress-bar{width:100%;height:.5rem;background:#e5e7eb;border-radius:.25rem;overflow:hidden}.progress-fill{height:100%;background:#3b82f6;border-radius:.25rem;transition:width .3s ease}.upgrade-btn{width:100%;background:linear-gradient(135deg,#eab308,#f59e0b);color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.upgrade-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706)}.create-post-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.post-textarea{width:100%;height:10rem;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-family:inherit;resize:vertical;transition:border-color .2s ease}.post-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-actions{display:flex;gap:1rem;flex-wrap:wrap}.dashboard.rtl .user-avatar{margin-right:0;margin-left:.75rem}.dashboard.rtl .nav-icon{margin-left:.75rem;margin-right:.75rem}.dashboard.rtl .stat-icon{margin-right:0;margin-left:1rem}.dashboard.rtl .btn-icon{margin-left:0;margin-right:.5rem}.dashboard.rtl .nav-item{text-align:right}.dashboard.rtl .welcome-content{flex-direction:row-reverse}.dashboard.rtl .posts-remaining{text-align:left}@media (max-width: 768px){.hero h1{font-size:2.5rem}.section-title{font-size:2rem}.features-grid,.pricing-grid,.steps-grid,.services-grid,.testimonials-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.pricing-card.pro{transform:none}.dashboard{flex-direction:column}.sidebar{width:100%;position:relative}.sidebar-footer{position:static;margin-top:1rem}.welcome-content{flex-direction:column;text-align:center;gap:1rem}.posts-remaining{text-align:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.actions-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}.create-post-options{padding:2rem 0}.post-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:1.5rem}.post-type-card{background:#fff;border-radius:12px;padding:2rem;border:2px solid #e5e7eb;cursor:pointer;transition:all .3s ease;position:relative}.post-type-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.post-type-card.disabled{opacity:.6;cursor:not-allowed;background-color:#f9fafb}.post-type-card.disabled:hover{transform:none;border-color:#e5e7eb}.post-type-icon{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.post-type-icon .icon{width:32px;height:32px;color:#fff}.post-type-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.post-type-description{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.post-type-features{display:flex;flex-direction:column;gap:.5rem}.feature{display:flex;align-items:center;font-size:.875rem;color:#4b5563}.feature:before{content:"✓";display:inline-block;width:16px;height:16px;background-color:#10b981;color:#fff;border-radius:50%;text-align:center;line-height:16px;font-size:10px;margin-right:.5rem;margin-left:.5rem}.upgrade-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.form-container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d}.scheduling-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 600px){.scheduling-inputs{grid-template-columns:1fr}}.form-container.disabled{opacity:.6;pointer-events:none}.post-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1.5rem}.form-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;padding:.75rem;font-size:.875rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-help{font-size:.75rem;color:#6b7280;margin-top:.25rem}.ai-titles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:1rem}.ai-title-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s ease;position:relative}.ai-title-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a}.ai-title-card.selected{border-color:#3b82f6;background-color:#eff6ff}.ai-title-card.disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.ai-title-card.disabled:hover{border-color:#e5e7eb;box-shadow:none}.title-content h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 1rem;line-height:1.5}.title-meta{display:flex;gap:.5rem;flex-wrap:wrap}.persona-tag,.language-tag{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}.persona-tag{background-color:#dbeafe;color:#1d4ed8}.language-tag{background-color:#f3e8ff;color:#7c3aed}.selected-indicator{position:absolute;top:.75rem;right:.75rem;color:#3b82f6}.tone-guidelines{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.tone-item{background-color:#f8fafc;padding:1rem;border-radius:8px;border-left:4px solid #3b82f6;font-size:.875rem;line-height:1.5}.tone-item strong{color:#1f2937}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.form-actions .btn{padding:.75rem 2rem;border-radius:8px;font-weight:500;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#e5e7eb}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.posts-remaining{background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;padding:1rem;margin-top:2rem;text-align:center}.posts-remaining p{margin:0;color:#1d4ed8;font-size:.875rem}.low-posts-warning{margin-top:.5rem;padding:.5rem;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:6px}.low-posts-warning p{margin:0;color:#92400e;font-size:.75rem}.upgrade-notice{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;text-align:center}.upgrade-content h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600}.upgrade-content p{margin:0 0 1.5rem;opacity:.9}.upgrade-content .btn{background-color:#fff;color:#d97706;font-weight:600;padding:.75rem 2rem;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.upgrade-content .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.page-header p{color:#6b7280;margin:0;font-size:1.125rem}.spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.rtl .form-actions{justify-content:flex-start}.rtl .feature:before{margin-right:0;margin-left:.5rem}.rtl .selected-indicator{right:auto;left:.75rem}.rtl .upgrade-badge{right:auto;left:1rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.page-header .page-title{margin:0}.page-header .page-description{margin:.5rem 0 0;color:#6b7280}.page-header .action-btn{margin-left:1rem}.posts-list{display:flex;flex-direction:column;gap:1.5rem}.post-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:box-shadow .2s ease}.post-card:hover{box-shadow:0 4px 12px #0000001a}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.post-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1f2937;line-height:1.4}.post-meta{display:flex;gap:.75rem;flex-wrap:wrap}.post-meta span{background:#f3f4f6;color:#374151;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.post-status{display:flex;align-items:center;gap:.5rem}.status-icon{width:20px;height:20px}.status-icon.published{color:#10b981}.status-icon.scheduled{color:#3b82f6}.status-icon.draft{color:#6b7280}.status-icon.canceled{color:#ef4444}.status-text{font-size:.875rem;font-weight:500;color:#374151}.post-content{margin-bottom:1rem}.post-content p{margin:0;color:#4b5563;line-height:1.6}.post-details{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.post-detail{font-size:.875rem;color:#6b7280}.post-detail strong{color:#374151}.post-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f3f4f6}.post-dates{display:flex;flex-direction:column;gap:.25rem}.post-dates span{font-size:.75rem;color:#6b7280}.post-dates strong{color:#374151}.post-actions{display:flex;gap:.5rem}.action-btn.small{padding:.5rem 1rem;font-size:.75rem}.action-btn.danger{background-color:#ef4444;color:#fff}.action-btn.danger:hover{background-color:#dc2626}.empty-state{text-align:center;padding:4rem 2rem;color:#6b7280}.empty-icon{width:64px;height:64px;margin:0 auto 1.5rem;color:#d1d5db}.empty-title{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-description{margin:0 0 2rem;line-height:1.6}.dashboard.rtl .page-header{flex-direction:row-reverse}.posts-page-header{background:linear-gradient(135deg,#0077b5,#00a0dc);color:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem}.posts-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.posts-title-section h2{color:#fff;margin:0 0 .5rem;font-size:2rem;font-weight:700}.posts-title-section p{color:#ffffffe6;margin:0;font-size:1rem;max-width:500px}.posts-summary{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.summary-stats{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.stat-item{color:#ffffffe6;font-size:.9rem}.stat-item strong{color:#fff;font-weight:700;font-size:1.1rem}.stat-divider{color:#ffffff80;font-weight:700}@media (max-width: 768px){.posts-header-top{flex-direction:column;gap:1rem}.posts-title-section h2{font-size:1.5rem}.summary-stats{justify-content:center;text-align:center}}.scheduled-page{max-width:1200px}.scheduled-page-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem}.scheduled-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.scheduled-title-section h2{color:#fff;margin:0 0 .5rem;font-size:2rem;font-weight:700}.scheduled-title-section p{color:#ffffffe6;margin:0 0 1rem;font-size:1rem;max-width:500px}.info-note{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);margin-top:1rem;max-width:500px}.info-icon{font-size:1.2rem}.info-text{color:#fffffff2;font-size:.9rem;line-height:1.4}.scheduled-summary{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.scheduled-content{space-y:2rem}.scheduled-group{margin-bottom:2rem}.group-title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #E5E7EB}.scheduled-posts-list{display:grid;gap:1.5rem}.scheduled-post-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.scheduled-post-card:hover{box-shadow:0 4px 12px #00000026;border-color:#8b5cf6}.scheduled-post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.post-info .post-title{font-size:1.1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.post-meta{display:flex;gap:.75rem;font-size:.875rem}.post-meta span{background:#f3f4f6;color:#6b7280;padding:.25rem .5rem;border-radius:6px;font-size:.75rem}.time-remaining{text-align:right;min-width:120px}.countdown{display:block;font-size:1.1rem;font-weight:700;color:#8b5cf6}.remaining-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.scheduled-date{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:#f8fafc;border-radius:8px;border-left:4px solid #8B5CF6}.calendar-icon{width:1.25rem;height:1.25rem;color:#8b5cf6}.scheduled-date span{font-size:.9rem;font-weight:500;color:#374151}.post-preview{margin-bottom:1rem;padding:.75rem;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB}.post-preview p{margin:0;color:#6b7280;font-size:.9rem;line-height:1.5}.scheduled-post-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid #F3F4F6}.action-btn.warning{background-color:#f59e0b;color:#fff}.action-btn.warning:hover{background-color:#d97706}@media (max-width: 768px){.scheduled-header-top{flex-direction:column;gap:1rem}.scheduled-title-section h2{font-size:1.5rem}.scheduled-post-header{flex-direction:column;gap:1rem}.time-remaining{text-align:left;min-width:auto}.scheduled-post-actions{flex-direction:column}.scheduled-post-actions .action-btn{justify-content:center;width:100%}}.profile-page{min-height:100vh;padding:1rem;background-color:#f8fafc}.profile-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.profile-header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.profile-avatar-section{display:flex;gap:1rem;align-items:center}.profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e5e7eb}.avatar-icon{width:40px;height:40px;color:#9ca3af}.profile-basic-info h1,.profile-name{margin:0;font-size:1.5rem;font-weight:600;color:#111827;background:none}.profile-headline{margin:.25rem 0;color:#374151;font-size:1rem;background:none}.profile-meta{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;background:none}.meta-divider{color:#d1d5db}.profile-actions{display:flex;gap:.75rem}.profile-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;color:#111827}.profile-grid{display:grid;gap:2rem}.profile-section{border-bottom:1px solid #e5e7eb;padding-bottom:1.5rem}.profile-section:last-child{border-bottom:none;padding-bottom:0}.section-title{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#111827;background:none}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:.875rem;font-weight:500;color:#374151;background:none}.info-item span{font-size:.875rem;color:#111827;word-break:break-word;background:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-box{text-align:center;padding:1rem;background:#f9fafb;border-radius:8px;color:#111827}.stat-number{font-size:1.5rem;font-weight:600;color:#111827;display:block}.stat-label{font-size:.75rem;color:#374151;margin-top:.25rem}.subscription-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.subscription-current{display:flex;align-items:center;gap:1rem}.subscription-badge.large{padding:.75rem 1rem;border-radius:8px;font-weight:600;color:#111827;background:#f3f4f6}.subscription-details{font-size:.875rem;color:#374151}.subscription-details p{margin:0}.action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .2s;color:#fff}.action-btn.primary{background:#3b82f6;color:#fff}.action-btn.primary:hover{background:#2563eb}.action-btn.secondary{background:#f3f4f6;color:#222;border-color:#d1d5db}.action-btn.secondary:hover{background:#e5e7eb;color:#111827}.action-btn.danger{background:#fee2e2;color:#dc2626;border-color:#fecaca}.action-btn.danger:hover{background:#fecaca;color:#b91c1c}.btn-icon{width:1rem;height:1rem}.subscription-card-overview{grid-column:1 / -1}.subscription-info{text-align:center;padding:1rem}.subscription-title{font-size:1.1rem;font-weight:600;color:#111827;margin:0 0 1rem}.subscription-badge.large{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:600;margin-bottom:1rem;font-size:.9rem}.subscription-usage{margin-bottom:1.5rem}.subscription-usage p{margin:.25rem 0;color:#6b7280;font-size:.9rem}.subscription-usage strong{color:#111827}.upgrade-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;margin:0 auto}.upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.upgrade-btn .btn-icon{width:1.25rem;height:1.25rem}@media (max-width: 768px){.subscription-card-overview{grid-column:1}}.payment-modal .subscription-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-height:60vh;overflow-y:auto;padding:.25rem}.payment-modal .subscription-card{padding:.75rem;margin:0;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-height:auto;box-shadow:0 4px 16px #0000001a;animation:cardSlideIn .6s ease-out}.payment-modal .subscription-card:hover{border-color:#3b82f666;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #3b82f633,0 0 20px #3b82f61a}.payment-modal .subscription-card.popular{border-color:#8b5cf680;background:linear-gradient(145deg,#8b5cf61a,#8b5cf60d);border-width:2px;box-shadow:0 8px 32px #8b5cf626}.payment-modal .popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:.375rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.25rem;box-shadow:0 4px 12px #8b5cf666;text-transform:uppercase;letter-spacing:.5px}.payment-modal .popular-icon{width:.875rem;height:.875rem}.payment-modal .package-header{text-align:center;margin-bottom:.5rem}.payment-modal .package-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;box-shadow:0 4px 12px #3b82f633;position:relative;overflow:hidden}.payment-modal .package-icon .icon{width:1.25rem;height:1.25rem;color:#3b82f6;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.payment-modal .package-name{font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,#111827,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;text-align:center}.payment-modal .package-price{display:flex;align-items:baseline;justify-content:center;gap:.125rem;margin-bottom:.5rem}.payment-modal .price-amount{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-modal .price-currency,.payment-modal .price-period{font-size:.875rem;color:#6b7280}.payment-modal .contact-us-price{font-size:1rem;font-weight:600;color:#f59e0b;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-modal .package-features{margin-bottom:.5rem}.payment-modal .posts-limit{text-align:center;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.payment-modal .posts-limit strong{color:#111827;font-weight:600}.payment-modal .features-list{list-style:none;padding:0;margin:0;font-size:.8rem}.payment-modal .feature-item{display:flex;align-items:center;gap:.375rem;margin-bottom:.375rem;color:#6b7280;line-height:1.3}.payment-modal .feature-check{width:.875rem;height:.875rem;color:#10b981;flex-shrink:0}.payment-modal .subscribe-btn{width:100%;padding:.75rem 1rem;border:none;border-radius:12px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.payment-modal .subscribe-btn.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f666}.payment-modal .subscribe-btn.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 15px #8b5cf666}.payment-modal .subscribe-btn.gold{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b66}.payment-modal .subscribe-btn:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.1)}@media (max-width: 1024px){.payment-modal .subscription-packages{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.payment-modal .subscription-packages{grid-template-columns:1fr;max-height:50vh}.payment-modal .subscription-card{padding:.75rem}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a),#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content,.modal-content.large{background:linear-gradient(145deg,#fffffff2,#ffffffe6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#111827;border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #0003,0 0 40px #3b82f61a;padding:1.25rem;max-width:600px;width:90vw;max-height:95vh;overflow-y:auto;z-index:1100;position:relative;display:flex;flex-direction:column;animation:modalFadeIn .4s ease-out}.modal-content.large{max-width:1200px;width:98vw}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header h3{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;transition:background .2s,color .2s}.modal-body{flex:1 1 auto;padding-bottom:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb;background:none}body,.App{color:#111827;background:#f8fafc}.dashboard-topnav{min-height:100vh;background-color:#f9fafb;display:flex;flex-direction:column}.topnav{width:100%;background:#fff;box-shadow:0 4px 6px #0000000d;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;position:sticky;top:0;z-index:10}.topnav-left{min-width:180px;display:flex;align-items:center;justify-content:flex-start}.dashboard-logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topnav-center{display:flex;align-items:center;gap:1.5rem;margin:0 auto}.topnav-right{min-width:180px;display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.topnav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;border-radius:.5rem;color:#6b7280;text-decoration:none;background:none;border:none;transition:all .2s;cursor:pointer}.topnav-link:hover{background:#f3f4f6;color:#111827}.topnav-link.active{background:#dbeafe;color:#1d4ed8}.topnav-link.logout{color:#dc2626;font-weight:600;margin-left:.5rem}.topnav-link.logout:hover{background:#fef2f2;color:#b91c1c}.topnav-icon{width:1.5rem;height:1.5rem;flex-shrink:0}.topnav-label{display:inline-block}@media (max-width: 900px){.topnav{flex-direction:column;height:auto;padding:1rem;gap:.5rem}.topnav-center{margin:0;gap:.5rem}.topnav-left,.topnav-right{min-width:unset;width:100%;justify-content:center}}.dashboard-topnav .main-content{flex:1;padding:0;overflow:auto;background-color:#f9fafb}.page-container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.dashboard-content{max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.profile-page,.posts-page,.scheduled-page{max-width:1200px;margin:0 auto;padding:2rem}@media (max-width: 768px){.page-container,.dashboard-content,.profile-page,.posts-page,.scheduled-page{padding:1rem}}.posts-page .action-btn.primary,.scheduled-page .action-btn.primary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.posts-page .action-btn.primary:hover,.scheduled-page .action-btn.primary:hover{background:#e5e7eb;color:#1f2937}.subscription-upgrade-section{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;color:#fff}.upgrade-header{text-align:center;margin-bottom:3rem}.upgrade-title{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;color:#fff}.upgrade-subtitle{font-size:1.125rem;opacity:.9;max-width:600px;margin:0 auto}.subscription-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.subscription-card{background:#fff;border-radius:1rem;padding:2rem;position:relative;color:#1f2937;box-shadow:0 10px 25px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.subscription-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.subscription-card.popular{border-color:#8b5cf6;transform:scale(1.05)}.subscription-card.popular:hover{transform:scale(1.05) translateY(-5px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.25rem;box-shadow:0 4px 12px #8b5cf666}.popular-icon{width:1rem;height:1rem}.package-header{text-align:center;margin-bottom:2rem}.package-icon{width:4rem;height:4rem;margin:0 auto 1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:1rem;display:flex;align-items:center;justify-content:center}.subscription-card.popular .package-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.subscription-card:last-child .package-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.package-icon .icon{width:2rem;height:2rem;color:#fff}.package-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#1f2937}.package-description{font-size:.9rem;color:#6b7280;line-height:1.4;margin-bottom:.75rem;text-align:center}.package-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.price-amount{font-size:3rem;font-weight:700;color:#1f2937}.price-currency{font-size:1.25rem;font-weight:600;color:#6b7280}.price-period{font-size:1rem;color:#6b7280}.package-features{margin-bottom:2rem}.posts-limit{text-align:center;padding:1rem;background:#f3f4f6;border-radius:.5rem;margin-bottom:1.5rem;font-size:1.125rem;color:#374151}.features-list{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.feature-item:last-child{border-bottom:none}.feature-check{width:1.25rem;height:1.25rem;color:#10b981;flex-shrink:0}.subscribe-btn{width:100%;padding:1rem 2rem;border:none;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease}.subscribe-btn.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.subscribe-btn.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.subscribe-btn.gold{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.payment-modal{max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.modal-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:1.5rem}.selected-package-info{margin-bottom:2rem;padding:1rem;background:#f9fafb;border-radius:.75rem}.package-summary{display:flex;align-items:center;gap:1rem}.package-icon-small{width:3rem;height:3rem;padding:.75rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:.75rem;color:#fff}.package-details h4{font-size:1.25rem;font-weight:600;margin:0 0 .25rem;color:#1f2937}.package-details p{margin:0;color:#6b7280}.month-selection{margin-bottom:2rem}.month-selection h4{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.month-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.month-option{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative;text-align:center}.month-option:hover{border-color:#3b82f6;transform:translateY(-2px)}.month-option.selected{border-color:#3b82f6;background:#eff6ff}.month-number{display:block;font-size:1.5rem;font-weight:700;color:#1f2937}.month-label{display:block;font-size:.875rem;color:#6b7280;margin-top:.25rem}.discount-badge{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:1rem}.payment-summary{background:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-bottom:1rem}.payment-summary h4{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.summary-line{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.summary-line:last-child{border-bottom:none}.summary-line.discount{color:#10b981}.summary-line.total{font-weight:700;font-size:1.125rem;color:#1f2937;border-top:2px solid #e5e7eb;margin-top:.5rem;padding-top:1rem}.modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb}.payment-btn{display:flex;align-items:center;gap:.5rem;flex:1}.payment-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280)!important;cursor:not-allowed;opacity:.7}.payment-btn:disabled:hover{transform:none!important;filter:none!important}.btn-icon{width:1.25rem;height:1.25rem}.payment-callback-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:2rem}.payment-callback-content{background:#fff;border-radius:1rem;padding:3rem;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%}.payment-status-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.payment-status-icon.success{background:#dcfce7;color:#16a34a}.payment-status-icon.error{background:#fef2f2;color:#dc2626}.payment-status-icon.processing{background:#eff6ff;color:#2563eb}.payment-status-icon .icon{width:2.5rem;height:2.5rem}.payment-callback-content h2{font-size:1.875rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.payment-callback-content p{color:#6b7280;margin-bottom:1rem;font-size:1.125rem}.redirect-notice{font-size:.875rem;color:#9ca3af;margin-bottom:2rem!important}.payment-callback-content .btn{margin-top:1rem}@media (max-width: 768px){.payment-callback-container{padding:1rem}.payment-callback-content{padding:2rem}.subscription-packages{grid-template-columns:1fr}.subscription-card.popular{transform:none}.subscription-card.popular:hover{transform:translateY(-5px)}.month-options{grid-template-columns:repeat(2,1fr)}.modal-footer{flex-direction:column}.upgrade-title{font-size:1.875rem}.price-amount{font-size:2.5rem}}.rtl .services-grid,.rtl .service-process{text-align:right}.rtl .service-process ul{padding-right:0;padding-left:0}.rtl .service-process li{padding-right:1rem;padding-left:0}.rtl .service-process li:before{left:auto;right:0}.rtl .steps-grid,.rtl .step-card,.rtl .testimonials-grid,.rtl .testimonial-card{text-align:right}.rtl .testimonial-quote{left:auto;right:1.5rem}.rtl .cta-buttons{flex-direction:row-reverse}.rtl .pricing-grid{text-align:right}.rtl .pricing-card{text-align:center}.rtl .popular-badge{left:auto;right:1rem}.rtl .sidebar{direction:rtl}.rtl .sidebar-content,.rtl .user-info{text-align:right}.rtl .user-avatar{margin-right:0;margin-left:.75rem}.rtl .sidebar-link{text-align:right;flex-direction:row-reverse}.rtl .sidebar-icon{margin-right:0;margin-left:.75rem}.rtl .main-content,.rtl .stats-grid,.rtl .stat-card{text-align:right}.rtl .stat-icon{margin-right:0;margin-left:1rem}.rtl .welcome-content,.rtl .page-header,.rtl .modal-content,.rtl .modal-header{text-align:right}.rtl .subscription-packages,.rtl .subscription-card,.rtl .inline-subscription-packages,.rtl .inline-subscription-card{text-align:center}.rtl .form-group,.rtl .form-label,.rtl .post-card,.rtl .post-header,.rtl .post-content{text-align:right}.rtl .post-actions{flex-direction:row-reverse}.rtl .posts-list{text-align:right}.rtl .empty-state{text-align:center}.rtl .topnav{direction:rtl}.rtl .topnav-left{margin-right:0;margin-left:auto}.rtl .topnav-right{margin-left:0;margin-right:auto}.rtl .topnav-link{text-align:right;flex-direction:row-reverse}.rtl .topnav-icon{margin-right:0;margin-left:.5rem}.abstract-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.floating-shape{position:absolute;border-radius:50%;opacity:.1;animation:floatShape 20s infinite linear}.floating-shape.shape-1{width:100px;height:100px;background:linear-gradient(45deg,#3b82f6,#8b5cf6);top:10%;left:10%;animation-delay:0s}.floating-shape.shape-2{width:150px;height:150px;background:linear-gradient(45deg,#10b981,#3b82f6);top:60%;right:10%;animation-delay:-5s}.floating-shape.shape-3{width:80px;height:80px;background:linear-gradient(45deg,#f59e0b,#ef4444);top:30%;right:30%;animation-delay:-10s}.floating-shape.shape-4{width:120px;height:120px;background:linear-gradient(45deg,#8b5cf6,#ec4899);bottom:20%;left:20%;animation-delay:-15s}.floating-shape.shape-5{width:90px;height:90px;background:linear-gradient(45deg,#06b6d4,#10b981);bottom:50%;right:50%;animation-delay:-7s}@keyframes floatShape{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(0) rotate(180deg)}75%{transform:translateY(20px) rotate(270deg)}to{transform:translateY(0) rotate(360deg)}}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.5rem;animation:sparkle 2s infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.1) rotate(180deg);opacity:.8}}.hero.enhanced{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6rem 0;overflow:hidden}.hero-graphics{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.graphic-circle{position:absolute;border-radius:50%;background:#ffffff1a;animation:pulse 4s infinite}.graphic-circle.circle-1{width:200px;height:200px;top:20%;right:10%;animation-delay:0s}.graphic-circle.circle-2{width:150px;height:150px;bottom:20%;left:15%;animation-delay:2s}.graphic-triangle{position:absolute;width:0;height:0;animation:rotate 8s infinite linear}.graphic-triangle.triangle-1{border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:86px solid rgba(255,255,255,.15);top:10%;left:20%}.graphic-triangle.triangle-2{border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:69px solid rgba(255,255,255,.1);bottom:30%;right:25%;animation-delay:4s}@keyframes pulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.1);opacity:.2}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content{position:relative;z-index:2}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#f0f9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease-out}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.9;animation:fadeInUp 1s ease-out .2s both}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeInUp 1s ease-out .4s both}.hero-btn{padding:1rem 2rem;font-size:1.1rem;border-radius:50px;box-shadow:0 10px 30px #0000004d;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.hero-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0006}.hero-stats{display:flex;gap:3rem;text-align:center}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-number{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.875rem;opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.flow-arrow{display:flex;justify-content:center;align-items:center;margin:2rem 0;position:relative}.arrow-line{width:100px;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;position:relative;animation:arrowGlow 2s infinite}.arrow-head{width:0;height:0;border-left:15px solid #8b5cf6;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:-3px;animation:arrowBounce 2s infinite}.flow-arrow.reverse{transform:rotate(180deg)}@keyframes arrowGlow{0%,to{box-shadow:0 0 5px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc}}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.section{position:relative;overflow:hidden}.section-graphics{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.section-shape{position:absolute;opacity:.05;animation:shapeFloat 15s infinite ease-in-out}.section-shape.shape-hexagon{width:100px;height:100px;background:#3b82f6;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);top:20%;right:10%}.section-shape.shape-pentagon{width:80px;height:80px;background:#10b981;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);bottom:20%;left:15%;animation-delay:-5s}@keyframes shapeFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}.section-title.animated{animation:titleSlide 1s ease-out;position:relative;overflow:hidden}.section-title.animated:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;animation:underlineGrow 1s ease-out .5s both}@keyframes titleSlide{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes underlineGrow{0%{width:0}to{width:50px}}.features-grid.enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card.floating{position:relative;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;overflow:hidden;animation:cardFloat 6s infinite ease-in-out}.feature-card.floating:nth-child(2){animation-delay:2s}.feature-card.floating:nth-child(3){animation-delay:4s}.feature-card.floating:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #00000026}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-icon-wrapper{position:relative;display:inline-block;margin-bottom:1rem}.feature-icon{font-size:3rem;display:block;position:relative;z-index:2}.icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(59,130,246,.3),transparent);border-radius:50%;animation:iconPulse 3s infinite}@keyframes iconPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}.card-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 4s infinite;pointer-events:none}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.steps-grid.enhanced{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem;align-items:center;margin-top:3rem}.step-card.enhanced{grid-column:span 1;position:relative;padding:2rem 1.5rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;text-align:center;transition:all .3s ease;animation:stepAppear .8s ease-out}.step-card.enhanced:nth-child(1){animation-delay:.1s}.step-card.enhanced:nth-child(3){animation-delay:.2s}.step-card.enhanced:nth-child(5){animation-delay:.3s}.step-card.enhanced:nth-child(7){animation-delay:.4s}.step-card.enhanced:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #00000026}@keyframes stepAppear{0%{opacity:0;transform:translateY(50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.step-number-wrapper{position:relative;display:inline-block;margin-bottom:1rem}.step-number{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:50%;font-size:1.5rem;font-weight:700;margin:0 auto}.step-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(59,130,246,.3),transparent);border-radius:50%;animation:stepGlow 2s infinite}@keyframes stepGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.6}}.step-arrow{grid-column:span 1;display:flex;justify-content:center;align-items:center}.arrow-curved{width:40px;height:20px;border:3px solid #3b82f6;border-bottom:none;border-radius:40px 40px 0 0;position:relative;animation:arrowPulse 2s infinite}.arrow-curved:after{content:"";position:absolute;right:-8px;top:-3px;width:0;height:0;border-left:10px solid #3b82f6;border-top:6px solid transparent;border-bottom:6px solid transparent}@keyframes arrowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.services-grid.enhanced{display:grid;grid-template-columns:1fr auto 1fr;gap:3rem;align-items:stretch;margin-top:3rem}.service-card.enhanced{position:relative;padding:3rem 2rem;background:#fff;border-radius:25px;box-shadow:0 15px 40px #0000001a;transition:all .3s ease;overflow:hidden}.service-card.enhanced:hover{transform:translateY(-8px);box-shadow:0 25px 60px #00000026}.service-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.service-icon{font-size:2.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);padding:1rem;border-radius:20px;color:#fff}.service-gradient{position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,rgba(59,130,246,.1),transparent);border-radius:0 25px 0 100px}.service-separator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.separator-line{width:3px;height:100px;background:linear-gradient(to bottom,#3b82f6,#8b5cf6);border-radius:2px;position:relative;animation:lineGlow 3s infinite}@keyframes lineGlow{0%,to{box-shadow:0 0 5px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc}}.separator-icon{font-size:2rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:.5rem;border-radius:15px;animation:iconSpin 4s infinite linear}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.testimonials-grid.enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.testimonial-card.enhanced{position:relative;padding:3rem 2rem;background:#fff;border-radius:25px;box-shadow:0 15px 40px #0000001a;transition:all .3s ease;overflow:hidden}.testimonial-card.enhanced:hover{transform:translateY(-8px) rotate(1deg);box-shadow:0 25px 60px #00000026}.testimonial-quote.enhanced{position:absolute;top:1rem;left:1.5rem;font-size:4rem;color:#3b82f6;opacity:.3;font-family:serif;line-height:1}.testimonial-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.05),transparent);animation:testimonialGlow 6s infinite;pointer-events:none}@keyframes testimonialGlow{0%,to{transform:scale(1) rotate(0);opacity:.5}50%{transform:scale(1.1) rotate(180deg);opacity:1}}.pricing-grid.enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.pricing-card.enhanced{position:relative;padding:3rem 2rem;background:#fff;border-radius:25px;box-shadow:0 15px 40px #0000001a;transition:all .3s ease;overflow:hidden;border:2px solid transparent}.pricing-card.enhanced:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 60px #00000026}.pricing-card.free.enhanced{border-color:#10b981}.pricing-card.basic.enhanced{border-color:#3b82f6}.pricing-card.pro.enhanced{border-color:#8b5cf6;transform:scale(1.05)}.pricing-card.pro.enhanced:hover{transform:translateY(-10px) scale(1.07)}.card-header{text-align:center;margin-bottom:2rem}.plan-icon{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);padding:1rem;border-radius:20px;display:inline-block}.popular-badge.enhanced{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 5px 15px #f59e0b66}.badge-icon{font-size:1rem;animation:badgeFlame 2s infinite}@keyframes badgeFlame{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}}.feature-check{color:#10b981;font-weight:700;margin-right:.5rem}.plan-btn{width:100%;padding:1rem;border:none;border-radius:15px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1.5rem}.free-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.basic-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.pro-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.plan-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.card-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#3b82f6);border-radius:27px;z-index:-1;opacity:0;transition:opacity .3s ease}.pricing-card.enhanced:hover .card-glow{opacity:.7;animation:cardGlow 2s infinite}.pro-glow{background:linear-gradient(45deg,#8b5cf6,#ec4899,#8b5cf6)}@keyframes cardGlow{0%,to{opacity:.3}50%{opacity:.7}}.auth-callback-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.auth-callback-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');animation:floatPattern 20s linear infinite}@keyframes floatPattern{0%{transform:translate(0)}to{transform:translate(-100px,-100px)}}.auth-callback-content{position:relative;z-index:1;width:100%;max-width:500px}.auth-card{background:#fff;border-radius:2rem;padding:3rem;box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff1a;text-align:center;animation:cardSlideUp .6s ease-out;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981);border-radius:2rem 2rem 0 0}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-icon{width:80px;height:80px;margin:0 auto 2rem;position:relative;display:flex;align-items:center;justify-content:center}.processing-icon{background:linear-gradient(135deg,#0077b5,#005582);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.linkedin-logo{font-size:1.75rem;color:#fff;z-index:2;position:relative;display:flex;align-items:center;justify-content:center}.connecting-animation{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:3px solid transparent;border-top-color:#0077b5;border-radius:50%;animation:spin 2s linear infinite}.authenticating-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:50%;display:flex;align-items:center;justify-content:center}.setup-animation{font-size:1.75rem;color:#fff;animation:rotate 2s linear infinite;display:flex;align-items:center;justify-content:center}.success-icon .success-checkmark{width:80px;height:80px;animation:successPop .6s ease-out .3s both}.checkmark{width:100%;height:100%;animation:checkmarkDraw .8s ease-out .5s both}@keyframes successPop{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkDraw{0%{stroke-dasharray:0 100}to{stroke-dasharray:100 0}}.error-icon .error-symbol{width:80px;height:80px;animation:errorShake .6s ease-out}.error-x{width:100%;height:100%}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}.auth-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:#1f2937}.success-title{color:#059669}.error-title{color:#dc2626}.auth-description{font-size:1rem;color:#6b7280;margin-bottom:2rem;line-height:1.6}.auth-progress{margin-bottom:1rem}.progress-bar{width:100%;height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;border-radius:3px;animation:progressFlow 2s ease-in-out infinite}.progress-fill.processing{background:linear-gradient(90deg,#0077b5,#005582)}.progress-fill.authenticating{background:linear-gradient(90deg,#8b5cf6,#6d28d9)}@keyframes progressFlow{0%{width:0%}50%{width:70%}to{width:100%}}.progress-text{font-size:.875rem;color:#6b7280;font-weight:500}.success-features{margin:2rem 0;text-align:left}.feature-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:#f8fafc;border-radius:.75rem;border-left:3px solid #10b981}.feature-icon{font-size:1.25rem}.redirect-notice{margin-top:2rem;padding:1rem;background:#f0fdf4;border-radius:.75rem;border:1px solid #bbf7d0}.redirect-animation{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#059669;font-weight:500}.redirect-spinner{width:16px;height:16px;border:2px solid #bbf7d0;border-top-color:#059669;border-radius:50%;animation:spin 1s linear infinite}.error-details{margin:1.5rem 0;padding:1rem;background:#fef2f2;border-radius:.75rem;border-left:4px solid #ef4444}.error-message{display:flex;flex-direction:column;gap:.5rem;text-align:left}.error-label{font-weight:600;color:#7f1d1d;font-size:.875rem}.error-text{color:#991b1b;font-family:Monaco,Menlo,monospace;font-size:.875rem;word-break:break-word}.error-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.error-actions .btn{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .2s ease;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem}.error-actions .btn-primary{background:#3b82f6;color:#fff}.error-actions .btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.error-actions .btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.error-actions .btn-secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.success-card{border:2px solid #bbf7d0}.error-card{border:2px solid #fecaca}@media (max-width: 640px){.auth-callback-container{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.5rem}.error-actions{flex-direction:column}.error-actions .btn{width:100%;justify-content:center}}.inline-subscription-card.current-plan{border:2px solid #22c55e;background:linear-gradient(135deg,#f0fdf4,#dcfce7);position:relative}.current-plan-badge{position:absolute;top:-8px;right:12px;background:#22c55e;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;z-index:2;box-shadow:0 2px 4px #22c55e33}.subscribe-btn:disabled{background-color:#e5e7eb!important;color:#6b7280!important;cursor:not-allowed;opacity:.7}.operation-info{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.summary-line.current-subscription{background-color:#f3f4f6;padding:.5rem;border-radius:.375rem;margin-bottom:.5rem;font-size:.875rem}.upgrade-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:.5rem;font-size:.875rem;color:#92400e}.extend-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #22c55e;border-radius:.5rem;font-size:.875rem;color:#166534}.downgrade-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #ef4444;border-radius:.5rem;font-size:.875rem;color:#991b1b}.pending-downgrade-badge{background:#fbbf24;color:#92400e;padding:2px 8px;border-radius:8px;font-size:.75rem;font-weight:600;margin-left:.5rem}.cta-section.enhanced{position:relative;background:linear-gradient(135deg,#1e40af,#7c3aed);color:#fff;padding:6rem 0;overflow:hidden}.cta-graphics{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cta-shape{position:absolute;background:#ffffff1a;animation:ctaFloat 20s infinite ease-in-out}.cta-shape.shape-1{width:150px;height:150px;border-radius:50%;top:10%;right:10%}.cta-shape.shape-2{width:100px;height:100px;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);bottom:20%;left:15%;animation-delay:-10s}.cta-shape.shape-3{width:80px;height:80px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);top:60%;right:30%;animation-delay:-5s}@keyframes ctaFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}.cta-content{position:relative;z-index:2;text-align:center}.cta-buttons.enhanced{display:flex;justify-content:center;gap:1.5rem;margin-top:3rem}.cta-btn{padding:1rem 2rem;border-radius:50px;font-size:1.1rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 10px 30px #0000004d}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0006}.footer.enhanced{position:relative;background:#111827;color:#fff;padding:3rem 0;overflow:hidden}.footer-graphics{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.footer-wave{position:absolute;top:0;left:0;width:100%;height:20px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#3b82f6);clip-path:polygon(0 0,100% 0,100% 100%,0 80%);animation:waveFlow 4s infinite ease-in-out}@keyframes waveFlow{0%,to{clip-path:polygon(0 0,100% 0,100% 100%,0 80%)}50%{clip-path:polygon(0 0,100% 0,100% 80%,0 100%)}}.footer-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;margin-bottom:1rem}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-stats{flex-direction:column;gap:1rem}.steps-grid.enhanced{grid-template-columns:1fr;gap:2rem}.step-arrow{transform:rotate(90deg);margin:1rem 0}.services-grid.enhanced{grid-template-columns:1fr;gap:2rem}.service-separator{transform:rotate(90deg);margin:2rem 0}.cta-buttons.enhanced{flex-direction:column;align-items:center}.pricing-grid.enhanced{grid-template-columns:1fr;gap:2rem}.pricing-card.pro.enhanced{transform:none}.pricing-card.pro.enhanced:hover{transform:translateY(-10px) scale(1.02)}}.filter-tabs{display:flex;gap:.5rem;margin:1rem 0;border-bottom:1px solid #e5e7eb;padding-bottom:0}.filter-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;transition:all .2s ease;position:relative;border-radius:.375rem .375rem 0 0}.filter-tab:hover{color:#374151;background-color:#f3f4f6;border-radius:.375rem .375rem 0 0}.filter-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background-color:#eff6ff;border-radius:.375rem .375rem 0 0}.tab-label{font-weight:inherit}.tab-count{background-color:#e5e7eb;color:#6b7280;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;min-width:1.5rem;text-align:center;transition:all .2s ease}.filter-tab.active .tab-count{background-color:#3b82f6;color:#fff}.filter-tab:hover .tab-count{background-color:#d1d5db;color:#374151}.filter-tab.active:hover .tab-count{background-color:#2563eb;color:#fff}.time-remaining-inline{margin-top:.25rem}.countdown-small{font-size:.75rem;color:#f59e0b;font-weight:600;background-color:#fef3c7;padding:.125rem .375rem;border-radius:.25rem}@media (max-width: 768px){.filter-tabs{gap:.25rem;overflow-x:auto;padding-bottom:.5rem}.filter-tab{padding:.5rem .75rem;font-size:.8rem;white-space:nowrap;flex-shrink:0}.tab-count{font-size:.7rem;padding:.125rem .375rem;min-width:1.25rem}}.rtl .filter-tabs{direction:rtl}.rtl .filter-tab{flex-direction:row-reverse}.rtl .tab-count{margin-right:0;margin-left:0}.edit-post-modal{max-width:800px;max-height:90vh;overflow:hidden;width:90vw;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040}.edit-post-modal .modal-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:1rem 1rem 0 0;padding:1.5rem 2rem;border:none;position:relative;overflow:hidden}.edit-post-modal .modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent);pointer-events:none}.edit-post-modal .modal-title{display:flex;align-items:center;gap:.75rem;font-size:1.375rem;font-weight:700;margin:0;position:relative;z-index:1}.edit-post-modal .modal-icon{width:1.75rem;height:1.75rem;opacity:.95}.edit-post-modal .modal-close{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;width:2.25rem;height:2.25rem;font-size:1.125rem;transition:all .2s ease;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.edit-post-modal .modal-close:hover{background:#ffffff40;transform:scale(1.05)}.edit-post-modal .modal-body{padding:0;background:#f8fafc;max-height:calc(90vh - 140px);overflow-y:auto;border-radius:0 0 1rem 1rem}.edit-post-modal .form-section{background:#fff;margin:0;border-bottom:1px solid #e2e8f0}.edit-post-modal .form-section:last-of-type{border-bottom:none;border-radius:0 0 1rem 1rem}.section-title{background:#f8fafc;padding:1rem 2rem;margin:0;font-size:1rem;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:.75rem;position:sticky;top:0;z-index:10}.section-title:before{content:"";width:3px;height:1rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:2px}.edit-post-modal .form-section .form-group,.edit-post-modal .form-section .form-row{padding:0 2rem}.edit-post-modal .form-section .form-group:last-child,.edit-post-modal .form-section .form-row:last-child{padding-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:0}.edit-post-modal .form-group{margin-bottom:0;padding-top:1rem}.edit-post-modal .form-row+.form-row{padding-top:0}.edit-post-modal .form-row .form-group{padding-top:1rem;padding-left:0;padding-right:0}.edit-post-modal .form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.edit-post-modal .form-group input,.edit-post-modal .form-group select,.edit-post-modal .form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s ease;background:#fff;font-family:inherit}.edit-post-modal .form-group input:focus,.edit-post-modal .form-group select:focus,.edit-post-modal .form-group textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.edit-post-modal .form-group input::placeholder,.edit-post-modal .form-group textarea::placeholder{color:#9ca3af}.edit-post-modal .form-group textarea{resize:vertical;min-height:120px;line-height:1.5}.content-preview{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.25rem;margin:1.25rem 2rem 1.5rem;position:relative}.content-preview:before{content:"Generated Content Preview";position:absolute;top:-10px;left:1rem;background:#f1f5f9;padding:0 .5rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.content-text{font-size:.875rem;line-height:1.6;color:#374151;background:#fff;padding:1.25rem;border-radius:.5rem;border:1px solid #e2e8f0;margin-bottom:1rem;max-height:180px;overflow-y:auto;box-shadow:0 1px 3px #0000001a}.content-info{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#6b7280;flex-wrap:wrap}.content-label{font-weight:600;color:#4b5563}.content-date{font-weight:500;color:#374151;background:#e0e7ff;padding:.25rem .5rem;border-radius:.25rem}.content-note{font-style:italic;color:#9ca3af;background:#fef3c7;padding:.25rem .5rem;border-radius:.25rem;border-left:3px solid #f59e0b}.edit-post-modal .modal-actions{background:#fff;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:1rem;margin:0;position:sticky;bottom:0;z-index:10;border-radius:0 0 1rem 1rem}.edit-post-modal .modal-actions .btn{padding:.75rem 1.5rem;font-weight:600;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center;border:1px solid transparent;cursor:pointer}.edit-post-modal .modal-actions .btn-secondary{background:#f8fafc;color:#475569;border-color:#e2e8f0}.edit-post-modal .modal-actions .btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.edit-post-modal .modal-actions .btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:transparent;box-shadow:0 2px 4px #4f46e533}.edit-post-modal .modal-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #4f46e54d}@media (max-width: 768px){.edit-post-modal{width:95vw;max-height:95vh;margin:2.5vh auto}.form-row{grid-template-columns:1fr;gap:0}.edit-post-modal .modal-header{padding:1.25rem 1.5rem}.edit-post-modal .modal-title{font-size:1.25rem}.edit-post-modal .modal-icon{width:1.5rem;height:1.5rem}.section-title{padding:.875rem 1.5rem;font-size:.9375rem}.edit-post-modal .form-section .form-group,.edit-post-modal .form-section .form-row{padding-left:1.5rem;padding-right:1.5rem}.edit-post-modal .form-section .form-group:last-child,.edit-post-modal .form-section .form-row:last-child{padding-bottom:1.25rem}.edit-post-modal .form-row .form-group{padding-left:0;padding-right:0}.content-preview{margin:1rem 1.5rem 1.25rem;padding:1rem}.edit-post-modal .modal-actions{padding:1.25rem 1.5rem;flex-direction:column;gap:.75rem}.edit-post-modal .modal-actions .btn{width:100%;justify-content:center}.content-info{flex-direction:column;align-items:flex-start;gap:.5rem}.edit-post-modal .modal-body{max-height:calc(95vh - 120px)}}.rtl .edit-post-modal .modal-title{flex-direction:row-reverse}.rtl .section-title:before{order:1}.rtl .edit-post-modal .modal-actions{justify-content:flex-start}.rtl .content-preview:before{right:1rem;left:auto}@keyframes editModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.edit-post-modal{animation:editModalSlideIn .3s ease-out}.edit-post-modal .form-group input:focus,.edit-post-modal .form-group select:focus,.edit-post-modal .form-group textarea:focus{animation:fieldFocus .2s ease-out}@keyframes fieldFocus{0%{transform:translateY(0)}to{transform:translateY(-1px)}}.edit-post-modal .modal-body::-webkit-scrollbar,.content-text::-webkit-scrollbar{width:6px}.edit-post-modal .modal-body::-webkit-scrollbar-track,.content-text::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.edit-post-modal .modal-body::-webkit-scrollbar-thumb,.content-text::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.edit-post-modal .modal-body::-webkit-scrollbar-thumb:hover,.content-text::-webkit-scrollbar-thumb:hover{background:#94a3b8}.edit-post-modal .form-group input:focus,.edit-post-modal .form-group select:focus,.edit-post-modal .form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;background-color:#fefefe}.edit-post-modal .form-section .form-group:first-child,.edit-post-modal .form-section .form-row:first-child .form-group{padding-top:1.25rem}.edit-post-modal .form-group input:disabled,.edit-post-modal .form-group select:disabled,.edit-post-modal .form-group textarea:disabled{background-color:#f8fafc;color:#6b7280;cursor:not-allowed;opacity:.7}.edit-post-modal .form-group label{color:#374151;font-weight:600;margin-bottom:.5rem;font-size:.875rem}.edit-post-modal .form-group input,.edit-post-modal .form-group select,.edit-post-modal .form-group textarea{box-shadow:0 1px 2px #0000000d}.edit-post-modal .form-group input:hover,.edit-post-modal .form-group select:hover,.edit-post-modal .form-group textarea:hover{border-color:#9ca3af}.edit-post-modal .form-group input:invalid,.edit-post-modal .form-group select:invalid,.edit-post-modal .form-group textarea:invalid{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.edit-post-modal .form-group input:valid,.edit-post-modal .form-group select:valid,.edit-post-modal .form-group textarea:valid{border-color:#10b981}.edit-post-modal .modal-actions .btn:focus{outline:none;box-shadow:0 0 0 3px #4f46e51a}.edit-post-modal .modal-actions .btn-secondary:focus{box-shadow:0 0 0 3px #4755691a}.edit-post-modal,.edit-post-modal .form-section,.edit-post-modal .form-group input,.edit-post-modal .form-group select,.edit-post-modal .form-group textarea,.edit-post-modal .modal-actions .btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background-color:#f9fafb}.error-boundary-content{text-align:center;max-width:600px;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 25px #0000001a}.error-icon{margin-bottom:1.5rem}.error-title{font-size:2rem;font-weight:700;color:#374151;margin-bottom:1rem}.error-message{font-size:1.1rem;color:#6b7280;margin-bottom:2rem;line-height:1.6}.error-details{margin:2rem 0;text-align:left;background:#f3f4f6;border-radius:8px;padding:1rem}.error-details summary{cursor:pointer;font-weight:600;color:#374151;margin-bottom:1rem}.error-stack{background:#1f2937;color:#f9fafb;padding:1rem;border-radius:6px;font-size:.875rem;line-height:1.4;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-actions .btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none}.error-actions .btn-primary{background-color:#3b82f6;color:#fff}.error-actions .btn-primary:hover{background-color:#2563eb}.error-actions .btn-secondary{background-color:#6b7280;color:#fff}.error-actions .btn-secondary:hover{background-color:#4b5563}@media (max-width: 768px){.error-boundary-content{padding:2rem}.error-title{font-size:1.5rem}.error-actions{flex-direction:column}.error-actions .btn{width:100%}}