:root{--background-color:#03b7c4;--headings-color:var(--background-color);--shadow-low1:#00d0e74a;--shadow-low2:#006bcf00;--shadow-low3:#91f3fe;--default-box-shadow:0 0 4px var(--background-color);--left-space:5%;--mid-space:90%;--right-space:5%;--default-border:1px solid var(--headings-color);--text-color:#fff;--font-family-base:var(--font-montserrat);--default-p-size:16px;--default-p-size2:14px;--default-border-radius:6px;--warning-color:#ff2600;--warning-bgcolor:rgba(255,38,0,.426);--success-color:#006500;--success-bgcolor:rgba(2,216,2,.512)}body{font-family:Nunito,sans-serif;margin:0;padding:0;scrollbar-width:none}.App{display:flex;height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.home-plutosec-logo{margin-top:20px;width:80%}.userprofile{align-items:center;display:flex;height:90px;width:100%}.userprofile .avatar{border-radius:50%;height:50px;margin-left:10px;width:50px}.userprofile .avatar-data{margin-left:10px}.userprofile .avatar-data p{font-size:12px}.app-side-bar{align-items:center;border-right:1px solid #d9d9d9;display:flex;flex-direction:column;gap:30px;height:100vh;width:15%}.app-right{height:calc(100vh - 60px);overflow-y:scroll;padding:30px;scrollbar-width:none;width:81%}.Dashboard,.admin-body{height:96vh;overflow-y:scroll;padding:2vh 3%}.mini-search-section{align-items:center;background-color:#f3f4f6;border:1px solid #d9d9d9;border-radius:6px;display:flex;height:4.5vh;margin-bottom:2vh;padding:0;width:20%}.mini-search-section input{background-color:#f3f4f6;border-style:none;font-size:14px;outline:none;width:91%}.Content-area{display:flex}.app-side-bar ul{display:flex;flex-direction:column;height:calc(120vh - 150px);list-style:none;margin:0;padding:0;width:90%}.app-side-bar ul .bottom-items{margin-top:auto}.logout-button{color:red!important}.unselected{color:#000;padding:10px}.selected-item{background:#03b7c4;background:var(--background-color);border-radius:4px;color:#fff;color:var(--text-color);padding:10px;transition:background-color .3s ease}.unselected:hover{background-color:#f4f4f4;border-radius:4px;color:#4a4a4a;cursor:pointer}.Alert-message-area{animation:slideIn .5s ease-in;bottom:50px;display:flex;justify-content:center;left:0;position:fixed;width:100%}.Alert-message-area.hidden{animation:slideOut .5s ease-out}@keyframes slideIn{0%{bottom:-100px;opacity:0;visibility:visible}to{bottom:50px;opacity:1}}@keyframes slideOut{0%{bottom:50px}to{bottom:-20px}}@media screen and (max-width:820px){.app-side-bar{align-items:center;border-right:1px solid #d9d9d9;display:flex;flex-direction:column;height:100vh;width:10%}.app-right{height:100vh;overflow-y:scroll;padding:0;scrollbar-width:none;width:90%}}.upper-section .left{width:65%}.upper-section .left input{margin-bottom:10px;padding:5px;width:95.5%}.AddPost input{margin-bottom:10px;padding:5px;width:98.7%}.AddPost select{margin-bottom:10px;padding:5px;width:100%}.upper-section .left textarea{height:60px;line-height:1.2;margin-bottom:10px;overflow-y:scroll;padding:5px;resize:none;width:95.5%}.cancelbtn,.draftbtn,.published{box-shadow:var( --default-box-shadow)}@media screen and (max-width:1080px){.AddPost{height:auto;padding:5px}.image-container{display:inline-block;justify-content:center;margin-bottom:40px;margin-top:10px;position:relative}.image-container,.image-container img{align-items:center;display:flex;flex-direction:column;height:auto;width:100%}.image-container img{background-color:#f0f8ff;border:1px solid #000;justify-self:center}.AddPost input{margin-bottom:10px;padding:5px;width:96%}.AddPost h3{font-size:18px}}.file-input-wrapper{align-items:center;border:1px solid #000;border-radius:20px;display:flex;gap:5px;margin:10px 0;padding:3px 10px 3px 3px;width:calc(100% - 40px);width:-webkit-fit-content;width:fit-content}.custom-file-label{background-color:var(--background-color);border-radius:25px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.file-name{color:#000;font-size:12px}.cancel-btn{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;height:18px;justify-content:center;width:18px}.action-area-for-model{display:flex;justify-content:space-between;width:100%}.ticketdata{border:1px solid #000;margin:20px 0;max-height:300px;overflow-y:scroll;padding:10px}.email-container{color:#333;font-family:Arial,sans-serif;width:100%}.create-ticket-btn{background:var(--background-color);border-radius:var(--default-border-radius);color:#fff;cursor:pointer;padding:10px;width:-webkit-fit-content;width:fit-content}.create-ticket-btn:hover{background-color:var(--shadow-low3)}.email-header{background:var(--background-color);border-radius:var(--default-border-radius) var(--default-border-radius) 0 0;color:#fff;padding:15px;text-align:center}.email-date{font-size:12px;opacity:.8}.email-body{padding:15px}.email-body p{margin:10px 0}.pretag{font-family:Arial,sans-serif;white-space:pre-wrap}.email-body a{color:#007bff;text-decoration:none}.email-footer{border-top:1px solid #ddd;color:#555;font-size:14px;margin-top:20px;padding-top:10px;text-align:center}.dashboard-text{margin-bottom:4vh}.card0,.card2,.card3,.card4,.card5,.card6{align-items:center;border-radius:10px;box-shadow:var(--default-box-shadow);color:#d7d6d6;display:flex;height:-webkit-fit-content;height:fit-content;padding:1rem}.cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1200px}.card0 .card-lower-section,.card2 .card-lower-section,.card3 .card-lower-section,.card4 .card-lower-section,.card5 .card-lower-section,.card6 .card-lower-section{height:-webkit-fit-content;height:fit-content;padding:0 0 0 8%;text-align:left;width:80%}.card .card-lower-section h3,.card0 .card-lower-section h3,.card2 .card-lower-section h3,.card3 .card-lower-section h3,.card4 .card-lower-section h3,.card5 .card-lower-section h3,.card6 .card-lower-section h3{color:var(--background-color);font-size:18px;line-height:1;width:100%}.card .card-lower-section p,.card0 .card-lower-section p,.card2 .card-lower-section p,.card3 .card-lower-section p,.card4 .card-lower-section p,.card5 .card-lower-section p,.card6 .card-lower-section p{color:#424242;font-size:10px;margin:5px 0 0;padding:0;width:100%}.card0 .card-icon{background-color:rgba(211,43,226,.388);color:#c227ff}.card0 .card-icon,.card2 .card-icon{border-radius:50%;font-size:24px;padding:8px}.card2 .card-icon{background-color:rgba(43,83,226,.388);color:#2e51ff}.card3 .card-icon{background-color:rgba(85,255,153,.388);color:#3bed61}.card3 .card-icon,.card4 .card-icon{border-radius:50%;font-size:24px;padding:8px}.card4 .card-icon{background-color:rgba(255,85,85,.388);color:#f71c1c}.card5 .card-icon{background-color:rgba(255,130,85,.388);color:#f76c1c}.card5 .card-icon,.card6 .card-icon{border-radius:50%;font-size:24px;padding:8px}.card6 .card-icon{background-color:rgba(255,212,85,.388);color:#f7c41c}.charts-areas{display:flex;gap:2%;margin-top:20px;width:100%}.charts-areas .left-chart{margin:0;width:49%}.charts-areas .right-chart{width:49%}.date-input-area{display:flex}@media screen and (max-width:820px){.dashboard-text{margin-bottom:.5vh}.charts-areas{flex-direction:column;margin-bottom:0;padding-bottom:0}.charts-areas .left-chart,.charts-areas .right-chart{width:100%}.top-headinf-dashboard{flex-direction:column;justify-content:space-between;padding-bottom:20px}.date-input-area input{padding:5px}.cardds{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center}}.AddTestimonial select{margin-bottom:10px;padding:5px;width:100%}.AddTestimonial input,.AddTestimonial textarea{margin-bottom:10px;padding:5px;width:99%}.AddTestimonial textarea{height:60px;line-height:1.2;overflow:hidden;resize:none}.AddTestimonial h3{font-size:22px;margin-bottom:15px}.AddTestimonial h5{font-size:14px;margin-top:10px}.upper-section{display:flex;justify-content:space-between}.image-container2{align-items:center;border:1px var(--background-color);border-radius:12px;border-style:dashed;display:inline-block;display:flex;flex-direction:column;height:200px;justify-content:center;overflow:hidden;position:relative;width:200px}@media screen and (max-width:1080px){.AddTestimonial{height:auto;padding:5px}.AddTestimonial h3{font-size:18px}}.email-container{margin:0 auto;max-width:900px;padding:20px}.email-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:16px}.email-header h2{color:#333;font-size:24px;margin:0}.email-date{color:#666;font-size:14px;margin:0}.template-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.template-badge.new-template{background-color:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.application-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.section-title{border-bottom:2px solid #1976d2;color:#333;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:10px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.info-grid p{color:#444;font-size:14px;margin:0;padding:8px 0}.info-grid p strong{color:#333;margin-right:8px}.info-grid a{color:#1976d2;text-decoration:none}.info-grid a:hover{text-decoration:underline}.text-content{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:16px}.text-content p{color:#444;font-size:14px;line-height:1.7;margin:0;white-space:pre-wrap}.social-links{display:flex;flex-wrap:wrap;gap:12px}.social-link{align-items:center;border-radius:6px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.social-link.linkedin{background-color:#0077b5;color:#fff}.social-link.linkedin:hover{background-color:#005885}.social-link.github{background-color:#24292e;color:#fff}.social-link.github:hover{background-color:#1b1f23}.resume-link-container{margin-bottom:16px}.file-preview{margin-top:12px}.file-preview iframe{border:1px solid #e0e0e0;border-radius:6px}.download-link{background-color:#03b7c4;border-radius:6px;display:inline-block;font-size:14px;font-weight:500;margin-top:16px;padding:12px 24px;transition:background-color .2s ease}.download-link,.download-link:hover{color:#000!important;text-decoration:none!important}.download-link:hover{background-color:#029aa5}@media (max-width:768px){.email-container{padding:12px}.email-header{align-items:flex-start;flex-direction:column}.info-grid{grid-template-columns:1fr}.social-links{flex-direction:column}.social-link{justify-content:center;width:100%}}.joditEditor{height:auto}.wordcount{font-size:10px}.AddPost{border-radius:10px;height:auto}.view-btn{background-color:var(--background-color)}.delete-btn,.view-btn{border-radius:var(--default-border-radius);cursor:pointer;padding:10px 15px;width:-webkit-fit-content;width:fit-content}.delete-btn{background-color:var(--warning-color)}.AddPost input:not(.basic-info-section input):not(.service-section input):not(.status-tags-section input){margin-bottom:10px;padding:5px;width:98.7%}.AddPost select:not(.basic-info-section select):not(.service-section select):not(.status-tags-section select){margin-bottom:10px;padding:5px;width:100%}.AddPost textarea:not(.basic-info-section textarea):not(.service-section textarea){height:60px;line-height:1.2;margin-bottom:10px;padding:5px;resize:vertical;width:98.7%}.AddPost h3{font-size:22px;margin-bottom:15px}.AddPost h5{font-size:14px;margin-top:10px}.upper-section{display:block;width:100%}.upper-section .left{width:100%}.image-container{height:200px;width:360px}.image-container,.image-container3{align-items:center;border:1px var(--background-color);border-radius:12px;border-style:dashed;display:inline-block;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.image-container3{height:150px;width:260px}.image-container.error-border{border:1px solid var(--warning-color)}.image-container img,.image-container3 img{height:100%;width:100%}.image-container .remove-icon,.image-container3 .remove-icon{color:red;cursor:pointer;font-size:1.5rem;position:absolute;right:5px;top:5px;z-index:2}.published{background-color:var(--background-color);border:none;border-radius:var(--default-border-radius);box-shadow:var(--default-box-shadow);color:#fff;font-size:12px;margin-bottom:10px;margin-top:20px;padding:8px}.error{color:var(--warning-color);font-size:10px;margin-bottom:3px}.cancelbtn{background-color:#acacac00}.cancelbtn,.draftbtn{border:1px solid var(--background-color);border-radius:var(--default-border-radius);box-shadow:var(--default-box-shadow);color:var(--background-color);font-size:12px;margin-bottom:10px;margin-top:20px;padding:8px}.draftbtn{background-color:var(--grey-color)}.button-sections{display:flex;gap:10px;height:-webkit-fit-content;height:fit-content;justify-content:flex-end;width:100%}.toggle-container{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:10px 0}.toggle-label{color:#333;font-size:16px}.toggle-switch{display:inline-block;height:25px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.Draft{color:var(--warning-color)}.Public{color:#00a911}.slider{background-color:#ccc;border-radius:25px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:19px;left:3px;width:19px}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translateX(25px)}.AddPost label{font-size:16px;font-weight:700}.howwedo-heading{color:var(--background-color);margin-bottom:20px}.howwedo-container{align-items:center;background:#fff;border-radius:12px;display:flex;gap:30px;justify-content:space-between}.left-howwedo{flex:1 1}.right-howwedo{width:20%}.right-howwedo img{border-radius:12px;width:100%}.howwedo-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:10px}.howwedo-description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:20px}.howwedo-actions{display:flex;gap:10px}.delete-btn,.view-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 18px;transition:.3s ease}.view-btn{background:#007bff;color:#fff}.view-btn:hover{background:#0056b3}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#b52a36}.service-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin:20px 0;padding:20px}.service-section h3{border-bottom:2px solid var(--background-color);color:var(--background-color);font-size:1.4rem;font-weight:600;margin-bottom:15px;padding-bottom:8px}.service-section label{color:#333;display:block;font-weight:600;margin-bottom:5px;margin-top:15px}.service-section input,.service-section select,.service-section textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:10px;padding:10px;transition:border-color .3s ease;width:100%}.service-section input:focus,.service-section select:focus,.service-section textarea:focus{border-color:var(--background-color);box-shadow:0 0 0 2px #007bff1a;outline:none}.service-section textarea{min-height:80px;resize:vertical}.array-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:10px;margin-bottom:10px;padding:10px}.array-item input{flex:1 1;margin-bottom:0}.array-item-grid{grid-gap:10px;align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:grid;gap:10px;grid-template-columns:1fr 1fr auto;margin-bottom:10px;padding:10px}.array-item-grid input{margin-bottom:0}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;text-transform:none;transition:all .3s ease}.add-btn{background-color:var(--background-color);color:#fff;margin-top:10px}.add-btn:hover{background-color:#0056b3;transform:translateY(-1px)}.remove-btn{background-color:var(--warning-color);color:#fff;min-width:80px}.remove-btn:hover{background-color:#c82333;transform:translateY(-1px)}.button-group{display:flex;gap:10px;justify-content:flex-start;margin-top:15px}.AddPost{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin:0 auto;max-width:1200px;padding:20px}.AddPost>h3{border-bottom:3px solid var(--background-color);color:var(--background-color);font-size:2rem;font-weight:700;margin-bottom:30px;padding-bottom:15px;text-align:center}.basic-info-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:20px;padding:20px}.basic-info-section h4{color:var(--background-color);font-size:1.2rem;font-weight:600;margin-bottom:15px}.basic-info-section label{color:#333;display:block;font-weight:600;margin-bottom:5px;margin-top:15px}.basic-info-section input,.basic-info-section select,.basic-info-section textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;margin-bottom:15px;padding:10px;transition:border-color .3s ease;width:100%}.basic-info-section input:focus,.basic-info-section select:focus,.basic-info-section textarea:focus{border-color:var(--background-color);box-shadow:0 0 0 2px #007bff1a;outline:none}.basic-info-section textarea{font-family:inherit;min-height:80px;resize:vertical}.basic-info-section>:last-child{margin-bottom:0}.basic-info-section input,.basic-info-section select,.basic-info-section textarea{max-width:100%}.status-tags-section{grid-gap:20px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:20px 0;padding:20px}.status-field,.tags-field{display:flex;flex-direction:column}.status-field label,.tags-field label{color:#333;font-weight:600;margin-bottom:8px}.faq-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin:20px 0;padding:20px}.faq-section h3{color:var(--background-color);font-size:1.4rem;font-weight:600;margin-bottom:15px}.form-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.form-actions .cancelbtn,.form-actions .published{border-radius:8px;font-size:14px;font-weight:600;padding:12px 24px;text-transform:none;transition:all .3s ease}.form-actions .published:hover{background-color:#0056b3;transform:translateY(-1px)}.form-actions .cancelbtn:hover{background-color:#f8f9fa;color:var(--background-color);transform:translateY(-1px)}@media screen and (max-width:1080px){.AddPost{margin:10px;padding:15px}.service-section{margin:15px 0;padding:15px}.array-item-grid{gap:8px;grid-template-columns:1fr}.array-item{align-items:stretch;flex-direction:column}.array-item input{margin-bottom:8px}.status-tags-section{gap:15px;grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.form-actions .cancelbtn,.form-actions .published{width:100%}.AddPost>h3{font-size:1.5rem}.service-section h3{font-size:1.2rem}}.change-password-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.change-password-paper{border-radius:16px!important;max-width:600px;padding:40px;width:100%}.change-password-title{color:#333;font-weight:600!important;margin-bottom:30px!important;text-align:center}.change-password-content{margin-top:20px}@media (max-width:768px){.change-password-paper{padding:24px}.change-password-title{font-size:1.5rem!important}}.social-media-hub{padding:0}.social-media-hub h2{color:#333;font-size:24px;margin-bottom:1.5rem}.hub-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1000px}.hub-card{align-items:flex-start;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.hub-card:hover{border-color:var(--background-color);box-shadow:0 4px 20px #03b7c426;transform:translateY(-4px)}.hub-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.hub-card-icon.connections{background:#03b7c41a;color:var(--background-color)}.hub-card-icon.create{background:#4caf501a;color:#4caf50}.hub-card-icon.posts{background:#9c27b01a;color:#9c27b0}.hub-card-content h3{color:#333;font-size:18px;margin-bottom:.5rem}.hub-card-content p{color:#666;font-size:14px;line-height:1.5}.connections-page{padding:0}.connections-page h2{color:#333;font-size:24px;margin-bottom:.5rem}.connections-page .page-subtitle{color:#666;font-size:14px;margin-bottom:2rem}.connect-buttons-section{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.connect-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:.75rem;padding:12px 24px;transition:all .2s ease}.connect-btn.meta{background:linear-gradient(135deg,#1877f2,#e4405f)}.connect-btn.meta:hover{box-shadow:0 4px 12px #1877f266;transform:translateY(-2px)}.connect-btn.linkedin{background:#0a66c2}.connect-btn.linkedin:hover{box-shadow:0 4px 12px #0a66c266;transform:translateY(-2px)}.connect-btn svg{font-size:20px}.accounts-section{margin-top:2rem}.accounts-section h3{align-items:center;color:#333;display:flex;font-size:18px;gap:.5rem;margin-bottom:1rem}.accounts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.account-card{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 2px 6px #0000000f;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.account-card:hover{border-color:var(--background-color);box-shadow:0 4px 12px #03b7c41a}.account-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.account-icon.facebook{background:#1877f21a;color:#1877f2}.account-icon.instagram{background:#e4405f1a;color:#e4405f}.account-icon.linkedin{background:#0a66c21a;color:#0a66c2}.account-info{flex:1 1;min-width:0}.account-info h4{color:#333;font-size:15px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-info .provider-badge{align-items:center;background:#f5f5f5;border-radius:4px;color:#666;display:inline-flex;font-size:12px;gap:4px;padding:2px 8px}.account-actions{display:flex;gap:.5rem}.disconnect-btn{background:#0000;border:1px solid #f44;border-radius:6px;color:#f44;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.disconnect-btn:hover{background:#f44;color:#fff}.empty-accounts{background:#fafafa;border:2px dashed #e0e0e0;border-radius:12px;padding:3rem 1rem;text-align:center}.empty-accounts svg{color:#ccc;font-size:48px;margin-bottom:1rem}.empty-accounts h4{color:#666;margin-bottom:.5rem}.empty-accounts p{color:#999;font-size:14px}.provider-group{margin-bottom:2rem}.provider-group-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.provider-group-header h4{color:#333;font-size:16px;margin:0}.provider-count{background:var(--background-color);border-radius:10px;color:#fff;font-size:11px;padding:2px 8px}.create-post-page{max-width:900px;padding:0}.create-post-page h2{color:#333;font-size:24px;margin-bottom:.5rem}.create-post-page .page-subtitle{color:#666;font-size:14px;margin-bottom:2rem}.create-post-form{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.form-section{margin-bottom:1.5rem}.form-section label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:.5rem}.form-section .hint{color:#888;display:block;font-size:12px;margin-top:4px}.post-textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;min-height:150px;padding:1rem;resize:vertical;transition:border-color .2s ease;width:100%}.post-textarea:focus{border-color:var(--background-color);box-shadow:0 0 0 3px #03b7c41a;outline:none}.char-count{color:#888;font-size:12px;margin-top:4px;text-align:right}.char-count.warning{color:#ff9800}.char-count.error{color:#f44336}.media-upload-section{margin-bottom:1.5rem}.media-dropzone{background:#fafafa;border:2px dashed #ddd;border-radius:10px;cursor:pointer;padding:2rem;text-align:center;transition:all .2s ease}.media-dropzone:hover{background:#03b7c405;border-color:var(--background-color)}.media-dropzone.drag-active{background:#03b7c40d;border-color:var(--background-color)}.media-dropzone svg{color:#ccc;font-size:40px;margin-bottom:.75rem}.media-dropzone p{color:#666;margin-bottom:.25rem}.media-dropzone span{color:#999;font-size:12px}.media-preview-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:1rem}.media-preview-item{aspect-ratio:1;background:#f5f5f5;border-radius:8px;overflow:hidden;position:relative}.media-preview-item img,.media-preview-item video{height:100%;object-fit:cover;width:100%}.media-remove-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;width:24px}.media-remove-btn:hover{background:#f44336}.targets-section{margin-bottom:1.5rem}.targets-section label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:1rem}.target-groups{display:flex;flex-direction:column;gap:1.25rem}.target-group{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:1rem}.target-group-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem}.target-group-header svg{font-size:20px}.target-group-header.facebook svg{color:#1877f2}.target-group-header.instagram svg{color:#e4405f}.target-group-header.linkedin svg{color:#0a66c2}.target-group-header span{color:#333;font-size:14px;font-weight:600}.target-checkboxes{display:flex;flex-direction:column;gap:.5rem}.target-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background .2s ease}.target-checkbox:hover{background:#f0f0f0}.target-checkbox input[type=checkbox]{accent-color:var(--background-color);cursor:pointer;height:18px;width:18px}.target-checkbox .target-name{color:#333;font-size:14px}.no-accounts-message{color:#999;font-size:13px;font-style:italic}.submit-section{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.cancel-btn{background:#fff;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:14px;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover{background:#f5f5f5}.publish-btn{align-items:center;background:var(--background-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:.5rem;padding:12px 32px;transition:all .2s ease}.publish-btn:hover:not(:disabled){background:#02a3af;box-shadow:0 4px 12px #03b7c44d;transform:translateY(-1px)}.publish-btn:disabled{background:#ccc;cursor:not-allowed}.publishing-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.publishing-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;max-width:500px;padding:2rem;text-align:center;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.publishing-modal h3{color:#333;font-size:20px;margin-bottom:1.5rem}.publishing-spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top:4px solid var(--background-color);height:50px;margin:0 auto 1rem;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.publishing-results{text-align:left}.result-item{align-items:center;background:#fafafa;border-radius:8px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.result-item svg{flex-shrink:0;font-size:20px}.result-item.success svg{color:#4caf50}.result-item.failed svg{color:#f44336}.result-item .result-info{flex:1 1}.result-item .result-info .account-name{color:#333;font-size:14px;font-weight:500}.result-item .result-info .result-status{color:#666;font-size:12px}.result-item .result-link{color:var(--background-color);font-size:12px;text-decoration:none}.result-item .result-link:hover{text-decoration:underline}.modal-close-btn{background:var(--background-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:1.5rem;padding:10px 24px}.posts-list-page{padding:0}.posts-list-page h2{color:#333;font-size:24px;margin-bottom:.5rem}.posts-list-page .page-subtitle{color:#666;font-size:14px;margin-bottom:1.5rem}.posts-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.filter-btn{background:#fff;border:1px solid #ddd;border-radius:20px;color:#666;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{border-color:var(--background-color);color:var(--background-color)}.filter-btn.active{background:var(--background-color);border-color:var(--background-color);color:#fff}.posts-table-container{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.posts-table{border-collapse:collapse;width:100%}.posts-table td,.posts-table th{border-bottom:1px solid #eee;padding:1rem;text-align:left}.posts-table th{background:#fafafa;color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.posts-table tbody tr{cursor:pointer;transition:background .2s ease}.posts-table tbody tr:hover{background:#f8f9fa}.posts-table tbody tr:last-child td{border-bottom:none}.post-text-preview{color:#333;font-size:14px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-targets{display:flex;gap:4px}.target-icon{align-items:center;border-radius:6px;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.target-icon.facebook{background:#1877f21a;color:#1877f2}.target-icon.instagram{background:#e4405f1a;color:#e4405f}.target-icon.linkedin{background:#0a66c21a;color:#0a66c2}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px}.status-badge.queued{background:#ff98001a;color:#ff9800}.status-badge.publishing{background:#2196f31a;color:#2196f3}.status-badge.published{background:#4caf501a;color:#4caf50}.status-badge.partially_published{background:#ff98001a;color:#ff9800}.status-badge.failed{background:#f443361a;color:#f44336}.post-date{color:#888;font-size:13px}.empty-posts{padding:4rem 2rem;text-align:center}.empty-posts svg{color:#ddd;font-size:64px;margin-bottom:1rem}.empty-posts h4{color:#666;margin-bottom:.5rem}.empty-posts p{color:#999;font-size:14px;margin-bottom:1.5rem}.empty-posts .create-post-btn{background:var(--background-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 24px}.post-detail-page{max-width:900px;padding:0}.post-detail-page .back-link{align-items:center;color:var(--background-color);display:inline-flex;font-size:14px;gap:.5rem;margin-bottom:1.5rem;text-decoration:none}.post-detail-page .back-link:hover{text-decoration:underline}.post-detail-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem;padding:1.5rem}.post-header{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.post-header h3{color:#333;font-size:18px;margin-bottom:.5rem}.post-meta{color:#888;font-size:13px}.post-content-section{margin-bottom:1.5rem}.post-content-section h4{color:#666;font-size:14px;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.post-text{background:#fafafa;border-radius:8px;color:#333;font-size:15px;line-height:1.6;padding:1rem;white-space:pre-wrap}.post-media-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.post-media-item{aspect-ratio:1;background:#f5f5f5;border-radius:8px;overflow:hidden}.post-media-item img,.post-media-item video{height:100%;object-fit:cover;width:100%}.publish-results-section{margin-top:1.5rem}.publish-results-section h4{align-items:center;color:#333;display:flex;font-size:16px;gap:.5rem;margin-bottom:1rem}.results-list{display:flex;flex-direction:column;gap:.75rem}.result-card{align-items:center;background:#fafafa;border:1px solid #eee;border-radius:10px;display:flex;padding:1rem}.result-card.success{border-left:4px solid #4caf50}.result-card.failed{border-left:4px solid #f44336}.result-card .platform-icon{align-items:center;border-radius:8px;display:flex;font-size:20px;height:40px;justify-content:center;margin-right:1rem;width:40px}.result-card .platform-icon.facebook{background:#1877f21a;color:#1877f2}.result-card .platform-icon.instagram{background:#e4405f1a;color:#e4405f}.result-card .platform-icon.linkedin{background:#0a66c21a;color:#0a66c2}.result-card .result-details{flex:1 1}.result-card .result-details .account-name{color:#333;font-size:15px;font-weight:500;margin-bottom:2px}.result-card .result-details .result-message{color:#666;font-size:13px}.result-card .result-details .result-message.error{color:#f44336}.result-card .result-actions{display:flex;gap:.5rem}.view-post-link{background:var(--background-color);border-radius:6px;color:#fff;font-size:12px;padding:6px 12px;text-decoration:none;transition:background .2s ease}.view-post-link:hover{background:#02a3af}.retry-section{border-top:1px solid #eee;display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.retry-btn{align-items:center;background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:.5rem;padding:10px 20px;transition:all .2s ease}.retry-btn:hover:not(:disabled){background:#f57c00}.retry-btn:disabled{background:#ccc;cursor:not-allowed}.delete-post-btn{align-items:center;background:#0000;border:1px solid #f44336;border-radius:8px;color:#f44336;cursor:pointer;display:flex;font-size:14px;gap:.5rem;padding:10px 20px;transition:all .2s ease}.delete-post-btn:hover{background:#f44336;color:#fff}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top:3px solid var(--background-color);height:40px;margin-bottom:1rem;width:40px}.loading-container p{color:#888;font-size:14px}@media screen and (max-width:768px){.hub-cards{grid-template-columns:1fr}.connect-buttons-section{flex-direction:column}.connect-btn{justify-content:center}.accounts-grid{grid-template-columns:1fr}.account-card{flex-direction:column;text-align:center}.account-actions{margin-top:.75rem}.create-post-form{padding:1rem}.posts-table td:nth-child(4),.posts-table th:nth-child(4){display:none}.submit-section{flex-direction:column}.cancel-btn,.publish-btn{justify-content:center;width:100%}}.login{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.form-area{background-color:#fff;border-radius:8px;box-shadow:var(--default-box-shadow);height:-webkit-fit-content;height:fit-content;padding:20px;width:350px}.form-area input{border-radius:4px;margin-bottom:10px;padding:10px;width:330px}.form-area h3{font-size:24px;margin-bottom:20px;text-align:center;width:100%}.form-area button{background:var(--background-color);border-radius:4px;border-style:none;color:#fff;padding:10px;width:100%}
/*# sourceMappingURL=main.25e0bac1.css.map*/