@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}.container{padding:0 24px}.btn{align-items:center;border-radius:12px;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#d946ef);box-shadow:0 4px 20px #6366f14d}.btn-primary:hover{box-shadow:0 8px 30px #6366f166;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 15px #64748b33;color:#fff}.btn-secondary:hover{box-shadow:0 6px 20px #64748b4d;transform:translateY(-1px)}.form-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #00000005;font-family:inherit;font-size:16px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a,0 4px 12px #0000000d;outline:none;transform:translateY(-1px)}.form-input::placeholder{color:#9ca3af}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff40;border:1px solid #fff3;box-shadow:0 8px 32px #1f26875e}.shadow-premium{box-shadow:0 2px 8px #0000000a,0 4px 16px #00000014,0 8px 32px #0000001f}.shadow-premium-lg{box-shadow:0 4px 12px #0000000d,0 8px 24px #0000001a,0 16px 48px #00000026}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:40px;width:100%}.login-card h1{color:#667eea;margin-bottom:10px;text-align:center}.login-card h2{color:#333;margin-bottom:30px;text-align:center}.error-message{background:#fee;border-radius:6px;color:#c33;margin-bottom:20px;padding:12px}.login-card form input{margin-bottom:15px}.login-card .btn{margin-top:10px;width:100%}.toggle-text{color:#666;margin-top:20px;text-align:center}.toggle-link{color:#667eea;cursor:pointer;font-weight:500}.toggle-link:hover{text-decoration:underline}.dashboard-container{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.dashboard-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-header .container{align-items:center;display:flex;height:72px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 32px;width:100%}.header-left{align-items:center;display:flex;flex:1 1;gap:48px;height:100%}.logo{cursor:pointer;height:42px;object-fit:contain;width:200px}.nav-menu{gap:0;height:100%}.nav-item,.nav-menu{align-items:center;display:flex}.nav-item{border-bottom:3px solid #0000;color:#64748b;cursor:pointer;font-size:15px;font-weight:500;height:72px;padding:0 24px;text-decoration:none;transition:all .2s}.nav-item.active{background:#6366f10d;border-bottom-color:#6366f1;color:#6366f1}.nav-item:hover:not(.active){background:#64748b0d;color:#334155}.user-profile{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;padding:8px 20px;white-space:nowrap}.user-profile span{color:#374151;font-size:15px;font-weight:500}.logout-btn{background:linear-gradient(135deg,#6366f1,#ff66c4);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.logout-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.dashboard-main{flex:1 1;padding:32px 0}.container{margin:0 auto;max-width:1400px;padding:0 32px}.welcome-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.welcome-section h2{color:#1e293b;font-size:28px;font-weight:600;margin:0}.generate-btn{background:linear-gradient(135deg,#6366f1,#ff66c4);border:none;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s}.generate-btn:hover{box-shadow:0 8px 20px #0006;transform:translateY(-2px)}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:48px}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-card h3{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-value{color:#1e293b;font-size:32px;font-weight:700}.plan-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ff66c4);-webkit-background-clip:text;background-clip:text}.articles-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.articles-section h3{background:linear-gradient(135deg,#6366f10d,#ff66c40d);border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:20px;font-weight:600;margin:0;padding:24px}.articles-table{width:100%}.table-header,.table-row{grid-template-columns:1fr 150px 150px}.table-row:hover{background:linear-gradient(135deg,#6366f105,#ff66c405)}.col-title{color:#1e293b;font-weight:500}.col-date{color:#64748b;font-size:14px}.col-actions{display:flex;gap:8px}.action-btn{border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.view-btn{background:#fff;border-color:#6366f1;color:#6366f1}.view-btn:hover{background:linear-gradient(135deg,#6366f1,#ff66c4);border-color:#0000;color:#fff}.no-articles{color:#64748b;padding:48px 24px;text-align:center}.dashboard-footer{background:#fff;border-top:1px solid #e2e8f0;margin-top:auto;padding:24px 0}.dashboard-footer p{color:#64748b;font-size:14px;margin:0}.modal-header{background:linear-gradient(135deg,#6366f10d,#ff66c40d)}.modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ff66c4);-webkit-background-clip:text;background-clip:text}.modal-header button{transition:all .2s}.modal-header button:hover{color:#ff66c4}.article-meta{background:linear-gradient(135deg,#6366f10d,#ff66c40d)}.article-title{border-bottom:3px solid;border-image:linear-gradient(135deg,#6366f1,#ff66c4) 1}.article-content h1,.article-content h2,.article-content h3,.article-content h4{font-family:Quicksand,sans-serif;font-weight:600}.heading-number,.sub-heading-number{background:linear-gradient(135deg,#6366f1,#ff66c4)}.excerpt{background:linear-gradient(135deg,#6366f10d,#ff66c40d);border-image:linear-gradient(135deg,#6366f1,#ff66c4) 1;border-left:4px solid}.tag{background:linear-gradient(135deg,#6366f11a,#ff66c41a);border:1px solid #6366f133;color:#6366f1}.publish-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.publish-modal .modal-content{background:#fff;border-radius:12px;max-height:80vh;max-width:600px;overflow-y:auto;padding:0;width:90%}.publish-modal .close-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.publish-modal .close-btn:hover{color:#ff66c4}.modal-body{padding:24px}.modal-body p{color:#4b5563;margin-bottom:20px}.no-sites-message{background:linear-gradient(135deg,#6366f105,#ff66c405);border:2px dashed #cbd5e1;border-radius:8px;padding:40px 20px;text-align:center}.no-sites-message p{color:#64748b;margin-bottom:16px}.sites-list{display:flex;flex-direction:column;gap:16px}.site-option{align-items:center;background:linear-gradient(135deg,#6366f105,#ff66c405);border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.site-option:hover{border-color:#6366f1;transform:translateY(-1px)}.site-info h4{color:#1e293b;font-size:16px;margin:0 0 4px}.site-info p{color:#64748b;font-size:14px;margin:0 0 8px}.site-info .status{border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px}.site-info .status.connected{background:#dcfce7;color:#166534}.site-info .status.disconnected{background:#fee2e2;color:#dc2626}.btn{background:linear-gradient(135deg,#6366f1,#ff66c4);color:#fff}.btn:hover{box-shadow:0 4px 12px #0000004d}.btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.welcome-section{flex-direction:column;gap:16px;text-align:center}.header-left{gap:24px}.nav-menu{display:none}.dashboard-header .container{height:64px;padding:0 16px}.logo{height:34px;width:150px}.table-header,.table-row{gap:8px;grid-template-columns:1fr}.publish-modal .modal-content{margin:20px;width:95%}.site-option{flex-direction:column;gap:12px;text-align:center}.col-actions{justify-content:center}}.wordpress-sites-container{margin:0 auto;max-width:1200px;padding:24px}.sites-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.sites-header h2{color:#1e293b;font-size:28px;font-weight:600;margin:0}.add-site-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.modal-header{padding:24px}.close-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{color:#1e293b}.add-site-modal form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:6px}.form-group input{border:2px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#6366f1;outline:none}.form-group small{color:#6b7280;display:block;font-size:12px;margin-top:4px}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.form-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.form-actions button[type=button]{background:#f1f5f9;color:#64748b}.form-actions button[type=submit]{background:#6366f1;color:#fff}.form-actions button:hover{transform:translateY(-1px)}.sites-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.no-sites{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;padding:60px 20px;text-align:center}.site-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s}.site-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.site-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.site-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.status{border-radius:16px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.status.connected{background:#dcfce7;color:#166534}.status.disconnected{background:#fee2e2;color:#dc2626}.site-details{margin-bottom:20px}.site-details p{color:#4b5563;font-size:14px;margin:8px 0}.site-actions{display:flex;gap:8px}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;text-align:center;text-decoration:none;transition:all .2s}.btn-secondary{background:#f1f5f9}.btn:hover{transform:translateY(-1px)}@media (max-width:768px){.sites-header{flex-direction:column;gap:16px;text-align:center}.sites-grid{grid-template-columns:1fr}.modal-content{margin:20px;width:95%}.site-actions{flex-direction:column}}.topic-manager{margin:0 auto;max-width:1400px;padding:24px}.manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.manager-header h2{color:#1e293b;font-size:28px;font-weight:600;margin:0}.btn-secondary{background:#e2e8f0;color:#475569}.btn-secondary:hover{background:#cbd5e0}.btn-sm{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.btn-danger{background:#fee2e2;color:#dc2626}.btn-danger:hover{background:#fecaca}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-info{background:#3b82f6;color:#fff}.btn-info:hover{background:#2563eb}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.btn-draft{background:#8b5cf6!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:11px!important;font-weight:500!important;margin-right:4px!important;padding:6px 10px!important;transition:all .2s!important}.btn-draft:hover{background:#7c3aed!important;box-shadow:0 2px 8px #8b5cf64d!important;transform:translateY(-1px)!important}.btn-publish{background:#10b981!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:11px!important;font-weight:500!important;padding:6px 10px!important;transition:all .2s!important}.btn-publish:hover{background:#059669!important;box-shadow:0 2px 8px #10b9814d!important;transform:translateY(-1px)!important}.btn-primary{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.btn-primary:hover{background:#5b21b6;transform:translateY(-1px)}.add-form-modal{align-items:center;background:#00000080;bottom:0;display:flex;font-family:Outfit,sans-serif;justify-content:center;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:1000}.add-form-modal .modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:0;position:relative;width:90%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h3{color:#1e293b;font-family:Quicksand,sans-serif;font-size:20px;margin:0}.modal-header button{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.topics-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-header,.table-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 180px 280px;padding:16px 24px}.table-row{align-items:center;border-bottom:1px solid #f1f5f9;transition:background-color .2s}.table-row:hover{background:#f8fafc}.table-row:last-child{border-bottom:none}.topic-title{color:#1e293b;font-weight:500;line-height:1.4}.status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-align:center;text-transform:uppercase;white-space:nowrap}.bg-purple-100{background:#f3e8ff}.text-purple-800{color:#6b21a8}.bg-gray-100{background:#f3f4f6}.text-gray-800{color:#1f2937}.bg-yellow-100{background:#fef3c7}.text-yellow-800{color:#92400e}.bg-blue-100{background:#dbeafe}.text-blue-800{color:#1e40af}.bg-green-100{background:#dcfce7}.text-green-800{color:#166534}.bg-red-100{background:#fee2e2}.text-red-800{color:#991b1b}.error-tooltip{display:inline-block;position:relative}.error-tooltip:hover:after{background:#1f2937;border-radius:6px;bottom:125%;box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(title);font-size:12px;left:50%;padding:8px 12px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.no-topics{background:#f8fafc;color:#64748b;padding:60px 24px;text-align:center}.article-meta{background:#f8fafc;border-radius:8px;margin-bottom:24px;padding:16px}.article-meta div{margin-bottom:8px}.article-content{color:#2d3748;font-family:Outfit,sans-serif;line-height:1.7;padding:24px}.article-title{border-bottom:3px solid #6366f1;font-size:24px;margin-bottom:24px;padding-bottom:12px}.article-content h1,.article-title{color:#1a202c;font-family:Quicksand,sans-serif;font-weight:600}.article-content h1{border-bottom:2px solid #e2e8f0;font-size:32px;margin:24px 0 16px;padding-bottom:8px}.article-content h2{color:#2d3748;font-size:26px;margin:24px 0 16px}.article-content h2,.article-content h3{font-family:Quicksand,sans-serif;font-weight:600}.article-content h3{align-items:center;color:#4a5568;display:flex;font-size:20px;gap:12px;margin:20px 0 12px}.article-content h4{align-items:center;color:#718096;display:flex;font-family:Quicksand,sans-serif;font-size:18px;font-weight:600;gap:10px;margin:16px 0 10px 40px}.heading-number{font-size:14px}.heading-number,.sub-heading-number{background:#667eea;border-radius:4px;color:#fff;flex-shrink:0;font-weight:700;padding:4px 10px}.sub-heading-number{font-size:13px}.article-content p{color:#4a5568;font-size:16px;line-height:1.8;margin:16px 0;text-align:justify}.article-content ul{margin:16px 0;padding-left:0}.article-content li{color:#4a5568;font-size:16px;list-style:none;margin:12px 0;padding:8px 0 8px 24px;position:relative}.article-content li:before{color:#6366f1;content:"•";font-size:18px;font-weight:700;left:0;position:absolute;top:8px}.article-content strong{color:#2d3748;font-weight:600}.excerpt{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-left:4px solid #6366f1;border-radius:8px;margin-bottom:24px;padding:20px}.excerpt h4{color:#4a5568;font-family:Quicksand,sans-serif;font-size:16px;margin:0 0 12px}.excerpt p{color:#2d3748;font-style:italic;margin:0}.tags{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:16px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag{background:#e0e7ff;border-radius:16px;color:#3730a3;font-size:12px;padding:4px 12px}.no-content{color:#64748b;padding:40px;text-align:center}.pagination{background:#f8fafc;border:1px solid #e2e8f0;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:none;gap:12px;justify-content:center;margin-top:-1px;padding:20px 24px}.page-numbers,.pagination{align-items:center;display:flex}.page-numbers{gap:6px}.page-number{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:0 12px;transition:all .2s}.page-number:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.page-number.active{background:#6366f1;border-color:#6366f1;box-shadow:0 4px 12px #6366f14d;color:#fff}.page-ellipsis{color:#94a3b8;font-size:18px;font-weight:600;padding:0 8px}.pagination-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#6366f1;border-color:#6366f1;box-shadow:0 4px 12px #6366f14d;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{background:#f1f5f9;border-color:#e2e8f0;box-shadow:none;color:#cbd5e1;cursor:not-allowed;transform:none}@media (max-width:1024px){.table-header,.table-row{gap:8px;grid-template-columns:1fr}.actions{align-items:flex-start;flex-direction:column;gap:6px}.btn-draft,.btn-publish{margin-right:0!important;text-align:center!important;width:100%!important}}.quickpost-wrapper{font-family:Outfit,sans-serif;height:auto!important;min-height:auto!important}.quickpost-wrapper .progress-step{height:auto!important;min-height:0!important}.progress-content,.progress-content *,.progress-modal,.progress-modal *{max-height:none!important;min-height:0!important}.quickpost-wrapper .modal-content{background:#fff!important;border:none!important;border-radius:12px!important;box-shadow:0 10px 30px #0000001a!important;margin:0 auto!important;max-width:500px!important;padding:24px!important}.quickpost-wrapper .form-group{margin-bottom:20px!important}.quickpost-wrapper .form-group label{color:#374151!important;display:block!important;font-family:Outfit,sans-serif!important;font-size:14px!important;font-weight:600!important;margin-bottom:6px!important}.quickpost-wrapper .form-group input{background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-sizing:border-box!important;color:#111827!important;font-family:Outfit,sans-serif!important;font-size:14px!important;outline:none!important;padding:12px 16px!important;transition:border-color .2s ease!important;width:100%!important}.quickpost-wrapper .form-group input:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11a!important}.quickpost-wrapper .form-group input::placeholder{color:#9ca3af!important;font-style:italic!important}.quickpost-wrapper .form-group select{-webkit-appearance:none!important;appearance:none!important;background:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23374151' d='M4.5 6.5 8 10l3.5-3.5-.7-.7L8 8.6 5.2 5.8z'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:16px!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-sizing:border-box!important;color:#111827!important;cursor:pointer!important;font-family:Outfit,sans-serif!important;font-size:14px!important;outline:none!important;padding:12px 40px 12px 16px!important;transition:border-color .2s ease!important;width:100%!important}.quickpost-wrapper .form-group select:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11a!important}.quickpost-wrapper .form-group select::-ms-expand{display:none!important}.quickpost-wrapper .form-actions{border-top:1px solid #e5e7eb!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;margin-top:24px!important;padding-top:20px!important}.quickpost-wrapper .form-actions button{border:none!important;border-radius:6px!important;cursor:pointer!important;font-family:Outfit,sans-serif!important;font-size:14px!important;font-weight:500!important;min-width:90px!important;padding:10px 20px!important;transition:all .2s ease!important}.quickpost-wrapper .form-actions button[type=button]{background:#f3f4f6!important;border:1px solid #d1d5db!important;color:#6b7280!important}.quickpost-wrapper .form-actions button[type=button]:hover{background:#e5e7eb!important;color:#374151!important}.quickpost-wrapper .form-actions .btn-primary,.quickpost-wrapper .form-actions button[type=submit]{background:#6366f1!important;color:#fff!important}.quickpost-wrapper .form-actions .btn-primary:hover,.quickpost-wrapper .form-actions button[type=submit]:hover{background:#5b5ddd!important}.quickpost-wrapper .form-actions .btn-primary:disabled,.quickpost-wrapper .form-actions button[type=submit]:disabled{cursor:not-allowed!important;opacity:.6!important}.progress-step{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;height:auto!important;min-height:0!important;padding:8px 16px;transition:background .3s ease}.progress-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin:0 auto;max-width:500px;padding:40px}.progress-content h3{color:#333;font-family:Quicksand,sans-serif;font-size:22px;font-weight:600;margin-bottom:30px;text-align:center}.progress-steps{border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:0;margin-bottom:5px;overflow:hidden}.progress-step:last-child{border-bottom:none}.progress-step.pending{background:#fafafa}.progress-step.loading{background:#fff8e1}.progress-step.complete{background:#f1f8f4}.progress-step.error{background:#ffebee}.step-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.checkmark{color:#4caf50;font-size:18px;font-weight:700;line-height:1}.error-icon{color:#f44336;font-size:20px;font-weight:700}.pending-icon{color:#bdbdbd;font-size:14px;line-height:1}.spinner{animation:spin .8s linear infinite;border:3px solid #ffe082;border-top-color:#ff9800;display:block;height:18px;width:18px}.step-label{color:#333;flex:1 1;font-size:15px;font-weight:500;line-height:1;margin:0;padding:0}.progress-step.pending .step-label{color:#9e9e9e}.progress-step.complete .step-label{color:#2e7d32}.step-error{color:#d32f2f;font-size:13px;font-weight:400;margin-top:6px}.error-section{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;margin-top:20px;padding:20px;text-align:center}.error-message{color:#c62828;font-size:14px;line-height:1.5;margin-bottom:16px}.error-section .btn{margin-top:8px}@media (max-width:640px){.quickpost-wrapper .form-actions{flex-direction:column!important}.quickpost-wrapper .form-actions button{width:100%!important}.quickpost-wrapper .modal-content{margin:10px!important;padding:20px!important}.progress-modal{margin:10px;padding:20px}}.analytics-container{font-family:Outfit,sans-serif;margin:0 auto;max-width:1400px;padding:24px}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.analytics-header h2{color:#1e293b;font-size:28px;font-weight:600;margin:0}.date-range-selector select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:14px;padding:8px 16px}.date-range-selector select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.analytics-tabs{border-bottom:2px solid #f1f5f9;display:flex;gap:4px;margin-bottom:32px}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.tab-button:hover{background:#f8fafc;color:#1e293b}.tab-button.active{background:#f8fafc;border-bottom-color:#6366f1;color:#6366f1}.analytics-tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#6366f1;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:24px;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-card.views{border-left:4px solid #3b82f6}.stat-card.posts{border-left:4px solid #10b981}.stat-card.avg-views{border-left:4px solid #f59e0b}.stat-card.shares{border-left:4px solid #8b5cf6}.stat-icon{align-items:center;background:#f8fafc;border-radius:8px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-content h3{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 4px}.stat-content p{color:#64748b;font-size:14px;font-weight:500;margin:0}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.chart-card h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.top-posts-list{display:flex;flex-direction:column;gap:12px}.top-post-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s}.top-post-item:hover{background:#f1f5f9}.post-rank{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.post-details{flex:1 1}.post-details h4{color:#1e293b;font-size:16px;font-weight:500;line-height:1.4;margin:0 0 8px}.post-stats{display:flex;gap:16px}.post-stats span{color:#64748b;font-size:13px;font-weight:500}.roi-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.roi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.roi-card h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.roi-metrics{display:flex;flex-direction:column;gap:16px}.roi-metric{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 0}.roi-metric:last-child{border-bottom:none}.metric-label{color:#64748b;font-weight:500}.metric-value{color:#1e293b;font-size:18px;font-weight:600}.value-metrics{display:flex;flex-direction:column;gap:20px}.value-item{background:#f8fafc;border-radius:8px;padding:16px;text-align:center}.value-number{color:#1e293b;display:block;font-size:32px;font-weight:700;margin-bottom:8px}.value-label{color:#64748b;font-size:14px;font-weight:500}.topic-performance-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.topic-performance-card h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.performance-list{display:flex;flex-direction:column;gap:12px}.performance-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s}.performance-item:hover{background:#f1f5f9}.performance-rank{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.performance-details{flex:1 1}.performance-details h4{color:#1e293b;font-size:16px;font-weight:500;line-height:1.4;margin:0 0 8px}.performance-stats{display:flex;flex-wrap:wrap;gap:16px}.performance-stats span{color:#64748b;font-size:13px;font-weight:500}.roi-value{color:#10b981!important;font-weight:600!important}@media (max-width:768px){.analytics-container{padding:16px}.analytics-header{align-items:flex-start;flex-direction:column;gap:16px}.stats-grid{grid-template-columns:1fr}.analytics-tabs{overflow-x:auto;white-space:nowrap}.tab-button{flex-shrink:0}.roi-grid{grid-template-columns:1fr}.performance-stats,.post-stats{flex-direction:column;gap:8px}}.loading{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#6b7280;display:flex;font-size:18px;justify-content:center;min-height:100vh}.app-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e2e8f080;box-shadow:0 4px 24px #0000000f;padding:24px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between}.app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#d946ef);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;letter-spacing:-.02em;margin:0}.user-section{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:50px;display:flex;gap:20px;padding:12px 20px}.user-section span{color:#374151;font-weight:500}.main-content{min-height:calc(100vh - 96px);padding:48px 0}.dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #e2e8f080;border-radius:24px;overflow:hidden;padding:0}
/*# sourceMappingURL=main.9fcaddda.css.map*/