.dashboard-body-header-wrapper[data-v-3dccd5da]{display:flex;justify-content:space-between;width:100%;flex-direction:row;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:15px}@media(max-width: 991px){.dashboard-body-header-wrapper[data-v-3dccd5da]{flex-direction:column}}.nav[data-v-3dccd5da]{flex:1;min-width:250px}@media(max-width: 991px){.nav[data-v-3dccd5da]{width:100%;order:1}}.dashboard-body-filter-section[data-v-3dccd5da]{flex:0 0 auto;flex-wrap:nowrap}@media(max-width: 991px){.dashboard-body-filter-section[data-v-3dccd5da]{width:100%;order:2}}@media(max-width: 767px){.dashboard-body-filter-section[data-v-3dccd5da]{flex-wrap:wrap;gap:15px}}.filter-select-container[data-v-3dccd5da]{display:flex;flex-direction:column}.channel-select[data-v-3dccd5da]{width:250px}@media(max-width: 767px){.channel-select[data-v-3dccd5da]{width:100%}}.min-w-150px[data-v-3dccd5da]{min-width:150px}.remaining-posts-badge[data-v-3dccd5da]{background-color:#f8f9fa;color:#333;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:8px;padding:8px 20px;transition:all .3s ease}.remaining-posts-badge i[data-v-3dccd5da]{color:#fc0;margin-right:8px;font-size:1.5rem}.remaining-posts-badge .count[data-v-3dccd5da]{font-weight:700;font-size:1.8rem;margin-right:6px;text-shadow:0 1px 1px rgba(0,0,0,.1)}.remaining-posts-badge .post-remaining[data-v-3dccd5da]{font-size:1.2rem;margin-left:10px;color:#666}
.modalLayout .modal-dialog[data-v-27a70104]{max-width:unset !important}.modal-header-select-template[data-v-27a70104]{background-color:#1d2327 !important}@media(min-width: 1200px){.modal[data-v-27a70104]{position:fixed;top:0;left:300px;z-index:1055;display:none;width:calc(100% - 300px);height:100%;overflow-x:hidden;overflow-y:auto;outline:0}}

.preview-carousel-item[data-v-4a358aca] {
  height: 475px;
}
.preview-image[data-v-4a358aca] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #f8f8f8;
}

.no-data-found[data-v-25182ece]{text-align:center;width:100%;border-radius:10px;background-color:#f8f9fa;box-shadow:0 0 10px 0 rgba(0,0,0,.1);border:1px solid #e9ecef}.no-data-found__image[data-v-25182ece]{width:100px !important;height:80px !important;margin:0 auto;display:block}.no-data-found__text[data-v-25182ece]{color:#6c757d;font-size:1.5rem;font-weight:500;margin-top:1rem !important;margin-bottom:0}.no-data-found-wrapper[data-v-25182ece]{width:100%;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}

.w-90[data-v-1c8b55aa] {
  width: 90%;
}
textarea.form-control[data-v-1c8b55aa] {
  resize: vertical;
}
.spinner-border[data-v-1c8b55aa] {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}
.btn[data-v-1c8b55aa]:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.menu-link[data-v-0b651ed4]{position:relative !important;border-radius:0}.action-dots-item.btn[data-v-0b651ed4]{background-color:#f1f1f1 !important}.action-dots-item:hover.btn[data-v-0b651ed4],.action-dots-item.active.btn[data-v-0b651ed4]{background-color:#18c5bd !important}.action-dots-item:hover.btn i[data-v-0b651ed4],.action-dots-item.active.btn i[data-v-0b651ed4]{color:#fff !important}
.menu-link[data-v-4be5721e]:hover{background-color:var(--bs-active-primary) !important;color:var(--bs-white) !important;border-radius:0rem !important;transition:all .3s ease-in-out}
.disabled-checkbox[data-v-4c119a05]{border-color:#ccc !important;color:#ccc !important;background:#eee !important}a[data-v-4c119a05]{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay[data-v-4c119a05]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center}.image-badge[data-v-4c119a05]{background-color:#7e8399;color:#fff;font-size:9px;border-radius:50%;top:-4px;left:45px;padding:0 2px;width:17px;height:17px;display:flex;justify-content:center;align-items:center;position:absolute}.car-title-sm[data-v-4c119a05]{font-weight:500 !important;text-decoration:underline;color:#2d66b2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:16ch;cursor:pointer}.car-title-lg[data-v-4c119a05]{font-weight:500 !important;text-decoration:underline;color:#2d66b2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22ch;cursor:pointer}.action-item-title[data-v-4c119a05]{padding:8px 16px;cursor:pointer}.action-item-title[data-v-4c119a05]:hover{background-color:#18c5bd}.stat-text-style[data-v-4c119a05]{font-feature-settings:"clig" off,"liga" off;font-family:Roboto;font-size:14px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:.15px;padding:4px 12px;border-radius:6px}
.social-dashboard-body[data-v-9b9d83dc]{display:flex;flex-direction:column;justify-content:space-between;gap:10px;margin-top:30px}@media screen and (min-width: 768px){.social-dashboard-body[data-v-9b9d83dc]{flex-direction:row;flex-wrap:wrap}}.social-media-body-header[data-v-9b9d83dc]{display:flex;justify-content:space-between;width:100%;flex-direction:row;align-items:center}.header-tabs[data-v-9b9d83dc]{list-style:none;display:flex;gap:20px;margin:0}.header-tabs li span[data-v-9b9d83dc]{font-size:14px;line-height:20px;color:#000;cursor:pointer}.social-dashboard-body[data-v-9b9d83dc]{padding:2rem}.thin-text[data-v-9b9d83dc]{font-size:14px;font-weight:500;color:#363232}
.text-gray[data-v-4e07555f]{color:gray}.page-container[data-v-4e07555f]{width:80%;margin-inline:auto}.image-container img[data-v-4e07555f]{width:100%;height:370px}.social-content-hight[data-v-4e07555f]{height:370px !important}.indicator-label[data-v-4e07555f]{text-transform:capitalize}

.stat-card[data-v-0a94ce16] {
  background: #fff;
  border-radius: 16px;
  padding: 20px 16px 20px 16px;
  min-width: 100px;
  min-height: 48px;
  flex: 1 1 0;
  width: 100%;
  box-shadow: 0 2px 8px #0001;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  border: none;
  transition: box-shadow 0.2s;
}
.stat-main[data-v-0a94ce16] {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 36px;
  padding-left: 18px;
}
.stat-main[data-v-0a94ce16]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background: var(--accent, #18c5bd);
  border-radius: 4px;
}
.stat-main-content[data-v-0a94ce16] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.stat-label[data-v-0a94ce16] {
  font-size: 1.05rem;
  font-weight: 500;
  color: #888;
}
.stat-icon[data-v-0a94ce16] {
  width: 35px;
  height: 35px;
  margin-left: 6px;
  border-radius: 7px;
  padding: 3px;
}
.stat-icon[class^="bi"][data-v-0a94ce16] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--accent, #18c5bd);
  color: white;
  font-size: 1.2rem;
  width: 28px;
  height: 28px;
  padding: 2px;
}
.stat-icon img[data-v-0a94ce16] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.stat-value[data-v-0a94ce16] {
  font-size: 1.35rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 2px;
  margin-top: 0;
}
.stat-trend[data-v-0a94ce16] {
  display: flex;
  align-items: center;
  font-size: 0.95rem;
  margin-bottom: 2px;
  margin-top: 2px;
}
.stat-trend-text[data-v-0a94ce16] {
  color: #bbb;
  margin-left: 5px;
}
.stat-btn[data-v-0a94ce16] {
  background: #18c5bd;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 5px 14px;
  font-weight: 600;
  font-size: 0.95rem;
  margin-top: 4px;
  cursor: pointer;
  transition: background 0.2s;
}
.stat-btn[data-v-0a94ce16]:hover {
  background: #13a7a0;
}
@media (max-width: 900px) {
.stat-card[data-v-0a94ce16] {
    min-width: 160px;
    padding: 10px 8px 8px 8px;
}
}
@media (max-width: 600px) {
.stat-card[data-v-0a94ce16] {
    min-width: 100px;
    padding: 8px 4px 6px 4px;
    font-size: 0.95rem;
}
}


.stat-card.skeleton[data-v-79874b40] {
  background: #f6f8fa;
  border-radius: 16px;
  padding: 20px 16px 20px 16px;
  min-width: 100px;
  min-height: 48px;
  flex: 1 1 0;
  width: 100%;
  box-shadow: 0 2px 8px #0001;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  border: none;
  transition: box-shadow 0.2s;
  opacity: 0.7;
}
.skeleton-label[data-v-79874b40],
.skeleton-value[data-v-79874b40],
.skeleton-icon[data-v-79874b40] {
  background: #e0e0e0;
  border-radius: 6px;
  margin-bottom: 8px;
  animation: skeleton-loading-79874b40 1.2s infinite linear alternate;
}
.skeleton-label[data-v-79874b40] {
  width: 60px;
  height: 14px;
  margin-bottom: 6px;
}
.skeleton-value[data-v-79874b40] {
  width: 40px;
  height: 20px;
}
.skeleton-icon[data-v-79874b40] {
  width: 24px;
  height: 24px;
  margin-left: 8px;
}
@keyframes skeleton-loading-79874b40 {
0% {
    background-color: #e0e0e0;
}
100% {
    background-color: #f5f5f5;
}
}
.stat-main[data-v-79874b40] {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 36px;
  padding-left: 18px;
}
.stat-main-content[data-v-79874b40] {
  display: flex;
  flex-direction: column;
  flex: 1;
}


.dashboard-stats-row[data-v-2f63029a] {
  display: flex;
  gap: 18px;
  /* margin-bottom: 24px; */
  width: 100%;
  flex-wrap: wrap;
}
@media (max-width: 900px) {
.dashboard-stats-row[data-v-2f63029a] {
    gap: 12px;
}
}
@media (max-width: 600px) {
.dashboard-stats-row[data-v-2f63029a] {
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
}
.dashboard-header[data-v-2f63029a] {
  display: flex;
  justify-content: flex-end;
  /* margin-bottom: 20px; */
}