:root{font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;color-scheme:light!important;color:#213547;background-color:transparent!important;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100%;min-width:320px;min-height:100vh;overflow-x:hidden;box-sizing:border-box;background-color:transparent!important}#root{width:100%;min-height:100vh;overflow-x:hidden;box-sizing:border-box;background-color:transparent!important}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;box-sizing:border-box}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{box-sizing:border-box}html{overflow-x:hidden;width:100%;color-scheme:light!important;background-color:transparent!important}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2147483647;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-width:400px;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;gap:12px;padding:20px 20px 0;position:relative}.modal-icon{flex-shrink:0}.modal-icon.warning{color:#f59e0b}.modal-icon.danger{color:#ef4444}.modal-icon.info{color:#3b82f6}.modal-title{font-family:Outfit,sans-serif;font-size:18px;font-weight:600;color:#1f2937;margin:0;flex-grow:1}.modal-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{padding:16px 20px 20px}.modal-message{font-family:Outfit,sans-serif;font-size:14px;line-height:1.5;color:#4b5563;margin:0}.modal-footer{display:flex;gap:12px;padding:0 20px 20px;justify-content:flex-end}.modal-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-family:Outfit,sans-serif;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:80px}.modal-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.modal-btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.modal-btn-primary{background:#3b82f6;color:#fff}.modal-btn-primary:hover{background:#2563eb}.modal-btn-primary.warning{background:#f59e0b}.modal-btn-primary.warning:hover{background:#d97706}.modal-btn-primary.danger{background:#ef4444}.modal-btn-primary.danger:hover{background:#dc2626}.modal-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.modal-btn-primary.warning:focus{box-shadow:0 0 0 3px #f59e0b4d}.modal-btn-primary.danger:focus{box-shadow:0 0 0 3px #ef44444d}@media (max-width: 480px){.modal-overlay{padding:16px}.modal-container{max-width:100%}.modal-footer{flex-direction:column}.modal-btn{width:100%;justify-content:center}}.media-uploader{margin:20px 0}.upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#f9fafb;position:relative}.upload-area:hover{border-color:#3b82f6;background-color:#f0f9ff}.upload-area.drag-over{border-color:#3b82f6;background-color:#dbeafe;transform:scale(1.02)}.upload-area.error{border-color:#ef4444;background-color:#fef2f2}.upload-icon{color:#6b7280;margin-bottom:12px}.upload-area:hover .upload-icon{color:#3b82f6}.upload-text{font-family:Outfit,sans-serif;font-size:20px;font-weight:400;font-style:normal;color:#777;margin:8px 0}.upload-limits{font-size:14px;color:#6b7280;margin:4px 0 0}.error-message{display:flex;align-items:center;gap:8px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;margin:12px 0;color:#dc2626;font-size:14px}.error-message svg{flex-shrink:0}.media-preview{position:relative;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background-color:#f9fafb;max-width:100%}.uploaded-image,.uploaded-video{width:100%;height:auto;max-height:400px;object-fit:contain;display:block;border-radius:8px 8px 0 0}.uploaded-unknown{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;color:#6b7280;font-size:14px;border-radius:8px 8px 0 0}.remove-media-btn{position:absolute;top:8px;right:8px;background-color:#000c;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:100;padding:0;min-width:36px;min-height:36px;box-shadow:0 2px 8px #0000004d}.remove-media-btn:hover{background-color:#000000e6;transform:scale(1.1)}.remove-media-btn svg,.remove-media-btn *,.remove-media-btn>*{width:20px!important;height:20px!important;display:block!important}@media (max-width: 768px){.upload-area{padding:30px 16px}.upload-text{font-size:14px}.upload-limits{font-size:12px}.uploaded-image,.uploaded-video{max-height:300px}}.platform-selector{margin:20px 0}.platform-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:12px;margin-bottom:12px}.platform-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;min-height:80px}.platform-btn:hover:not(:disabled){border-color:#007bff;background-color:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.platform-btn.active{border-color:#007bff;background-color:#e7f3ff;color:#007bff}.platform-btn.active:hover{background-color:#d1e7ff}.platform-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#f8f9fa;border-color:#dee2e6;transform:none;box-shadow:none}.platform-btn:disabled:hover{border-color:#dee2e6;background-color:#f8f9fa;transform:none;box-shadow:none}.platform-btn:disabled img{opacity:.5}.platform-btn:disabled span{color:#6c757d}.platform-btn img{width:32px;height:32px;margin-bottom:8px;transition:all .2s ease}.platform-btn.active img{opacity:.8}.platform-btn span{font-size:14px;font-weight:500;font-family:Outfit,sans-serif;text-align:center}.platform-btn svg{margin-bottom:8px;transition:all .2s ease}.platform-btn.active svg{color:#007bff}.platform-btn.linkedin:hover:not(:disabled){border-color:#0077b5;background-color:#f0f8ff}.platform-btn.linkedin.active{border-color:#0077b5;background-color:#e6f3ff;color:#0077b5}.platform-btn.linkedin.active img{opacity:.8}.platform-btn.twitter:hover:not(:disabled){border-color:#1da1f2;background-color:#f0f9ff}.platform-btn.twitter.active{border-color:#1da1f2;background-color:#e6f7ff;color:#1da1f2}.platform-btn.twitter.active img{opacity:.8}.platform-btn.instagram:hover:not(:disabled){border-color:#e4405f;background-color:#fff0f3}.platform-btn.instagram.active{border-color:#e4405f;background-color:#ffe6eb;color:#e4405f}.platform-btn.instagram.active img{opacity:.8}.platform-btn.facebook:hover:not(:disabled){border-color:#1877f2;background-color:#f0f4ff}.platform-btn.facebook.active{border-color:#1877f2;background-color:#e6f0ff;color:#1877f2}.platform-btn.facebook.active img{opacity:.8}.warning-indicator{position:absolute;top:8px;right:8px;color:#ffc107;background:transparent!important;border-radius:0!important;padding:0!important;border:none!important;box-shadow:none!important}@media (max-width: 768px){.platform-buttons{grid-template-columns:repeat(2,1fr);gap:8px}.platform-btn{padding:12px 8px;min-height:70px}.platform-btn img{width:24px;height:24px;margin-bottom:6px}.platform-btn span{font-size:12px}}@media (max-width: 480px){.platform-buttons{grid-template-columns:1fr}}:root{--toolbar-btn-size: 42px;--toolbar-icon-size: 24px;--toolbar-gap: 8px;--toolbar-border-radius: 12px;--toolbar-shadow: 0 2px 4px rgba(0, 0, 0, .1);--toolbar-active-shadow: 0 4px 8px rgba(0, 0, 0, .15)}.post-creator-page{min-height:100vh;width:100vw;padding:16px;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;background-color:transparent}.post-creator-page{-ms-overflow-style:none;scrollbar-width:none}.post-creator-page::-webkit-scrollbar{width:0;height:0;display:none}.post-creator-container{max-width:none;width:100%;background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 15px #00000014;margin:0}.post-creator-container>*{width:100%;margin-left:0;margin-right:0}.post-creator-container .action-buttons{width:100%;margin-left:0;margin-right:0;display:flex!important;justify-content:flex-end!important;align-items:center}.page-title{font-family:Outfit,sans-serif;font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 32px;text-align:left}.platform-selector{margin-bottom:0;background:#fff;border:1px solid #C3C7CD;padding:16px 24px;border-radius:12px 12px 0 0;width:100%;border-bottom:none}.section-title{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;color:#adb5bd;margin:0}.datetime-title{color:#adb5bd!important;font-size:18px!important}.platform-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;margin-bottom:16px}.platform-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid #e9ecef;background:#f8f9fa;color:#1c1c1d;font-family:Outfit,sans-serif;font-size:12px;font-weight:400;cursor:pointer;transition:all .2s ease;min-width:84px;min-height:56px}.platform-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.platform-btn.active{background:#e8f5e8;color:#10b981;border-color:#10b981;box-shadow:0 2px 4px #10b98126}.platform-btn.linkedin.active{background:#e8f5e8;color:#0a66c2;border-color:#0a66c2;box-shadow:0 2px 4px #0a66c226}.platform-btn.twitter.active{background:#e9ecef;color:#000;border-color:#000;box-shadow:0 2px 4px #00000026}.platform-btn.instagram.active{background:#fce4ec;color:#e4405f;border-color:#e4405f;box-shadow:0 2px 4px #e4405f26}.platform-btn.facebook.active{background:#e3f2fd;color:#1877f2;border-color:#1877f2;box-shadow:0 2px 4px #1877f226}.platform-btn img{width:20px;height:20px}.platform-btn svg{width:20px;height:20px}.content-editor{margin-bottom:32px;margin-top:0;position:relative;width:100%}.editor-container{background:#fff;border:1px solid #C3C7CD;border-radius:0 0 12px 12px;overflow:visible;position:relative;width:100%;border-top:1px solid #C3C7CD;margin-top:0}.platform-selector>*:last-child{margin-bottom:0!important}.content-textarea{width:100%;min-height:200px;padding:16px;border:none;outline:none;resize:vertical;font-family:Outfit,sans-serif;font-size:16px;line-height:1.6;color:#1a1a1a;background:#fff;box-sizing:border-box}.content-textarea::placeholder{color:#6c757d}.editor-toolbar{position:absolute;bottom:16px;right:16px;display:flex;gap:var(--toolbar-gap);z-index:100}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:var(--toolbar-btn-size);height:var(--toolbar-btn-size);border:2px solid transparent;background:#fffffff2;color:#4a5568;cursor:pointer;border-radius:var(--toolbar-border-radius);transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--toolbar-shadow);font-size:16px;font-weight:600}.toolbar-btn:hover{background:#fff;color:#1a1a1a;transform:translateY(-1px)}.toolbar-btn svg{width:24px!important;height:24px!important;stroke-width:2;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important}.toolbar-btn:nth-child(1){color:#4299e1}.toolbar-btn:nth-child(2){color:#8b5cf6}.toolbar-btn.char-count{background:#f8f9fa;color:#6c757d;border-radius:50%;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;width:var(--toolbar-btn-size);height:var(--toolbar-btn-size);position:relative;overflow:hidden}.toolbar-btn.char-count:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--progress-color, #10b981) 0deg,var(--progress-color, #10b981) calc(var(--progress, 0) * 3.6deg),transparent calc(var(--progress, 0) * 3.6deg),transparent 360deg);mask:radial-gradient(circle at center,transparent 60%,black 61%);-webkit-mask:radial-gradient(circle at center,transparent 60%,black 61%)}.toolbar-btn.active{background:#fff;border:2px solid #1a1a1a;box-shadow:var(--toolbar-active-shadow);transform:translateY(-2px)}.toolbar-btn.active:nth-child(1){color:#4299e1;border-color:#4299e1}.toolbar-btn.active:nth-child(2){color:#8b5cf6;border-color:#8b5cf6}.toolbar-btn.active:nth-child(3){color:#4299e1;border-color:#4299e1}.toolbar-btn.active:nth-child(4){color:#8b5cf6;border-color:#8b5cf6}.toolbar-btn.active.char-count{background:#f8f9fa;color:#6c757d;border-color:#6c757d}.toolbar-right{display:flex;align-items:center}.char-count{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;color:#6c757d}.media-uploader{margin-bottom:32px;width:100%}.upload-area{border:2px dashed #e9ecef;border-radius:12px;padding:28px 16px;text-align:center;background:#fff;transition:all .2s ease;cursor:pointer}.upload-area:hover{border-color:#007bff;background:#f8f9ff}.upload-area.drag-over{border-color:#007bff;background:#e3f2fd}.upload-icon{color:#6c757d;margin-bottom:16px}.upload-text{font-family:Outfit,sans-serif;font-size:16px;color:#6c757d;margin:0}.uploaded-media-section{margin-top:16px}.media-preview{position:relative;background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;width:33.33%;max-width:300px}.uploaded-image{width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:12px}.uploaded-video{width:100%;height:auto;max-height:300px;border-radius:12px}.remove-media-btn{position:absolute;top:12px;right:12px;background:#ef4444cc;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;z-index:1000;pointer-events:auto}.remove-media-btn{position:absolute;top:12px;right:12px;background:#ef44444d;border:1px solid #ef4444;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#ef4444;cursor:pointer;transition:all .2s ease;z-index:1000;pointer-events:auto;font-size:18px;font-weight:700;line-height:1}.remove-media-btn:hover{background:#ef444480;transform:scale(1.1)}.datetime-picker{margin-bottom:32px;width:100%}.datetime-container{display:flex;flex-direction:column;gap:16px}.datetime-inputs{display:flex;gap:12px}.date-input-wrapper,.time-input-wrapper{flex:1;position:relative}.date-input,.time-input{width:100%;padding:14px 50px 14px 20px;border:1px solid #e9ecef;border-radius:16px;background:#fff;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:#1a1a1a;cursor:pointer}.date-input::-webkit-calendar-picker-indicator{display:none}.time-input::-webkit-calendar-picker-indicator{display:none}.date-input::-webkit-inner-spin-button,.time-input::-webkit-inner-spin-button{display:none}.input-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#6c757d;pointer-events:none;z-index:2147483644}.datetime-display-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0 16px}.current-datetime{font-family:Outfit,sans-serif;font-size:14px;color:#111827;text-align:left;padding:12px 16px;background:#fff;border-radius:24px;border:1px solid #e5e7eb;display:inline-block;flex:1;margin-right:16px;box-shadow:0 1px 2px #0000000a inset;cursor:pointer}.datetime-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}.datetime-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid #e9ecef;border-radius:16px;background:#fff;color:#6c757d;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:none}.datetime-btn:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.datetime-btn.active{background:#007bff;color:#fff;border-color:#007bff}.optimal-times-section{margin-top:16px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.optimal-times-title{font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.optimal-times-list{display:flex;flex-direction:column;gap:8px}.optimal-time-slot{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.optimal-time-slot:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.time-slot{font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:#1a1a1a}.level-badge{font-family:Outfit,sans-serif;font-size:12px;font-weight:600;color:#1a1a1a;padding:4px 8px;border-radius:4px;background:#fffc}.recurring-toggle{display:flex;flex-direction:column;gap:0;margin-bottom:32px;background:#f1f2ed;border-radius:16px;border:1px solid #D8D8D8;overflow:hidden;box-shadow:0 2px 8px #0000000d;width:100%}.toggle-header{display:flex;align-items:center;gap:16px;padding:24px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.toggle-icon{color:#007bff;flex-shrink:0;align-self:center;width:24px;height:24px}.toggle-info{flex:1;display:flex;flex-direction:column;justify-content:center}.toggle-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:500;color:#1c1c1d;margin:0 0 6px}.toggle-description{font-family:Outfit,sans-serif;font-size:18px;font-weight:400;font-style:normal;color:#777;margin:0;line-height:1.4}.toggle-switch{position:relative;align-self:center;display:flex;align-items:center;justify-content:center}.toggle-input{opacity:0;width:0;height:0}.toggle-label{display:block;width:56px;height:28px;background:#e9ecef;border-radius:14px;cursor:pointer;position:relative;transition:all .3s ease}.toggle-slider{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #00000026}.toggle-input:checked+.toggle-label{background:#007bff}.toggle-input:checked+.toggle-label .toggle-slider{transform:translate(28px)}.recurring-settings{display:flex;flex-direction:column;gap:0;background:#fff}.frequency-section,.repeat-section{display:flex;flex-direction:column;gap:16px;padding:24px;border-bottom:1px solid #f1f3f4}.frequency-section:last-child,.repeat-section:last-child{border-bottom:none}.settings-title{font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.settings-title:before{content:"";width:4px;height:16px;background:#007bff;border-radius:2px}.frequency-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.frequency-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:2px solid #e9ecef;border-radius:12px;background:#fff;color:#6c757d;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:80px;justify-content:center}.frequency-btn:hover{background:#f8f9fa;border-color:#007bff;color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.frequency-btn.active{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.frequency-btn svg{width:20px;height:20px}.weekly-days{margin-top:16px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.days-title{font-family:Outfit,sans-serif;font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day-btn{padding:10px 8px;border:2px solid #e9ecef;border-radius:8px;background:#fff;color:#6c757d;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;min-height:40px;display:flex;align-items:center;justify-content:center}.day-btn:hover{background:#f8f9fa;border-color:#007bff;color:#007bff;transform:translateY(-1px)}.day-btn.active{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-color:#007bff;transform:translateY(-1px);box-shadow:0 2px 8px #007bff33}.custom-frequency{margin-top:16px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.custom-title{font-family:Outfit,sans-serif;font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.custom-input{display:flex;align-items:center;gap:12px}.custom-number-input{width:100px;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:#1a1a1a;text-align:center;transition:all .2s ease}.custom-number-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.custom-label{font-family:Outfit,sans-serif;font-size:14px;color:#6c757d;font-weight:500}.repeat-options{display:flex;flex-direction:column;gap:16px}.repeat-count{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.repeat-count label{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;color:#1a1a1a;min-width:100px}.repeat-input{width:100px;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:#1a1a1a;text-align:center;transition:all .2s ease}.repeat-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.repeat-count span{font-family:Outfit,sans-serif;font-size:14px;color:#6c757d;font-weight:500}.repeat-divider{font-family:Outfit,sans-serif;font-size:13px;color:#adb5bd;text-align:center;margin:8px 0;font-weight:500}.end-date{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.end-date label{font-family:Outfit,sans-serif;font-size:14px;font-weight:500;color:#1a1a1a;min-width:100px}.end-date-input{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;color:#1a1a1a;transition:all .2s ease}.end-date-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.action-buttons{display:flex!important;gap:12px;margin-top:16px;align-items:center;justify-content:flex-end!important;width:100%;flex-wrap:wrap;margin-left:auto!important;margin-right:0!important;text-align:right}.drafts-more-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:6px 10px;border-radius:9999px;border:1px solid #e5e7eb;background:#fff;color:#2563eb;cursor:pointer;transition:all .2s ease}.drafts-more-btn:hover{background:#f8fafc;border-color:#bfdbfe}.drafts-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:9999px;background:#2563eb;color:#fff;font-size:10px;font-weight:700}.btn-cancel{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;color:#6c757d;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#f8f9fa;color:#495057}.btn-save-draft{padding:12px 20px;background:#fff3cd;color:#856404;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-save-draft:hover{background:#ffeaa7;transform:translateY(-1px)}.btn-schedule{padding:12px 20px;background:#8b8b8b;color:#fff;border:none;border-radius:8px;font-family:Outfit,sans-serif;font-size:20px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-schedule:hover{background:#2d2d2d;transform:translateY(-1px)}.btn-update-schedule{padding:12px 20px;background:#8b8b8b;color:#fff;border:none;border-radius:8px;font-family:Outfit,sans-serif;font-size:20px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-update-schedule:hover{background:#2d2d2d;transform:translateY(-1px)}.btn-cancel{padding:12px 20px;background:#fff!important;color:#0085ff!important;border:1.25px solid #0085FF!important;border-radius:8px;font-family:Outfit,sans-serif!important;font-size:20px!important;font-weight:500!important;cursor:pointer;transition:all .2s ease;display:block!important;visibility:visible!important;opacity:1!important;min-height:50px;min-width:120px}.btn-cancel:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.btn-post-now{padding:12px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-family:Outfit,sans-serif;font-size:20px;font-weight:500;cursor:pointer;transition:all .2s ease;line-height:1.2;letter-spacing:.01em}.btn-post-now:hover{background:#2563eb;transform:translateY(-1px)}.btn-post-now:disabled{opacity:.5;cursor:not-allowed;background:#3b82f6}.btn-post-now.disabled-date-selected:disabled{opacity:1;cursor:not-allowed;background:#3b82f6;color:#fff}.btn-post-now.disabled-date-selected:disabled:hover{background:#3b82f6;transform:none}@media (max-width: 768px){.post-creator-page{padding:16px}.post-creator-container{padding:24px}.page-title{font-size:24px;margin-bottom:24px}.platform-buttons{gap:8px}.platform-btn{padding:10px 16px;font-size:13px}.content-textarea{padding:16px;font-size:14px}.editor-toolbar{padding:10px 16px}.upload-area{padding:30px 16px}.upload-text{font-size:14px}.datetime-actions{gap:8px}.datetime-btn{padding:6px 12px;font-size:13px}.recurring-toggle{padding:16px;flex-direction:column;gap:16px;align-items:flex-start}.action-buttons{flex-direction:column;gap:8px;width:100%;align-items:stretch}.btn-cancel,.btn-save-draft,.btn-schedule,.btn-update-schedule,.btn-post-now{width:100%;justify-content:center}}.platform-btn{position:relative}.warning-indicator{color:#ef4444;position:absolute;top:-4px;right:-4px;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;border:none!important;z-index:10}.warning-header.clickable{cursor:pointer;transition:background-color .2s ease}.warning-header.clickable:hover{background:#ef44440d;border-radius:8px;padding:8px;margin:-8px}.warning-header-left{display:flex;align-items:center;gap:8px}.warning-toggle{display:flex;align-items:center;color:#6b7280;transition:color .2s ease}.warning-header.clickable:hover .warning-toggle{color:#ef4444}.platform-warnings{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px;margin-bottom:16px}.platform-warnings.instagram-media-warning{background:#fff3e0;border:1px solid #ffcc80;margin-top:12px}.platform-warnings.instagram-media-warning .warning-icon,.platform-warnings.instagram-media-warning .warning-title{color:#e65100}.warning-icon{color:#ef4444;flex-shrink:0}.warning-title{font-size:13px;font-weight:600;color:#dc2626}.warning-platforms{display:flex;flex-direction:column;gap:6px}.warning-platform{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#fff;border-radius:6px;border:1px solid #fecaca}.platform-name{font-size:12px;font-weight:500;color:#374151}.platform-limit{font-size:11px;font-weight:600;color:#ef4444}.platform-warnings.twitter-media-warning{border-left:4px solid #1da1f2;background:linear-gradient(135deg,#e6f7ff,#f5fbff)}.twitter-media-warning .warning-icon,.twitter-media-warning .warning-title{color:#1da1f2}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.post-button{width:100%;padding:16px 24px;background:#3b82f6;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:24px}.post-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.post-button:active{transform:translateY(0)}.warning-explanation{margin-top:12px;padding:12px;background:#f8fafc;border-radius:6px;border-left:4px solid #3b82f6;display:block!important;visibility:visible!important;opacity:1!important}.explanation-title{font-size:12px;font-weight:600;color:#1e293b;margin-bottom:6px;display:block!important}.explanation-text{font-size:11px;line-height:1.4;color:#475569;display:block!important}.explanation-text strong{color:#ef4444;font-weight:600}.platform-visual-warnings{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:16px;margin:16px 0}.visual-warning-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.visual-warning-icon{color:#0ea5e9;flex-shrink:0}.visual-warning-title{font-size:14px;font-weight:600;color:#0369a1}.visual-warning-platforms{display:flex;flex-direction:column;gap:8px}.visual-warning-platform{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid #bae6fd}.visual-warning-platform .platform-name{font-size:13px;font-weight:600;color:#0c4a6e}.visual-warning-platform .platform-requirements{font-size:12px;line-height:1.4;color:#0369a1}.emoji-picker-container{position:absolute;bottom:80px;right:16px;z-index:2147483645;animation:slideUp .2s ease-out;box-shadow:0 8px 32px #00000026;border-radius:12px;overflow:hidden}.datetime-inline-row{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;position:relative;z-index:2147483643;width:100%}.datetime-inline-label{font-family:Outfit,sans-serif;font-size:18px;font-weight:400;font-style:normal;color:#000}.datetime-inline-label .required-star{color:#0085ff}.datetime-inline-controls{display:flex;flex-direction:row;gap:12px;align-items:center;width:100%}.datetime-inline-input{padding:12px 14px;border:1px solid #e9ecef;border-radius:12px;font-family:Outfit,sans-serif;font-size:16px;color:#1a1a1a;background:#fff;width:100%}.datetime-with-icon{position:relative;flex:1 1 0%;min-width:0}.datetime-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:auto;cursor:pointer;z-index:2147483644}.datetime-with-icon .datetime-inline-input{padding-left:44px;padding-right:12px}.datetime-with-icon .datetime-inline-input::-webkit-calendar-picker-indicator{position:absolute;left:12px;right:auto;cursor:pointer}.datetime-inline-input::-webkit-calendar-picker-indicator{display:initial!important;opacity:1;pointer-events:auto}.datetime-inline-input::-webkit-inner-spin-button{display:none}.inline-optimal-btn{padding:12px 16px;border:1px solid #CBCECD;border-radius:8px;background:#e6e8ec;color:#000;font-family:Outfit,sans-serif;font-size:14px;font-weight:400;font-style:normal;cursor:pointer;width:auto;flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.inline-optimal-icon{width:16px;height:16px}.inline-optimal-btn.active{background:#007bff;color:#fff;border-color:#007bff}.inline-optimal-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.inline-optimal-item{padding:8px 12px;border:1px solid #e9ecef;border-radius:10px;background:#fff;cursor:pointer;font-size:13px}.inline-optimal-item.level-high{background:#dcfce7}.inline-optimal-item.level-medium{background:#fef3c7}.inline-optimal-item.level-low{background:#fecaca}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.post-result{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border-left:4px solid #10b981}.post-result.error{border-left-color:#ef4444}.post-result h3{margin:0 0 1rem;color:#1f2937;font-size:1.1rem}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.result-item{padding:.75rem;border-radius:8px;margin-bottom:.5rem;background:#f8fafc;border-left:3px solid #10b981}.result-item.error{background:#fef2f2;border-left-color:#ef4444}.result-item:last-child{margin-bottom:0}.post-id{color:#6b7280;font-size:.9rem}.datetime-inputs .date-input,.datetime-inputs .time-input{position:relative;z-index:1}.datetime-inputs .input-icon{pointer-events:none}#date-time-picker-section .date-input::-webkit-calendar-picker-indicator,#date-time-picker-section .time-input::-webkit-calendar-picker-indicator{display:initial!important;opacity:1;pointer-events:auto}.datetime-with-icon .datetime-inline-input::-webkit-calendar-picker-indicator{display:initial!important;opacity:1;pointer-events:auto}#date-time-picker-section .input-icon{display:none!important}#date-time-picker-section .date-input-wrapper,#date-time-picker-section .time-input-wrapper{position:relative}#date-time-picker-section .date-input,#date-time-picker-section .time-input{padding-right:44px}#date-time-picker-section .date-input::-webkit-calendar-picker-indicator,#date-time-picker-section .time-input::-webkit-calendar-picker-indicator{position:absolute;right:12px;left:auto}.facebook-page-selector-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.facebook-page-selector-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:2147483646}.modal-container{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-container-compact{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:70vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-header{background:#fff;padding:20px 24px 16px;border-bottom:1px solid #e9ecef;position:relative}.header-content-compact{display:flex;align-items:center;gap:12px}.header-text-compact h2{margin:0;font-size:20px;font-weight:700;color:#1a1a1a}.header-text-compact p{margin:4px 0 0;font-size:14px;color:#6c757d;font-weight:400}.close-button-compact{position:absolute;top:16px;right:16px;background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-button-compact:hover{background:#f8f9fa}.modal-content-compact{padding:20px 24px}.settings-section-compact{margin-bottom:24px}.section-label-compact{display:block;font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.section-description-compact{font-size:13px;color:#6c757d;margin-top:6px;line-height:1.4}.video-type-select-compact{width:100%;padding:12px 16px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;background:#fff;transition:border-color .3s ease}.video-type-select-compact:focus{outline:none;border-color:#1877f2}.search-container-compact{position:relative;margin-bottom:16px}.search-icon-compact{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d}.search-input-compact{width:100%;padding:12px 12px 12px 36px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;background:#fff;transition:border-color .3s ease}.search-input-compact:focus{outline:none;border-color:#1877f2}.pages-list-compact{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.page-radio-item-compact{display:block;cursor:pointer;padding:12px;border:1px solid #e9ecef;border-radius:8px;transition:all .3s ease;background:#f8f9fa}.page-radio-item-compact:hover{border-color:#1877f2;background:#f0f8ff}.page-radio-item-compact input[type=radio]{display:none}.page-radio-item-compact input[type=radio]:checked+.page-radio-content-compact{border-color:#1877f2;background:#e3f2fd}.page-radio-content-compact{display:flex;align-items:center;gap:12px;padding:4px;border:2px solid transparent;border-radius:6px;transition:all .3s ease}.page-avatar-compact{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.page-avatar-compact img{width:100%;height:100%;object-fit:cover}.default-avatar-compact{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e9ecef;font-size:18px}.page-info-compact{flex:1}.page-name-compact{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.page-category-compact{font-size:12px;color:#6c757d}.no-pages-compact{text-align:center;padding:20px;color:#6c757d;font-size:14px}.loading-container-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px}.loading-spinner-compact{width:24px;height:24px;border:2px solid #f3f3f3;border-top:2px solid #1877f2;border-radius:50%;animation:spin 1s linear infinite}.error-message-compact{margin:16px 24px;padding:12px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;text-align:center;font-size:14px}.btn-retry-compact{padding:8px 16px;background:#1877f2;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.btn-retry-compact:hover{background:#0056b3}.modal-footer-compact{padding:16px 24px 20px;background:#f8f9fa;border-top:1px solid #e9ecef}.footer-content-compact{display:flex;flex-direction:column;gap:16px}.save-default-checkbox-compact{display:flex;align-items:center;gap:8px;font-size:14px;color:#1a1a1a;cursor:pointer}.save-default-checkbox-compact input[type=checkbox]{width:16px;height:16px;accent-color:#1877f2}.footer-buttons-compact{display:flex;justify-content:flex-end;gap:12px}.btn-cancel-compact{padding:10px 20px;border:1px solid #6c757d;background:#fff;color:#6c757d;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel-compact:hover{background:#f8f9fa;border-color:#5a6268}.btn-save-compact{padding:10px 20px;border:none;background:#1877f2;color:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-save-compact:hover:not(:disabled){background:#0056b3}.btn-save-compact:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.page-container{background:#fff;border-radius:20px;width:100%;max-width:900px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.page-header{background:linear-gradient(135deg,#1877f2,#42a5f5);color:#fff;padding:40px;text-align:center;position:relative}.facebook-page-selector-modal .page-header{padding:20px 30px}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-button:hover{background:#ffffff1a}.header-content{display:flex;flex-direction:column;align-items:center;gap:16px}.header-text h1{margin:0;font-size:32px;font-weight:700;color:#fff}.header-text p{margin:8px 0 0;font-size:18px;color:#ffffffe6;font-weight:400}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1877f2;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{font-size:16px;color:#6c757d;margin:0}.error-message{margin:20px;padding:16px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:12px;color:#721c24;text-align:center}.retry-container{display:flex;justify-content:center;padding:20px}.btn-retry{padding:12px 24px;background:#1877f2;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-retry:hover{background:#0056b3;transform:translateY(-1px)}.page-content{padding:40px}.settings-section{margin-bottom:40px}.section-label{display:block;font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:16px}.section-description{font-size:14px;color:#6c757d;margin-top:8px;line-height:1.5}.video-type-select{width:100%;padding:16px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;background:#fff;transition:border-color .3s ease}.video-type-select:focus{outline:none;border-color:#1877f2}.search-container{position:relative;margin-bottom:24px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6c757d}.search-input{width:100%;padding:16px 16px 16px 48px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;background:#fff;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#1877f2}.pages-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.page-radio-item{display:block;cursor:pointer;padding:16px;border:2px solid #e9ecef;border-radius:12px;transition:all .3s ease;background:#f8f9fa}.page-radio-item:hover{border-color:#1877f2;background:#f0f8ff;transform:translateY(-1px)}.page-radio-item input[type=radio]{display:none}.page-radio-item input[type=radio]:checked+.page-radio-content{border-color:#1877f2;background:#e3f2fd}.page-radio-content{display:flex;align-items:center;gap:16px;padding:8px;border:2px solid transparent;border-radius:8px;transition:all .3s ease}.page-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.page-avatar img{width:100%;height:100%;object-fit:cover}.default-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e9ecef;font-size:24px}.page-info{flex:1}.page-name{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.page-category{font-size:14px;color:#6c757d;margin-bottom:4px}.page-followers{font-size:14px;color:#1877f2;font-weight:500}.no-pages{text-align:center;padding:60px 20px}.no-pages-icon{font-size:64px;margin-bottom:16px}.no-pages h3{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.no-pages p{font-size:16px;color:#6c757d;margin:0}.page-footer{padding:40px;background:#f8f9fa;border-top:1px solid #e9ecef}.footer-content{display:flex;flex-direction:column;gap:24px}.save-default-checkbox{display:flex;align-items:center;gap:12px;font-size:16px;color:#1a1a1a;cursor:pointer}.save-default-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:#1877f2}.footer-buttons{display:flex;justify-content:center;gap:16px}.btn-cancel{padding:16px 32px;border:2px solid #6c757d;background:#fff;color:#6c757d;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#f8f9fa;border-color:#5a6268;transform:translateY(-1px)}.btn-save{padding:16px 32px;border:none;background:linear-gradient(135deg,#1877f2,#42a5f5);color:#fff;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1877f24d}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #1877f266}.btn-save:disabled{background:#6c757d;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}@media (max-width: 768px){.facebook-page-selector-page{padding:10px}.page-container{border-radius:16px}.page-header{padding:30px 20px}.header-text h1{font-size:24px}.header-text p{font-size:16px}.page-content{padding:20px}.section-label{font-size:18px}.page-radio-item{padding:12px}.page-radio-content{gap:12px}.page-avatar{width:40px;height:40px}.page-name{font-size:16px}.page-footer{padding:20px}.footer-buttons{flex-direction:column;width:100%}.btn-cancel,.btn-save{width:100%;text-align:center}.modal-container-compact{margin:10px;max-height:90vh}.modal-header{padding:16px 20px 12px}.header-text-compact h2{font-size:18px}.modal-content-compact{padding:16px 20px}.modal-footer-compact{padding:12px 20px 16px}.footer-buttons-compact{flex-direction:column;width:100%}.btn-cancel-compact,.btn-save-compact{width:100%;text-align:center}}.selected-count-compact,.selected-count{color:#007bff;font-weight:600;margin-left:8px}.selected-count-compact{font-size:14px}.selected-count{font-size:16px}.page-radio-item-compact input[type=checkbox],.page-radio-item input[type=checkbox]{margin-right:12px;width:18px;height:18px;accent-color:#007bff}.page-radio-item-compact input[type=checkbox]:checked+.page-radio-content-compact,.page-radio-item input[type=checkbox]:checked+.page-radio-content{border-color:#007bff;background-color:#f8f9ff}.page-radio-item-compact input[type=checkbox]:checked+.page-radio-content-compact .page-name-compact,.page-radio-item input[type=checkbox]:checked+.page-radio-content .page-name{color:#007bff;font-weight:600}.succ-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2147483646;padding:20px}.succ-content{background:#f4f4f4;border-radius:20px;padding:0;max-width:352px;width:100%;position:relative;box-shadow:0 10px 15px #00000014;overflow:visible}.succ-icon-circle{position:absolute;top:-20%;left:50%;transform:translate(-50%);background:#00c48c;border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.succ-body{margin-top:80px;padding:0 44px 27px;display:flex;flex-direction:column;align-items:center;gap:16px}.succ-title{margin:0;font-size:22px;font-weight:600;color:#00c48c;text-align:center}.succ-desc{margin:0;font-size:18px;color:#000;text-align:center;line-height:1.4}.succ-actions{display:flex;justify-content:center;width:100%}.succ-btn{width:115px;height:42px;border-radius:10px;font-size:16px}.succ-btn-close{background:#fff;border:1.25px solid #00C48C;color:#00c48c}.twitter-analytics-container{max-width:1200px;margin:0 auto;padding:20px;background:#f8fafc;min-height:100vh}.twitter-analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.twitter-icon{color:#1da1f2}.twitter-analytics-header h2{margin:0;color:#1a202c;font-size:24px;font-weight:600}.time-period{background:#e2e8f0;color:#4a5568;padding:4px 12px;border-radius:6px;font-size:14px;font-weight:500}.refresh-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1da1f2;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.refresh-button:hover{background:#1991db;transform:translateY(-1px)}.refresh-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.refresh-button.refreshing svg{animation:spin 1s linear infinite}.twitter-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.metric-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.metric-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.metric-header span{color:#4a5568;font-size:14px;font-weight:500}.metric-icon{padding:8px;border-radius:8px;background:#f7fafc}.metric-icon.likes{color:#e91e63;background:#fce4ec}.metric-icon.retweets{color:#00bcd4;background:#e0f2f1}.metric-icon.replies{color:#4caf50;background:#e8f5e8}.metric-icon.impressions{color:#ff9800;background:#fff3e0}.metric-icon.clicks{color:#9c27b0;background:#f3e5f5}.metric-icon.followers{color:#3f51b5;background:#e8eaf6}.metric-value{font-size:32px;font-weight:700;color:#1a202c;margin-bottom:8px}.metric-change{font-size:12px;color:#718096}.metric-change.positive{color:#38a169}.metric-change.negative{color:#e53e3e}.chart-container{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h3{margin:0;color:#1a202c;font-size:18px;font-weight:600}.chart-legend{display:flex;gap:20px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#4a5568}.legend-color.likes{background:#e91e63}.legend-color.retweets{background:#00bcd4}.legend-color.replies{background:#4caf50}.top-tweets-section{background:#fff;border-radius:12px;padding:24px;margin-top:30px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.top-tweets-section h3{margin:0 0 20px;color:#1a202c;font-size:18px;font-weight:600}.top-tweets-list{display:flex;flex-direction:column;gap:16px}.tweet-card{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color .2s}.tweet-card:hover{border-color:#1da1f2}.tweet-rank{width:40px;height:40px;background:#1da1f2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.tweet-content{flex:1}.tweet-id{font-size:14px;color:#4a5568;font-weight:500}.tweet-date{font-size:12px;color:#718096;margin-top:4px}.tweet-metrics{display:flex;gap:16px;align-items:center}.tweet-metric{display:flex;align-items:center;gap:4px;font-size:14px;color:#4a5568}.tweet-metric svg{width:16px;height:16px}.tweet-engagement{display:flex;align-items:center;gap:4px;background:#edf2f7;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;color:#38a169}.no-tweets{text-align:center;padding:40px;color:#718096}.no-tweets p{margin-bottom:16px;font-size:16px}.fetch-button{background:#1da1f2;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.fetch-button:hover{background:#1991db}.summary-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.summary-card h4{margin:0 0 16px;color:#1a202c;font-size:18px;font-weight:600}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.summary-stat{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f7fafc;border-radius:8px}.stat-label{font-size:14px;color:#4a5568;font-weight:500}.stat-value{font-size:16px;color:#1a202c;font-weight:600}.twitter-analytics-info{background:#e3f2fd;border:1px solid #2196f3;border-radius:8px;padding:16px;margin-bottom:20px;color:#1565c0;font-size:14px}.twitter-analytics-info p{margin:0;line-height:1.5}.twitter-analytics-loading,.twitter-analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:12px;margin:20px;padding:40px;box-shadow:0 2px 8px #0000001a}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-left:4px solid #1da1f2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.twitter-analytics-loading p,.twitter-analytics-error p{color:#4a5568;font-size:16px;margin:0}.retry-button{margin-top:16px;background:#1da1f2;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.retry-button:hover{background:#1991db}@media (max-width: 768px){.twitter-analytics-container{padding:16px}.twitter-analytics-header{flex-direction:column;gap:16px;text-align:center}.twitter-metrics-grid{grid-template-columns:1fr}.chart-header{flex-direction:column;align-items:flex-start;gap:16px}.chart-legend{flex-wrap:wrap}.tweet-card{flex-direction:column;text-align:center}.tweet-metrics{justify-content:center;flex-wrap:wrap}.summary-stats{grid-template-columns:1fr}}.facebook-analytics{padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.platform-icon{color:#1877f2}.loading-spinner{width:32px;height:32px;border:3px solid #e9ecef;border-top:3px solid #1877f2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.metric-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f8f9fa;border-radius:8px;margin-bottom:12px;color:#1877f2}.metrics-grid .metric-icon svg{color:#1877f2;stroke:#1877f2}.post-metrics .metric svg{color:#1877f2}@media (max-width: 768px){.facebook-analytics{padding:16px}.analytics-header{flex-direction:column;gap:16px;align-items:flex-start}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.charts-section{grid-template-columns:1fr;gap:16px}.posts-grid{grid-template-columns:1fr}.metric-card{padding:16px}.metric-value{font-size:20px}}.instagram-analytics{padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.platform-icon{color:#e91e63}.analytics-header h3{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.refresh-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;font-size:14px;cursor:pointer;transition:all .2s ease}.refresh-button:hover{background:#e9ecef;border-color:#adb5bd}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6c757d}.loading-spinner{width:32px;height:32px;border:3px solid #e9ecef;border-top:3px solid #e91e63;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.metric-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:all .2s ease}.metric-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f8f9fa;border-radius:8px;margin-bottom:12px;color:#e91e63}.metric-content h4{margin:0 0 8px;font-size:14px;font-weight:500;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.metric-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.chart-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px}.chart-container h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1a1a}.recent-posts-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px}.recent-posts-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1a1a}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.post-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:all .2s ease}.post-card:hover{box-shadow:0 2px 8px #0000001a}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.post-type{font-size:20px}.post-date{font-size:12px;color:#6c757d}.post-content p{margin:0 0 12px;font-size:14px;color:#495057;line-height:1.4}.post-metrics{display:flex;gap:16px}.metric{display:flex;align-items:center;gap:4px;font-size:12px;color:#6c757d}.no-posts{grid-column:1 / -1;text-align:center;padding:40px;color:#6c757d}@media (max-width: 768px){.instagram-analytics{padding:16px}.analytics-header{flex-direction:column;gap:16px;align-items:flex-start}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.charts-section{grid-template-columns:1fr;gap:16px}.posts-grid{grid-template-columns:1fr}.metric-card{padding:16px}.metric-value{font-size:20px}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr}.post-metrics{flex-direction:column;gap:8px}}.combined-analytics-page{min-height:100vh;padding:32px;font-family:Outfit,sans-serif;box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:48px;background-color:transparent}.combined-analytics-page.fullwidth{max-width:none;width:100%;padding-left:24px;padding-right:24px}.combined-analytics-page.fullwidth .analytics-section{width:100%;border-radius:20px}.combined-analytics-page.fullwidth .analytics-section.social-analytics{border-radius:20px}.analytics-section{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 12px #00000014;border:1px solid rgba(0,0,0,.05);width:100%;box-sizing:border-box}.analytics-section.social-analytics{background:transparent;box-shadow:none;border:none}.analytics-section.social-analytics:hover{box-shadow:none;border-color:transparent}.analytics-section:hover{box-shadow:0 8px 25px #0000001f;border-color:#0000001a}.section-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 32px;padding-bottom:16px;border-bottom:3px solid #f8f9fa;text-align:center}.post-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;width:100%}.post-metrics-grid .metric-card{background:#fff;border:1px solid #e9ecef;border-radius:20px;padding:20px;box-shadow:0 2px 4px #0000000d;height:160px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease}.post-metrics-grid .metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.metric-title{font-size:14px;font-weight:600;color:#6c757d}.metric-value{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.streak-card .metric-value,.streak-icon{color:#f97316}.metric-progress{margin-top:12px}.progress-text{font-size:12px;color:#6c757d;margin-bottom:4px;display:block}.progress-percentage{font-size:14px;font-weight:600;color:#f97316}.time-range-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2}.time-range-dropdown-container{position:relative;z-index:3}.time-range-dropdown{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .2s ease;margin-top:8px}.time-range-dropdown:hover{border-color:#3b82f6;background:#fff}.time-range-value{font-size:14px;font-weight:500;color:#1a1a1a}.dropdown-icon{color:#6c757d;transition:transform .2s ease}.dropdown-icon.rotated{transform:rotate(180deg)}.time-range-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:4px;max-height:200px;overflow-y:auto}.dropdown-option{padding:8px 12px;font-size:14px;color:#1a1a1a;cursor:pointer;transition:background-color .2s ease}.dropdown-option:hover{background-color:#f8f9fa}.dropdown-option.selected{background-color:#e3f2fd;color:#1976d2;font-weight:500}.chart-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;padding:24px;box-shadow:0 2px 4px #0000000d;width:100%;margin-bottom:0;position:relative;z-index:1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.chart-legend{display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6c757d}.legend-color{width:12px;height:12px;border-radius:2px}.legend-color.scheduled{background:#3b82f6}.legend-color.posted{background:#10b981}.chart-content{height:300px;width:100%}.social-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px;width:100%}.social-metric-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 12px #00000014;display:flex;align-items:flex-start;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box;min-width:0;overflow:hidden;border:1px solid rgba(0,0,0,.05);height:auto}.social-metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f;border-color:#0000001a}.metric-icon{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;flex-shrink:0;min-width:40px;border:1px solid rgba(0,0,0,.05)}.metric-content{flex:1;min-width:0;overflow:hidden}.social-metric-card .metric-title{font-size:12px;font-weight:600;color:#6c757d;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;text-transform:uppercase;letter-spacing:.3px}.social-metric-card .metric-value{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 6px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-trend{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;line-height:1.2}.metric-trend.positive{color:#10b981}.metric-trend.negative{color:#ef4444}.trend-arrow{font-size:12px;flex-shrink:0}.trend-text{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.content-areas{display:flex;flex-direction:column;gap:32px;width:100%;margin-top:32px;min-height:400px}.analytics-area,.posts-area{background:#f8f9fa;border-radius:20px;padding:32px;box-shadow:0 4px 12px #00000014;min-height:400px;width:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.analytics-area:hover,.posts-area:hover{box-shadow:0 8px 25px #0000001f;border-color:#0000001a}.area-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #ffffff}.no-data{display:flex;align-items:center;justify-content:center;height:300px;color:#6c757d;font-size:16px;font-weight:500;text-align:center;flex-direction:column;gap:12px}.no-data:before{content:"📊";font-size:48px;opacity:.5}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-container p{color:#dc2626;margin-bottom:16px}.error-container button{background-color:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.error-container button:hover{background-color:#2563eb}.analytics-content{padding:16px;background-color:#f8f9fa;border-radius:8px;margin-bottom:16px}.analytics-content h4{margin:0 0 12px;color:#374151;font-size:16px;font-weight:600}.analytics-content p{margin:4px 0;color:#6b7280;font-size:14px}@media (max-width: 1400px){.combined-analytics-page{padding:24px}}@media (max-width: 1200px){.post-metrics-grid,.social-metrics-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.combined-analytics-page{padding:20px;gap:32px}.analytics-section{padding:24px}.section-title{font-size:24px;margin-bottom:24px}.post-metrics-grid,.social-metrics-grid{grid-template-columns:1fr;gap:16px}.post-metrics-grid .metric-card{height:140px;padding:16px}.social-metric-card{padding:16px}.chart-header{flex-direction:column;gap:16px;align-items:flex-start}.chart-legend{gap:12px}.chart-content{height:250px}.content-areas{gap:20px;margin-top:24px}.analytics-area,.posts-area{padding:20px;min-height:300px}.area-title{font-size:18px}.no-data{height:200px;font-size:14px}}.analytics-platform-selector{display:flex;gap:24px;margin:40px 0;width:100%;justify-content:center;align-items:center;padding:20px 0}.analytics-platform-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border:2px solid transparent;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;min-width:160px;height:56px;box-shadow:0 4px 12px #0000001a}.analytics-platform-btn:focus{outline:none}.analytics-platform-btn .platform-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.analytics-platform-btn:not(.active) .platform-icon{color:#fff}.analytics-platform-btn .platform-name{font-weight:600;white-space:nowrap;display:flex;align-items:center;justify-content:center}.no-platforms-message{text-align:center;padding:40px 20px;background:#f8fafc;border-radius:16px;border:2px dashed #cbd5e1}.no-platforms-message p{color:#64748b;font-size:16px;margin-bottom:20px}.no-platforms-message .connect-button{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease}.no-platforms-message .connect-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.analytics-platform-btn.instagram{background:#fdf2f8;color:#be185d;border:2px solid #fce7f3}.analytics-platform-btn.facebook{background:#eff6ff;color:#1d4ed8;border:2px solid #dbeafe}.analytics-platform-btn.twitter{background:#f8fafc;color:#475569;border:2px solid #e2e8f0}.analytics-platform-btn.linkedin{background:#f0f9ff;color:#0369a1;border:2px solid #e0f2fe}.analytics-platform-btn.instagram:hover:not(.active){background:#fce7f3;border-color:#f9a8d4;transform:translateY(-2px);box-shadow:0 8px 25px #be185d33}.analytics-platform-btn.facebook:hover:not(.active){background:#dbeafe;border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 8px 25px #1d4ed833}.analytics-platform-btn.twitter:hover:not(.active){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 25px #47556933}.analytics-platform-btn.linkedin:hover:not(.active){background:#e0f2fe;border-color:#7dd3fc;transform:translateY(-2px);box-shadow:0 8px 25px #0369a133}.analytics-platform-btn.instagram.active{background:linear-gradient(135deg,#ec4899,#be185d);color:#fff;border:2px solid #ec4899;transform:scale(1.05);box-shadow:0 12px 32px #ec489966}.analytics-platform-btn.facebook.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:2px solid #3b82f6;transform:scale(1.05);box-shadow:0 12px 32px #3b82f666}.analytics-platform-btn.twitter.active{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;border:2px solid #1e293b;transform:scale(1.05);box-shadow:0 12px 32px #1e293b66}.analytics-platform-btn.linkedin.active{background:linear-gradient(135deg,#0ea5e9,#0369a1);color:#fff;border:2px solid #0ea5e9;transform:scale(1.05);box-shadow:0 12px 32px #0ea5e966}.analytics-platform-btn.instagram.active:hover{background:linear-gradient(135deg,#db2777,#a21caf);transform:scale(1.05) translateY(-2px);box-shadow:0 16px 40px #ec489980}.analytics-platform-btn.facebook.active:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:scale(1.05) translateY(-2px);box-shadow:0 16px 40px #3b82f680}.analytics-platform-btn.twitter.active:hover{background:linear-gradient(135deg,#0f172a,#020617);transform:scale(1.05) translateY(-2px);box-shadow:0 16px 40px #1e293b80}.analytics-platform-btn.linkedin.active:hover{background:linear-gradient(135deg,#0284c7,#0c4a6e);transform:scale(1.05) translateY(-2px);box-shadow:0 16px 40px #0ea5e980}.analytics-platform-btn.instagram.active .platform-name,.analytics-platform-btn.facebook.active .platform-name,.analytics-platform-btn.twitter.active .platform-name,.analytics-platform-btn.linkedin.active .platform-name{color:#fff}.analytics-platform-btn.instagram.active .platform-icon{box-shadow:0 2px 8px #0000002e;border-radius:4px;color:#ec4899}.analytics-platform-btn.facebook.active .platform-icon{box-shadow:0 2px 8px #0000002e;border-radius:4px;color:#3b82f6}.analytics-platform-btn.twitter.active .platform-icon{box-shadow:0 2px 8px #0000002e;border-radius:4px;color:#1e293b}.analytics-platform-btn.linkedin.active .platform-icon{box-shadow:0 2px 8px #0000002e;border-radius:4px;color:#0ea5e9}@media (max-width: 768px){.analytics-platform-selector{flex-direction:column;gap:12px;align-items:center}.analytics-platform-btn{justify-content:center;padding:16px 24px;min-width:200px;width:100%;max-width:300px}}.del-dialog{position:fixed;inset:0;background:#0000002e;display:flex;align-items:center;justify-content:center;z-index:2147483646}.del-content{position:relative;width:340px;max-width:90vw;background:#fff;border-radius:20px;box-shadow:0 10px 15px #00000014;padding:0 0 28px;display:flex;flex-direction:column;align-items:center}.del-alert-circle{position:absolute;left:50%;top:-40px;transform:translate(-50%);background:#fd5995;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #fd599533;z-index:2}.del-title{margin-top:56px;margin-bottom:8px;font-size:24px;font-weight:700;color:#fd5995;text-align:center;letter-spacing:.01em}.del-desc{text-align:center;font-size:18px;color:#222;margin:0 18px 18px}.del-actions{display:flex;gap:12px;justify-content:center;margin-top:8px}.del-btn{width:auto;min-width:98px;min-height:42px;background:#fff;border-radius:10px;padding:8px 18px;display:inline-flex;align-items:center;gap:8px;transition:background .2s ease}.del-btn-danger{color:#fd5995;border:1.25px solid #FD5995;font-weight:600;font-size:16px}.del-btn-danger:hover{background:#fd599510;border-color:#fd5995}.del-btn-cancel{color:#0085ff;border:1.25px solid #0085FF;font-weight:600;font-size:16px}.del-btn-cancel:hover{background:#0085ff10;border-color:#0085ff}.del-spinner{width:16px;height:16px;border:2px solid #FD5995;border-top:2px solid transparent;border-radius:50%;animation:delspin 1s linear infinite}@keyframes delspin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.post-management-page{min-height:100vh;width:100vw;padding:0;box-sizing:border-box;background-color:transparent;font-family:Outfit}.post-management-container{width:100vw;max-width:100vw;margin:0;background:#fff;border-radius:20px;box-shadow:none;box-sizing:border-box;overflow:hidden;min-height:100vh;font-family:Outfit}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.page-header h1{font-family:Outfit,sans-serif;font-size:24px;font-weight:600;color:#2c3e50;margin:0}.refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.refresh-btn:hover:not(:disabled){background:#0056b3}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.loading-container{display:flex;justify-content:center;align-items:center;min-height:300px}.loading-spinner{font-size:16px;color:#6c757d}.error-message{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:6px;margin-bottom:20px;border:1px solid #f5c6cb}.tab-navigation{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #e9ecef;padding-bottom:16px}.tab-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:14px;color:#6c757d;transition:all .2s}.tab-btn:hover{background:#f8f9fa;color:#495057}.tab-btn.active{background:#007bff;color:#fff;border-color:#007bff}.tab-count{background:#fff3;padding:2px 6px;border-radius:12px;font-size:12px}.tab-btn.active .tab-count{background:#ffffff4d}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-state p{font-size:16px;margin:0}.table-container{width:100%;overflow-x:auto;box-sizing:border-box;padding:24px 24px 0}.posts-table{width:100%;border-collapse:collapse;background:#fff;font-size:14px;font-family:Outfit;table-layout:fixed}.posts-table thead{background:#fff;border-bottom:1px solid #e9ecef}.posts-table th{padding:16px 12px;text-align:center;font-family:Outfit;font-weight:500;font-style:normal;font-size:16px;line-height:100%;letter-spacing:0%;color:#000;text-transform:none;border-bottom:1px solid #e9ecef;background:#fff}.posts-table td{padding:16px 12px;border-bottom:1px solid #f1f3f4;vertical-align:middle;text-align:center;font-family:Outfit}.posts-table th:nth-child(1),.posts-table td.post-content{width:32%}.posts-table th:nth-child(2),.posts-table td.media-type{width:12%}.posts-table th:nth-child(3),.posts-table td.post-image{width:10%}.posts-table th:nth-child(4),.posts-table td.platforms{width:12%}.posts-table th:nth-child(5),.posts-table td.publish-date{width:12%}.posts-table th:nth-child(6),.posts-table td.status{width:12%}.posts-table th:nth-child(7),.posts-table td.actions{width:10%}.posts-table th:nth-child(1),.posts-table td.post-content{text-align:left}.posts-table tbody tr:hover{background:#f8f9fa;transition:background-color .15s ease}.posts-table tbody tr:last-child td{border-bottom:none}.post-content{max-width:350px;min-width:300px}.content-text{color:#1a1a1a;font-family:Outfit,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:1.4;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.skeleton-text{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;width:80%}.skeleton-badge{height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:12px;width:60px;display:inline-block}.skeleton-image{width:60px;height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}.skeleton-platform{width:16px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:50%}.skeleton-button{width:32px;height:32px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:6px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-row{opacity:.7}.media-type{min-width:120px}.media-type-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px;background:#e6e8ec;color:#000;border:1px solid #CBCECD;border-radius:8px;font-family:Outfit,sans-serif;font-weight:400;font-style:normal;font-size:14px;height:34px;min-width:56px;opacity:1;text-transform:none;letter-spacing:normal}.post-image{min-width:80px;text-align:center}.post-image>div{display:inline-block}.media-thumbnail{width:100px;height:40px;border-radius:4px;object-fit:cover;border:1px solid #e9ecef;will-change:auto;backface-visibility:hidden;transform:translateZ(0);opacity:1}.post-image .media-thumbnail,.post-image .skeleton-image,.post-image .no-media-placeholder{display:block;margin-left:auto;margin-right:auto}.platforms{min-width:100px}.platform-icons{display:flex;gap:6px;align-items:center;justify-content:center}.platform-icon{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border:1px solid #e9ecef}.platform-svg-icon{width:16px;height:16px;object-fit:contain}.publish-date{min-width:100px;color:#000;font-family:Outfit,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:100%;letter-spacing:0%}.status{min-width:100px}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;font-family:Outfit,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:100%;letter-spacing:0%;gap:8px;opacity:1;border:1px solid transparent}.status-badge-wrapper{position:relative;display:inline-flex}.recurring-indicator{position:absolute;right:-6px;bottom:0;display:inline-flex;align-items:center;justify-content:center}.recurring-indicator img{width:18px;height:18px}.status-badge.posted{background:#12b9811a;color:#12b981;border:1px solid #12B981;border-radius:8px;padding:8px 12px;height:34px;display:inline-flex;align-items:center;justify-content:center;min-width:59px}.status-badge.scheduled{background:#3c81f61a;color:#3c81f6;border:1px solid #3C81F6;border-radius:8px;padding:8px 12px;height:34px;display:inline-flex;align-items:center;justify-content:center;min-width:59px}.status-badge.draft{background:#fcebd1;color:#85351a;border:1px solid #EBD5B4;border-radius:8px;padding:8px 12px;height:34px;display:inline-flex;align-items:center;justify-content:center;min-width:59px}.actions{text-align:center;vertical-align:middle}.action-buttons{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:34px;line-height:0;transform:translateY(-11px)}.card-action-btn{width:34px;height:34px;opacity:1;border-radius:8px;border-width:1px;padding:0;background:#fff;border:1px solid #E8E8E8;box-shadow:0 1px 1px #0000000f;display:flex;align-items:center;justify-content:center;position:relative}.card-action-btn img{width:20px;height:20px;display:block}.action-btn.delete-btn{background:transparent;border:none;padding:0;margin:0;box-shadow:none;display:flex;align-items:center;justify-content:center}.action-btn.delete-btn:hover{background:transparent;color:inherit}.action-btn.delete-btn:hover img{filter:none;opacity:1}.action-btn{width:34px;height:34px;border:none;border-radius:6px;background:transparent;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn:hover{background:#f8f9fa;color:#495057}.action-btn.edit-btn{opacity:1;color:#3c81f6;transition:all .2s ease;position:relative;z-index:100}.action-btn.edit-btn:hover{background:transparent;color:#3c81f6}.action-btn.edit-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.edit-btn:disabled:hover{background:transparent;color:inherit}.post-row .status-badge.posted~.actions .action-btn.edit-btn img{opacity:.4;filter:grayscale(100%)}.post-row .status-badge.posted~.actions .action-btn.edit-btn:hover img{opacity:.6;filter:grayscale(50%)}.card-action-btn:hover{background:#fff;border:1px solid #000000}.post-row .status-badge.scheduled~.actions .action-btn.edit-btn img{opacity:1;filter:none}.post-row .status-badge.scheduled~.actions .action-btn.edit-btn:hover img{opacity:1;filter:none}.post-row .status-badge.draft~.actions .action-btn.edit-btn img{opacity:1;filter:none}.post-row .status-badge.draft~.actions .action-btn.edit-btn:hover img{opacity:1;filter:none}.action-btn.delete-btn:hover{color:#dc3545}@media (max-width: 1200px){.posts-table{font-size:12px}.posts-table th,.posts-table td{padding:12px 8px}.content-text{max-width:250px;font-size:12px}.media-thumbnail{width:100px;height:40px}}@media (max-width: 768px){.post-management-page{padding:16px;width:100%}.post-management-container{padding:0;width:100%;max-width:100%}.table-container{overflow-x:scroll}.posts-table{min-width:800px}.content-text{max-width:200px}.media-thumbnail{width:100px;height:40px}.platform-icons{gap:4px}.platform-icon{width:20px;height:20px}}.instagram-account-selector{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.selector-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.header-left{display:flex;align-items:center;gap:12px}.header-text h3{margin:0;font-size:18px;font-weight:600;color:#111827}.header-text p{margin:4px 0 0;font-size:14px;color:#6b7280}.close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#374151}.loading{padding:40px 24px;text-align:center;color:#6b7280;font-size:16px}.error{padding:16px 24px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;margin:16px 24px;border-radius:8px;font-size:14px}.retry-btn{margin:0 24px 16px;padding:8px 16px;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.retry-btn:hover{background:#b91c1c}.modal-body{padding:24px;max-height:400px;overflow-y:auto}.settings-section{margin-bottom:24px}.section-label{display:block;font-size:16px;font-weight:600;color:#111827;margin-bottom:12px}.no-accounts{text-align:center;padding:40px 20px;color:#6b7280}.no-accounts p{margin:8px 0;font-size:14px}.search-container{position:relative;margin-bottom:16px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.accounts-list{display:flex;flex-direction:column;gap:8px}.account-radio-item{display:flex;align-items:center;cursor:pointer;padding:12px;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.account-radio-item:hover{background:#f9fafb;border-color:#d1d5db}.account-radio-item input[type=radio]{margin-right:12px;width:16px;height:16px;accent-color:#3b82f6}.account-radio-content{display:flex;align-items:center;gap:12px;flex:1}.account-avatar{width:40px;height:40px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.account-avatar img{width:100%;height:100%;object-fit:cover}.default-avatar{font-size:20px}.account-info{flex:1}.account-name{font-size:16px;font-weight:600;color:#111827;margin-bottom:4px}.account-id,.page-id{font-size:12px;color:#6b7280;margin-bottom:2px}.modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:flex-end}.footer-buttons{display:flex;gap:12px}.btn-cancel,.btn-save{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-save{background:#3b82f6;color:#fff}.btn-save:hover:not(:disabled){background:#2563eb}.btn-save:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width: 640px){.selector-content{width:95%;margin:20px}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-footer{padding:16px 20px}.header-text h3{font-size:16px}.header-text p{font-size:13px}}.social-media-section{background:#fff;width:100%;min-height:auto;border-radius:20px;padding:24px;box-shadow:0 8px 24px #0000000f;margin:0;opacity:1;position:static;overflow:hidden;clip-path:inset(0 round 20px)}.section-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 20px;text-align:left;border:none;box-shadow:none}.social-media-list{display:flex;flex-direction:column;gap:12px;width:100%}.social-media-list>.social-media-card:first-child{border-top:none}.social-media-list>:first-child .connected-account-card{border-top:none}.social-media-card{display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;border-radius:8px;padding:12px 16px 12px 24px;border:1px solid #e9ecef;transition:all .2s ease;width:100%;box-sizing:border-box}.social-media-card:hover{box-shadow:0 2px 4px #0000001a}.platform-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.platform-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.platform-icon img{width:24px;height:24px;object-fit:contain}.platform-icon div{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-weight:700}.platform-name{font-family:Outfit,sans-serif;font-weight:600;font-style:normal;font-size:30px;letter-spacing:0%;line-height:100%;color:#1a1a1a;white-space:nowrap;flex-shrink:0;leading-trim:none}.connected-account-card{display:flex!important;align-items:center;justify-content:space-between;background:#f6f6f6;border:1px solid #e9ecef;border-radius:8px;padding:12px 16px 12px 24px;transition:all .2s ease;margin-bottom:12px;min-height:80px;width:100%;box-sizing:border-box;overflow:hidden;visibility:visible!important;opacity:1!important}.connected-status{display:flex;align-items:center;gap:8px;width:163px;height:48px;background:#c8ffd6;border:1px solid #6BE68A;border-radius:8px;padding:0 16px;justify-content:center;opacity:1;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.connected-status img{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(86deg) brightness(94%) contrast(119%)}.connected-text{font-family:Outfit,sans-serif;font-weight:500;font-size:18px;color:#169b37;text-align:center}.platform-info{display:flex;align-items:center;gap:20px;flex:1;min-width:0;overflow:hidden}.platform-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.platform-name{font-family:Outfit,sans-serif;font-weight:600;font-style:normal;font-size:30px;letter-spacing:0%;line-height:100%;color:#333;min-width:120px;flex-shrink:0;white-space:nowrap;leading-trim:none}.user-chip{display:flex!important;align-items:center;gap:6px;background:#ececec;border:1px solid #E0E0E0;width:178px;height:48px;border-radius:8px;padding:16px 12px;flex-shrink:0;box-sizing:border-box;visibility:visible!important;opacity:1!important}.profile-image-chip{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0;display:block;visibility:visible}.username-chip{font-family:Outfit,sans-serif;font-weight:500;font-size:14px;color:#8b8b8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;display:block!important;visibility:visible!important;opacity:1!important}.action-buttons{display:flex;gap:8px;flex-shrink:0}.connect-button{width:195px;height:48px;border-radius:8px;border:none;font-family:Outfit,sans-serif;font-weight:500;font-size:18px;letter-spacing:0%;cursor:pointer;transition:all .2s ease;opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;leading-trim:CAP_HEIGHT;background:#0085ff;color:#fff}.connect-button.disconnected:hover{background:#0056b3;transform:translateY(-1px)}.connect-button.connected{background:#6c757d;color:#fff;cursor:not-allowed;opacity:.6}.connect-button:disabled{cursor:not-allowed;opacity:.6}.refresh-button{height:32px;padding:0 12px;border-radius:6px;border:1px solid #d1d5db;background:#f3f4f6;color:#374151;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.refresh-button:hover{background:#e5e7eb;border-color:#c7ced6}.refresh-button.disabled,.refresh-button:disabled{opacity:.6;cursor:not-allowed}.disconnect-button{width:163px;height:48px;background:#ffe9ed;border:1px solid #FB4061;border-radius:8px;font-family:Outfit,sans-serif;font-weight:500;font-size:18px;color:#fb4061;text-align:center;cursor:pointer;transition:all .2s ease;opacity:1;margin-left:12px;flex-shrink:0}.disconnect-button:hover{background:#ffd1d8;transform:translateY(-1px)}@media (max-width: 1700px){.social-media-section{width:100%;height:auto;min-height:auto;margin:0;position:static;top:auto;left:auto;transform:none}.platform-info{gap:16px}.user-details{gap:6px}.username{font-size:14px}.display-name{font-size:13px}.user-chip{width:178px;height:48px;padding:16px 12px}.profile-image-chip{width:24px;height:24px}.username-chip{font-size:14px;color:#8b8b8b}}@media (max-width: 1200px){.social-media-section{width:100%;padding:20px}.platform-info{gap:12px}.platform-name{min-width:100px;font-size:15px}.connect-button{width:200px;font-size:14px}.disconnect-button{width:140px;font-size:16px}.user-chip{width:160px;height:44px;padding:14px 10px}.profile-image-chip{width:22px;height:22px}.username-chip{font-size:13px;color:#8b8b8b}}@media (max-width: 768px){.social-media-section{width:100%;height:auto;min-height:auto;margin:0;padding:16px;position:static;top:auto;left:auto;transform:none}.social-media-card,.connected-account-card{padding:12px;flex-direction:column;gap:12px;align-items:flex-start}.platform-info{width:100%;justify-content:space-between}.platform-name{font-size:14px;min-width:80px}.user-chip{width:100%;height:auto;min-height:40px;padding:12px;flex-direction:row;align-items:center;justify-content:flex-start}.profile-image-chip{width:20px;height:20px}.username-chip{font-size:13px;color:#8b8b8b}.connect-button{width:100%;font-size:12px;min-width:100px;padding:6px 12px}.connected-status{width:120px;height:40px}.connected-text{font-size:14px}.action-buttons{width:100%;justify-content:flex-end}.disconnect-button{width:120px;font-size:14px;margin-left:0}}.connections-page{padding:16px 24px 16px 12px;max-width:none;width:100%;margin:0;min-height:auto;background-color:transparent;border-radius:20px;overflow:hidden;box-sizing:border-box}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.page-header p{color:#666;font-size:1.1rem}.connected-account-card{background:#f6f6f6;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;min-height:60px;overflow:hidden}.platform-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0;overflow:hidden}.platform-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;min-width:0;flex:1}.platform-name{font-weight:600;font-size:1.1rem;color:#333;white-space:nowrap;min-width:0}.user-chip{display:flex!important;align-items:center;gap:6px;background:#ececec!important;border:1px solid #E0E0E0!important;width:178px;height:48px;border-radius:8px;padding:16px 12px;flex-shrink:0;box-sizing:border-box;visibility:visible!important;opacity:1!important;font-size:14px;white-space:nowrap}.chip-profile-image{width:20px;height:20px;border-radius:50%;border:1.5px solid #e1e8ed;flex-shrink:0}.chip-username{color:#1da1f2;font-weight:500}.chip-display-name{color:#64748b;font-weight:400}.action-buttons{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.connected-status-btn{background:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:default}.oauth-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#eff3f7;font-family:Outfit,sans-serif}.callback-container{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center;max-width:400px;width:90%}.status-icon{font-size:3rem;margin-bottom:1.5rem}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon{color:#22c55e;animation:bounce .6s ease-in-out}.error-icon{color:#ef4444;animation:shake .6s ease-in-out}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.oauth-callback h2{color:#374151;margin-bottom:1rem;font-size:1.5rem}.status-message{color:#6b7280;margin-bottom:2rem;font-size:1.1rem;line-height:1.5}.loading-bar{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin-bottom:1.5rem}.loading-progress{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);animation:loading 2s ease-in-out infinite}@keyframes loading{0%{width:0%}50%{width:70%}to{width:100%}}.redirect-info{color:#9ca3af;font-size:.9rem;margin-top:1rem}.oauth-callback.success .callback-container{border-left:4px solid #22c55e}.oauth-callback.error .callback-container{border-left:4px solid #ef4444}.oauth-callback.processing .callback-container{border-left:4px solid #3b82f6}.app{min-height:100vh;width:100vw;max-width:100%;padding:0;margin:0;display:flex;align-items:flex-start;justify-content:flex-start;overflow-x:hidden;box-sizing:border-box;background-color:transparent}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;width:100vw;max-width:100%;overflow-x:hidden;box-sizing:border-box;background-color:transparent;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,.app::-webkit-scrollbar{width:0;height:0;display:none}.app{-ms-overflow-style:none;scrollbar-width:none}