layout.css .app-layout{background-color:#f8fafc;min-height:100vh;width:100%}.bxd{display:flex}.mobile-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:none;height:60px;justify-content:space-between;left:0;padding:0 1rem;position:fixed;right:0;top:0;z-index:1000}.mobile-menu-btn{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;padding:8px}.mobile-menu-btn:hover{background-color:#f1f5f9}.header-user{background-color:#1076db;border-radius:50%;color:hwb(215 95% 0);padding:8px}.app-sidebar{background:#fff;border-right:1px solid #e2e8f0;left:0;position:fixed;top:0;transform:scaleX(0);transform-origin:right;transition:transform 1ms cubic-bezier(.4,0,.2,1);width:260px;z-index:600}.app-sidebar.open{transform:scaleX(1)}.sidebar-header{padding:1.5rem}.app-logo{align-items:center;cursor:pointer;display:flex;gap:.5rem}.app-logo .logo-img{height:40px;object-fit:contain;transition:all .3s ease;width:auto}.logo-img{max-width:135px}.app-logo h1{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.app-logo p{color:#64748b;font-size:.875rem;margin:0}.sidebar-selected{border:none!important;padding:0!important}.sidebar-selected img{width:2.3rem}.sidebar-close{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:none;padding:8px}.sidebar-close:hover{background-color:#f1f5f9}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem}.nav-item{background:none;border:none;border-radius:12px;cursor:pointer;margin-bottom:.5rem;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background-color:#f1f5f9}.nav-item.active{background-color:#3b82f6;color:#fff}.nav-item.active:hover{background-color:#2563eb}.nav-item-content{align-items:center;display:flex;gap:.75rem}.nav-item-text{display:flex;flex-direction:column;gap:.25rem}.nav-item-name{font-size:.875rem;font-weight:500}.nav-item-description{font-size:.75rem;opacity:.7}.nav-item.active .nav-item-description{opacity:.9}.mobile-header.hidden{transform:translateY(-100%)}.sidebar-footer{border-top:1px solid #e2e8f0;padding:1rem}.user-info{align-items:center;background-color:#f8fafc;border-radius:12px;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem}.user-avatar{background-color:#e2e8f0;color:#64748b;height:40px;width:40px}.user-details{flex:1 1;min-width:0}.user-name{color:#1e293b;font-size:.875rem;font-weight:500}.user-email,.user-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:.75rem}.logout-btn{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.logout-btn:hover{background-color:#fee2e2;border-color:#fecaca;color:#dc2626}.sidebar-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}.app-main{background-color:#f8fafc;flex:1 1;min-height:100vh;padding:0}.notification.success{z-index:1000000000}@media (max-width:768px){.mobile-header{display:flex}.app-sidebar{height:93vh;margin-top:7vh;max-width:320px;padding-top:2vh;transform:translateX(-100%);width:100%;z-index:999}.app-sidebar.open{transform:translateX(0)}.sidebar-close{display:block}.sidebar-overlay{display:none}.app-main{margin-left:0!important;padding-top:60px}.sidebar-toggle{display:none}}@media (min-width:769px){.bxd{margin-top:12vh}.app-sidebar{-ms-overflow-style:none;display:flex;flex-direction:column;height:88vh;overflow-y:auto;scrollbar-width:none;top:12vh;transform:translateX(0)!important;transition:width .1s ease;width:260px}.app-sidebar::-webkit-scrollbar{display:none}.app-main.sidebar-open{margin-left:260px}.app-main.sidebar-collapsed{margin-left:80px}.app-sidebar:not(.open){min-width:80px;width:80px}.app-sidebar:not(.open) .sidebar-header{justify-content:center;padding:1.23rem .5rem}.app-sidebar:not(.open) .app-logo{align-items:center;display:flex;justify-content:center}.app-sidebar:not(.open) .app-logo .logo-img{height:32px;object-fit:contain;width:32px}.app-sidebar:not(.open) .nav-item-text{display:none}.app-sidebar:not(.open) .sidebar-nav{padding:.5rem}.app-sidebar:not(.open) .nav-item-content{justify-content:center;position:relative}.app-sidebar:not(.open) .nav-item:hover:after{background:#1e293b;border-radius:6px;color:#fff;content:attr(data-tooltip);font-size:.875rem;left:100%;margin-left:8px;padding:8px 12px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1002}.app-sidebar:not(.open) .nav-item:hover:before{border:6px solid #0000;border-right-color:#1e293b;content:"";left:100%;margin-left:2px;position:absolute;top:50%;transform:translateY(-50%);z-index:1002}.app-sidebar:not(.open) .user-details{display:none}.app-sidebar:not(.open) .logout-btn,.app-sidebar:not(.open) .user-info{justify-content:center}.app-sidebar:not(.open) .logout-btn span{display:none}.app-sidebar:not(.open) .sidebar-footer{padding:.5rem}.app-sidebar:not(.open) .app-logo h1{display:none}.app-main{margin-left:5rem}.sidebar-close{display:none}.sidebar-toggle{display:block}.sidebar-overlay{display:none!important}.mobile-header{display:flex}}.feedback-modal-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000000}.feedback-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #fffc;flex-direction:column;max-height:90vh;max-width:950px;width:95%}.feedback-modal,.feedback-modal-header{display:flex;overflow:hidden;position:relative}.feedback-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);gap:14px;padding:24px 32px}.feedback-modal-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.header-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;height:48px;position:relative;width:48px;z-index:2}.header-content{align-items:flex-start!important;flex:1 1;flex-direction:column;gap:2px!important;position:relative;z-index:2}.header-content h2{color:#fff!important;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;text-shadow:0 2px 4px #0000001a}.header-content p{color:#ffffffe6!important;font-size:.9rem;line-height:1.3}.close-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;padding:10px;position:absolute;right:20px;top:20px;transition:all .2s ease;z-index:3}.close-button:hover{background:#ffffff4d;transform:scale(1.05)}.feedback-modal-content{flex:1 1;overflow-y:auto;padding:0 32px 32px}.welcome-section{padding:24px 0 16px;text-align:left}.feedback-description{color:#6b7280;font-size:1rem;line-height:1.6;margin:0}.form-group{margin-bottom:20px}.form-group label{font-size:.95rem;font-weight:600;margin-bottom:6px}.form-hint{color:#6b7280;font-size:.875rem;line-height:1.4;margin:4px 0 8px}.optional{background:#f3f4f6;border-radius:10px;color:#9ca3af;font-size:.75rem;font-weight:400;margin-left:6px;padding:2px 6px}.custom-select-wrapper{position:relative}.custom-select{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;justify-content:space-between;padding:14px 18px;text-align:left;transition:all .2s ease;width:100%}.custom-select:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.custom-select.open{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.select-content{gap:10px}.select-content,.select-icon{align-items:center;display:flex}.select-icon{height:20px;justify-content:center;width:20px}.select-arrow{color:#6b7280;transition:transform .2s ease}.custom-select.open .select-arrow{transform:rotate(180deg)}.custom-dropdown{animation:dropdownSlide .2s ease-out;background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px #0000001a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.dropdown-option{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.95rem;gap:10px;padding:14px 18px;text-align:left;transition:all .15s ease;width:100%}.dropdown-option:hover{background:#f8fafc}.dropdown-option.selected{background:#eff6ff;color:#2563eb}.option-icon{align-items:center;display:flex;height:18px;justify-content:center;width:18px}.form-input,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-family:inherit;font-size:.95rem;padding:14px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.textarea-wrapper{position:relative}.form-textarea{min-height:120px;padding-bottom:40px;resize:vertical}.textarea-footer{bottom:14px;color:#9ca3af;font-size:.8rem;position:absolute;right:16px}.privacy-note{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:8px;color:#92400e;font-size:.85rem;margin-top:8px;padding:10px 14px}.satisfaction-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:8px}.satisfaction-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;justify-content:center;margin-bottom:0;padding:16px;position:relative;transition:all .2s ease}.satisfaction-option:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126;transform:translateY(-1px)}.satisfaction-option.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#6366f1;color:#2563eb}.satisfaction-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.satisfaction-content{align-items:center;display:flex;flex-direction:column;gap:6px}.satisfaction-icon{align-items:center;background:#6366f11a;border-radius:50%;color:#6366f1;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.satisfaction-option.selected .satisfaction-icon{background:#6366f133;color:#4f46e5}.satisfaction-option:hover .satisfaction-icon{background:#6366f126;transform:scale(1.1)}.file-upload-area{border:2px dashed #d1d5db;border-radius:12px;padding:24px;position:relative;text-align:center;transition:all .2s ease}.file-upload-area:hover{background:#f8fafc;border-color:#6366f1}.file-upload-label{cursor:pointer;display:block;width:100%}.upload-content{flex-direction:column;gap:12px}.upload-content,.upload-icon{align-items:center;display:flex}.upload-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;color:#fff;height:40px;justify-content:center;width:40px}.upload-text p{color:#374151;font-size:.95rem;font-weight:500;margin:0}.upload-hint{color:#6b7280!important;font-size:.8rem!important;font-weight:400!important}.uploaded-file{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-top:12px;padding:12px}.file-info{gap:10px}.file-icon{align-items:center;color:#22c55e;display:flex;justify-content:center}.file-name{color:#166534;flex:1 1;font-size:.9rem;font-weight:500}.remove-file{background:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;padding:6px;transition:all .2s ease}.remove-file:hover{background:#fecaca}.privacy-notice{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #bbf7d0;border-radius:10px;padding:12px 16px;text-align:center}.privacy-notice p{color:#166534;font-size:.85rem;font-weight:500;margin:0}.form-actions{border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding-top:15px}.btn-cancel,.btn-submit{align-items:center;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:6px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s ease}.btn-cancel{background:#fff;border-color:#e5e7eb;color:#6b7280}.btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#374151;transform:translateY(-1px)}.btn-submit{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #6366f14d;transform:translateY(-1px)}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.5;transform:none}.feedback-form-layout{grid-gap:20px;display:grid;gap:20px}@media (min-width:900px){.feedback-form-layout{align-items:start;gap:24px;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}}@media (max-width:768px){.feedback-modal{border-radius:16px;margin:20px;max-height:95vh;max-width:95vw;width:95%}.feedback-modal-header{gap:10px;padding:20px 16px}.header-icon{height:40px;width:40px}.header-content h2{font-size:1.3rem}.header-content p{font-size:.85rem}.feedback-modal-content{padding:0 16px 20px}.close-button{padding:8px;right:16px;top:16px}.form-actions{flex-direction:column-reverse;gap:10px}.btn-cancel,.btn-submit{width:100%}.satisfaction-group{gap:10px;grid-template-columns:1fr}.file-upload-area{padding:20px 12px}.upload-content{gap:10px}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.required{background:#f3f4f6;border-radius:10px;color:#9ca3af;font-size:.75rem;font-weight:600;margin-left:6px;padding:2px 6px}.required-hint{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:8px;color:#92400e;font-size:.85rem;margin-top:8px;padding:10px 14px}.Form_auth-form__WsQBu{display:flex;flex-direction:column;gap:1rem}.Form_form-options__9QXoa{align-items:center;display:flex!important;justify-content:space-between !;margin-bottom:1rem}.Form_remember-label__uv0w1{align-items:center;color:#374151;display:flex;font-size:.95em;gap:.5em}.Form_remember-label__uv0w1 input[type=checkbox]{accent-color:#3b82f6}.Form_forgot-password__YUIs8{color:#5a60ea;font-size:.95em;font-weight:500;text-decoration:none}.Form_forgot-password__YUIs8:hover{text-decoration:underline}.Form_primary-btn__35KFk.Form_auth-submit__xIMci{background:#5a60ea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem;width:100%}.Form_primary-btn__35KFk.Form_auth-submit__xIMci:hover:not(:disabled){background:#4a50d8}.Form_primary-btn__35KFk.Form_auth-submit__xIMci:disabled{cursor:not-allowed;opacity:.6}.Form_auth-footer__AS3as{display:"flex";gap:"0.5rem";justify-content:"center"}.Form_auth-footer__AS3as p{align-items:"center";color:#6b7280;display:"flex";font-size:.95rem;gap:"0.5em"}.Form_auth-switch__-VVZv{background:none;border:none;color:#5a60ea;cursor:pointer;font-weight:600;margin-left:4px}.Form_auth-switch__-VVZv:hover{color:#4a50d8}.Form_accept-terms__4fCt4{align-items:center;display:flex;margin-bottom:1rem}.Form_accept-terms__4fCt4 input[type=checkbox]{margin-right:.5rem}.Form_accept-terms__4fCt4 label{color:#6b7280;font-size:.875rem}.Form_accept-terms__4fCt4 a{color:#3b82f6;text-decoration:none}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-card{background:#fff;border-radius:16px;box-shadow:0 4px 32px #323c782e;max-width:500px;padding:2rem}.auth-header{margin-bottom:2rem;text-align:center}.logo h1{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.tagline{color:#6b7280;font-size:.875rem;font-weight:500}.auth-tabs{background:#f3f4f6;margin-bottom:2rem}.auth-tab{color:#6b7280}.auth-tab.active{box-shadow:0 1px 3px 0 #0000001a;color:#1f2937}.social-section{margin-bottom:1.5rem}.social-label{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:1rem;text-align:center}.social-icons{gap:1.5rem}.social-icon-btn,.social-icons{display:flex;justify-content:center}.social-icon-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:56px;transition:all .3s ease;width:56px}.social-icon-btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.social-icon-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.twitter-btn{border-color:#1da1f2}.twitter-btn:hover:not(:disabled){background:#f0f9ff;border-color:#1da1f2;box-shadow:0 4px 12px #1da1f24d}.instagram-btn{border-color:#e4405f}.instagram-btn:hover:not(:disabled){background:#fef7f7;border-color:#e4405f;box-shadow:0 4px 12px #e4405f4d}.instagram-btn.connected{background:linear-gradient(45deg,#833ab4,#fd1d1d,#fcb045);border-color:#833ab4;color:#fff}.instagram-btn.connected:hover:not(:disabled){box-shadow:0 6px 16px #833ab466;transform:translateY(-2px)}.separator{margin:1.5rem 0;position:relative;text-align:center}.separator:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.separator span{background:#fff;color:#6b7280;font-size:.875rem;padding:0 1rem;position:relative}.auth-form{margin-bottom:.5rem!important}.form-group input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.875rem;transition:all .2s;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.error{border-color:#ef4444}.error-text{color:#ef4444;display:block;font-size:.75rem;margin-top:.25rem}.password-input{position:relative;width:100%}.password-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:0;position:absolute;right:.875rem;top:50%;transform:translateY(-50%)}.auth-submit,.primary-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem;transition:all .2s;width:100%}.auth-submit:hover:not(:disabled),.primary-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.auth-submit:disabled,.primary-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{border-top-color:#fff;height:20px;width:20px}.auth-footer{margin-top:1.5rem;text-align:center}.auth-footer p{color:#6b7280;font-size:.875rem;margin:0}.auth-switch{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:600;padding:0;text-decoration:underline}.auth-switch:hover{color:#2563eb}.helper-text{text-align:center}.forgot-password{color:#3b82f6;font-size:.875rem;font-weight:500;margin-left:20rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.terms{color:#6b7280;font-size:.75rem;line-height:1.5}.terms .link{color:#3b82f6;text-decoration:none}.terms .link:hover{text-decoration:underline}.resend-verification{text-align:center}.verification-text{color:#6b7280;font-size:.875rem;margin-bottom:.75rem}.resend-btn{background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background .2s}.resend-btn:hover:not(:disabled){background:#d97706}.resend-btn:disabled{cursor:not-allowed;opacity:.6}.auth-split-container{display:flex;min-height:100vh}.auth-graphics{background:linear-gradient(135deg,#5a60ea,#8f5bdf 60%,#b4aee6);flex:1 1}.dashboard-mockup{grid-gap:2rem;display:grid;gap:2rem}.dashboard-card{background:#fff;border-radius:18px;box-shadow:0 6px 20px #363c781a;margin-bottom:1rem;min-width:240px;padding:1.2rem}.auth-graphics{align-items:center;background:url(/static/media/background.f0c359e7c0e8c531c467.png) 50%/cover no-repeat;display:flex;flex:0.9 1;justify-content:center;max-width:auto;min-height:100vh;padding:2rem 0;width:100%}.background .icon{display:block;height:48px;width:48px}.auth-form-side{align-items:center;background:#f8f9ff;display:flex;flex:1 1;justify-content:center;padding:auto!important}.auth-card{max-width:auto;overflow-y:hidden;padding:1rem 1.5rem;width:100%}.brand-title{color:#5a60ea;font-size:2.2rem}.brand-sub-title,.brand-title{font-weight:700;text-align:center}.brand-sub-title{color:#3b82f6;font-size:1.25rem;margin-bottom:2rem}.auth-tabs{background:#eff2fd;border-radius:8px;display:flex;margin-bottom:1rem;padding:4px}.auth-tab{background:#0000;border:none;border-radius:6px;color:#6d6a9b;cursor:pointer;flex:1 1;font-size:18px;font-weight:500;font-weight:700;padding:.75rem;transition:all .2s}.auth-tab.active{background:#fff;box-shadow:0 1px 3px 0 #5a60ea12;color:#5a60ea}.auth-card .logo{display:block;height:auto;image-rendering:-webkit-optimize-drawing;image-rendering:crisp-edges;margin:20px auto;max-width:200px;width:100%}@media (max-width:900px){.auth-split-container{background:none;display:block;min-height:100vh;position:relative}.auth-graphics{background:url(/static/media/background.f0c359e7c0e8c531c467.png) 50%/cover no-repeat;display:block;filter:blur(10px) brightness(1.1);height:100vh;inset:0;pointer-events:none;position:fixed;width:100vw;z-index:0}.auth-form-side{align-items:center;background:#0000;display:flex;justify-content:center;min-height:100vh;padding:0;position:relative;width:100vw;z-index:1}.auth-card{background:#fffc;border-radius:16px;box-shadow:0 4px 32px #323c782e;margin:0 auto;max-width:410px;padding:2rem 1rem;width:90%}}@media (min-width:901px){.auth-form-side{align-items:center;background:#f8f9ff;display:flex;flex:1 1;justify-content:center;padding:2rem}.auth-card{margin:0;max-width:auto;padding:2rem 1.5rem;width:100%}}.create-post-overlay{align-items:center!important;background:#00000080!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:20px;position:fixed!important;right:0!important;top:0!important;z-index:1000000}.create-post-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:1200px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:10000!important}.media-library-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.media-library-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;position:relative;z-index:2001}.create-post-modal.media-library-open,.create-post-overlay.media-library-open{z-index:999}.create-post-form *,.create-post-modal *,.create-post-overlay *,.modal-header *{z-index:inherit!important}.modal-header{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;padding:20px 24px}.modal-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.ai-assistant-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:50%;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.ai-assistant-btn:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px) scale(1.05)}.ai-assistant-btn .sparkle-icon{animation:sparkle 2s ease-in-out infinite;position:absolute;right:-2px;top:-2px}@keyframes sparkle{0%,to{opacity:.5;transform:scale(.8) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.close-btn{border-radius:8px;color:#64748b;padding:.5rem;z-index:1}.close-btn:hover{background:#f1f5f9;color:#334155}.modal-tabs{background:#fff;border-bottom:1px solid #e5e7eb}.tab-btn{color:#64748b;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:1rem}.tab-btn:hover{background:#f1f5f9;color:#334155}.tab-btn.active{border-bottom:2px solid #3b82f6}.create-post-form{display:flex;flex:1 1;flex-direction:column;min-height:0}.compose-tab{display:grid;flex:1 1;grid-template-columns:1fr;min-height:0}.compose-tab.with-ai{grid-template-columns:400px 1fr}.preview-tab{flex:1 1}.ai-suggestions-column,.preview-tab{min-height:0;overflow-y:auto;padding:1.5rem}.ai-suggestions-column{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-right:1px solid #e2e8f0}.form-column{min-height:0;overflow-y:auto;padding:1.5rem}.form-section{margin-bottom:1.5rem}.section-label{color:#374151;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.imgfli,.section-label{align-items:center;display:flex}.imgfli{justify-content:space-between}.media-library-label{color:#374151;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.ai-hashtag-btn,.media-library-label{align-items:center;display:flex;font-weight:600}.ai-hashtag-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;gap:.25rem;margin-left:auto;padding:.25rem .5rem;transition:all .2s ease}.ai-hashtag-btn:hover:not(:disabled){box-shadow:0 2px 8px #10b9814d;transform:translateY(-1px)}.ai-hashtag-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.char-count{color:#64748b;font-size:.75rem;margin-left:auto}.char-count.over-limit{color:#ef4444;font-weight:600}.platforms-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.platform-btn{background:#fff;flex-direction:column;gap:.5rem;padding:1rem}.platform-btn:hover:not(.disabled){box-shadow:0 4px 12px #0000001a}.platform-btn.selected{background:color-mix(in srgb,var(--platform-color) 10%,#fff);color:var(--platform-color)}.not-connected{background:#ef4444;border-radius:4px;color:#fff;font-size:.625rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:-8px}.form-input{border-radius:8px}.content-textarea{border:1px solid #d1d5db;border-radius:12px;font-family:inherit;font-size:1rem;line-height:1.6;min-height:120px;padding:1rem;resize:vertical;transition:all .2s ease;width:100%}.content-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.image-upload-area{border:2px dashed #d1d5db;border-radius:12px;padding:2rem;text-align:center;transition:all .2s ease}.image-upload-area:hover{background:#f8fafc;border-color:#3b82f6}.file-input{display:none}.upload-label{align-items:center;color:#64748b;cursor:pointer;display:flex;flex-direction:column;gap:.5rem}.upload-label span{font-weight:600}.upload-label small{font-size:.75rem;opacity:.8}.uploaded-images{grid-gap:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:1rem;padding:.5rem}.image-preview{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #e2e8f0;border-radius:8px;display:flex;justify-content:center;overflow:hidden;position:relative}.image-preview img{background:#f3f4f6;display:block;height:100%;object-fit:cover;width:100%}.remove-image{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s ease;width:24px;z-index:10}.remove-image:hover{background:#ef4444;transform:scale(1.1)}.image-preview.error{background:#fee2e2;border-color:#fca5a5;color:#dc2626;font-size:.75rem;padding:.5rem;text-align:center}.image-preview.error:before{content:"Failed to load image";display:block;font-weight:600}.image-preview.loading{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.schedule-toggle{gap:.75rem;margin-bottom:1rem}.schedule-toggle,.toggle-label{align-items:center;display:flex}.toggle-label{color:#374151;cursor:pointer;font-weight:600;gap:.5rem}.preview-content{display:flex;flex-direction:column;gap:1.5rem;padding:0}.preview-content h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1rem;text-align:center}.preview-platforms-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center;max-width:100%}.platform-preview{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:420px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.platform-preview:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.platform-preview.instagram .platform-header{--platform-background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.platform-preview.facebook .platform-header{--platform-background:#1877f2}.platform-preview.twitter .platform-header{--platform-background:#1da1f2}.platform-header{background:var(--platform-background)!important;color:#fff!important;padding:1rem 1.25rem}.preview-post{display:flex;flex-direction:column;padding:1rem}.preview-images{background:#fff;border-radius:12px;display:block;margin-bottom:1rem;width:100%}.preview-images:has(img:only-child){grid-template-columns:1fr}.preview-images:has(img:nth-child(2):last-child){grid-template-columns:1fr 1fr}.preview-images:has(img:nth-child(3):last-child){grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.preview-images:has(img:nth-child(3):last-child) img:first-child{grid-row:1/-1}.preview-images:has(img:nth-child(4):last-child){grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.preview-images.single-image{grid-template-columns:1fr}.postdesc{display:flex;flex-direction:column;gap:.5rem}.preview-images.two-images{grid-template-columns:1fr 1fr}.preview-images.three-images{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.preview-images.three-images img:first-child{grid-row:1/-1}.preview-images.four-images{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.preview-images img{display:block;height:auto;max-width:100%;transition:none;width:100%}.preview-images.full-image img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.preview-images.fixed-height{height:200px}.preview-images.fixed-height img{height:100%;object-fit:cover;object-position:center;width:100%}.preview-images.fit-width img{height:auto;min-height:100%;object-fit:cover;object-position:center top;width:100%}.preview-images img:hover{transform:scale(1.02)}.platform-preview.instagram{border-bottom:6px solid #e64d6a}.platform-preview.instagram .preview-images img{height:auto}.platform-preview.twitter{border-bottom:6px solid #22a3f2}.platform-preview.twitter .preview-images img{height:auto}.platform-preview.facebook{border-bottom:4px solid #1877f2}.platform-preview.facebook .preview-images img{height:auto}.preview-images video.preview-video{background:#000;border-radius:0;display:block;height:auto;max-width:100%;transition:none;width:100%}.preview-images video.preview-video:hover{transform:scale(1.02)}.platform-preview.facebook .preview-images video.preview-video,.platform-preview.instagram .preview-images video.preview-video,.platform-preview.twitter .preview-images video.preview-video{height:auto}.preview-images:has(video){grid-gap:2px;display:grid;gap:2px}.preview-images.fixed-height video.preview-video{height:100%;object-fit:cover;object-position:center;width:100%}.preview-images.fit-width video.preview-video{height:auto;min-height:100%;object-fit:cover;object-position:center;width:100%}.preview-images img,.preview-images video.preview-video{background:#f8f9fa}.preview-images video.preview-video:not([data-loaded]){background:#f8f9fa url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"><path d="m5 3 14 9-14 9z"/></svg>') 50%/24px no-repeat;min-height:120px}.preview-text{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.preview-text p{font-size:.95rem;line-height:1.6}.preview-hashtags{gap:.5rem;margin-top:auto}.hashtag{background:color-mix(in srgb,#3b82f6 10%,#fff);background:color-mix(in srgb,var(--platform-color,#3b82f6) 10%,#fff);border:1px solid color-mix(in srgb,#3b82f6 20%,#fff);border:1px solid color-mix(in srgb,var(--platform-color,#3b82f6) 20%,#fff);border-radius:6px;color:#3b82f6;color:var(--platform-color,#3b82f6);font-size:.85rem}.modal-footer{border-radius:12px;flex-shrink:0;gap:.75rem}.btn-primary,.btn-secondary{border-radius:8px;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-primary:disabled{transform:none}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover{background:#e2e8f0}@media (max-width:768px){.create-post-overlay{align-items:flex-start;padding:0}.create-post-modal{border-radius:0;height:100vh;max-height:100vh;max-width:100%}.compose-tab.with-ai{grid-template-columns:1fr;grid-template-rows:300px 1fr}.ai-suggestions-column{border-bottom:1px solid #e2e8f0;border-right:none}.form-row,.platforms-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.header-left{gap:.5rem}.ai-assistant-btn{height:36px;width:36px}.ai-input-group{flex-direction:column}.ai-generate-btn{justify-content:center}.suggestion-actions{flex-direction:column}.copy-suggestion-btn{justify-content:center}.preview-platforms-grid{gap:1rem;grid-template-columns:1fr}.platform-preview{max-width:100%;min-height:450px}.preview-images{height:200px}}@media (min-width:769px) and (max-width:1200px){.preview-platforms-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1201px){.preview-platforms-grid{grid-template-columns:repeat(3,1fr)}}.ai-suggestions-column::-webkit-scrollbar,.form-column::-webkit-scrollbar,.preview-tab::-webkit-scrollbar{width:6px}.ai-suggestions-column::-webkit-scrollbar-track,.form-column::-webkit-scrollbar-track,.preview-tab::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.ai-suggestions-column::-webkit-scrollbar-thumb,.form-column::-webkit-scrollbar-thumb,.preview-tab::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ai-suggestions-column::-webkit-scrollbar-thumb:hover,.form-column::-webkit-scrollbar-thumb:hover,.preview-tab::-webkit-scrollbar-thumb:hover{background:#94a3b8}.spinner{border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.ai-suggestions-column{animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.ai-column-header{align-items:center;border-bottom:1px solid #e2e8f0;color:#6366f1;display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.ai-column-header h3{font-size:1.125rem;font-weight:600;margin:0}.ai-prompt-section label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.ai-input-group{display:flex;gap:.75rem;margin-bottom:1.5rem}.ai-prompt-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex:1 1;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease}.ai-prompt-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.ai-generate-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.ai-generate-btn:hover:not(:disabled){box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.ai-generate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.quick-prompts{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;padding:1rem}.quick-prompts-label{color:#64748b;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.quick-prompt-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;display:inline-block;font-size:.75rem;font-weight:500;margin:0 .5rem .5rem 0;padding:.5rem 1rem;transition:all .2s ease}.quick-prompt-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff;transform:translateY(-1px)}.ai-suggestions{margin-top:1.5rem}.suggestions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.ai-suggestions h4{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.ai-suggestions h4:before{content:"✨";font-size:1.2rem}.regenerate-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.regenerate-btn:hover:not(:disabled){background:#6366f1;border-color:#6366f1;color:#fff}.regenerate-btn:disabled{cursor:not-allowed;opacity:.6}.suggestions-list{display:flex;flex-direction:column;gap:1rem}.suggestion-card{padding:1rem;position:relative;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.suggestion-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);content:"";height:3px;left:0;position:absolute;right:0;top:0}.suggestion-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.suggestion-header{margin-bottom:.75rem}.suggestion-tone{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;color:#fff;padding:.25rem .75rem}.suggestion-platforms{color:#64748b;display:flex;gap:.25rem}.suggestion-content{color:#374151;font-size:.875rem;line-height:1.6}.suggestion-content,.suggestion-hashtags{cursor:text;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.suggestion-hashtags{align-items:center;background:#f8fafc;border-radius:8px;color:#6366f1;font-size:.75rem;margin-bottom:1rem;padding:1rem!important}.copy-suggestion-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.copy-suggestion-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff;transform:translateY(-1px)}.apply-suggestion-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .2s ease}.apply-suggestion-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.suggestion-content::selection,.suggestion-hashtags::selection{background:#6366f133;color:#1e293b}.suggestion-content::-moz-selection,.suggestion-hashtags::-moz-selection{background:#6366f133;color:#1e293b}.validation-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.validation-popup{animation:popupSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:2rem;text-align:center;width:90%}.popup-icon{margin-bottom:1rem}.validation-popup h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.validation-popup p{color:#64748b;line-height:1.6;margin:0 0 1.5rem}.popup-actions{display:flex;justify-content:center}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast{align-items:center;animation:toastSlideIn .3s ease-out;border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;gap:.75rem;max-width:400px;min-width:300px;padding:1rem 1.25rem;pointer-events:auto;position:fixed!important;right:20px!important;top:20px!important;z-index:2147483647!important}.create-post-modal *{z-index:1!important}.toast,.toast *{z-index:2147483647!important}.toast-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-left:4px solid #10b981;color:#065f46!important}.toast-error{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fca5a5;border-left:4px solid #ef4444;color:#7f1d1d!important}.toast-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-left:4px solid #3b82f6;color:#1e3a8a!important}.toast-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.toast-message{flex:1 1;font-size:.875rem;line-height:1.4}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.scheduler-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:0}.radio-group{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.radio-option{align-items:flex-start;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:.6rem;min-height:70px;padding:.75rem;position:relative;transition:all .2s ease}.radio-option:hover{background:#f8fafc;border-color:#3b82f6}.radio-option input[type=radio]{display:none}.radio-custom{border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all .2s ease;width:20px}.radio-option input[type=radio]:checked+.radio-custom{background:#3b82f6;border-color:#3b82f6}.radio-option input[type=radio]:checked+.radio-custom:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.radio-content{display:flex;flex:1 1;flex-direction:column;position:relative}.radio-label{color:#374151;font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:.25rem}.radio-description{color:#6b7280;font-size:.875rem;line-height:1.4;position:relative}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.radio-option:has(input[type=radio]:checked){background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-color:#3b82f6}.radio-option:has(input[type=radio]:checked) .radio-label{color:#1e40af}.schedule-inputs{grid-gap:1rem;animation:fadeIn .3s ease-out;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:.75rem;padding:1rem 0}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{align-items:center;color:#374151;display:flex;font-size:.75rem;font-weight:700;gap:.375rem;letter-spacing:.5px;text-transform:uppercase}.date-label{color:#2d3748;font-size:14px;white-space:nowrap}.input-label.time-label:before{font-size:1rem}.form-input[type=date],.form-input[type=time]{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#374151;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.875rem 1rem;position:relative;transition:all .3s ease;width:100%}.form-input[type=date]:hover,.form-input[type=time]:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.form-input[type=date]:focus,.form-input[type=time]:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.form-input[type=date]::-webkit-calendar-picker-indicator,.form-input[type=time]::-webkit-calendar-picker-indicator{background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:20px 20px;border-radius:4px;cursor:pointer;height:24px;opacity:.7;padding:2px;-webkit-transition:all .2s ease;transition:all .2s ease;width:24px}.form-input[type=time]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}.form-input[type=date]:hover::-webkit-calendar-picker-indicator,.form-input[type=time]:hover::-webkit-calendar-picker-indicator{background-color:#eff6ff;opacity:1;transform:scale(1.1)}.form-input[type=date]::-webkit-datetime-edit,.form-input[type=time]::-webkit-datetime-edit{color:#374151;font-weight:500;padding:0}.form-input[type=date]::-webkit-datetime-edit-fields-wrapper,.form-input[type=time]::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input[type=date]::-webkit-datetime-edit-text,.form-input[type=time]::-webkit-datetime-edit-text{color:#6b7280;font-weight:400;padding:0 .25rem}.form-input[type=date]::-webkit-datetime-edit-day-field,.form-input[type=date]::-webkit-datetime-edit-month-field,.form-input[type=date]::-webkit-datetime-edit-year-field,.form-input[type=time]::-webkit-datetime-edit-ampm-field,.form-input[type=time]::-webkit-datetime-edit-hour-field,.form-input[type=time]::-webkit-datetime-edit-minute-field{background:#0000;border:none;border-radius:6px;color:#374151;font-weight:600;padding:.25rem .375rem;-webkit-transition:all .2s ease;transition:all .2s ease}.form-input[type=date]::-webkit-datetime-edit-day-field:focus,.form-input[type=date]::-webkit-datetime-edit-month-field:focus,.form-input[type=date]::-webkit-datetime-edit-year-field:focus,.form-input[type=time]::-webkit-datetime-edit-ampm-field:focus,.form-input[type=time]::-webkit-datetime-edit-hour-field:focus,.form-input[type=time]::-webkit-datetime-edit-minute-field:focus{background:#eff6ff;color:#1e40af;outline:none}.form-input[type=date]:invalid,.form-input[type=time]:invalid{color:#9ca3af}.form-input[type=date]:valid,.form-input[type=time]:valid{color:#374151}.form-input[type=date]:before{color:#9ca3af;content:"Select date";font-weight:400}.form-input[type=time]:before{color:#9ca3af;content:"Select time";font-weight:400}@media (max-width:768px){.schedule-inputs{gap:.75rem;grid-template-columns:1fr;padding:.75rem}.form-input[type=date],.form-input[type=time]{font-size:.8rem;padding:.75rem}}.date-input-wrapper,.time-input-wrapper{align-items:center;display:flex;position:relative}.date-input-wrapper:after,.time-input-wrapper:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;content:"";height:20px;pointer-events:none;position:absolute;right:12px;transition:transform .2s ease;width:20px}.date-input-wrapper:hover:after,.time-input-wrapper:hover:after{transform:rotate(180deg)}.platform-btn.disabled{opacity:.6;pointer-events:auto}.not-connected-link{color:#ef4444;cursor:pointer;margin-left:4px;text-decoration:underline}.not-connected-link:hover{color:#dc2626}.connect-status{font-size:12px}.connect-status.connected{color:green}.connect-status.not-connected{color:red}.platform-container{display:flex;flex-direction:column;gap:8px}.account-selector{background:#f8f9fa;background:var(--surface-color,#f8f9fa);border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:12px}.account-label{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.875rem;font-weight:500;margin-bottom:4px}.account-dropdown{background:#fff;border:1px solid #e1e5e9;border:1px solid var(--border-color,#e1e5e9);border-radius:6px;color:#212529;color:var(--text-primary,#212529);font-size:.875rem;padding:8px 12px;transition:border-color .2s ease}.account-dropdown:focus{border-color:#007bff;border-color:var(--primary-color,#007bff);box-shadow:0 0 0 2px #007bff40;outline:none}.account-dropdown option{background:#fff;color:#212529;color:var(--text-primary,#212529);padding:8px}.platforms-grid{display:flex;flex-direction:column;gap:16px}@media (min-width:768px){.platforms-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.account-multi-selector{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:12px;padding:16px;transition:all .2s ease}.account-multi-selector:hover{background:#f1f3f4;border-color:#dee2e6}.account-label{align-items:center;color:#495057;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:12px}.account-count{background:#e9ecef;border-radius:12px;color:#6c757d;font-size:12px;font-weight:400;padding:2px 8px}.accounts-checkbox-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;max-height:200px;overflow-y:auto}.account-checkbox-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;position:relative;transition:all .2s ease}.account-checkbox-item:hover{background:#f8f9ff;border-color:#0d6efd;box-shadow:0 2px 4px #0000000d}.account-checkbox-item:has(.account-checkbox:checked){background:#e7f1ff;border-color:#0d6efd;box-shadow:0 0 0 2px #0d6efd1a}.account-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-custom{background:#fff;border:2px solid #dee2e6;border-radius:4px;flex-shrink:0;height:20px;position:relative;transition:all .2s ease;width:20px}.account-checkbox:checked+.checkbox-custom{background:#0d6efd;border-color:#0d6efd}.account-checkbox:checked+.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:block;height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.account-checkbox-item:hover .checkbox-custom{border-color:#0d6efd;transform:scale(1.05)}.account-checkbox:focus+.checkbox-custom{outline:2px solid #0d6efd;outline-offset:2px}.account-name{color:#212529;flex-grow:1;font-size:14px;font-weight:500}.account-id{color:#6c757d;font-size:12px;font-weight:400}.account-selection-controls{border-top:1px solid #e9ecef;display:flex;gap:8px;padding-top:8px}.deselect-all-btn,.select-all-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.select-all-btn:hover:not(:disabled){background:#d1e7dd;border-color:#198754;color:#146c43}.deselect-all-btn:hover:not(:disabled){background:#f8d7da;border-color:#dc3545;color:#721c24}.deselect-all-btn:disabled,.select-all-btn:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.5}.platform-btn .connect-status{font-size:11px;margin-top:2px;opacity:.8}.platform-btn.selected .connect-status{font-weight:600;opacity:1}.accounts-checkbox-list::-webkit-scrollbar{width:6px}.accounts-checkbox-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.accounts-checkbox-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.accounts-checkbox-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.account-multi-selector{animation:slideDown .2s ease-out}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:300px;opacity:1;transform:translateY(0)}}@media (max-width:768px){.account-multi-selector{padding:12px}.account-checkbox-item{padding:8px 10px}.account-label{align-items:flex-start;gap:4px}.account-label,.account-selection-controls{flex-direction:column}.deselect-all-btn,.select-all-btn{flex:none}}.account-checkbox-item:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.account-checkbox-item.loading{opacity:.6;pointer-events:none}.account-checkbox-item.loading .checkbox-custom{background:#f8f9fa;border-color:#dee2e6}.account-checkbox-item.success{animation:successPulse .3s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.account-checkbox-item.error{background:#f8d7da;border-color:#dc3545}.account-checkbox-item.error .checkbox-custom{border-color:#dc3545}.accounts-checkbox-list:empty:after{background:#fff;border:1px dashed #dee2e6;border-radius:6px;color:#6c757d;content:"No accounts available";display:block;font-style:italic;padding:20px;text-align:center}.account-checkbox:focus-visible+.checkbox-custom{outline:2px solid #0d6efd;outline-offset:2px}.platform-container{position:relative}.account-multi-selector *{transition:all .2s ease}.platform-btn.selected.has-accounts:after{align-items:center;background:#198754;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:8px;top:8px;width:16px}.media-library-modal{display:flex;flex-direction:column;height:90vh;max-height:90vh;max-width:1200px;overflow:hidden;width:90vw}.media-library-modal .modal-body{display:flex;flex:1 1;flex-direction:column;gap:0;min-height:0;overflow-y:auto;padding:0}.media-search-bar{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:20px;position:relative}.media-search-bar svg{color:var(--text-muted);left:32px;position:absolute;top:50%;transform:translateY(-50%)}.media-search-bar input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:12px 12px 12px 44px;width:100%}.selected-counter{background:var(--primary-color-light);border-bottom:1px solid var(--border-color);color:var(--primary-color);font-size:14px;font-weight:500;padding:12px 20px}.media-library-grid{grid-gap:16px;display:grid;flex:1 1 auto;gap:16px;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));min-height:max-content;overflow-y:auto;padding:20px}.media-library-item{background:var(--bg-secondary);cursor:pointer}.media-library-item.selected,.media-library-item:hover{border-color:var(--primary-color)}.media-library-item.selected{background:var(--primary-color-light)}.media-thumbnail img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.media-library-item:hover .media-thumbnail img{transform:scale(1.05)}.selection-overlay{background:rgba(var(--primary-color-rgb),.8);bottom:0;left:0;right:0;top:0}.media-info{display:flex;flex-direction:column;gap:4px;padding:8px}.media-filename{color:var(--text-primary);font-size:12px;line-height:1.2}.media-size{color:var(--text-muted);font-size:11px}.image-upload-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.upload-option{position:relative}.media-library-btn{background:var(--bg-secondary);border:2px dashed var(--border-color);color:var(--text-primary);font-family:inherit;justify-content:center;min-height:120px;transition:all .2s ease;width:100%}.media-library-btn:hover{background:var(--primary-color-light);border-color:var(--primary-color);color:var(--primary-color)}.media-library-btn:disabled{cursor:not-allowed;opacity:.5}.media-library-btn svg{color:var(--primary-color)}.media-library-btn span{font-size:14px;font-weight:500}.media-library-btn small{color:var(--text-muted);font-size:12px;text-align:center}.image-source-indicator{background:#000000b3;border-radius:4px;color:#fff;font-size:10px;padding:4px;position:absolute;right:4px;top:4px}.loading-media,.no-media{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;grid-column:1/-1;justify-content:center;padding:40px}.no-media{text-align:center}.no-media svg{color:var(--text-muted)}.no-media h4{color:var(--text-primary);font-size:16px;margin:0}.no-media p{font-size:14px;margin:0}@media (max-width:768px){.media-library-modal{max-height:85vh;width:95vw}.image-upload-options{grid-template-columns:1fr}.media-library-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.create-post-modal{transition:filter .2s ease,transform .2s ease}.create-post-modal.media-library-open{filter:blur(2px);pointer-events:none}.media-library-modal{animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.media-library-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.upload-options-grid{margin-bottom:16px}.upload-area{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:2px dashed #dee2e6;border:2px dashed var(--border-color,#dee2e6);border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:140px;padding:20px;width:100%}.upload-area.drag-active,.upload-area:hover{background:#007bff1a;background:var(--primary-color-light,#007bff1a);border-color:#007bff;border-color:var(--primary-color,#007bff);box-shadow:0 4px 12px #007bff33;transform:translateY(-2px)}.upload-area.drag-active{background:#007bff26;background:var(--primary-color-light,#007bff26);border-style:solid}.upload-area.uploading{opacity:.8;pointer-events:none}.upload-title{color:#212529;color:var(--text-primary,#212529);font-size:16px;font-weight:600;margin-bottom:4px}.upload-subtitle{font-size:14px;margin-bottom:8px}.upload-specs,.upload-subtitle{color:#6c757d;color:var(--text-muted,#6c757d)}.upload-specs{align-items:center;font-size:12px;gap:4px;opacity:.8}.upidsc{align-items:center;display:flex;gap:.2rem;justify-content:center}.uploaded-media{margin-top:16px}.media-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-height:300px;overflow-y:auto;padding:4px}.media-preview{group:hover;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:8px;overflow:hidden;position:relative}.media-thumbnail{height:100%;object-fit:cover;transition:transform .2s ease}.media-preview:hover .media-thumbnail{transform:scale(1.05)}.video-overlay{background:#000000b3;padding:8px;pointer-events:none}.media-info-overlay{align-items:flex-end;background:linear-gradient(#0000,#000c);bottom:0;display:flex;justify-content:space-between;left:0;opacity:0;padding:8px 6px 4px;position:absolute;right:0;transition:opacity .2s ease}.media-preview:hover .media-info-overlay{opacity:1}.media-type-indicator{font-size:10px;font-weight:500;gap:4px}.media-size-indicator{color:#fffc;font-size:9px}.media-source-indicator{background:#000000b3;border-radius:4px;color:#fff;opacity:0;padding:4px;position:absolute;right:4px;top:4px;transition:opacity .2s ease}.media-preview:hover .media-source-indicator{opacity:1}.remove-media{align-items:center;background:#f00c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;left:4px;opacity:0;position:absolute;top:4px;transition:all .2s ease;width:24px}.media-preview:hover .remove-media{opacity:1}.remove-media:hover{background:red;transform:scale(1.1)}@media (max-width:768px){.upload-options-grid{grid-template-columns:1fr}.upload-area{min-height:120px;padding:16px}.media-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.upload-specs{font-size:11px}}.media-preview.error{background:#ffe6e6;border:1px solid #ffcccb}.media-preview.error:after{color:#d32f2f;content:"⚠️ Failed to load";font-size:12px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.upload-area .spinner{color:#007bff;color:var(--primary-color,#007bff)}.media-upload-container{margin-bottom:16px}.upload-options-grid{gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.upload-area{background:#fafafa;border:2px dashed #d1d5db;padding:24px;transition:all .3s ease}.upload-area:hover{background:#f8faff;border-color:#6366f1}.upload-area.drag-active{background:#eff6ff;border-color:#6366f1;transform:scale(1.02)}.media-library-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:24px;text-align:center;transition:all .3s ease}.media-library-btn:hover{background:#f8faff;border-color:#6366f1}.uploaded-media-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;padding:16px}.media-section-header{margin-bottom:16px}.media-section-header h4{color:#374151;font-size:14px;font-weight:600;margin:0}.clear-all-media{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s}.clear-all-media:hover{background:#fef2f2}.media-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.media-preview-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.media-preview-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.media-preview-container{height:100px;overflow:hidden;position:relative;width:100%}.media-preview-content{display:block;height:100%;object-fit:cover;width:100%}.video-preview{height:100%;position:relative;width:100%}.video-overlay{background:#0009;border-radius:50%;height:40px;left:50%;top:50%;transform:translate(-50%,-50%);width:40px}.remove-media-btn,.video-overlay{align-items:center;color:#fff;display:flex;justify-content:center;position:absolute}.remove-media-btn{background:#ef4444e6;border:none;border-radius:50%;cursor:pointer;height:24px;opacity:0;right:4px;top:4px;transition:opacity .2s;width:24px}.media-preview-item:hover .remove-media-btn{opacity:1}.remove-media-btn:hover{background:#ef4444}.upload-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.media-preview-info{background:#fff;padding:8px}.media-name{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:4px;margin-bottom:4px}.media-name span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-size{color:#9ca3af;font-size:10px}@media (max-width:768px){.upload-options-grid{grid-template-columns:1fr}.media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.media-preview-container{height:80px}}@media (max-width:480px){.media-preview-grid{grid-template-columns:repeat(3,1fr)}}.carousel-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.carousel-modal{background:var(--card-bg);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1200px;overflow:hidden;width:90vw}.carousel-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 24px}.carousel-counter{color:var(--text-secondary);font-size:14px;font-weight:500}.carousel-actions{display:flex;gap:8px}.carousel-btn{background:var(--bg-hover);border:none;border-radius:6px;color:var(--text);cursor:pointer;padding:8px;transition:all .2s ease}.carousel-btn:hover{background:var(--bg-active)}.carousel-content{overflow:hidden}.carousel-content,.carousel-main{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.carousel-main{height:100%}.carousel-slide{align-items:center;display:flex;height:100%;justify-content:center;opacity:0;position:absolute;transform:scale(.95);transition:all .3s ease;width:100%}.carousel-slide.active{opacity:1;transform:scale(1)}.carousel-media{border-radius:8px;box-shadow:0 10px 30px #0003;max-height:100%;max-width:100%;object-fit:contain}.carousel-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:12px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;z-index:2}.carousel-nav:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.carousel-nav-prev{left:20px}.carousel-nav-next{right:20px}.carousel-thumbnails{background:var(--surface);border-top:1px solid var(--border);display:flex;gap:8px;overflow-x:auto;padding:16px 24px}.carousel-thumbnail{border:2px solid #0000;border-radius:6px;cursor:pointer;flex:0 0 60px;height:60px;overflow:hidden;position:relative;transition:all .2s ease}.carousel-thumbnail:hover{transform:scale(1.05)}.carousel-thumbnail.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.carousel-thumbnail img,.carousel-thumbnail video{height:100%;object-fit:cover;width:100%}.thumbnail-video{height:100%;position:relative;width:100%}.video-indicator{border-radius:50%;height:20px;left:50%;top:50%;transform:translate(-50%,-50%);width:20px}.carousel-info{align-items:center;background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 24px}.media-details h4{color:var(--text);font-size:16px;margin:0 0 4px}.media-details p{color:var(--text-secondary);font-size:12px;margin:2px 0}.remove-from-carousel-btn{background:var(--danger);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.remove-from-carousel-btn:hover{background:var(--danger-hover);transform:translateY(-1px)}.media-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.media-header-actions{align-items:center;display:flex;gap:8px}.view-carousel-header-btn{align-items:center;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s ease}.view-carousel-header-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.media-preview-wrapper{border-radius:8px;cursor:pointer;overflow:hidden;position:relative}.media-preview-wrapper:hover .preview-overlay{opacity:1}.preview-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;color:#fff;justify-content:center;left:0;right:0;top:0}.media-controls,.preview-overlay{display:flex;opacity:0;position:absolute;transition:opacity .2s ease}.media-controls{gap:4px;right:8px;top:8px}.media-preview-item:hover .media-controls{opacity:1}.media-control-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:4px;cursor:pointer;padding:6px;transition:all .2s ease}.media-control-btn.view-btn{background:rgba(var(--primary-rgb),.8);color:#fff}.media-control-btn.remove-btn{background:#dc3545cc;color:#fff}.media-control-btn:hover{transform:scale(1.1)}.position-indicator{background:#000000b3;border-radius:12px;color:#fff;font-size:11px;font-weight:500;left:8px;padding:4px 8px;position:absolute;top:8px}.carousel-quick-nav{margin-top:12px;text-align:center}.quick-nav-btn{align-items:center;background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:inline-flex;gap:8px;padding:10px 16px;transition:all .2s ease}.quick-nav-btn:hover{background:var(--bg-active);border-color:var(--primary)}.single-image-preview{border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease}.single-image-preview:hover{transform:scale(1.02)}.multiple-images-preview{border-radius:8px;cursor:pointer;overflow:hidden;position:relative}.preview-grid{grid-gap:2px;aspect-ratio:1;display:grid;gap:2px;grid-template-columns:1fr 1fr;max-height:300px}.preview-grid-item{overflow:hidden;position:relative}.preview-grid-item.item-0{grid-row:span 2}.grid-media{height:100%;object-fit:cover;width:100%}.more-images-overlay{bottom:0;font-size:12px;font-weight:500;padding:8px 12px;right:0}.carousel-preview-indicator,.more-images-overlay{background:#000000b3;color:#fff;position:absolute}.carousel-preview-indicator{align-items:center;border-radius:12px;display:flex;font-size:11px;gap:4px;padding:4px 8px;right:8px;top:8px}.library-carousel-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.library-carousel-modal{background:var(--card-bg);border-radius:12px;display:flex;flex-direction:column;height:80vh;max-width:1000px;overflow:hidden;width:90vw}.carousel-close-btn{background:var(--danger);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px;transition:all .2s ease}.carousel-close-btn:hover{background:var(--danger-hover)}.carousel-action-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.carousel-action-btn.select-btn{background:var(--primary);color:#fff}.carousel-action-btn.select-btn:hover{background:var(--primary-hover)}.media-library-item{background:var(--surface);border:2px solid #0000;border-radius:8px;overflow:hidden;position:relative;transition:all .2s ease}.media-library-item:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.media-library-item.selected{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.media-thumbnail{aspect-ratio:1;cursor:pointer}.media-thumbnail img,.media-thumbnail video{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.media-thumbnail:hover img,.media-thumbnail:hover video{transform:scale(1.05)}.thumbnail-overlay{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.media-thumbnail:hover .thumbnail-overlay{opacity:1}.selection-overlay{align-items:center;background:var(--primary);border-radius:50%;color:#fff;font-size:12px;height:24px;justify-content:center;right:8px;width:24px}.media-actions,.selection-overlay{display:flex;position:absolute;top:8px}.media-actions{gap:4px;left:8px;opacity:0;transition:opacity .2s ease}.media-library-item:hover .media-actions{opacity:1}.media-action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:4px;cursor:pointer;padding:6px;transition:all .2s ease}.media-action-btn.view-btn{background:rgba(var(--primary-rgb),.8);color:#fff}.media-action-btn.select-btn{background:#22c55ecc;color:#fff}.media-action-btn.select-btn.selected{background:#dc3545cc}.media-action-btn:hover{transform:scale(1.1)}.media-info{padding:12px}.media-filename{color:var(--text);display:block;margin-bottom:4px}.media-metadata{color:var(--text-secondary);font-size:11px;gap:8px}.media-dimensions,.media-size{background:var(--bg-hover);border-radius:4px;padding:2px 6px}.footer-actions{align-items:center;display:flex;gap:12px}.btn-secondary-draft{background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:10px 16px}.btn-secondary-draft:hover{background:var(--bg-active);border-color:var(--primary)}.btn-secondary-draft:disabled{cursor:not-allowed;opacity:.6}.media-actions{margin-left:auto}.view-carousel-btn{align-items:center;background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:4px 8px;transition:all .2s ease}.view-carousel-btn:hover{background:var(--primary-hover)}@media (max-width:768px){.carousel-modal{height:95vh;width:95vw}.carousel-header{padding:12px 16px}.carousel-nav{padding:8px}.carousel-nav-prev{left:10px}.carousel-nav-next{right:10px}.carousel-info,.carousel-thumbnails{padding:12px 16px}.carousel-info{align-items:flex-start;flex-direction:column;gap:12px}.preview-grid{max-height:200px}.media-header-actions{flex-direction:column;gap:4px}.footer-actions{align-items:center;gap:8px;justify-content:center;width:100%}}@media (max-width:480px){.carousel-modal,.library-carousel-modal{border-radius:0;height:100vh;width:100vw}.media-preview-grid{grid-template-columns:1fr 1fr}.carousel-thumbnails{display:none}}.headz{display:flex;justify-content:space-between}.px{cursor:pointer}.scpst{font-size:.875rem!important;font-weight:500!important;padding:.65rem 1rem!important}.time-input-container{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#374151;cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;justify-content:center;margin:0;padding:.875rem 1rem;position:relative;transition:all .3s ease;width:100%}.time-input-container:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.time-input-container:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.time-input-header{padding-top:14px}.time-input-label{background:#fff;color:#6b7280;font-size:11px;font-weight:500;left:16px;line-height:1;padding:14px 2px 0;top:5px}.time-input-icon,.time-input-label{pointer-events:none;position:absolute}.time-input-icon{color:#9ca3af;height:20px;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:20px}.time-input-container:hover .time-input-icon{color:#3b82f6;transform:translateY(-50%) scale(1.1)}.time-input-container:focus-within .time-input-icon,.time-input-container:focus-within .time-input-label{color:#3b82f6}.time-picker-12hr{align-items:center;display:flex;gap:8px;width:calc(100% - 40px)}.time-picker-12hr .time-select{background:#0000;border:none;border-radius:6px;color:#374151;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;outline:none;padding:4px;transition:all .2s ease}.time-picker-12hr .time-select:hover{background:#f3f4f6}.time-picker-12hr .time-select:focus{background:#eff6ff;color:#1e40af;outline:none}.time-picker-12hr .time-select:first-child,.time-picker-12hr .time-select:nth-child(3){text-align:center;width:32px}.time-picker-12hr .period-select{margin-left:4px;text-align:center;width:40px}.time-separator{color:#374151;font-size:.875rem;font-weight:500;padding:0 2px;-webkit-user-select:none;user-select:none}.time-picker-12hr .time-select::-ms-expand{display:none}.time-picker-12hr .time-select{appearance:none}@media (max-width:768px){.schedule-inputs{gap:.75rem;grid-template-columns:1fr;padding:.75rem 0}.form-input[type=date],.time-input-container{font-size:.8rem;height:44px;padding:22px .75rem 10px}.input-group:before,.time-input-label{font-size:10px;top:4px}.time-picker-12hr{margin-bottom:6px;margin-top:16px}}.dashboard-page{background-color:#f8fafc;margin:0;max-width:100%;min-height:100vh;padding:0}.dashboard-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;height:12vh;justify-content:space-between;padding:1rem 1.5rem;position:fixed;top:0;width:100%;z-index:500}.header-left .logo h1{color:#3b82f6;font-size:1.5rem;font-weight:700;margin:0}.welcome-message{color:#64748b;font-size:.875rem;font-weight:500}.user-profile-dropdown{position:relative}.user-avatar-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background-color .2s ease}.user-avatar-btn:hover{background-color:#f1f5f9}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:.5rem;min-width:160px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;background:none;border:none;color:#1e293b;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:#f1f5f9}.dropdown-item.logout{border-top:1px solid #e2e8f0;color:#dc2626}.dropdown-item.logout:hover{background-color:#fee2e2}.dashboard-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 320px;margin:0 auto;max-width:1400px;padding:1.5rem}.page-header{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem}.header-content h1{color:#1e293b}.header-content p{color:#64748b;margin:0 0 1rem}.user-info p{font-size:.875rem;margin:.25rem 0}.user-email{color:#64748b}.header-actions{flex-shrink:0}.dashboard-center{display:flex;flex-direction:column;gap:1.5rem}.performance-snapshot{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.stats-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.stat-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.stat-icon.followers{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.posts{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.reach{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.stat-content p{color:#64748b;font-size:.875rem;margin:.25rem 0}.stat-change{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.stat-change.positive{background-color:#dcfce7;color:#166534}.stat-change.neutral{background-color:#f1f5f9;color:#475569}.upcoming-posts-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.upcoming-posts-section h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.upcoming-posts-scroll{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:0}.upsflx{display:block!important}.ctBtn{align-items:center;display:flex;justify-content:center;margin-top:2rem;width:100%}.upcoming-post-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;flex-shrink:0;min-width:280px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.upcoming-post-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.upcoming-post-card.platform-preview{background:#fff;border:1px solid #e2e8f0;border-radius:16px;border-width:0!important;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.upcoming-post-card.platform-preview:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.upcoming-post-card .platform-header{align-items:center;background:color-mix(in srgb,#3b82f6 8%,#fff);background:color-mix(in srgb,var(--platform-color,#3b82f6) 8%,#fff);border-bottom:1px solid #f1f5f9;color:#3b82f6;color:var(--platform-color,#3b82f6);display:flex;font-size:.9rem;font-weight:600;gap:.75rem;margin:0 0 10px!important;padding:.75rem 1.25rem;text-align:end}.upcoming-post-card .platform-header .schedule-time{text-align:left!important;white-space:nowrap}.upcoming-post-card .preview-images{background:#fff;border:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:0!important;padding:1rem}.upcoming-post-card .preview-images img{aspect-ratio:1;border-radius:8px;height:100px;object-fit:cover;overflow:hidden;width:100%}.upcoming-post-card .preview-text{flex:1 1;margin:16px}.upcoming-post-card .preview-text p{color:#374151;font-size:.95rem;line-height:1.6;margin:0}.upcoming-post-card .preview-hashtags{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.upcoming-post-card .preview-hashtags .hashtag{background:color-mix(in srgb,#3b82f6 10%,#fff);background:color-mix(in srgb,var(--platform-color,#3b82f6) 10%,#fff);border:1px solid color-mix(in srgb,#3b82f6 20%,#fff);border:1px solid color-mix(in srgb,var(--platform-color,#3b82f6) 20%,#fff);border-radius:6px;color:#3b82f6;color:var(--platform-color,#3b82f6);font-size:.85rem;font-weight:500;padding:.25rem .5rem}.upcoming-post-card.instagram{--platform-color:#e4405f}.upcoming-post-card.twitter{--platform-color:#1da1f2}.upcoming-post-card.facebook{--platform-color:#1877f2}.upcoming-post-card .post-schedule{align-items:center;background:color-mix(in srgb,var(--platform-color) 8%,#fff);border-bottom:1px solid #f1f5f9;color:var(--platform-color);display:flex;font-weight:600;gap:.5rem;padding:1rem 1.25rem}.upcoming-post-card .post-thumbnail{background:#f8fafc;border-radius:12px;height:200px;overflow:hidden;width:100%}.upcoming-post-card .post-thumbnail img{height:100%;object-fit:cover;width:100%}.upcoming-post-card .post-content-preview p{color:#374151;font-size:.95rem;line-height:1.6;margin:0}.upcoming-post-card .post-platforms{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.upcoming-post-card .post-platforms .platform-icon{background:color-mix(in srgb,var(--platform-color) 10%,#fff);border:1px solid color-mix(in srgb,var(--platform-color) 20%,#fff);border-radius:6px;color:var(--platform-color);font-size:.85rem;padding:.25rem .5rem;width:auto}.post-schedule{color:#3b82f6;font-size:.875rem;font-weight:500;gap:.5rem}.post-content-preview p{color:#1e293b;font-size:.875rem;line-height:1.4;margin:0}.platform-icon{height:24px;width:24px}.post-thumbnail{border-radius:6px;overflow:hidden}.post-thumbnail img{height:100%;object-fit:cover;width:100%}.empty-upcoming{color:#64748b;padding:2rem;text-align:center}.empty-upcoming p{font-size:.875rem;margin:.5rem 0}.empty-upcoming .empty-subtitle{color:#94a3b8;font-size:.75rem;margin-top:.25rem}.top-performing-post{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.top-performing-post h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.top-post-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #3b82f6;overflow:hidden;padding:1.5rem}.top-post-card:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8);content:"";height:4px;left:0;position:absolute;right:0;top:0}.top-post-image{border-radius:8px;height:200px;margin-bottom:1rem;overflow:hidden;width:100%}.top-post-image img{height:100%;object-fit:cover;width:100%}.top-post-content p{color:#1e293b;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.top-post-metrics{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.metric{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem .75rem}.metric.engagement-rate{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#bbf7d0;color:#166534}.view-analytics-btn{align-items:center;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem}.dashboard-right{display:flex;flex-direction:column;gap:1.5rem}.quick-actions-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.quick-actions-sidebar h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.action-buttons{display:flex;flex-direction:column;gap:.75rem}.action-btn{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;width:100%}.connected-accounts-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.connected-accounts-sidebar h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.accounts-list{gap:.75rem}.account-item{border-radius:8px;gap:.75rem;padding:.75rem}.account-icon{align-items:center;border-radius:6px;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.account-item.instagram .account-icon{background:linear-gradient(135deg,#e4405f,#c13584)}.account-item.twitter .account-icon{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.account-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.platform-name-db{color:#fff!important;font-size:.875rem;font-weight:500;text-transform:capitalize}.username{color:#64748b;font-size:.75rem}.connection-status{gap:.25rem}.status-dot{border-radius:50%;height:6px;width:6px}.connection-status.connected .status-dot{background-color:#22c55e}.connection-status.disconnected .status-dot{background-color:#ef4444}.no-accounts{color:#64748b;padding:1rem}.manage-accounts,.no-accounts{font-size:.875rem;text-align:center}.manage-accounts{background:none;border:none;color:#3b82f6;cursor:pointer;font-weight:500;padding:.5rem;transition:color .2s ease}.manage-accounts:hover{color:#2563eb}.recent-activity-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.recent-activity-sidebar h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.activity-feed{display:flex;flex-direction:column;gap:.75rem}.activity-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.activity-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:4px;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.activity-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.activity-content p{color:#1e293b;font-size:.875rem;line-height:1.4;margin:0}.activity-time{color:#64748b;font-size:.75rem}.no-activity{color:#64748b;font-size:.875rem;padding:1rem;text-align:center}.empty-state{padding:2rem}.empty-state h4{color:#1e293b;margin:1rem 0 .5rem}.btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem;text-decoration:none;transition:color .2s ease}.btn-link:hover{color:#2563eb;text-decoration:underline}@media (max-width:1024px){.dashboard-layout{gap:1rem;grid-template-columns:1fr;padding:1rem}.stats-grid{grid-template-columns:1fr 1fr}.upcoming-posts-scroll{flex-direction:column}.upcoming-post-card{min-width:auto}}@media (max-width:768px){.dashboard-header{display:none}.header-right{gap:.5rem}.welcome-message{display:none}.dashboard-layout{gap:1rem;padding:1rem}.stats-grid{grid-template-columns:1fr}.top-post-metrics{gap:.5rem}.metric{font-size:.75rem;padding:.375rem .5rem}.action-buttons{gap:.5rem}.action-btn{font-size:.8125rem;padding:.625rem .875rem}}@media (max-width:480px){.header-left .logo h1{font-size:1.25rem}.user-avatar{font-size:.75rem;height:28px;width:28px}.dashboard-layout{padding:.75rem}.connected-accounts-sidebar,.performance-snapshot,.quick-actions-sidebar,.recent-activity-sidebar,.stat-card,.top-performing-post,.upcoming-posts-section{padding:1rem}.stat-card{gap:.75rem}.stat-icon{height:40px;width:40px}.stat-content h3{font-size:1.25rem}}.header-with-button{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:1rem}.inline-refresh-btn{align-items:center;background:#f9f9f9;background:#007bff;border:1px solid #ccc;border-radius:4px;border-radius:7px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:6px;margin-bottom:15px;padding:.5rem 1rem}.inline-refresh-btn:hover{background:#1277e3;border-color:#0056b3}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}}.stat-icon.scheduled{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.published{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.media{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.posts{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-icon.followers{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.engagement{background:linear-gradient(135deg,#ef4444,#dc2626)}.connection-status{border:1px solid;border-radius:12px;margin-bottom:20px;padding:16px}.connection-status.connected{background-color:#f0f9ff;border-color:#bfdbfe;color:#1e40af}.connection-status.disconnected{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.connection-info{gap:12px}.connection-info,.status-icon{align-items:center;display:flex}.status-icon{border-radius:50%;height:24px;justify-content:center;width:24px}.status-icon.connected{background-color:#dcfce7;color:#16a34a}.status-icon.disconnected{background-color:#fee2e2;color:#dc2626}.connection-hint{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px;margin-top:4px}.btn-primary-sm{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px}.btn-primary-sm:hover{background-color:#2563eb}.media-item{padding:12px}.post-status{margin:0 12px}.post-status.scheduled{background-color:#f59e0b;color:#fff}.post-status.published{background-color:#10b981;color:#fff}.post-status.draft{background-color:#3b82f6;color:#fff}.planner-page{background-color:#f8fafc;margin:0;max-width:100%;min-height:100vh;padding:0}.planner-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:2rem;justify-content:space-between;padding:1rem 1.5rem;position:sticky;top:0;z-index:100}.header-left{gap:1rem}.sidebar-toggle{background:none;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;padding:.5rem;transition:all .2s ease}.sidebar-toggle:hover{border-color:#3b82f6;color:#3b82f6}.header-left h1{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.header-center{align-items:center;display:flex;flex:1 1;gap:2rem;justify-content:center}.view-toggles{background:#f1f5f9;border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.view-toggle{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.view-toggle:hover{color:#1e293b}.view-toggle.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6}.date-navigator{align-items:center;display:flex;gap:1rem}.nav-btn{background:none;border:1px solid #e2e8f0;color:#64748b;padding:.5rem}.nav-btn:hover{border-color:#3b82f6;color:#3b82f6}.date-range{color:#1e293b;font-size:1.125rem;font-weight:600;min-width:200px;text-align:center}.today-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.today-btn:hover{background:#e2e8f0;color:#1e293b}.header-right{align-items:center;display:flex;gap:1rem}.filters-section{position:relative}.filter-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.filter-btn.active,.filter-btn:hover{border-color:#3b82f6;color:#3b82f6}.filters-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:.5rem;min-width:280px;padding:1rem;position:absolute;right:0;top:100%;z-index:1000}.filter-group{margin-bottom:1rem}.filter-group:last-child{margin-bottom:0}.filter-group label{color:#1e293b;display:block;margin-bottom:.5rem}.filter-options{gap:.25rem}.filter-option{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;text-align:left;transition:all .2s ease}.filter-option:hover{background:#f8fafc;border-color:#cbd5e1}.filter-option.active{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.planner-layout{display:flex;gap:0;height:calc(100vh - 80px)}.content-pool{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;min-width:320px;overflow:hidden;transition:all .3s ease;width:320px}.content-pool.collapsed{min-width:0;width:0}.content-pool-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.content-pool-header h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.draft-count{background:#3b82f6;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.draft-cards{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem}.draft-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:grab;padding:1rem;position:relative;transition:all .2s ease}.draft-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.draft-card:active{cursor:grabbing}.draft-content p{color:#1e293b;font-size:.875rem;line-height:1.4;margin:0 0 .75rem}.draft-platforms{display:flex;gap:.5rem;margin-bottom:.5rem}.platform-icon{border-radius:4px;height:20px;width:20px}.platform-icon.instagram{background:linear-gradient(135deg,#e4405f,#c13584)}.platform-icon.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.draft-media-indicator{background:#000000b3;border-radius:4px;color:#fff;font-size:.75rem;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.draft-actions{display:flex;justify-content:flex-end}.draft-edit-btn{background:none;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;padding:.25rem;transition:all .2s ease}.draft-edit-btn:hover{border-color:#3b82f6;color:#3b82f6}.empty-drafts{color:#64748b;padding:2rem 1rem;text-align:center}.empty-drafts p{font-size:.875rem;margin:.5rem 0}.empty-subtitle{color:#94a3b8;font-size:.75rem}.calendar-main{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.calendar-grid{flex:1 1;overflow:auto;padding:1.5rem}.calendar-loading{align-items:center;color:#64748b;height:400px;justify-content:center}.calendar-loading,.month-view{display:flex;flex-direction:column}.month-view{height:100%}.calendar-header{grid-gap:1px;background:#e2e8f0;border-radius:8px 8px 0 0;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.calendar-header-day{background:#f8fafc;color:#64748b;font-size:.875rem;font-weight:600;padding:1rem;text-align:center}.calendar-body{grid-gap:1px;background:#e2e8f0;border-radius:0 0 8px 8px;display:grid;flex:1 1;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.calendar-day{background:#fff;cursor:pointer;display:flex;flex-direction:column;min-height:120px;padding:.5rem;position:relative;transition:background-color .2s ease}.calendar-day:hover{background:#f8fafc}.calendar-day.other-month{background:#f1f5f9;color:#94a3b8}.calendar-day.today{background:#dbeafe}.calendar-day.today .day-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-weight:600;height:24px;justify-content:center;width:24px}.day-number{color:#1e293b;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.day-posts{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.more-posts{background:#f1f5f9;color:#64748b;padding:.25rem;text-align:center}.more-posts,.post-card{border-radius:4px;font-size:.75rem}.post-card{border-left:3px solid #6b7280;padding:.5rem;transition:all .2s ease}.post-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.post-time{color:#3b82f6;font-weight:600;margin-bottom:.25rem}.post-content{color:#1e293b;line-height:1.3;margin-bottom:.25rem}.post-platforms{gap:.25rem}.platform-badge{border-radius:2px;color:#fff;height:16px;width:16px}.platform-badge.instagram{background:linear-gradient(135deg,#e4405f,#c13584)}.platform-badge.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.week-view{display:flex;flex-direction:column;height:100%}.week-header{grid-gap:1px;background:#e2e8f0;border-radius:8px 8px 0 0;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.week-day-header{background:#f8fafc;display:flex;flex-direction:column;gap:.25rem;padding:1rem;text-align:center}.week-day-header.today{background:#dbeafe}.day-name{color:#64748b;font-size:.875rem}.day-date{color:#1e293b;font-size:1.125rem;font-weight:700}.week-day-header.today .day-date{color:#3b82f6}.week-body{grid-gap:1px;background:#e2e8f0;border-radius:0 0 8px 8px;display:grid;flex:1 1;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.week-day{background:#fff;cursor:pointer;min-height:400px;padding:1rem;transition:background-color .2s ease}.week-day:hover{background:#f8fafc}.week-day.today{background:#dbeafe}.btn-primary{white-space:nowrap}@media (max-width:1024px){.planner-header{align-items:stretch}.header-center,.planner-header{flex-direction:column;gap:1rem}.date-navigator{justify-content:center}.header-right{justify-content:space-between}.content-pool{min-width:280px;width:280px}.filters-dropdown{left:0;right:auto}}@media (max-width:768px){.planner-layout{flex-direction:column;height:auto}.planner-page{overflow-x:hidden;width:100vw}.content-pool{border-bottom:1px solid #e2e8f0;border-right:none;height:auto;max-height:300px;min-width:100%;width:100%}.content-pool.collapsed{height:0;max-height:0;min-height:0}.calendar-main{height:600px;overflow-x:hidden;width:100%}.calendar-grid{overflow-x:hidden;padding:.5rem;width:100%}.planner-header{padding:1rem}.header-left h1{font-size:1.25rem}.view-toggles{justify-content:center;width:100%}.date-range{font-size:1rem;min-width:auto}.month-view{overflow-x:hidden;width:100%}.calendar-header{grid-gap:0;border-radius:6px 6px 0 0;display:grid;gap:0;grid-template-columns:repeat(7,1fr);margin:0;width:100%}.calendar-header-day{font-size:.75rem;min-width:0;padding:.5rem .25rem}.calendar-body{grid-gap:0;border-radius:0 0 6px 6px;display:grid;gap:0;grid-template-columns:repeat(7,1fr);margin:0;width:100%}.calendar-day{min-height:80px;min-width:0;overflow:hidden;padding:.25rem}.day-number{font-size:.75rem;margin-bottom:.25rem}.calendar-day.today .day-number{font-size:.75rem;height:20px;width:20px}.post-card{font-size:.6875rem;padding:.25rem}.week-view{overflow-x:hidden;width:100%}.week-header{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(7,1fr);margin:0;width:100%}.week-day-header{font-size:.75rem;min-width:0;padding:.5rem .25rem}.week-day-header .day-name{font-size:.7rem}.week-day-header .day-date{font-size:1rem}.week-body{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(7,1fr);margin:0;width:100%}.week-day{min-height:250px;min-width:0;overflow:hidden;padding:.25rem}.draft-cards{max-height:200px}.draft-card{padding:.75rem}.post-icons-container{gap:2px;padding:2px}.social-icon-wrapper{height:18px;width:18px}}@media (max-width:480px){.planner-header{padding:.75rem}.header-center{gap:.75rem}.view-toggle{font-size:.8125rem;padding:.375rem .75rem}.nav-btn{padding:.375rem}.today-btn{font-size:.8125rem;padding:.375rem .75rem}.date-range{font-size:.875rem}.calendar-grid{padding:.25rem}.calendar-header-day{font-size:.7rem;padding:.375rem .125rem}.calendar-day{min-height:60px;padding:.125rem}.day-number{font-size:.7rem;margin-bottom:.125rem}.calendar-day.today .day-number{font-size:.7rem;height:18px;width:18px}.post-card{font-size:.625rem;padding:.125rem .25rem}.post-time{margin-bottom:.125rem}.platform-badge{height:12px;width:12px}.week-day-header{font-size:.7rem;padding:.375rem .125rem}.week-day-header .day-name{font-size:.65rem}.week-day-header .day-date{font-size:.875rem}.week-day{min-height:200px;padding:.125rem}.content-pool-header{padding:1rem}.draft-cards{max-height:150px;padding:.75rem}.post-icons-container{gap:1px;padding:1px}.social-icon-wrapper{height:16px;width:16px}.social-icon-wrapper .status-indicator{height:4px;width:4px}}.post-icons-container{display:flex;flex-wrap:wrap;gap:4px;width:100%}.time-slot{display:flex;flex-direction:column;gap:2px}.time-label{color:#6b7280;font-size:.7rem;font-weight:500}.post-icons-row{display:flex;flex-wrap:wrap;gap:3px}.social-icon-wrapper{align-items:center;background-color:var(--platform-color);border-radius:6px;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;transition:all .2s ease;width:24px}.social-icon-wrapper:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.1);z-index:10}.social-icon-wrapper .status-indicator{background-color:var(--status-color);border:1px solid #fff;border-radius:50%;bottom:-1px;height:6px;position:absolute;right:-1px;width:6px}.week-view .post-icons-container{padding:4px}.week-view .social-icon-wrapper{height:20px;width:20px}.week-view .time-label{font-size:.65rem}.calendar-day .day-posts{flex:1 1;overflow:hidden;padding:2px}.calendar-day:hover .social-icon-wrapper{opacity:1}@media (max-width:768px){.social-icon-wrapper{height:20px;width:20px}.time-label{font-size:.6rem}}.dark .time-label{color:#9ca3af}.dark .social-icon-wrapper .status-indicator{border-color:#1f2937}.post-detail-overlay{align-items:center!important;animation:postDetailFadeIn .3s ease-out!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#000c!important;bottom:0;display:flex!important;justify-content:center!important;left:0;padding:15px!important;position:fixed;right:0;top:0;z-index:10000!important}@keyframes postDetailFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}.post-detail-modal{animation:postDetailSlideUp .4s cubic-bezier(.16,1,.3,1)!important;background:#fff!important;border-radius:16px!important;box-shadow:0 20px 40px #00000040!important;display:flex!important;flex-direction:column!important;max-width:1100px!important;overflow:hidden!important;position:relative!important;width:90%!important}@keyframes postDetailSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0;padding:10px 14px}.header-left{align-items:center;display:flex;gap:12px}.header-left h2{color:#2c3e50;font-size:15px;font-weight:600;margin:0}.platform-badge{background:#fff;border:1px solid #e9ecef;border-radius:16px;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.header-actions{align-items:center;display:flex;gap:6px}.actions-dropdown{position:relative}.actions-btn{background:none;border:1px solid #e9ecef;border-radius:5px;color:#6c757d;cursor:pointer;padding:5px;transition:all .2s ease}.actions-btn:hover{background:#f8f9fa;color:#495057}.actions-menu{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1001}.actions-menu button{align-items:center;background:none;border:none;color:#495057;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 10px;text-align:left;transition:background-color .2s ease;width:100%}.actions-menu button:hover{background:#f8f9fa}.actions-menu button:disabled{cursor:not-allowed;opacity:.6}.actions-menu button.delete-action{color:#dc3545}.actions-menu button.delete-action:hover{background:#f8d7da}.close-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;padding:3px;transition:all .2s ease}.close-btn:hover{background:#f8f9fa;color:#495057}.modal-tabs{background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0;padding:0 14px}.modal-tabs,.tab-btn{align-items:center;display:flex}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-size:12px;font-weight:500;gap:3px;padding:8px 12px;transition:all .2s ease}.tab-btn:hover{background:#00000008;color:#495057}.tab-btn.active{background:#007bff0d;border-bottom-color:#007bff;color:#007bff}.tab-btn.sync-btn{color:#28a745;margin-left:auto}.tab-btn.sync-btn:hover{background:#28a7451a}.tab-btn.sync-btn.syncing{opacity:.7;pointer-events:none}.modal-content{min-height:0;overflow-x:hidden;padding:20px}.preview-content-pd{grid-gap:20px;display:grid;gap:20px;grid-template-areas:"image content" "stats stats";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:100%;max-height:65vh;min-height:450px}.preview-left{background:#f8f9fa;border-radius:8px;max-height:400px;min-height:350px;overflow:hidden}.main-image-container,.preview-left{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.main-image-container{height:100%}.main-image{border-radius:6px;box-shadow:0 2px 8px #0000001a;height:auto;max-height:380px;object-fit:contain;width:100%}.image-navigation{display:flex;justify-content:space-between;left:0;padding:0 12px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10}.nav-btn{background:#73f10c99;border:none;border-radius:50%;color:#fff;padding:6px;pointer-events:auto}.image-counter{background:#000000b3;border-radius:4px;bottom:8px;color:#fff;font-size:11px;font-weight:500;padding:3px 6px;position:absolute;right:8px}.preview-right{gap:16px;grid-area:username/username/time/time}.post-username{order:1}.username{border-bottom:1px solid #e9ecef;color:#2c3e50;font-weight:600;margin:0;padding:6px 0}.post-caption{flex:1 1;max-height:300px;order:2;overflow-y:auto}.caption-text{word-wrap:break-word;color:#495057;font-size:14px;line-height:1.5;margin:0 0 8px;overflow-wrap:break-word}.hashtags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.hashtag{color:#007bff;font-size:12px;text-decoration:none;transition:all .2s ease}.hashtag:hover{color:#0056b3;text-decoration:underline}.post-time-compact{align-items:center;border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:8px;padding:6px 0}.time-info-compact{align-items:center;color:#6c757d;display:flex;font-size:11px;gap:4px}.time-info-compact svg{flex-shrink:0}.status-badge{border-radius:4px;display:inline-block;flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.2px;padding:2px 6px}.preview-left{grid-area:image}.preview-right{display:flex;flex-direction:column;gap:8px;grid-area:content;padding:8px}.post-time{display:none}.engagement-section{margin-top:0}.status-published{background:#d4edda;color:#155724}.status-draft{background:#fff3cd;color:#856404}.status-scheduled{background:#d1ecf1;color:#0c5460}.status-failed{background:#f8d7da;color:#721c24}.engagement-section{border-top:1px solid #e9ecef;grid-area:stats;margin-bottom:20px;margin-top:16px;padding-top:16px}.engagement-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.stat-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;flex-direction:column;gap:6px;padding:12px 8px;transition:all .2s ease}.stat-item:hover{background:#e9ecef;transform:translateY(-1px)}.stat-item span{color:#2c3e50;font-size:18px;font-weight:700}.stat-item label{color:#6c757d;font-size:10px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.footer-status,.preview-footer,.status-label,.status-value{display:none}.analytics-tab{max-height:50vh;max-width:100%;overflow-y:auto}.analytics-loading{color:#6c757d;gap:10px;padding:30px}.analytics-content{gap:18px}.platform-analytics-section h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 12px}.platform-analytics-grid{display:flex;flex-direction:column;gap:15px}.platform-analytics-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:12px}.platform-header{gap:6px;margin-bottom:12px}.platform-name{color:#2c3e50}.platform-status{border-radius:8px;font-size:9px;font-weight:600;margin-left:auto;padding:1px 6px;text-transform:uppercase}.platform-status.published{background:#d4edda;color:#155724}.analytics-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:12px}.analytics-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;gap:8px;padding:8px}.analytics-card,.card-icon{align-items:center;display:flex}.card-icon{border-radius:5px;color:#fff;height:28px;justify-content:center;width:28px}.card-icon.likes{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.card-icon.comments{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.card-icon.shares{background:linear-gradient(135deg,#45b7d1,#96c93d)}.card-icon.reach{background:linear-gradient(135deg,#f093fb,#f5576c)}.card-icon.impressions{background:linear-gradient(135deg,#4facfe,#00f2fe)}.card-icon.engagement{background:linear-gradient(135deg,#43e97b,#38f9d7)}.card-content{flex:1 1;min-width:0}.card-content h3{color:#2c3e50;font-size:14px;font-weight:600;margin:0}.card-content p{color:#6c757d;font-size:10px;font-weight:500;margin:1px 0 0}.platform-specific-metrics{border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:6px;padding-top:12px}.metric-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.metric-row span:first-child{color:#6c757d}.metric-row span:last-child{color:#2c3e50;font-weight:600}.performance-summary{background:#f8f9fa;border-radius:12px;padding:20px}.performance-summary h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 16px}.best-platform-badge{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:16px;padding:8px 16px}.summary-stats{display:flex;flex-direction:column;gap:8px}.summary-item{align-items:center;display:flex;font-size:14px;justify-content:space-between}.summary-item .label{color:#6c757d}.summary-item .value{color:#2c3e50;font-weight:600}.no-analytics{align-items:center;color:#6c757d;display:flex;flex-direction:column;gap:12px;padding:60px 20px;text-align:center}.no-analytics span{color:#495057;font-size:16px;font-weight:600}.no-analytics p{font-size:14px;margin:0}.no-analytics button{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;margin-top:12px;padding:8px 16px;transition:background-color .2s ease}.no-analytics button:hover{background:#0056b3}.no-analytics button:disabled{cursor:not-allowed;opacity:.6}.comments-tab{display:flex;flex-direction:column;gap:10px;max-height:50vh}.comments-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding-right:6px}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.comments-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.comment-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:8px;padding:8px}.comment-avatar{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.comment-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.comment-header{align-items:center;display:flex;justify-content:space-between}.comment-author-info{align-items:center;display:flex;gap:4px}.comment-author{color:#2c3e50;font-size:12px;font-weight:600}.comment-time{color:#6c757d;font-size:10px}.comment-text{word-wrap:break-word;color:#495057;font-size:12px;line-height:1.3;margin:0}.comment-actions{align-items:center;display:flex;gap:12px;margin-top:2px}.comment-like,.comment-reply{align-items:center;background:none;border:none;border-radius:3px;color:#6c757d;cursor:pointer;display:flex;font-size:10px;gap:3px;padding:2px 4px;transition:all .2s ease}.comment-like:hover,.comment-reply:hover{background:#0000000d;color:#495057}.add-comment{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:6px;padding:8px}.comment-input{border:1px solid #e9ecef;border-radius:4px;flex:1 1;font-size:12px;outline:none;padding:6px 8px;transition:border-color .2s ease}.comment-input:focus{border-color:#007bff}.comment-submit{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s ease}.comment-submit:hover{background:#0056b3}.posting-overlay{align-items:center;background:#ffffffe6;border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1002}.posting-spinner{align-items:center;color:#007bff;display:flex;flex-direction:column;font-weight:500;gap:10px}.toast{border-radius:6px;color:#fff;font-size:13px;font-weight:500;max-width:250px;opacity:0;padding:10px 16px;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:all .3s ease;z-index:10000}.toast-success{background-color:#28a745}.toast-error{background-color:#dc3545}.toast-info{background-color:#007bff}.toast.show{opacity:1;transform:translateX(0)}.toast-content{align-items:center;display:flex;gap:6px}@media (max-width:1200px){.post-detail-modal{max-width:950px!important;width:92%!important}.preview-content{gap:18px}}@media (max-width:1000px){.post-detail-modal{max-width:800px!important;width:95%!important}.preview-content{gap:16px;grid-template-columns:1fr .8fr}}@media (max-width:768px){.post-detail-modal{max-height:85vh!important;max-width:100%!important;width:95%!important}.preview-content{gap:14px;grid-template-areas:"image" "username" "caption" "time" "stats";grid-template-columns:1fr;min-height:auto}.preview-right{display:flex;flex-direction:column;gap:10px;grid-area:unset;padding:4px}.post-username{order:0}.post-caption{max-height:none;order:0}.post-time{border-top:1px solid #f0f0f0;margin-top:0;order:0;padding-top:8px}.preview-left{max-height:300px;min-height:250px}.main-image{max-height:280px}.engagement-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.engagement-section{margin-bottom:24px}}@media (max-width:480px){.post-detail-modal{max-height:90vh!important;width:98%!important}.modal-content{padding:14px}.preview-left{max-height:250px;min-height:200px}.main-image{max-height:230px}.engagement-stats{gap:10px;grid-template-columns:1fr 1fr}.stat-item{padding:8px 4px}.stat-item span{font-size:16px}.stat-item label{font-size:9px}.engagement-section{margin-bottom:20px}}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*{box-sizing:border-box}.preview-content *{word-wrap:break-word;overflow-wrap:break-word}.arrowsf{align-items:center;color:gray;display:flex;justify-content:space-between;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:10000}.arrowsf>*{cursor:pointer}.media-indicator{background:#000000b3;border-radius:3px;bottom:8px;color:#fff;font-size:10px;font-weight:500;padding:3px 6px;position:absolute;right:8px}.video-badge{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px}.video-badge svg{flex-shrink:0}.content-hub{background-color:#f8fafc;margin:0;max-width:100%;min-height:100vh;padding:0}.page-header{padding:1rem 2rem}.header-content-left{align-items:flex-start!important;display:flex;flex-direction:column;gap:0!important}.header-content h1{color:#1e293b!important;font-size:2rem;font-weight:700;margin:0 0 .5rem}.header-content p{color:#64748b!important;font-size:1rem;margin:0}#hexp{color:#fff!important}.content-hub-nav{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:0;padding:0 2rem}.nav-tab{border-bottom:2px solid #0000}.nav-tab:hover{background:#f8fafc;color:#1e293b}.content-hub-main{flex:1 1;overflow:hidden}.posts-subpage{background:#f8fafc;display:flex;flex-direction:column;height:calc(100vh - 200px)}.posts-control-bar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:2rem;justify-content:space-between;padding:1.5rem 2rem}.search-section{flex:1 1;max-width:400px}.search-box{position:relative;width:100%}.search-box svg{color:#64748b;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;padding:.75rem .75rem .75rem 2.5rem!important;width:100%}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.control-actions{align-items:center;display:flex;gap:1rem}.posts-layout{display:flex;flex:1 1;overflow:hidden}.posts-sidebar{background:#fff;border-right:1px solid #e2e8f0;min-width:280px;overflow-y:auto;padding:1.5rem;width:280px}.sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.sidebar-header h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.clear-filters-btn{background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:background-color .2s ease}.clear-filters-btn:hover{background:#f1f5f9}.filter-section{margin-bottom:1.5rem}.filter-section label{color:#1e293b;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.filter-options{display:flex;flex-direction:column;gap:.5rem}.filter-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;position:relative;transition:background-color .2s ease}.filter-checkbox:hover{background:#f8fafc}.filter-checkbox input[type=radio]{cursor:pointer;height:0;margin:0;opacity:0;position:absolute;width:0}.checkmark{border:2px solid #e2e8f0;border-radius:50%;display:inline-block;flex-shrink:0;height:16px;position:relative;transition:all .2s ease;width:16px}.filter-checkbox input[type=radio]:checked+.checkmark{background:#3b82f6;border-color:#3b82f6}.filter-checkbox input[type=radio]:checked+.checkmark:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.folder-option,.platform-option,.type-option{align-items:center;color:#1e293b;display:flex;font-size:.875rem;gap:.5rem}.filter-input{display:inline-block;position:relative}.filter-input svg{color:#64748b;height:16px;left:.5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.filter-input input{padding-right:2.5rem}.filter-input input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-range-inputs{display:flex;flex-direction:column;gap:.5rem}.date-range-inputs input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;padding:.75rem}.date-range-inputs input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-select{border-radius:6px;padding:.75rem;width:100%}.posts-content{flex:1 1;overflow-y:auto;padding:1.5rem}.view-controls{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.view-btn{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;padding:.5rem;transition:all .2s ease}.view-btn:hover{background-color:#f1f5f9;color:#1e293b}.view-btn.active{background-color:#3b82f6;color:#fff}.posts-container{min-height:400px}.posts-container.grid{grid-gap:1.5rem;gap:1.5rem}.posts-container.list{display:flex;flex-direction:column;gap:.75rem}.unified-post-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-height:400px;overflow:hidden;position:relative;transition:all .2s ease}.unified-post-card:hover{border-color:#d1d5db;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.unified-post-card .post-header{align-items:center;background:#dbeafe;border-bottom:1px solid #f3f4f6;color:#1d4ed8!important;display:flex;justify-content:space-between;margin-bottom:10px;padding:6px 16px}.unified-post-card .post-schedule{align-items:center;color:#1d4ed8!important;display:flex;font-size:14px;gap:12px}.unified-post-card .post-platforms{align-items:center;display:flex;gap:8px}.unified-post-card .platform-icon{align-items:center;background-color:initial;border-radius:50%;color:#1d4ed8;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.unified-post-card .preview-images{display:flex;flex-wrap:wrap;gap:2px;height:200px;margin:0;overflow:hidden}.unified-post-card .media-item{background:#f3f4f6;flex:1 1;min-width:0;overflow:hidden;position:relative}.unified-post-card .media-item img,.unified-post-card .media-item video{display:block;height:100%;object-fit:cover;width:100%}.unified-post-card .video-indicator{align-items:center;border-radius:4px;display:flex;justify-content:center;padding:4px}.unified-post-card .image-count,.unified-post-card .video-indicator{background:#000000b3;bottom:8px;color:#fff;position:absolute;right:8px}.unified-post-card .image-count{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.unified-post-card .postdesc{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px}.unified-post-card .preview-text{flex:1 1}.unified-post-card .preview-text p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#374151;display:-webkit-box;font-size:14px;line-height:1.4;margin:0;overflow:hidden}.unified-post-card .preview-hashtags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.unified-post-card .preview-hashtags .hashtag{background:#dbeafe;border-radius:12px;color:#1d4ed8;font-size:12px;font-weight:500;padding:4px 8px}.unified-post-card .post-stats{display:flex;gap:16px;margin:8px 0}.unified-post-card .post-stats span{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px}.unified-post-card .post-status{margin-top:auto;padding-top:8px}.unified-post-card .status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;text-transform:capitalize}.unified-post-card .status-badge.published{background-color:#dcfce7;color:#166534}.unified-post-card .status-badge.scheduled{background-color:#dbeafe;color:#1d4ed8}.unified-post-card .status-badge.draft{background-color:#f1f5f9;color:#475569}.unified-post-card .status-badge.failed{background-color:#fee2e2;color:#dc2626}.unified-post-card .post-actions{display:flex;gap:8px;opacity:0;position:absolute;right:12px;top:12px;transition:opacity .2s ease;z-index:10}.unified-post-card:hover .post-actions{opacity:1}.unified-post-card .action-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.unified-post-card .action-btn:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.unified-post-card .action-btn.edit:hover{border-color:#3b82f6;color:#3b82f6}.unified-post-card .action-btn.delete:hover{border-color:#ef4444;color:#ef4444}.unified-post-card .shw-exp-icon{background:#0009;border-radius:50%;color:#fff;left:50%;opacity:0;padding:12px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;z-index:10}.unified-post-card:hover .shw-exp-icon{opacity:1}.unified-post-card .single-media{display:block}.unified-post-card .two-media{display:flex;gap:2px}.unified-post-card .two-media .media-item{flex:1 1}.unified-post-card .three-media{grid-gap:2px;display:grid;gap:2px;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.unified-post-card .three-media .media-item:first-child{grid-row:1/-1}.unified-post-card .four-plus-media{grid-gap:2px;display:grid;gap:2px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.platform-post-card{display:none!important}.posts-container.grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.posts-container.list .unified-post-card{align-items:center;display:flex;flex-direction:row;gap:16px;min-height:auto;padding:16px}.posts-container.list .unified-post-card .post-header{align-items:flex-start;background:#0000;border-bottom:none;flex-direction:column;gap:8px;min-width:140px;padding:0}.posts-container.list .unified-post-card .preview-images{border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.posts-container.list .unified-post-card .postdesc{flex:1 1;padding:0}.posts-container.list .unified-post-card .post-stats{align-items:flex-end;flex-direction:column;gap:8px;min-width:120px}.posts-container.list .unified-post-card .post-status{margin-top:0;padding-top:0}@media (max-width:768px){.posts-container.grid{gap:16px;grid-template-columns:1fr}.posts-container.list .unified-post-card{align-items:stretch;flex-direction:column}.posts-container.list .unified-post-card .post-header{align-items:center;flex-direction:row;justify-content:space-between;min-width:auto}.posts-container.list .unified-post-card .preview-images{height:150px;width:100%}.posts-container.list .unified-post-card .post-stats{align-items:center;flex-direction:row;justify-content:flex-start;min-width:auto}}.post-header{background:#3b82f6;border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:16px}.post-header,.post-schedule{align-items:center;color:#fff;display:flex}.post-schedule{font-size:14px;gap:12px}.post-platforms{align-items:center;gap:8px}.platform-icon{border-radius:50%;color:#fff;font-size:14px;height:32px;width:32px}.platform-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.platform-icon.facebook{background:#1877f2}.platform-icon.twitter{background:#1da1f2}.post-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;min-width:280px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.post-actions{display:flex;gap:.5rem;position:absolute;right:.75rem;top:.75rem;z-index:10}.platform-post-card{overflow:hidden}.platform-post-card:after,.unified-post-card:after{background:#0000004d;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:5}.platform-post-card:hover:after,.unified-post-card:hover:after{opacity:1}.shw-exp-icon{background:#0009;border-radius:50%;color:#fff;height:max-content;left:50%;opacity:0;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;z-index:10}.platform-post-card:hover .shw-exp-icon,.unified-post-card:hover .shw-exp-icon{opacity:1}.action-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;padding:.5rem;transition:all .2s ease}.action-btn:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.action-btn.edit:hover{border-color:#3b82f6;color:#3b82f6}.action-btn.delete:hover{border-color:#ef4444;color:#ef4444}.image-count{background:#000000b3;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;left:.5rem;padding:.25rem .5rem;position:absolute;top:.5rem}.posts-container.list .post-card,.posts-container.list .unified-post-card{align-items:center;display:flex;gap:1rem;padding:1rem}.posts-container.list .post-card:hover,.posts-container.list .unified-post-card:hover{transform:none}.posts-container.list .post-header{align-items:flex-start;flex-direction:column;gap:.5rem;min-width:120px;padding:0}.platform-badges{display:flex;flex-wrap:wrap;gap:.5rem}.platform-badge{background-color:#f1f5f9;border-radius:4px;color:#475569;font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.post-date{color:#64748b;white-space:nowrap}.post-image{height:200px;overflow:hidden}.media-control-bar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:2rem;justify-content:space-between;padding:1.5rem 2rem}.control-left,.control-right{align-items:center;display:flex;gap:1rem}.media-layout{display:flex;flex:1 1;overflow:hidden}.media-sidebar{background:#fff;border-right:1px solid #e2e8f0;min-width:280px;width:280px}.media-content,.media-sidebar{overflow-y:auto;padding:1.5rem}.media-content{flex:1 1}.media-container{min-height:400px}.media-container.grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.media-container.list{display:flex;flex-direction:column;gap:.75rem}.media-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;height:max-content;overflow:hidden;transition:all .2s ease}.media-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.media-thumbnail{height:150px;overflow:hidden;position:relative;width:100%}.media-container.list .media-card{align-items:center;display:flex;gap:1rem;padding:1rem}.media-container.list .media-thumbnail{border-radius:6px;flex-shrink:0;height:80px;width:80px}.media-thumbnail img,.video-thumbnail video{height:100%;object-fit:cover;width:100%}.video-thumbnail{height:100%;position:relative;width:100%}.play-overlay{border-radius:50%;left:50%;padding:.75rem;top:50%;transform:translate(-50%,-50%)}.media-type-indicator,.play-overlay{align-items:center;background:#000000b3;color:#fff;display:flex;justify-content:center;position:absolute}.media-type-indicator{border-radius:4px;padding:.25rem;right:.5rem;top:.5rem}.media-info{padding:1rem}.media-container.list .media-info{flex:1 1;padding:0}.media-filename{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:.875rem;font-weight:500;margin-bottom:.5rem;overflow:hidden}.media-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.media-size,.media-usage{color:#64748b;font-size:.75rem}.media-usage{background:#dbeafe;border-radius:4px;color:#1d4ed8;padding:.125rem .375rem}.media-tags{display:flex;flex-wrap:wrap;gap:.25rem}.media-tag{background:#f1f5f9;border-radius:4px;color:#475569;font-size:.6875rem;padding:.125rem .375rem}.tag-more{color:#64748b;font-size:.6875rem}.empty-state{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:1rem;grid-column:1/-1;justify-content:center;padding:4rem 2rem}.empty-state h3{color:#1e293b;margin:1rem 0 .5rem}.empty-state p{margin-bottom:1.5rem}.empty-state .btn-primary{margin-top:.5rem}.notification.info{background-color:#dbeafe;border:1px solid #bfdbfe;color:#1d4ed8}.page-error,.page-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.page-loading .spinner{animation:spin 1s linear infinite;margin-bottom:1rem}.page-error{color:#dc2626}.modal-overlay{align-items:center;bottom:0;display:flex;justify-content:center;padding:1rem;right:0;z-index:1000000!important}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-width:90vw;overflow:hidden}.upload-modal{width:500px}.preview-modal{max-width:90vw;width:800px}.modal-header h3{font-size:1.25rem}.modal-close{border-radius:6px;color:#64748b;padding:.5rem}.modal-close:hover{background:#f1f5f9;color:#1e293b}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.footer-left,.footer-right{display:flex;gap:.75rem}.upload-area{border:2px dashed #e2e8f0;border-radius:8px;cursor:pointer;padding:3rem 2rem;position:relative;text-align:center;transition:all .2s ease}.upload-area.drag-active,.upload-area:hover{background:#f8fafc;border-color:#3b82f6}.upload-area h4{color:#1e293b;margin:1rem 0 .5rem}.upload-area p{color:#64748b;margin:0}.upload-specs{display:flex;flex-direction:column;gap:.25rem;margin-top:1rem}.upload-specs small{color:#64748b;font-size:.75rem}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.selected-files{margin-top:1.5rem}.selected-files h4{color:#1e293b;margin:0 0 1rem}.file-list{display:flex;flex-direction:column;gap:.5rem}.file-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;padding:.75rem}.file-info,.file-item{align-items:center;display:flex}.file-info{gap:.5rem}.file-type-icon{color:#64748b}.file-type-icon.video{color:#ef4444}.file-type-icon.image{color:#10b981}.file-name{color:#1e293b;font-size:.875rem}.file-size{color:#64748b;font-size:.875rem}.upload-progress-container{display:flex;flex-direction:column;gap:1.5rem}.upload-header{display:flex;flex-direction:column;gap:1rem}.upload-stats h4{color:#1e293b;margin:0}.upload-stats p{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.overall-progress{align-items:center;display:flex;gap:1rem}.progress-bar{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:#3b82f6;height:100%;transition:width .3s ease}.progress-text{color:#1e293b;font-size:.875rem;font-weight:600;min-width:40px}.file-progress-list{display:flex;flex-direction:column;gap:.75rem}.file-progress-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.file-progress-item.completed{background:#dcfce7;border-color:#bbf7d0}.file-progress-item.failed{background:#fee2e2;border-color:#fecaca}.file-progress-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.file-details{display:flex;flex-direction:column;gap:.25rem}.file-progress-status{align-items:center;display:flex;gap:.75rem;min-width:120px}.file-progress-bar{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden;width:80px}.file-progress-fill{background:#3b82f6;height:100%;transition:width .3s ease}.status-indicator{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.status-icon{height:16px;width:16px}.status-icon.pending{color:#64748b}.status-icon.uploading{color:#3b82f6}.status-icon.completed{color:#10b981}.status-icon.failed{color:#ef4444}.upload-complete{padding:2rem;text-align:center}.success-icon{color:#10b981;margin-bottom:1rem}.upload-complete h4{color:#1e293b;margin:0 0 .5rem}.upload-complete p{color:#64748b;margin:0}.media-preview{margin-bottom:2rem;text-align:center}.preview-image,.preview-video{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:400px;max-width:100%}.content-hub .modal-overlay .modal-content{padding:0;width:max-content}.media-metadata{display:flex;flex-direction:column;gap:1.5rem}.metadata-section h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 1rem}.metadata-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metadata-item{display:flex;flex-direction:column;gap:.25rem}.metadata-item label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.metadata-item span{color:#1e293b;font-size:.875rem}.storage-name{background:#f1f5f9;border-radius:4px;font-family:monospace;font-size:.75rem;padding:.125rem .375rem}.btn-primary:disabled{background:#94a3b8}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.btn-danger{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.btn-danger:hover{background:#dc2626}.btn-warning{align-items:center;background:#f5bc5b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.btn-warning:hover{background:#eea526}.btnflx{gap:2rem;justify-content:space-between}.btnflx,.filters-bar{align-items:center;display:flex}.filters-bar{gap:12px;padding:8px 0}.filters-bar input[type=text],.filters-bar select{background-color:#fff;border:1px solid #cbd5e0;border-radius:4px;color:#2d3748;font-size:14px;height:36px;outline:none;padding:6px 12px;transition:border-color .2s ease,box-shadow .2s ease}.filters-bar input:hover,.filters-bar select:hover{border-color:#a0aec0}.filters-bar input:focus,.filters-bar select:focus{border-color:#3182ce;box-shadow:0 0 0 2px #4299e14d}.filters-bar select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='16' stroke='%23666' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19 9-7 7-7-7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding-right:28px}.date-range-dropdown{align-items:center;background-color:#fff;border:1px solid #cbd5e0;border-radius:4px;display:flex;height:36px;margin-left:8px;padding:0 6px}.date-range-dropdown input[type=date]{background-color:initial;border:none;color:#2d3748;font-size:14px;height:100%;outline:none;padding:0 4px}.date-range-dropdown input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.date-separator{color:#718096;font-size:13px;margin:0 4px}#tagssrch{padding-left:2rem}.platform-post-card{background:#fff;border:0!important;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;max-width:none!important;min-height:280px;position:relative;transition:all .2s ease;width:100%}.platform-post-card:hover{box-shadow:0 8px 25px -5px #0000001a;transform:translateY(-2px)}.platform-header{background:color-mix(in srgb,#3b82f6 8%,#fff);background:color-mix(in srgb,var(--platform-color,#3b82f6) 8%,#fff);border-bottom:1px solid #f1f5f9;color:#3b82f6;color:var(--platform-color,#3b82f6);font-size:.9rem;font-weight:600;gap:.75rem;margin:0 0 10px!important;padding:.75rem 1.25rem;text-align:end}.platform-name{text-transform:capitalize}.schedule-time{text-align:left!important;white-space:nowrap}.postdesc{border-radius:8px;padding:0 16px 8px}.preview-text{flex:1 1}.preview-text p{color:#374151;font-size:.875rem;line-height:1.4;margin:0}.preview-hashtags{display:flex;flex-wrap:wrap;gap:.25rem}.preview-hashtags .hashtag{background:var(--platform-color);border-radius:12px;color:#fff;font-size:.75rem;opacity:.8;padding:.125rem .5rem}.platform-post-card.instagram{border-color:#e4405f}.platform-post-card.facebook{border-color:#1877f2}.platform-post-card.twitter{border-color:#1da1f2}.preview-images{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0;overflow:hidden}.preview-image-container{align-content:center;border-radius:4px;flex:1 1;overflow:hidden}.preview-image-container img{display:block;height:100%;object-fit:cover;width:100%}.media-item{background-color:#fff;border:0!important;padding:0 12px;position:relative}.media-item video{height:100%;object-fit:cover;width:100%}.video-indicator{align-items:center;background:#000000b3;border-radius:4px;bottom:4px;color:#fff;display:flex;justify-content:center;padding:2px 4px;position:absolute;right:4px}.delete-confirm-modal{max-width:40%;width:420px}.modal-header-simple{display:flex;justify-content:flex-end;padding:1rem 1rem 0;position:relative}.modal-header-simple .modal-close{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease;z-index:10}.modal-header-simple .modal-close:hover{background:#f3f4f6;color:#6b7280}.delete-confirm-modal .modal-body{padding:1rem 2rem 1.5rem;text-align:center}.warning-icon-container{display:flex;justify-content:center;margin-bottom:1.5rem}.warning-icon-circle{align-items:center;background:#fee2e2;border-radius:50%;display:flex;height:56px;justify-content:center;width:56px}.warning-icon-circle svg{color:#dc2626}.delete-confirm-modal .modal-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.post-info-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:.75rem;margin:0 0 1.5rem;padding:1rem}.post-icon,.post-info-box{align-items:center;display:flex}.post-icon{background:#e5e7eb;border-radius:6px;flex-shrink:0;height:40px;justify-content:center;width:40px}.post-icon svg{color:#6b7280}.post-details{flex:1 1;text-align:left}.post-name{color:#1f2937;display:block;font-size:.875rem;font-weight:600;line-height:1.2;margin-bottom:2px;word-break:break-word}.post-subtitle{color:#6b7280;display:block;font-size:.75rem}.warning-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:2rem 0 .5rem}.delete-confirm-modal .modal-footer{align-self:center;border-top:none;display:block;gap:.75rem;justify-content:center}.delete-confirm-modal .btn-danger,.delete-confirm-modal .btn-secondary{justify-content:center}@media (max-width:1024px){.media-sidebar,.posts-sidebar{min-width:240px;width:240px}.media-control-bar,.posts-control-bar{align-items:stretch;flex-direction:column;gap:1rem}.search-section{max-width:none}.control-actions,.control-right{justify-content:space-between}}@media (max-width:768px){.page-header{padding:1.5rem 1rem 1rem}.content-hub-nav{padding:0 1rem}.media-layout,.posts-layout{flex-direction:column}.media-sidebar,.posts-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;max-height:300px;min-width:100%;width:100%}.media-content,.media-control-bar,.posts-content,.posts-control-bar{padding:1rem}.posts-container.grid{grid-template-columns:1fr}.media-container.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.media-container.list .media-card,.posts-container.list .post-card,.posts-container.list .unified-post-card{align-items:stretch;flex-direction:column}.posts-container.list .post-header{align-items:center;flex-direction:row;justify-content:space-between}.media-container.list .media-thumbnail,.posts-container.list .post-image{height:150px;width:100%}.modal-content{margin:1rem;max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.preview-modal,.upload-modal{width:100%}.modal-body,.modal-footer,.modal-header{padding:1rem}.modal-footer{flex-direction:column;gap:1rem}.footer-left,.footer-right{justify-content:center;width:100%}.metadata-grid{grid-template-columns:1fr}.post-stats{padding:0}.date-label{font-size:14px;white-space:nowrap}#srtdrp{margin-top:1rem}#ftype{margin-bottom:1rem;margin-right:1rem}.filters-bar{display:block}.date-range-dropdown{align-items:flex-start;height:auto;margin:8px 0 0;padding:8px;width:100%}.date-range-dropdown input{margin-top:4px;width:100%}.date-separator{margin:4px 0}}@media (max-width:640px){.btnflx button{white-space:nowrap}.delete-confirm-modal{max-width:90%}}@media (max-width:480px){.page-header{padding:1rem}.header-content h1{font-size:1.5rem}.nav-tab{font-size:.8125rem;padding:.75rem 1rem}.media-content,.media-control-bar,.posts-content,.posts-control-bar{padding:.75rem}.media-sidebar,.posts-sidebar{max-height:250px;padding:1rem}.media-container.grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.media-thumbnail{height:120px}.upload-area{padding:2rem 1rem}.preview-image,.preview-video{max-height:250px}.btnflx{gap:1rem}.btnflx button{font-size:.875rem;padding:.5rem 1rem}}.single-media{display:grid;grid-template-columns:1fr}.two-media{grid-gap:2px;display:grid;gap:2px;grid-template-columns:1fr 1fr}.three-media{grid-gap:2px;display:grid;gap:2px;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.three-media .media-item:first-child{grid-row:1/-1}.four-plus-media{grid-gap:2px;display:grid;gap:2px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.media-item video{background:#000;border-radius:4px}.media-item .video-indicator{align-items:center;background:#000c;border-radius:4px;bottom:4px;color:#fff;display:flex;font-size:10px;gap:2px;padding:2px 4px;position:absolute;right:4px}.xyz{height:85%!important}.analytics-page{padding:1rem}.empty-state-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;height:50vh;justify-content:center;width:100%}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;max-width:100%;padding:1rem 0}.analytics-header h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem}.analytics-header p{color:#64748b;font-size:1rem;margin:0}.fltr{padding:0 2rem}.analytics-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem}@media (min-width:769px){.analytics-filters{align-items:flex-start;flex-direction:row}}@media (max-width:768px){.analytics-filters{flex-direction:column}.filter-group{width:100%}}.filter-group{display:flex;flex-direction:column;gap:.75rem}.filter-group label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.filter-dropdown{position:relative}.filter-select{appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:.875rem;min-width:160px;padding:.75rem 2.5rem .75rem .75rem}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dropdown-icon{color:#64748b;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.custom-date-inputs{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.date-input{border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;padding:.5rem}.platform-filters{display:flex;flex-wrap:wrap;gap:.5rem}.platform-filter{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.platform-filter:hover{border-color:#3b82f6;color:#3b82f6}.platform-filter.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.platform-icon{color:#000;font-size:1rem}.platform-filter.active .platform-icon{color:#fff;font-size:1rem}.platform-btn.selected .platform-btn-content .platform-icon{color:#fff}.analytics-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:32px;margin-bottom:1rem;width:32px}.analytics-error{align-items:center;color:#ef4444;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.analytics-error button{margin-top:1rem}.analytics-content{display:flex;flex-direction:column;gap:2rem}.analytics-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;padding:0 2rem 1rem}.analytics-section h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0;padding:1.5rem}.kpi-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:1.5rem}.kpi-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.kpi-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.kpi-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.kpi-icon.reach{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.kpi-icon.impressions{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.kpi-icon.engagement{background:linear-gradient(135deg,#f59e0b,#d97706)}.kpi-icon.comments{background:linear-gradient(135deg,#dc2626,#b91c1c)}.kpi-icon.shares{background:linear-gradient(135deg,#fde047,#facc15)}.kpi-icon.engagement-rate{background:linear-gradient(135deg,#10b981,#059669)}.kpi-icon.posts{background:linear-gradient(135deg,#6366f1,#4f46e5)}.kpi-icon.followers{background:linear-gradient(135deg,#ec4899,#db2777)}.kpi-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.kpi-value{color:#1e293b;font-size:1.75rem;font-weight:700;line-height:1}.kpi-label{color:#64748b;font-size:.875rem;font-weight:500}.kpi-change{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.25rem}.kpi-change.positive{color:#10b981}.kpi-change.negative{color:#ef4444}.kpi-change.neutral{color:#64748b}.chart-container{padding:1.5rem}.chart-legend{flex-wrap:wrap;gap:1.5rem}.legend-color.likes{background:#3b82f6}.legend-color.comments{background:#10b981}.legend-color.shares{background:#f59e0b}.legend-color.reach{background:#8b5cf6}.chart-placeholder{background:#f8fafc;padding:4rem 2rem}.chart-placeholder small{color:#94a3b8;font-size:.75rem;margin-top:.5rem}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.chart-header h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.chart-legend{display:flex;gap:1rem}.legend-item{color:#64748b;font-size:.875rem;gap:.5rem}.legend-color.likes{background-color:#3b82f6}.legend-color.comments{background-color:#10b981}.legend-color.shares{background-color:#f59e0b}.chart-placeholder{color:#64748b;height:300px;justify-content:center;text-align:center}.chart-placeholder p{margin-top:1rem}.platform-stats{display:flex;flex-direction:column;gap:1rem}.platform-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.platform-info{color:#1e293b;font-weight:500;gap:.5rem}.platform-metrics{display:flex;flex-direction:column;gap:.25rem}.platform-metrics .metric{color:#64748b;font-size:.875rem}.platform-performance{padding:1.5rem}.platform-performance-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:1.5rem}.platform-performance-card{background:#f8fafc;border-radius:12px;transition:all .2s ease}.platform-performance-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.platform-header{align-items:center;border-radius:12px 12px 0 0;display:flex;justify-content:space-between}.platform-info{align-items:center;gap:.75rem}.platform-name{color:#1e293b;font-size:1rem}.platform-filter-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s ease}.platform-filter-btn:hover{background:#2563eb}.platform-metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);padding:1rem}.platform-metric{align-items:center;display:flex;flex-direction:column;gap:.25rem;text-align:center}.metric-value{color:#1e293b;font-size:1.25rem}.metric-label{color:#64748b;font-size:.75rem}.top-posts-section{margin-bottom:2rem}.top-posts-section h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.top-posts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.post-performance-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.post-image-placeholder{background:#f1f5f9;border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.post-image-placeholder img{height:100%;object-fit:cover;width:100%}.post-performance-content{flex:1 1}.post-performance-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;line-height:1.5;margin:0 0 .75rem;overflow:hidden}.post-performance-stats{display:flex;gap:1rem;margin-bottom:.75rem}.post-performance-stats span{align-items:center;color:#64748b;display:flex;font-size:.75rem;gap:.25rem}.post-platforms{color:#64748b;display:flex;gap:.5rem}.section-header{display:block}.section-header h2{padding-bottom:12px}.sort-controls{align-items:center;display:flex;gap:.5rem}.sort-controls label{font-size:.875rem;font-weight:500;margin-left:25px}.sort-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;cursor:pointer;font-size:.875rem;padding:.5rem .75rem}.sort-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.top-content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.top-post-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:1rem;position:relative;transition:all .2s ease}.top-post-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.post-thumbnail{align-items:center;background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex;height:120px;justify-content:center;position:relative;width:100%}.post-thumbnail .post-image-placeholder{color:#94a3b8}.post-platform{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;height:32px;justify-content:center;position:absolute;right:.75rem;top:.75rem;width:32px}.top-post-card .post-content{padding:1.25rem}.post-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.post-stats{display:flex;gap:1rem;margin-bottom:1rem}.stat-item{align-items:center;color:#64748b;display:flex;font-size:.75rem;gap:.25rem}.post-performance-highlight{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.engagement-rate{background:#dcfce7;border-radius:4px;color:#10b981;color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.post-date{color:#94a3b8;font-size:.75rem}.view-details-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.view-details-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.analytics-placeholder{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;padding:3rem;text-align:center}.analytics-placeholder h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:1rem 0}.analytics-placeholder p{line-height:1.6;margin-bottom:1.5rem}.analytics-placeholder ul{margin:0 auto;max-width:400px;padding-left:1.5rem;text-align:left}.analytics-placeholder li{line-height:1.5;margin-bottom:.5rem}.btn-secondary{padding:.75rem 1.5rem}@media (max-width:768px){.fltr{padding:0}.page-header{align-items:stretch}.analytics-controls,.page-header{flex-direction:column;gap:1rem}.charts-section,.metrics-grid,.top-posts-grid{grid-template-columns:1fr}.post-performance-card{flex-direction:column}.post-image-placeholder{height:150px;width:100%}}.error-message{background-color:#fee2e2;border:1px solid #fca5a5;border-radius:8px;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.error-message,.error-message button{align-items:center;color:#dc2626;display:flex}.error-message button{background:none;border:none;cursor:pointer;height:20px;justify-content:center;margin-left:auto;padding:0;width:20px}.analytics-navigation{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;overflow-x:auto;padding:16px 0}.nav-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 3.1rem;transition:all .2s ease;white-space:nowrap}.nav-btn:hover{background:#e9ecef;color:#495057}.nav-btn.active{background:#e7f3ff;border-color:#007bff;color:#007bff}.engagement-overview-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem}.engagement-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px}.card-header{align-items:center;color:#6c757d;font-size:14px;font-weight:500;gap:8px;margin-bottom:12px}.card-value{color:#2c3e50;font-size:25px;font-weight:700;margin-bottom:8px}.card-change{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px}.card-change.positive{color:#28a745}.card-change.negative{color:#dc3545}.card-subtitle{color:#6c757d;font-size:12px;margin-top:4px}.chart-container{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin:1.5rem;padding:20px}.chart-container h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.chart-placeholder{align-items:center;background:#f8f9fa;border-radius:8px;color:#6c757d;display:flex;flex-direction:column;gap:16px;padding:40px}.chart-placeholder p{font-size:14px;margin:0}.growth-data-preview,.trend-data-preview{display:flex;gap:8px;margin-top:20px}.growth-day,.trend-day{align-items:center;display:flex;flex-direction:column;gap:4px}.growth-date,.trend-date{color:#6c757d;font-size:12px;font-weight:500}.growth-bars,.trend-bars{align-items:end;display:flex;gap:2px;height:40px}.trend-bars .bar{border-radius:2px;min-height:4px;width:6px}.trend-bars .bar.likes{background:#ff6b6b}.trend-bars .bar.comments{background:#4ecdc4}.trend-bars .bar.shares{background:#45b7d1}.growth-bars .bar{border-radius:2px;min-height:4px;width:8px}.growth-bars .bar.instagram{background:#e1306c}.growth-bars .bar.facebook{background:#1877f2}.demographics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px;padding-left:1rem;padding-right:1rem;padding-top:.5rem}.demo-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px}.demo-card h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 16px}.demo-chart{display:flex;flex-direction:column;gap:8px}.demo-bar-item{gap:12px}.demo-bar-item,.demo-label{align-items:center;display:flex}.demo-label{color:#6c757d;font-size:12px;font-weight:500;gap:4px;width:80px}.demo-bar{background:#f8f9fa;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.demo-fill{background:linear-gradient(90deg,#007bff,#0056b3);border-radius:4px;height:100%;transition:width .3s ease}.demo-value{color:#2c3e50;font-size:12px;font-weight:600;text-align:right;width:40px}.activity-section{margin-top:30px}.activity-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px 1.5rem}.activity-heatmap{background:#fff;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:4px;margin-left:1rem;margin-right:1rem;overflow-x:auto;padding:20px}.activity-hour{align-items:center;display:flex;flex-direction:column;gap:8px;min-width:40px}.hour-label{color:#6c757d;font-size:10px;font-weight:500;transform:rotate(-45deg);white-space:nowrap}.activity-bar{border-radius:2px;cursor:pointer;max-height:60px;min-height:4px;transition:all .2s ease;width:24px}.activity-bar:hover{transform:scaleY(1.1)}.activity-legend{display:flex;gap:20px;justify-content:center;margin-bottom:1.5rem;margin-top:16px}.legend-item{align-items:center;color:#6c757d;display:flex;font-size:12px;gap:6px}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.low{background:#007bff4d}.legend-color.medium{background:#007bff99}.legend-color.high{background:#007bff}.content-types-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1rem 1rem 30px}.content-type-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;transition:all .2s ease}.content-type-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.content-type-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.content-type-icon{align-items:center;background:#f8f9fa;border-radius:12px;color:#007bff;display:flex;height:48px;justify-content:center;width:48px}.content-type-info h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.performance-badge{border-radius:12px;display:inline-block;font-size:10px;font-weight:600;margin-top:4px;padding:2px 8px;text-transform:uppercase}.performance-badge.outstanding{background:#d4edda;color:#155724}.performance-badge.excellent{background:#d1ecf1;color:#0c5460}.performance-badge.good{background:#fff3cd;color:#856404}.performance-badge.average{background:#f8f9fa;color:#6c757d}.content-type-stats{display:flex;flex-direction:column;gap:8px}.stat-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.stat-label{color:#6c757d}.stat-value{color:#2c3e50;font-weight:600}.content-insights{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:30px 1rem 1.5rem}.insight-card{align-items:flex-start;background:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;display:flex;gap:12px;padding:16px}.insight-card svg{color:#007bff;flex-shrink:0;margin-top:2px}.insight-content h4{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 4px}.insight-content p{color:#495057;font-size:13px;line-height:1.4;margin:0}.growth-overview-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:.5rem 1rem 30px}.growth-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px}.platform-growth-comparison{margin-top:30px}.platform-growth-comparison h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px 2rem}.platform-growth-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-left:1.5rem;margin-right:1.5rem}.platform-growth-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.platform-growth-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.platform-growth-card svg{color:currentColor;flex-shrink:0}.platform-growth-info{display:flex;flex-direction:column;gap:4px}.platform-name{color:#6c757d;font-size:14px;font-weight:500}.follower-count{color:#2c3e50;font-size:24px;font-weight:700}.growth-indicator{font-size:12px;font-weight:500}.growth-indicator.positive{color:#28a745}.growth-indicator.negative{color:#dc3545}.hashtags-table{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:30px;overflow:hidden}.table-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#6c757d;font-size:12px;font-weight:600;text-transform:uppercase}.table-header,.table-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 80px 1fr 1.2fr;padding:16px 20px}.table-row{align-items:center;border-bottom:1px solid #f8f9fa;transition:background-color .2s ease}.table-row:hover{background:#f8f9fa}.table-row:last-child{border-bottom:none}.table-cell{color:#2c3e50;font-size:14px}.hashtag-cell{align-items:center;display:flex;font-weight:500;gap:8px}.hashtag-cell svg{color:#007bff;flex-shrink:0}.hashtag-name{color:#007bff;font-weight:600}.performance-indicator{align-items:center;display:flex;gap:8px;position:relative}.performance-bar{background:linear-gradient(90deg,#007bff,#0056b3);border-radius:3px;height:6px;min-width:20px}.performance-indicator span{color:#6c757d;font-size:12px;font-weight:500}.hashtag-insights{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.best-times-grid{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:30px}.day-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:16px 5rem;text-align:center;transition:all .2s ease}.day-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.day-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.day-name{color:#2c3e50;font-size:14px;font-weight:600}.best-time{color:#007bff;font-size:12px;font-weight:500}.engagement-score{margin-bottom:8px}.score-value{color:#007bff;font-size:24px;font-weight:700}.score-label{color:#6c757d;font-size:11px;font-weight:500;text-transform:uppercase}.engagement-bar{background:#f8f9fa;border-radius:2px;height:4px;overflow:hidden}.engagement-fill{background:linear-gradient(90deg,#007bff,#0056b3);border-radius:2px;height:100%;transition:width .3s ease}.timing-heatmap{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin:30px 0;padding:20px}.timing-heatmap h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.heatmap-container{display:flex;flex-direction:column;gap:8px}.heatmap-hours{display:flex;gap:4px;margin-left:60px}.heatmap-hours .hour-label{color:#6c757d;font-size:11px;font-weight:500;text-align:center;width:40px}.heatmap-grid{display:flex;flex-direction:column;gap:4px}.heatmap-row{align-items:center;display:flex;gap:4px}.heatmap-row .day-label{color:#6c757d;font-size:12px;font-weight:500;text-align:right;width:50px}.heatmap-cell{align-items:center;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:500;height:32px;justify-content:center;transition:all .2s ease;width:40px}.heatmap-cell:hover{box-shadow:0 2px 8px #0003;transform:scale(1.1);z-index:10}.heatmap-legend{align-items:center;color:#6c757d;display:flex;font-size:12px;gap:8px;justify-content:center;margin-top:16px}.legend-gradient{background:linear-gradient(90deg,#007bff1a,#007bff);border-radius:4px;height:8px;width:100px}.timing-recommendations{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.recommendation-card{align-items:flex-start;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;display:flex;gap:12px;padding:16px}.recommendation-card svg{color:#856404;flex-shrink:0;margin-top:2px}.recommendation-content h4{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 4px}.recommendation-content p{color:#495057;font-size:13px;line-height:1.4;margin:0}.report-options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.report-option-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;transition:all .2s ease}.report-option-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.report-icon{align-items:center;background:#f8f9fa;border-radius:12px;color:#007bff;display:flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.report-info h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 8px}.report-info p{color:#6c757d;font-size:14px;line-height:1.5;margin:0 0 20px}.report-actions{display:flex;gap:8px}.export-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.export-btn.pdf{background:#dc3545;color:#fff}.export-btn.pdf:hover{background:#c82333}.export-btn.excel{background:#28a745;color:#fff}.export-btn.excel:hover{background:#218838}.report-history,.scheduled-reports{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:30px;padding:24px}.report-history h3,.scheduled-reports h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.report-history-list,.scheduled-reports-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.report-history-item,.scheduled-report-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.report-info,.report-schedule-info{display:flex;flex-direction:column;gap:4px}.report-name{color:#2c3e50;font-size:14px;font-weight:600}.report-date,.report-schedule{color:#6c757d;font-size:12px}.report-actions,.report-schedule-actions{display:flex;gap:8px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-primary{background:#007bff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}@media (max-width:768px){.analytics-navigation{padding:12px 16px}.nav-btn{font-size:13px;padding:6px 12px}.kpi-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.engagement-overview-cards,.growth-overview-cards{gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.demographics-grid{gap:16px;grid-template-columns:1fr}.content-types-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.table-header,.table-row{gap:8px;grid-template-columns:2fr 1fr 1fr 60px 1fr 1fr;padding:12px 16px}.table-cell{font-size:13px}.best-times-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.heatmap-cell,.heatmap-hours .hour-label{font-size:10px;width:30px}.heatmap-cell{height:24px}.report-options-grid{gap:16px;grid-template-columns:1fr}.activity-heatmap{padding:12px}.activity-hour{min-width:32px}.activity-bar{max-height:50px;width:20px}}@media (max-width:480px){.analytics-header{align-items:flex-start;flex-direction:column;gap:12px}.analytics-header-actions{justify-content:space-between;width:100%}.analytics-filters{flex-direction:column;gap:16px;padding:16px}.platform-filters{flex-wrap:wrap;gap:8px}.kpi-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.kpi-card{padding:12px}.kpi-value{font-size:20px}.kpi-label{font-size:11px}.nav-btn{font-size:12px;padding:6px 10px}.engagement-overview-cards,.growth-overview-cards{gap:12px;grid-template-columns:1fr}.card-value{font-size:24px}.demo-bar-item{gap:8px}.demo-label{font-size:11px;width:60px}.demo-value{font-size:11px;width:30px}.table-header,.table-row{gap:6px;grid-template-columns:2fr 1fr 1fr;padding:10px 12px}.table-header .header-cell:nth-child(n+4),.table-row .table-cell:nth-child(n+4){display:none}.content-insights,.hashtag-insights,.timing-recommendations{gap:12px;grid-template-columns:1fr}.insight-card,.recommendation-card{padding:12px}.heatmap-container{overflow-x:auto;padding-bottom:8px}.heatmap-row .day-label{font-size:11px;width:40px}.report-option-card{padding:20px}.report-icon{height:50px;width:50px}.report-actions{flex-direction:column;gap:6px}.export-btn{justify-content:center;padding:10px 16px}}@media print{.analytics-filters,.analytics-header-actions,.analytics-navigation,.btn-primary,.btn-secondary,.export-btn{display:none!important}.analytics-page{background:#fff;color:#000}.analytics-section,.content-types-grid,.demographics-grid,.engagement-overview-cards,.kpi-grid{break-inside:avoid;page-break-inside:avoid}.analytics-section{margin-bottom:30px}}.dual-column-layout{display:flex;flex-direction:column;gap:2rem}.dual-column-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.section-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.data-type-indicators{align-items:center;display:flex;gap:1.5rem}.indicator{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.indicator-dot{border-radius:50%;height:10px;width:10px}.indicator-dot.real{background:#28a745;box-shadow:0 0 6px #28a74566}.indicator-dot.demo{background:#007bff;box-shadow:0 0 6px #007bff66}.dual-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.data-column{border-radius:8px;overflow:hidden}.real-data-column{background:#f8fff9;border:2px solid #28a745}.demo-data-column{background:#f8fbff;border:2px solid #007bff;position:relative}.column-header{align-items:center;background:#fffc;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:1rem}.column-header h3{font-size:1.1rem;font-weight:600;margin:0}.data-status{align-items:center;display:flex}.status-badge{border-radius:20px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-badge.active{background:#28a745;color:#fff}.status-badge.inactive{background:#6c757d;color:#fff}.status-badge.demo{background:#007bff;color:#fff}.column-content{padding:1.5rem;position:relative}.demo-overlay{background:#007bff1a;border-bottom-left-radius:8px;padding:.5rem 1rem;position:absolute;right:0;top:0;z-index:10}.demo-label{color:#007bff;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.no-data-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;padding:3rem 1rem;text-align:center}.no-data-state svg{color:#dee2e6;margin-bottom:1rem}.no-data-state h4{color:#495057;margin:0 0 .5rem}.no-data-state p{margin:0 0 1.5rem;max-width:300px}.demo-grid{position:relative}.demo-grid:after{background:linear-gradient(135deg,#007bff08,#007bff14);border-radius:8px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:1200px){.dual-columns{gap:1.5rem;grid-template-columns:1fr}.demo-data-column{order:-1}}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.data-type-indicators{align-self:stretch;justify-content:space-between}.column-content,.dual-column-section{padding:1rem}}.dual-column-section .kpi-card{transition:all .2s ease}.real-data-column .kpi-card:hover{border-color:#28a745;box-shadow:0 4px 12px #28a74526}.demo-data-column .kpi-card:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26}.kpi-card .kpi-value{position:relative}.demo-data-column .kpi-value:after{background:#007bff;border-radius:3px;color:#fff;content:"DEMO";font-size:.6rem;font-weight:600;opacity:.7;padding:2px 4px;position:absolute;right:-8px;top:-8px}.synbtn{align-items:center;background:#f9f9f9;background:#007bff;border:1px solid #ccc;border-radius:4px;border-radius:7px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:6px;margin-bottom:9px;padding:.5rem 1rem}.pfbtn{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0;padding:1.5rem 1.5rem 0}.key-metrics-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;display:flex;gap:16px;padding:24px;transition:all .2s ease-in-out}.key-metrics-card:hover{box-shadow:0 4px 6px -1px #0000001a}.metric-icon{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.metric-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.metric-value{color:#111827;font-size:32px;font-weight:700;line-height:1.1;margin:0}.metric-label{color:#374151;font-size:16px;font-weight:500;margin:0}.metric-subtitle{color:#9ca3af;font-size:14px;margin:0}.metric-change{align-items:center;display:flex;font-size:14px;font-weight:500;gap:4px;margin-top:8px}.metric-change.positive{color:#059669}.metric-change.negative{color:#dc2626}.metric-rate{background:linear-gradient(135deg,#10b981,#059669)}.metric-peak,.metric-rate{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.metric-peak{background:linear-gradient(135deg,#ec4899,#db2777)}.metric-topcontent{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.platform-grid{display:flex;flex-wrap:wrap;gap:.75rem}.platform-grid.horizontal{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px}.platform-grid.horizontal .platform-btn{flex:0 0 auto}.platform-grid.vertical{flex-direction:column}.platform-grid.disabled{opacity:.6;pointer-events:none}.platform-btn{align-items:center;background:#31313114;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex:0 0 auto;min-width:0;padding:.75rem 1rem;position:relative;transition:all .2s ease}.platform-btn:hover:not(.disabled){box-shadow:0 8px 25px #0000001a}.platform-btn.selected,.platform-btn:hover:not(.disabled){border-color:var(--platform-color);transform:translateY(-2px)}.platform-btn.selected{background:var(--platform-color);box-shadow:0 8px 25px #0003;color:#fff}.platform-btn.selected:before{background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:10px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.platform-btn.disabled{background:#0000;box-shadow:none!important;color:#0000;cursor:not-allowed;opacity:.5;transform:none!important}.platform-btn.disabled:hover{border-color:#e2e8f0}.platform-btn-content{align-items:center;color:#000!important;display:flex;gap:.75rem;position:relative;width:100%;z-index:1}.platform-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.platform-emoji{color:var(--platform-color);font-size:1.25rem;transition:color .2s ease}.platform-btn.selected .platform-emoji{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.platform-info{align-items:flex-start;display:flex;flex:1 1;min-width:0}.platform-name{font-weight:600}.platform-name,.platform-username{color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.platform-username{font-size:.75rem;opacity:.7}.not-connected-badge{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem;white-space:nowrap}.platform-btn.selected .not-connected-badge{background:#fff3;border-color:#ffffff4d;color:#fff}.platform-grid.vertical .platform-btn{justify-content:flex-start;width:100%}.platform-grid.vertical .platform-btn-content{justify-content:flex-start}.platform-grid.horizontal.icon-only .platform-btn{height:56px;justify-content:center;padding:0;width:56px}.platform-grid.horizontal.icon-only .platform-btn-content{gap:0}.platform-grid.horizontal.icon-only .platform-info{display:none}.platform-grid.horizontal.icon-only .not-connected-badge{border-radius:4px;font-size:.625rem;padding:.125rem .25rem;position:absolute;right:-8px;top:-8px}.platform-grid-skeleton{display:flex;gap:.75rem}.platform-grid-skeleton.horizontal{flex-direction:row}.platform-grid-skeleton.vertical{flex-direction:column}.platform-btn-skeleton{align-items:center;animation:pulse 1.5s ease-in-out infinite;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:.75rem;padding:.75rem 1rem}.skeleton-icon{background:#e2e8f0;border-radius:4px;flex-shrink:0;height:20px;width:20px}.skeleton-text{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.skeleton-line{background:#e2e8f0;border-radius:4px;height:.875rem}.skeleton-line.short{height:.75rem;width:60%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.platform-grid-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;padding:1rem}.retry-btn{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:background .2s ease}.retry-btn:hover{background:#b91c1c}.platform-grid-empty{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;padding:2rem;text-align:center}@media (max-width:768px){.platform-grid.horizontal{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;gap:12px;margin-top:1rem}}.platform-btn:hover:not(.disabled):not(.selected){border-color:var(--platform-color)}.ai-assistant-page{margin:0 auto;max-width:1400px;padding:2rem}.ai-assistant-header{margin-bottom:2rem}.header-content{align-items:center;display:flex;gap:1rem}.hxt{width:50vw}.ai-hd{gap:1rem;justify-content:space-between;width:max-content}.ai-hd,.header-icon{align-items:center;display:flex}.header-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:16px;color:#fff;flex-shrink:0;height:75px;justify-content:center;width:75px}.header-text h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem}.header-text p{color:#64748b;font-size:1rem;margin:0}.tab-navigation{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-left:1.25rem}.tab-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;text-align:left;transition:all .2s ease}.tab-button:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf61a}.tab-button.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;box-shadow:0 8px 25px #8b5cf64d;color:#fff}.tab-icon{align-items:center;background:#f8fafc;border-radius:12px;color:#8b5cf6;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.tab-button.active .tab-icon{background:#fff3;color:#fff}.tab-content{display:flex;flex-direction:column;gap:.25rem}.tab-label{color:#1e293b;font-size:1.125rem;font-weight:600}.tab-button.active .tab-label{color:#fff}.tab-description{color:#64748b;font-size:.875rem;line-height:1.4}.tab-button.active .tab-description{color:#fffc}.tab-btn:hover{color:#1e293b}.tab-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#3b82f6}.ai-tool-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.tool-container{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.input-section{border-right:1px solid #e2e8f0;padding:2rem}.input-section h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.input-section p{color:#64748b;line-height:1.5;margin:0 0 2rem}.form-group{margin-bottom:1.5rem}.form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.875rem;line-height:1.5;padding:.75rem;resize:vertical;width:100%}.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:.875rem;padding:.75rem;width:100%}.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.output-section{background:#f8fafc;padding:2rem}.output-section h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.generated-content{display:flex;flex-direction:column;gap:1rem}.content-option{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.content-option p{color:#1e293b;line-height:1.6;margin:0 0 1rem}.content-actions{display:flex;gap:.5rem}.empty-output{align-items:center;color:#64748b;display:flex;flex-direction:column;height:300px;justify-content:center;text-align:center}.empty-output p{margin-top:1rem}.optimization-tips{display:flex;flex-direction:column;gap:1rem}.tip-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#166534;display:flex;gap:.75rem;padding:1rem}.tip-card span{color:#1e293b;font-size:.875rem}.hashtag-placeholder{color:#64748b;padding:4rem 2rem;text-align:center}.hashtag-placeholder h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:1rem 0}.hashtag-placeholder p{line-height:1.6;margin-bottom:1.5rem}.hashtag-placeholder ul{margin:0 auto;max-width:400px;padding-left:1.5rem;text-align:left}.hashtag-placeholder li{line-height:1.5;margin-bottom:.5rem}.notification{border-radius:8px;gap:1rem;justify-content:space-between;min-width:300px;padding:1rem 1.5rem;z-index:1000}.notification.success{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.notification.error{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.notification button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;opacity:.7}.btn-primary{border-radius:8px;display:flex;padding:.75rem 1.5rem;transition:background-color .2s ease}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{border:1px solid #e2e8f0;border-radius:6px;color:#64748b;display:flex}.btn-secondary:hover{border-color:#3b82f6;color:#3b82f6}.spinner{animation:spin 1s linear infinite}@media (max-width:768px){.ai-assistant-page{padding:1rem}.ai-tabs{flex-direction:column}.tab-btn{justify-content:flex-start}.tool-container{grid-template-columns:1fr}.input-section{border-bottom:1px solid #e2e8f0;border-right:none}.form-row{grid-template-columns:1fr}.content-actions{flex-direction:column}.hashtag-placeholder{padding:2rem 1rem}.hashtag-placeholder ul{list-style:none;padding:0;text-align:center}}.platform-icons{display:flex;flex-wrap:wrap;gap:.75rem}.platform-icon-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:56px}.platform-icon-btn:hover{box-shadow:0 8px 25px #0000001a}.platform-icon-btn.active,.platform-icon-btn:hover{border-color:var(--platform-color);transform:translateY(-2px)}.platform-icon-btn.active{background:var(--platform-color);box-shadow:0 8px 25px #0003}.platform-icon-btn.active:before{background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:14px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.platform-emoji{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1.5rem;position:relative;z-index:1}.platform-icon-btn.active .platform-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:1rem}.checkbox-label input[type=checkbox]{margin:0 5px 0 0;width:auto}.generate-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .2s ease;width:100%}.generate-button:hover:not(:disabled){box-shadow:0 8px 25px #8b5cf64d;transform:translateY(-2px)}.generate-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.suggestions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.suggestion-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.suggestion-card:hover{border-color:#8b5cf6;box-shadow:0 8px 25px #8b5cf61a}.suggestion-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.suggestion-tone{background:#8b5cf61a;border-radius:4px;color:#8b5cf6;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:capitalize}.character-count{color:#64748b;font-size:.75rem;font-weight:500}.suggestion-content{padding:1.5rem}.suggestion-content p{color:#1e293b;line-height:1.6;margin:0}.suggestion-hashtags{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.5rem 1rem}.hashtag{background:#8b5cf61a;border-radius:4px;color:#8b5cf6;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.suggestion-actions{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;padding:1.5rem}.action-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.action-button.secondary{background:#fff;border:1px solid #e2e8f0;color:#64748b}.action-button.secondary:hover{border-color:#8b5cf6;color:#8b5cf6}.action-button.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff}.action-button.primary:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.count-slider{margin-bottom:.5rem;width:100%}.count-display{color:#8b5cf6;font-weight:600}.hashtags-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:2rem}.hashtag-option{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:all .2s ease}.hashtag-option:hover{background:#f8fafc;border-color:#8b5cf6}.hashtag-option input[type=checkbox]{margin:0;width:auto}.hashtag-text{color:#1e293b;font-size:.875rem;font-weight:500}.selected-hashtags{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.selected-hashtags h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 1rem}.selected-list{background:#f8fafc;border-radius:8px;color:#8b5cf6;font-family:monospace;font-size:.875rem;margin-bottom:1rem;padding:1rem;word-break:break-all}.copy-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.copy-button:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.comparison-view{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr auto 1fr;margin-bottom:2rem}.comparison-panel h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 1rem}.content-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:120px;padding:1.5rem}.content-box.original{border-left:4px solid #ef4444}.content-box.optimized{border-left:4px solid #10b981}.content-box p{color:#1e293b;line-height:1.6;margin:0}.comparison-arrow{align-items:center;color:#8b5cf6;display:flex;justify-content:center;margin-top:2rem}.improvements-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.improvements-section h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 1rem}.improvements-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.improvement-item{align-items:center;color:#10b981;display:flex;gap:.75rem}.improvement-item span{color:#1e293b;font-size:.875rem}.optimizer-actions{display:flex;gap:1rem}.optimizer-actions .action-button{flex:1 1}.responsive-tabs{display:flex;flex-wrap:wrap;gap:1.5rem}.responsive-tabs .tab-button{align-items:center;background:#f5f5f5;border:none;border-radius:20px;cursor:pointer;display:flex;flex:1 1;gap:.5rem;min-width:120px;padding:1rem;text-align:left}.responsive-tabs .tab-button.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;box-shadow:0 8px 25px #8b5cf64d;color:#fff}@media (max-width:600px){.responsive-tabs{flex-direction:column}.responsive-tabs .tab-button{justify-content:flex-start;width:100%}.responsive-tabs .tab-content{display:flex;flex-direction:column;font-size:.9rem}.responsive-tabs .tab-label{font-weight:700}.responsive-tabs .tab-description{color:#666;font-size:.8rem}}.settings-hub{background:#f8fafc;min-height:100vh;position:relative}.page-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 0}.header-content{max-width:1200px;padding:0 1.5rem}.page-header h1{color:#1e293b;font-size:1.9rem;font-weight:700;margin:0 0 .5rem}.page-header p{color:#64748b;font-size:1rem;margin:0}.settings-hub-nav{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10}.tabs{display:flex;gap:0;margin:0 auto;max-width:1200px;padding:0 1.5rem}.nav-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .2s ease;white-space:nowrap}.nav-tab:hover{background:#f1f5f9;color:#3b82f6}.nav-tab.active{background:#f8fafc;border-bottom-color:#3b82f6;color:#3b82f6}.settings-hub-main{margin:0 auto;max-width:1200px;padding:2rem 1.5rem}.settings-content{max-width:800px}.settings-header{margin-bottom:2rem}.settings-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.settings-header p{color:#64748b;margin:0}.content-card{background:#fff;border-radius:8px;padding:16px}.form-row{gap:20px}.readonly-input{background:#f9f9f9;border:1px solid #ccc;border-radius:6px;padding:8px}@media (max-width:768px){.form-row{flex-direction:column;gap:8px}}.form-group{display:flex;flex:1 1;flex-direction:column;margin-bottom:0}.form-group label{margin-bottom:4px}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:1.5rem}.settings-card:last-child .card-content{border-bottom:none;padding:.5rem 1.5rem 0}.settings-card:last-child .card-header{border-bottom:none}.card-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.card-header-content h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.card-header-content p{color:#64748b;font-size:.875rem;margin:0}.card-header-action{flex-shrink:0}.card-content{padding:1.5em}.btn-primary{align-items:center;background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-secondary{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.new{display:flex;gap:1.5rem}.btn-secondary-draft{border:2px solid #6b7280;border-radius:.5rem;color:#374151}.btn-danger-outline,.btn-secondary-draft{align-items:center;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-danger-outline{background:#fff;border:1px solid #fca5a5;border-radius:.5rem;color:#dc2626}.btn-danger-outline:hover{background:#fef2f2;border-color:#dc2626}.workspace-display{align-items:center;display:flex;gap:1rem;justify-content:space-between}.workspace-name{color:#1e293b;font-size:1.125rem;font-weight:600}.edit-workspace{display:flex;flex-direction:column;gap:1rem}.workspace-input{border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;max-width:400px;padding:.75rem;width:100%}.workspace-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-actions{display:flex;gap:.75rem}.accounts-list{gap:1rem}.account-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.account-info{gap:1rem}.platform-badge.instagram{color:#fff}.platform-badge.twitter{background:#1da1f2;color:#fff}.platform-badge.facebook{background:#1877f2;color:#fff}.platform-badge.linkedin{background:#0077b5;color:#fff}.platform-badge.youtube{background:red;color:#fff}.account-details h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem}.platform-name{color:#64748b}.followers-count{color:#9ca3af;font-size:.75rem}.account-actions{align-items:center;display:flex;gap:1rem}.connection-status{align-items:center;border-radius:9999px;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.connection-status.connected{background:#dcfce7;color:#166534}.members-list{display:flex;flex-direction:column;gap:1rem}.member-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;justify-content:space-between;padding:1rem}.member-info,.member-item{align-items:center;display:flex}.member-info{gap:1rem}.member-avatar{height:48px;width:48px}.member-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.member-details h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem}.member-email{color:#64748b;font-size:.875rem;margin:0 0 .25rem}.join-date{color:#9ca3af;font-size:.75rem}.member-actions{gap:1rem}.member-actions,.role-badge{align-items:center;display:flex}.role-badge{border-radius:9999px;font-size:.75rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.role-badge.owner{background:#fef3c7;color:#92400e}.role-badge.admin{background:#dbeafe;color:#1e40af}.role-badge.member{background:#f3f4f6;color:#374151}.empty-state svg{color:#d1d5db}.empty-state h3{font-size:1.125rem;margin:0 0 .5rem}.empty-state p{margin:0 0 1.5rem}.coming-soon-card{padding:3rem 2rem;text-align:center}.coming-soon-card svg{color:#d1d5db}.coming-soon-card h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.coming-soon-card p{color:#64748b;margin:0 auto 2rem;max-width:400px}.coming-soon-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.contact-info{border-top:1px solid #e2e8f0;padding-top:2rem}.contact-info p{color:#6b7280;margin:0 0 .5rem}.contact-link{color:#3b82f6;font-weight:500;text-decoration:none}.contact-link:hover{text-decoration:underline}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:5000000}.modal{background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.modal-small{max-width:400px}.modal-medium{max-width:500px}.modal-large{max-width:700px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;padding:.25rem;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.notification{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;display:flex;gap:.75rem;max-width:400px;padding:1rem;position:fixed;right:1rem;top:1rem;z-index:100}.notification.success{border-left-color:#10b981;color:#065f46}.notification.error{border-left-color:#ef4444;color:#991b1b}.notification.warning{border-left-color:#f59e0b;color:#92400e}.notification.info{border-left-color:#3b82f6;color:#1e40af}.notification-close{background:none;border:none;border-radius:.25rem;color:currentColor;cursor:pointer;margin-left:auto;opacity:.7;padding:.25rem;transition:opacity .2s ease}.notification-close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.page-header{padding:1.5rem 0}.header-content{padding:0 1rem}.page-header h1{font-size:1.5rem}.tabs{overflow-x:auto;padding:0 1rem}.nav-tab{min-width:fit-content;padding:1rem}.settings-hub-main{padding:1.5rem 1rem}.card-header{align-items:center;flex-wrap:wrap;justify-content:space-between}.account-item,.member-item{align-items:stretch;flex-direction:column;gap:1rem}.account-actions,.member-actions{justify-content:space-between}.coming-soon-actions{align-items:center;flex-direction:column}.modal{margin:1rem;max-height:calc(100vh - 2rem)}.notification{left:1rem;max-width:none;right:1rem}}@media (max-width:480px){.edit-actions,.workspace-display{flex-direction:column}.workspace-display{align-items:stretch;gap:1rem}}.password-verify-group{align-items:center;display:flex;gap:10px}.verify-btn{align-items:center;background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;padding:1rem 1.3rem;transition:all .2s ease}.verification-success,.verify-btn{font-weight:500;white-space:nowrap}.verification-success{color:#28a745}.readonly-input{background-color:#f8f9fa;cursor:not-allowed}.button-group{display:flex;gap:10px;margin-bottom:1rem;margin-top:20px}.connection-buttons{align-items:center;gap:12px;justify-content:space-between}.btn-connected{background-color:#10b981!important;border-color:#10b981!important;cursor:not-allowed;opacity:.8}.btn-secondary{background-color:initial;border:2px solid #6b7280;border-radius:8px;color:#6b7280;font-weight:500;padding:8px 16px;transition:all .2s}.btn-secondary:hover{background-color:#f9fafb;border-color:#4b5563;color:#4b5563}.platform-badge.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.platform-badge.facebook{background-color:#1877f2}.platform-badge.twitter{background-color:#1da1f2}.accounts-list{display:flex;flex-direction:column;gap:16px}.account-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;padding:16px}.account-info,.account-item{align-items:center;display:flex}.account-info{gap:12px}.account-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.accounts-container{display:flex;flex-direction:column;padding-bottom:2rem}.account-group{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.account-group-header{border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:.75rem}.account-group-title{color:#374151;font-size:1.125rem}.account-count{background:#e5e7eb;padding:.25rem .75rem}.accounts-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.accounts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.accounts-grid{grid-template-columns:1fr}}.account-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;min-height:200px;padding:1.25rem;position:relative;transition:all .2s ease}.account-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.account-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.account-avatar{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.avatar-img{height:100%;object-fit:cover;width:100%}.platform-badge{align-items:center;border:2px solid #fff;border-radius:50%;bottom:-2px;display:flex;height:20px;justify-content:center;position:absolute;right:-2px;width:20px}.platform-instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff}.platform-facebook{background:#1877f2;color:#fff}.platform-twitter{background:#1da1f2;color:#fff}.platform-linkedin{background:#0077b5;color:#fff}.platform-youtube{background:red;color:#fff}.account-delete-btn{background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;opacity:.7;padding:.375rem;transition:all .2s}.account-delete-btn:hover{background:#fee2e2;opacity:1}.account-card-content{display:flex;flex:1 1;flex-direction:column;text-align:left}.account-username{color:#111827;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .25rem;word-break:break-word}.platform-name{color:#6b7280;font-size:.875rem}.followers-count{color:#374151;display:block;font-size:.875rem;margin-bottom:auto;padding-bottom:.75rem}.connection-connected{align-items:center;align-self:flex-start;background:#dcfce7;border-radius:20px;color:#166534;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;margin-top:auto;padding:.375rem .75rem}.empty-state{color:#6b7280;padding:3rem 1rem;text-align:center}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.loading-state{color:#6b7280;padding:2rem;text-align:center}.connection-buttons{display:flex;flex-wrap:wrap;gap:1rem}.account-group+.account-group{margin-top:1.5rem}.accounts-grid .account-card{height:auto;min-height:220px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.modal-content{margin:16px!important;max-width:none!important;width:calc(100% - 32px)!important}.modal-content div:last-child{flex-direction:column!important;gap:.75rem}}.settings-subpage{max-width:100%;overflow-x:hidden;width:100%}.settings-content{box-sizing:border-box;max-width:100%;padding:0 20px;width:100%}.accounts-container,.settings-card{max-width:100%;overflow:hidden;width:100%}.account-group,.accounts-grid{box-sizing:border-box;max-width:100%;width:100%}.accounts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:0}.account-card{box-sizing:border-box;max-width:100%;width:100%}.account-group-header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 4px;width:100%}.account-group-title{color:#1f2937;flex:1 1;font-size:1.5rem;font-weight:600;margin:0}.account-count{background:#f3f4f6;border-radius:20px;color:#6b7280;font-size:.875rem;font-weight:500;padding:4px 12px;white-space:nowrap}@media (min-width:768px){.accounts-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width:1024px){.accounts-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.accounts-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1440px){.accounts-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:767px){.settings-content{padding:0 16px}.accounts-grid{gap:16px;grid-template-columns:1fr}.account-group-header{align-items:flex-start;flex-direction:column;gap:8px}.account-count{align-self:flex-end}}body,html{overflow-x:hidden}.app-container,.main-container{max-width:100%;overflow-x:hidden;width:100%}.connection-badge{color:#6b7280;font-size:12px;font-weight:400}.platform-instagram.direct{background-color:#fdf2f8;border-color:#fce7f3}.account-card.instagram-only{border-color:#db27774d}.account-card.full-access{border-color:#2563eb4d}.account-card.view-only{border-color:#64748b80;border-style:dashed;opacity:.85}.connection-badge.instagram-only{color:#db2777}.connection-badge.full-access{color:#2563eb}.connection-badge.view-only{color:#64748b}.connection-status.view-only{background-color:#f1f5f9;color:#64748b}.page-not-found-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.page-not-found-content{animation:pageNotFoundFadeInUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;max-width:600px;padding:60px 40px;text-align:center}@keyframes pageNotFoundFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-not-found-illustration{margin-bottom:40px}.page-not-found-error-code{-webkit-text-fill-color:#0000;animation:pageNotFoundBounce 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:120px;font-weight:800;line-height:1;margin-bottom:20px}@keyframes pageNotFoundBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.page-not-found-error-text{color:#6b7280;font-size:24px;font-weight:600;margin-bottom:20px}.page-not-found-error-message{margin-bottom:40px}.page-not-found-error-message h2{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:16px}.page-not-found-error-message p{color:#6b7280;font-size:16px;line-height:1.6;margin:0 auto;max-width:400px}.page-not-found-error-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:40px}.page-not-found-btn-primary,.page-not-found-btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.page-not-found-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.page-not-found-btn-primary:hover{box-shadow:0 10px 30px #667eea4d;transform:translateY(-2px)}.page-not-found-btn-secondary{background:#f3f4f6;border:2px solid #e5e7eb;color:#374151}.page-not-found-btn-secondary:hover{background:#e5e7eb;box-shadow:0 5px 20px #0000001a;transform:translateY(-2px)}.page-not-found-helpful-links{border-top:1px solid #e5e7eb;padding-top:30px}.page-not-found-helpful-links h3{color:#374151;font-size:18px;font-weight:600;margin-bottom:20px}.page-not-found-links-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:400px}.page-not-found-link-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.page-not-found-link-item:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}@media (max-width:768px){.page-not-found-content{padding:40px 20px}.page-not-found-error-code{font-size:80px}.page-not-found-error-message h2{font-size:24px}.page-not-found-error-actions{align-items:center;flex-direction:column}.page-not-found-btn-primary,.page-not-found-btn-secondary{justify-content:center;max-width:250px;width:100%}.page-not-found-links-grid{grid-template-columns:1fr}}@media (max-width:480px){.page-not-found-container{padding:10px}.page-not-found-error-code{font-size:60px}.page-not-found-error-message h2{font-size:20px}.page-not-found-error-message p{font-size:14px}}
/*# sourceMappingURL=main.53e1403f.css.map*/