:root {--body-font-family: Poppins, Helvetica, "sans-serif";--body-bg-color: #f0f2f5;--body-bg-color-dark: #1E252B;--body-color: #111;--body-color-dark: #c1d4e3;--link-color: #5e72e4;--header-bg-color: #fff;--header-bg-color-dark: #262D34;--card-dark-color: #262D34;--card-dark-divider: #2e3f4d;--card-dark-hover: #2b3843;--card-dark-input: #1e252b;--card-dark-input-color: #eaeaea;--plyr-color-main: #5e72e4;}body {font-family: var(--body-font-family);padding-top: 70px;font-size: 15px;color: var(--body-color);background-color: var(--body-bg-color);position: relative;}body.night-mode {color: var(--body-color-dark);background-color: var(--body-bg-color-dark);}body.n_activated, body.n_live {padding-top: 120px;}ul {margin: 0;padding: 0;list-style: none;}a {color: var(--link-color);text-decoration: none;}a:hover {text-decoration: none;}pre {padding: 15px;font-size: 13px;word-break: break-all;word-wrap: break-word;background-color: #f7f7f7;border: 1px solid #dbdbdb;border-radius: 4px;}body.night-mode pre {color: var(--body-color-dark);background-color: var(--card-dark-input);border-color: var(--card-dark-divider);}.header-icon, .header-icon * {color: #111 ! important;fill: #111 ! important;}body.night-mode .header-icon, body.night-mode .header-icon * {color: #c1d4e3 ! important;fill: #c1d4e3 ! important;}.header-icon.active, .header-icon.active *, body.night-mode .header-icon.active, body.night-mode .header-icon.active * {color: var(--link-color) ! important;fill: var(--link-color) ! important;}.main-icon, .main-icon *, .x-form-tools {color: #5e72e4 ! important;fill: #5e72e4 ! important;}body.night-mode .main-icon, body.night-mode .main-icon *, body.night-mode .x-form-tools {color: #5e72e4 ! important;fill: #5e72e4 ! important;}.action-icon, .action-icon * {color: #111 ! important;fill: #111 ! important;}body.night-mode .action-icon, body.night-mode .action-icon * {color: #c1d4e3 ! important;fill: #c1d4e3 ! important;}.white-icon, .white-icon * {color: #fff ! important;fill: #fff ! important;}.danger-icon, .danger-icon * {color: #cb2027 ! important;fill: #cb2027 ! important;}.svg-container {display: inline-block;}.svg-container svg {width: inherit !important;height: inherit !important;}.custom-scrollbar ::-webkit-scrollbar {visibility: hidden;height: 8px;width: 8px;}.custom-scrollbar ::-webkit-scrollbar-thumb {visibility: hidden;border-radius: 4px;background: #808080;}.custom-scrollbar:hover ::-webkit-scrollbar, .custom-scrollbar:hover ::-webkit-scrollbar-thumb {visibility: visible;}.tooltip-inner {font-family: var(--body-font-family);white-space: nowrap;max-width: none;}body.night-mode .text-muted {color: #798ea4 !important;}.badge.badge-lg {font-size: 100%;}body.night-mode .img-thumbnail {background: var(--card-dark-color);border-color: var(--card-dark-divider);}.packages-permissions .list-group-item {border-width: 0 0 1px 0;}body.night-mode .list-group-item {background: var(--card-dark-color);border-color: var(--card-dark-divider);color: var(--body-color-dark);}.nav-link {color: var(--link-color);}.nav-pills.nav-search .nav-item, .nav-pills.nav-started .nav-item {margin-right: 10px;margin-bottom: 10px;}.nav-pills.nav-search .nav-item:last-child, .nav-pills.nav-started .nav-item:last-child {margin-right: 0;}.nav-pills.nav-search .nav-link:not(.active) {background: #fff;}.nav-pills.nav-started .nav-link {padding-top: 15px;padding-bottom: 15px;}.nav-pills.nav-started .nav-link:not(.active) {background: #f3f3f3;}body.night-mode .nav-pills.nav-search .nav-link:not(.active), body.night-mode .nav-pills.nav-started .nav-link:not(.active) {background: var(--card-dark-color);color: #fff;}body.night-mode .nav-pills.nav-search .nav-link:not(.active):hover, body.night-mode .nav-pills.nav-started .nav-link:not(.active):hover {background: var(--card-dark-hover);}body.night-mode .nav-tabs {border-bottom-color: var(--card-dark-divider);}body.night-mode .nav-tabs .nav-item.show .nav-link, body.night-mode .nav-tabs .nav-link.active {color: var(--body-color-dark);border-color: var(--card-dark-divider);background-color: var(--card-dark-divider);}body.night-mode .nav-tabs .nav-link:not(.active):hover {border-color: var(--card-dark-divider);}.dropdown {outline: none;}.dropdown-item.active, .dropdown-item:active {background-color: var(--link-color);}.dropdown-divider {border-color: #f4f4f4;margin-left: 20px;margin-right: 20px;}.dropdown-menu {min-width: 260px;border: 0;box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;}body.night-mode .dropdown-menu {color: var(--body-color-dark);background: var(--header-bg-color-dark);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);}.dropdown-menu .dropdown-item {font-size: 15px;padding: 12px 26px;}body.night-mode .dropdown-item {color: var(--body-color-dark);}body.night-mode .dropdown-item:focus, body.night-mode .dropdown-item:hover {color: var(--body-color-dark);background-color: var(--card-dark-hover);}body.night-mode .dropdown-divider {border-top-color: var(--card-dark-divider);}.modal {z-index: 99999;}body.night-mode .modal-content {background-color: var(--card-dark-color);}body.night-mode .modal-header, body.night-mode .modal-footer {border-color: var(--card-dark-divider);}.modal-header.with-nav {padding-bottom: 0;border-bottom: 0;}.alert {padding: 16px 24px;border-radius: 16px;}.alert-link:hover {text-decoration: underline;}.alert-dismissible {padding-right: 72px;}.alert-primary {color: #fff;border-color: #7889e8;background-color: #7889e8;}.alert-primary hr {border-top-color: #6276e4;}.alert-secondary {color: #212529;border-color: #f6f7f8;background-color: #f6f7f8;}.alert-secondary hr {border-top-color: #e8eaed;}.alert-success {color: #fff;border-color: #4fd69c;background-color: #4fd69c;}.alert-success hr {border-top-color: #3ad190;}.alert-info {color: #fff;border-color: #37d5f2;background-color: #37d5f2;}.alert-info hr {border-top-color: #1fd0f0;}.alert-warning {color: #fff;border-color: #fc7c5f;background-color: #fc7c5f;}.alert-warning hr {border-top-color: #fc6846;}.alert-danger {color: #fff;border-color: #f75676;background-color: #f75676;}.alert-danger hr {border-top-color: #f63e62;}.alert-light {color: #fff;border-color: #bac1c8;background-color: #bac1c8;}.alert-light hr {border-top-color: #acb4bd;}.alert-dark {color: #fff;border-color: #45484b;background-color: #45484b;}.alert-dark hr {border-top-color: #393b3e;}.alert-post {background: #f8f9fa;color: var(--link-color);font-weight: 600;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}body.night-mode .alert-post {background: var(--card-dark-hover);}.alert-chat {background: #f4f4f4;width: 75%;padding: 15px 25px !important;margin: 0 auto !important;color: #555;border-top-left-radius: 0px;border-top-right-radius: 0px;}body.night-mode .alert-chat {background: var(--card-dark-input);}.alert .title {padding-bottom: 8px;margin-bottom: 10px;font-weight: 600;border-bottom: 1px solid #00000012;}.alert .icon {display: table-cell;vertical-align: middle;padding-right: 10px;}.alert .text {display: table-cell;vertical-align: top;text-align: left;}.btn {font-size: 13px;font-weight: 600;padding: 1rem 2.5rem;white-space: nowrap;box-shadow: none !important;}.btn.focus, .btn:focus {outline: 0;box-shadow: none;}.btn.disabled, .btn:disabled {box-shadow: none;}.btn-lg, .btn-group-lg>.btn {font-size: 14px;padding: 16px 96px;}.btn-md, .btn-group-md>.btn {font-size: 12px;padding: 0.75rem 1.85rem;}.btn-sm, .btn-group-sm>.btn {font-size: 11px;padding: 8px 26px;}.btn-icon {padding: 12px 14px;}.btn-lg.btn-icon {padding: 19px 22px;}.btn-md.btn-icon {padding: 20px;}.btn-sm.btn-icon {padding: 5px 8px;}.btn-primary, .btn-primary.disabled, .btn-primary:disabled, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {color: #fff;border-color: #5e72e4;background-color: #5e72e4;}.btn-primary {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);}.btn-primary:hover {color: #fff;border-color: #4d61cf;background-color: #4d61cf;}.btn-primary.focus, .btn-primary:focus {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(94, 114, 228, 0.5);}.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {box-shadow: none;}.btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {color: #212529;border-color: #f7fafc;background-color: #f7fafc;}.btn-secondary {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);}.btn-secondary:hover {color: #212529;border-color: #f1f4f6;background-color: #f1f4f6;}.btn-secondary.focus, .btn-secondary:focus {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(247, 250, 252, 0.5);}.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {box-shadow: none;}body.night-mode .btn-secondary {color: #f1f1f1;border-color: #262d34;background-color: #262d34;}.btn-success, .btn-success.disabled, .btn-success:disabled, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {color: #fff;border-color: #2dce89;background-color: #2dce89;}.btn-success {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);}.btn-success:hover {color: #fff;border-color: #2bc080;background-color: #2bc080;}.btn-success.focus, .btn-success:focus {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(45, 206, 137, 0.5);}.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {box-shadow: none;}.btn-info, .btn-info.disabled, .btn-info:disabled, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {color: #fff;border-color: #11cdef;background-color: #11cdef;}.btn-info {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);}.btn-info:hover {color: #fff;border-color: #10bede;background-color: #10bede;}.btn-info.focus, .btn-info:focus {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(17, 205, 239, 0.5);}.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {box-shadow: none;}.btn-warning, .btn-warning.disabled, .btn-warning:disabled, .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {color: #fff;border-color: #fb6340;background-color: #fb6340;}.btn-warning {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);}.btn-warning:hover {color: #fff;border-color: #f0603f;background-color: #f0603f;}.btn-warning.focus, .btn-warning:focus {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(251, 99, 64, 0.5);}.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus {box-shadow: none;}.btn-danger, .btn-danger.disabled, .btn-danger:disabled, .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {color: #fff;border-color: #f5365c;background-color: #f5365c;}.btn-danger {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);}.btn-danger:hover {color: #fff;border-color: #eb3357;background-color: #eb3357;}.btn-danger.focus, .btn-danger:focus {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(245, 54, 92, 0.5);}.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus {box-shadow: none;}.btn-light, .btn-light.disabled, .btn-light:disabled, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {color: #363853;border-color: #f2f2f2;background-color: #f2f2f2;}.btn-light {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);}.btn-light:hover {color: #fff;border-color: #a5adb4;background-color: #a5adb4;}.btn-light.focus, .btn-light:focus {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(173, 181, 189, 0.5);}.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {box-shadow: none;}.btn-dark, .btn-dark.disabled, .btn-dark:disabled, .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle {color: #fff;border-color: #212529;background-color: #212529;}.btn-dark {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);}.btn-dark:hover {color: #fff;border-color: #212529;background-color: #212529;}.btn-dark.focus, .btn-dark:focus {box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(33, 37, 41, 0.5);}.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus {box-shadow: none;}.btn-link {font-weight: 400;color: var(--link-color);background-color: transparent;}.btn-link:hover {text-decoration: none;color: #233dd2;border-color: transparent;background-color: transparent;}.btn-link.focus, .btn-link:focus {text-decoration: none;border-color: transparent;box-shadow: none;}.btn-link.disabled, .btn-link:disabled {pointer-events: none;color: #8898aa;}.btn-outline-primary {color: #5e72e4;border-color: #5e72e4;background-color: transparent;background-image: none;}.btn-outline-primary:hover {color: #fff;border-color: #5e72e4;background-color: #5e72e4;}.btn-outline-primary.focus, .btn-outline-primary:focus {box-shadow: 0 0 0 0 rgba(94, 114, 228, 0.5);}.btn-outline-primary.disabled, .btn-outline-primary:disabled {color: #5e72e4;background-color: transparent;}.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {color: #fff;border-color: #5e72e4;background-color: #5e72e4;}.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {box-shadow: 0 0 0 0 rgba(94, 114, 228, 0.5);}.btn-outline-secondary {color: #f7fafc;border-color: #f7fafc;background-color: transparent;background-image: none;}.btn-outline-secondary:hover {color: #212529;border-color: #f7fafc;background-color: #f7fafc;}.btn-outline-secondary.focus, .btn-outline-secondary:focus {box-shadow: 0 0 0 0 rgba(247, 250, 252, 0.5);}.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {color: #f7fafc;background-color: transparent;}.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {color: #212529;border-color: #f7fafc;background-color: #f7fafc;}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 0 rgba(247, 250, 252, 0.5);}.btn-outline-success {color: #2dce89;border-color: #2dce89;background-color: transparent;background-image: none;}.btn-outline-success:hover {color: #fff;border-color: #2dce89;background-color: #2dce89;}.btn-outline-success.focus, .btn-outline-success:focus {box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.5);}.btn-outline-success.disabled, .btn-outline-success:disabled {color: #2dce89;background-color: transparent;}.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {color: #fff;border-color: #2dce89;background-color: #2dce89;}.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus {box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.5);}.btn-outline-info {color: #11cdef;border-color: #11cdef;background-color: transparent;background-image: none;}.btn-outline-info:hover {color: #fff;border-color: #11cdef;background-color: #11cdef;}.btn-outline-info.focus, .btn-outline-info:focus {box-shadow: 0 0 0 0 rgba(17, 205, 239, 0.5);}.btn-outline-info.disabled, .btn-outline-info:disabled {color: #11cdef;background-color: transparent;}.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle {color: #fff;border-color: #11cdef;background-color: #11cdef;}.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus {box-shadow: 0 0 0 0 rgba(17, 205, 239, 0.5);}.btn-outline-warning {color: #fb6340;border-color: #fb6340;background-color: transparent;background-image: none;}.btn-outline-warning:hover {color: #fff;border-color: #fb6340;background-color: #fb6340;}.btn-outline-warning.focus, .btn-outline-warning:focus {box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.5);}.btn-outline-warning.disabled, .btn-outline-warning:disabled {color: #fb6340;background-color: transparent;}.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle {color: #fff;border-color: #fb6340;background-color: #fb6340;}.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus {box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.5);}.btn-outline-danger {color: #f5365c;border-color: #f5365c;background-color: transparent;background-image: none;}.btn-outline-danger:hover {color: #fff;border-color: #f5365c;background-color: #f5365c;}.btn-outline-danger.focus, .btn-outline-danger:focus {box-shadow: 0 0 0 0 rgba(245, 54, 92, 0.5);}.btn-outline-danger.disabled, .btn-outline-danger:disabled {color: #f5365c;background-color: transparent;}.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle {color: #fff;border-color: #f5365c;background-color: #f5365c;}.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus {box-shadow: 0 0 0 0 rgba(245, 54, 92, 0.5);}.btn-outline-light {color: #adb5bd;border-color: #adb5bd;background-color: transparent;background-image: none;}.btn-outline-light:hover {color: #fff;border-color: #adb5bd;background-color: #adb5bd;}.btn-outline-light.focus, .btn-outline-light:focus {box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5);}.btn-outline-light.disabled, .btn-outline-light:disabled {color: #adb5bd;background-color: transparent;}.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle {color: #fff;border-color: #adb5bd;background-color: #adb5bd;}.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light.dropdown-toggle:focus {box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5);}.btn-outline-dark {color: #212529;border-color: #212529;background-color: transparent;background-image: none;}.btn-outline-dark:hover {color: #fff;border-color: #212529;background-color: #212529;}.btn-outline-dark.focus, .btn-outline-dark:focus {box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5);}.btn-outline-dark.disabled, .btn-outline-dark:disabled {color: #212529;background-color: transparent;}.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {color: #fff;border-color: #212529;background-color: #212529;}.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus {box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5);}.btn-rounded {border: 0 !important;border-radius: 50%;}.btn-delete:hover {color: #fff;border-color: #eb3357;background-color: #eb3357;}.btn-delete:hover .fa:before {content: "\f1f8";}.btn-payment {background: #f7f7f7;}.btn-payment:hover {background: #f1f1f1;}body.night-mode .btn-payment {background: var(--card-dark-input);}body.night-mode .btn-payment:hover {background: var(--card-dark-hover);}.btn-voice-start, .btn-voice-stop {display: inline-block;padding: 4px 14px;background: #007bff;color: #fff;cursor: pointer;border-radius: 18px;}.btn-voice-stop {background: red;}.btn-chat {background: #fff;padding: 15px;}body.night-mode .btn-chat {background: var(--card-dark-color);}.btn-chat:hover {background: #f7f7f7;}body.night-mode .btn-chat:hover {background: var(--card-dark-hover);}.btn-icon-social {display: inline-block;background: #fbfbfb;width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 50%;}body.night-mode .btn-icon-social {background: var(--card-dark-hover);}.btn-icon-social:hover {background: #f7f7f7;}body.night-mode .btn-icon-social:hover {background: var(--card-dark-color);}.btn-social {border-radius: 14px;border: 2px solid #EFEFEF;padding: 10px 18px;gap: 14px;font-size: 14px;font-weight: 500;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}.btn-social:hover {background-color: #EFEFEF;}body.night-mode .btn-social {border-color: #444a4c;color: #fff;}body.night-mode .btn-social:hover {background-color: #444a4c;}body.night-mode .form-text {color: var(--body-color-dark);}.form-group {margin-bottom: 15px;}.form-control, .form-select, .input-group-text {padding: .85rem 1.5rem;}body.night-mode .form-control, body.night-mode .form-select, body.night-mode .input-group-text {background-color: var(--card-dark-input);border-color: var(--card-dark-divider);color: var(--card-dark-input-color);}body.night-mode .form-control::placeholder, body.night-mode .form-select::placeholder {color: #72879a;}body.night-mode .form-control::-webkit-input-placeholder, body.night-mode .form-select::-webkit-input-placeholder {color: #72879a;}body.night-mode .form-control::-moz-placeholder, body.night-mode .form-select::-moz-placeholder {color: #72879a;}body.night-mode .input-group-text::placeholder {color: #72879a;}body.night-mode .input-group-text::-webkit-input-placeholder {color: #72879a;}body.night-mode .input-group-text::-moz-placeholder {color: #72879a;}.form-control:focus, .form-select:focus {box-shadow: none;}.form-label {font-weight: 600;color: #525f7f;}body.night-mode .form-label {color: var(--body-color-dark);}body.night-mode .form-control-plaintext {color: var(--body-color-dark);}.input-group .btn {padding-top: 9px;padding-bottom: 9px;}.form-check-label {padding-top: 2px;}.form-table-row {display: flex;margin-bottom: 30px;}.form-table-row.disabled {opacity: 0.5;}.form-table-row>div {flex: 1;}.form-table-row>div:last-child {flex-basis: auto;flex-grow: 0;margin-left: 10px;}.form-table-row>div.avatar {flex-basis: auto;flex-grow: 0;margin-right: 10px;}.input-money {position: relative;}.input-money span {font-size: 20px;position: absolute;top: 15px;left: 0;width: 45px;text-align: center;}.input-money.right span {left: auto;right: 0;}.input-money input {font-size: 40px;line-height: 40px;font-family: opensanslight;margin: 0;padding: 10px;padding-left: 45px;height: 60px;outline: 0;}.input-money.right input {padding-left: 10px;padding-right: 45px;}.card {border: 0 none;border-radius: 16px;margin-bottom: 20px;}body.night-mode .card {background: var(--card-dark-color);color: var(--body-color-dark);}.card-header {border: 0 none;padding: 16px;border-radius: 16px 16px 0 0 !important;}.card-footer {border-radius: 0 0 16px 16px !important;border: 0 none;}.card-header.with-icon {padding: 30px;}.card-header.with-nav {padding-bottom: 0;border-bottom: 0;}@media (min-width: 768px) {.card-header.with-icon {font-size: 16px;font-weight: 600;}}.card-header.block-title {font-size: 9px;font-weight: 600;text-transform: uppercase;padding: 10px 35px;background: transparent;}.card-body.with-nav, .card-body.with-list, .card-body.with-form {padding: 10px;}.divider, .card-body .divider, .modal-body .divider {border-top: 1px solid #e6ecf5;margin: 25px 0;}.divider.dashed, .card-body .divider.dashed, .modal-body .divider.dashed {border-top-style: dashed;}body.night-mode .divider, body.night-mode .card-body .divider, body.night-mode .modal-body .divider {border-color: var(--card-dark-divider);}@media (min-width: 768px) {.card-body.page-content {padding: 30px;}.card-body.static-page-content {padding: 50px;}}.card-pricing {border: 1px solid #f4f4f4;}.card-pricing .icon {max-width: 42px;border: 1px solid #f4f4f4;padding: 4px;border-radius: 16px;}body.night-mode .card-pricing .icon {border-color: var(--card-dark-divider);}.card-pricing .price {font-weight: 700;}body.night-mode .card-pricing, body.night-mode .card-pricing .list-group-item {border-color: var(--card-dark-divider);}.card-footer-fake {text-align: right;padding: 0.75rem 1rem;background-color: rgba(0, 0, 0, 0.03);margin: 1rem -1rem -1rem;border-radius: 0 0 16px 16px;}.bg-gradient-primary {color: #fff !important;background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;}.bg-primary {color: #fff !important;background: #5e72e4 !important;}.bg-gradient-secondary {background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important;}.bg-gradient-success {color: #fff !important;background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;}.bg-gradient-info {color: #fff !important;background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;}.bg-gradient-warning {color: #fff !important;background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;}.bg-gradient-danger {color: #fff !important;background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;}.bg-gradient-light {background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;}.bg-gradient-dark {color: #eee;background: linear-gradient(87deg, #212529 0, #212229 100%) !important;}.bg-gradient-default {color: #eee;background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;}.bg-gradient-white {background: linear-gradient(87deg, #fff 0, #fff 100%) !important;}.bg-gradient-neutral {background: linear-gradient(87deg, #fff 0, #fff 100%) !important;}.bg-gradient-darker {color: #eee;background: linear-gradient(87deg, #000 0, #000 100%) !important;}.bg-gradient-blue {color: #fff !important;background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;}.bg-gradient-indigo {color: #fff !important;background: linear-gradient(87deg, #5603ad 0, #9d03ad 100%) !important;}.bg-indigo {color: #fff !important;background: #5603ad !important;}.bg-gradient-purple {color: #fff !important;background: linear-gradient(87deg, #8965e0 0, #bc65e0 100%) !important;}.bg-gradient-pink {color: #fff !important;background: linear-gradient(87deg, #f3a4b5 0, #f3b4a4 100%) !important;}.bg-gradient-red {color: #fff !important;background: linear-gradient(87deg, #f5365c 0, #aa2b07 100%) !important;}.bg-red {color: #fff !important;background: #f5365c !important;}.bg-gradient-orange {color: #fff !important;background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;}.bg-gradient-yellow {color: #666;background: linear-gradient(87deg, #ffd600 0, #beff00 100%) !important;}.bg-gradient-green {color: #fff !important;background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;}.bg-gradient-teal {color: #fff !important;background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;}.bg-teal {color: #fff !important;background: #1171ef !important;}.bg-gradient-cyan {color: #fff !important;background: linear-gradient(87deg, #009688 0, #26b8ab 100%) !important }.bg-gradient-white {color: #000 !important;background: linear-gradient(87deg, #fff 0, #fff 100%) !important;}.bg-gradient-gray {color: #fff !important;background: linear-gradient(87deg, #8898aa 0, #888aaa 100%) !important;}.bg-gradient-gray-dark {color: #fff !important;background: linear-gradient(87deg, #32325d 0, #44325d 100%) !important;}.bg-gradient-light {color: #000 !important;background: linear-gradient(87deg, #ced4da 0, #cecfda 100%) !important;}.bg-gradient-lighter {color: #000 !important;background: linear-gradient(87deg, #e9ecef 0, #e9eaef 100%) !important;}.bs-callout {background: #fff;padding: 20px;margin: 20px 0;border-left: 5px solid #eee;border-radius: 3px;}body.night-mode .bs-callout {background: var(--card-dark-input);}.bs-callout h4 {margin-top: 0;margin-bottom: 5px;}.bs-callout p:last-child {margin-bottom: 0;}.bs-callout code {border-radius: 3px;}.bs-callout+.bs-callout {margin-top: -5px;}.bs-callout-default {border-left-color: #777;}.bs-callout-default h4 {color: #777;}.bs-callout-primary {border-left-color: #428bca;}.bs-callout-primary h4 {color: #428bca;}.bs-callout-success {border-left-color: #5cb85c;}.bs-callout-success h4 {color: #5cb85c;}.bs-callout-danger {border-left-color: #d9534f;background: #fff1f0;}.bs-callout-danger h4 {color: #d9534f;}.bs-callout-warning {border-left-color: #f0ad4e;background: #fdf5e9;}.bs-callout-warning h4 {color: #f0ad4e;}.bs-callout-info {border-left-color: #5bc0de;}.bs-callout-info h4 {color: #5bc0de;}.bootstrap-select:not(.input-group-btn) {height: 100%;}.bootstrap-select .dropdown-toggle .filter-option {display: inline-block !important;position: static !important;padding: 0 !important;}.bootstrap-select .btn-outline-light {color: #495057;border-color: #ddd;}.bootstrap-select .option .icon {display: table-cell;vertical-align: middle;padding-right: 10px;}.bootstrap-select .option .text {display: table-cell;vertical-align: top;text-align: left;}div.mce-fullscreen {z-index: 99999;}.ui-autocomplete {position: absolute;top: 0;left: 0;cursor: default;z-index: 9999;}.ui-widget-content {background: #fff;color: #444;z-index: 99999;padding: 10px;border-radius: 0 0 3px 3px;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);}body.night-mode .ui-widget-content {background: var(--header-bg-color-dark);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);}.ui-menu-item {position: relative;margin: 0;padding: 5px 0;border-radius: 3px;cursor: pointer;}.ui-menu-item:hover {background: #efefef;}body.night-mode .ui-menu-item:hover {background: #424242;}.ui-menu-item a {color: #444;}body.night-mode .ui-menu-item a {color: #e5e5e5;}.ui-menu-item img {width: 30px;margin: 5px;border-radius: 50%;}.ui-menu-item span {font-size: 13px;}.ui-helper-hidden-accessible {display: none;}.tagify {width: 100%;}body.night-mode .tagify {border-color: var(--card-dark-divider);color: var(--body-color-dark);}body.night-mode .tagify__dropdown, body.night-mode .tagify__dropdown__wrapper {background-color: var(--card-dark-input);border-color: var(--card-dark-divider);}body.night-mode .tagify__dropdown__item--active {background-color: var(--card-dark-input);}.tagify__dropdown {z-index: 99999 !important;}.cc-window.cc-floating {border-radius: 10px;}.table>:not(caption)>*>* {padding: .875rem .875rem;}.tagify {border-radius: var(--bs-border-radius);}.plyr.fluid-video.non-fullscreen .plyr__video-wrapper {max-height: calc(100vh - 350px);width: auto;height: auto;max-width: 100%;overflow: hidden;}.plyr.fluid-video.non-fullscreen .plyr__video-wrapper video {max-height: calc(100vh - 350px);}.plyr.fluid-video.fullscreen .plyr__video-wrapper {max-height: 100%;height: 100%;width: 100%;}.plyr.fluid-video.fullscreen .plyr__video-wrapper video {max-height: 100%;}.ql-bubble .ql-tooltip {z-index: 99999 !important;}.ql-editor {font-size: 16px !important;line-height: 24px !important;padding: 4px 0px !important;direction: ltr !important;text-align: left !important;}.ql-editor.ql-blank::before {font-family: var(--body-font-family) !important;left: 0 !important;font-style: normal !important;font-size: 16px !important;}body.night-mode .ql-editor {color: #fff !important;}body.night-mode .ql-editor.ql-blank::before {color: #c0c0c0 !important;}.ql-mention-list-container {background: #fff;color: #333;z-index: 99999 !important;padding: 6px !important;border-radius: 12px !important;box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.06) !important;border: none !important;min-width: 240px;max-width: min(320px, calc(100vw - 24px)) !important;max-height: min(280px, 50vh) !important;overflow-x: hidden !important;-webkit-overflow-scrolling: touch !important;}body.night-mode .ql-mention-list-container {background: var(--header-bg-color-dark);color: #e8e8e8;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.08);}.ql-mention-list {list-style: none;margin: 0;padding: 0;}.ql-mention-list-item {position: relative;margin: 0;padding: 0 !important;border-radius: 8px;cursor: pointer;display: flex;align-items: stretch;color: inherit;font-size: 13px;line-height: 1.25;transition: background-color 0.12s ease;}body.night-mode .ql-mention-list-item {color: #e5e5e5;}.ql-mention-list-item.selected {background: rgba(0, 0, 0, 0.06);text-decoration: none;}body.night-mode .ql-mention-list-item.selected {background: rgba(255, 255, 255, 0.08);}body.night-mode .ql-editor .mention {background-color: #090b0d;}.publisher-mention-item {display: flex;align-items: center;gap: 10px;width: 100%;min-width: 0;padding: 8px 10px;border-radius: 8px;}.publisher-mention-item__avatar {flex-shrink: 0;}.publisher-mention-item__img, .ql-mention-list-item img {width: 30px;height: 30px;border-radius: 50%;object-fit: cover;display: block;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);}body.night-mode .publisher-mention-item__img, body.night-mode .ql-mention-list-item img {box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);}.publisher-mention-item__body {min-width: 0;flex: 1;display: flex;flex-direction: column;justify-content: center;gap: 2px;}.mention-item-label, .publisher-mention-item__name {font-weight: 600;font-size: 0.9375rem;line-height: 1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.publisher-hashtag-item {display: flex;align-items: center;width: 100%;min-width: 0;padding: 8px 10px;border-radius: 8px;}.publisher-hashtag-item__body {min-width: 0;flex: 1;display: flex;flex-direction: column;justify-content: center;}#cc-main {font-family: var(--body-font-family) !important;}.main-wrapper {width: 100%;min-width: 260px;}.top-bar {position: fixed;top: 0;left: 0;right: 0;height: 50px;font-size: 13px;line-height: 50px;background: #fff2cc;color: #333;z-index: 1001;}@media (min-width: 768px) {.top-bar .col-sm-5 {text-align: right;}}.top-bar.danger {background: #ce3426;color: #fff;}.top-bar.danger a {color: #fff200;}.top-bar.danger a:hover {text-decoration: underline;}.bottom-bar {position: fixed;bottom: 10px;left: 50%;transform: translate(-50%, 0);z-index: 1001;}.logged-as-container {background: rgb(93 114 228 / 100%);padding: 20px 40px;border-radius: 16px;color: #fff;}.logged-as-container a {color: #fff200;}.main-header {position: fixed;top: 0;left: 0;right: 0;height: 70px;background: var(--header-bg-color);z-index: 1001;}body.night-mode .main-header {background: var(--header-bg-color-dark);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}body.modal-open .main-header, body.modal-open .top-bar {padding-right: 17px !important;}@media (min-width: 768px) {body.modal-open:not(.n_chat) .main-header, body.modal-open:not(.n_chat) .top-bar {padding-right: 74px !important;}}@media (min-width: 1200px) {.main-wrapper, .top-bar, .main-header {padding-right: 75px;}body.n_chat .main-wrapper, body.n_chat .top-bar, body.n_chat .main-header {padding-right: 0;}}body.n_activated .main-header, body.n_live .main-header {top: 50px;}.main-header .logo-wrapper {position: relative;padding-left: 48px;height: 70px;overflow: hidden;word-break: break-all;}@media (min-width: 768px) {.main-header .logo-wrapper {padding-left: 0;}}.main-header .logo {display: block;font-size: 32px;font-weight: 600;line-height: 70px;opacity: 1;}.main-header img.logo-light {display: inline-block;}body.night-mode .main-header img.logo-light {display: none;}.main-header img.logo-dark {display: none;}body.night-mode .main-header img.logo-dark {display: inline-block;}.main-header .logo:hover {opacity: 0.8;text-decoration: none;}.main-header .logo img {max-height: 50px;}.main-header .menu-icon {position: absolute;top: 10px;left: 0;display: block;text-align: center;color: #fff;height: 50px;padding: 15px 14px;line-height: 100%;border-radius: 4px;}.main-header .menu-icon:hover {background-color: rgba(255, 255, 255, 0.1);}.main-header .search-wrapper {position: relative;}.main-header .search-input-icon {position: absolute;top: 10px;right: 12px;}.main-header .search-wrapper .form-control {height: 44px;margin-top: 13px;margin-bottom: 8px;padding-right: 34px;box-shadow: none;background: #f2f2f2;border: 0 none;border-radius: 8px;color: #222;font-size: 16px;}body.night-mode .main-header .search-wrapper .form-control {background: var(--body-bg-color-dark);color: var(--body-color-dark);}.main-header .search-wrapper .form-control::placeholder {color: #999999;}.main-header .search-wrapper .form-control::-webkit-input-placeholder {color: #999999;}.main-header .search-wrapper .form-control:-moz-placeholder {color: #999999;opacity: 1;}body.night-mode .main-header .search-wrapper .form-control::placeholder {color: #72879a;}body.night-mode .main-header .search-wrapper .form-control::-webkit-input-placeholder {color: #72879a;}body.night-mode .main-header .search-wrapper .form-control:-moz-placeholder {color: #72879a;opacity: 1;}.navbar-wrapper>ul {display: flex;}.navbar-wrapper>ul>li {flex: 1;text-align: center;margin: 0 2px;}.navbar-wrapper>ul>li.mini-search {flex: 4;}.navbar-wrapper>ul>li>a {position: relative;display: block;text-align: center;height: 50px;margin-top: 10px;padding: 0 10px;line-height: 50px;border-radius: 8px;}.navbar-wrapper>ul>li>a:hover {background-color: rgb(160 160 160 / 10%);}body.night-mode .navbar-wrapper>ul>li>a:hover {background-color: rgb(234 234 234 / 10%);}.navbar-wrapper>ul>li.dropdown.show>a {background-color: rgba(255, 255, 255, 0.1);}body.night-mode .navbar-wrapper>ul>li.dropdown.show>a {background-color: #494c62;}.navbar-wrapper .counter {position: absolute;top: 5px;right: 0;padding: 2px 4px;color: #fff;font-size: 10px;line-height: 14px;font-weight: 600;border-radius: 3px;}.navbar-wrapper .counter.red {background: #ff5e3a;}.navbar-wrapper .counter.blue {background: #38a9ff;}.navbar-wrapper .counter.purple {background: #7c5ac2;}.user-menu>img {display: inline-block;margin-top: -5px;height: 20px;width: 20px;border-radius: 50%;}@media (min-width: 768px) {.user-menu>img {height: 25px;width: 25px;}}.main-header .user-menu .title {display: none;}.footer-bottom-bar .user-menu.dropdown-toggle::after {content: none;}.navbar-wrapper>ul>li.dropdown {position: static;}@media (min-width: 768px) {.navbar-wrapper>ul>li.dropdown {position: relative;}}.dropdown-widget {width: 100%;padding-bottom: 0;padding-top: 0;}.dropdown-widget-header {padding: 12px;font-size: 11px;border-bottom: 1px solid #f4f4f4;}body.night-mode .dropdown-widget-header {border-color: var(--card-dark-divider);}.dropdown-widget-header .title {font-size: 16px;line-height: 22px;font-weight: 500;}.dropdown-widget-header a:hover {text-decoration: underline;}.dropdown-widget-body {padding: 0;font-size: 12px;}.dropdown-widget-body .title {border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;color: #9a9fbf;padding: 8px;display: block;font-size: 11px;font-weight: 600;line-height: 16px;}body.night-mode .dropdown-widget-body .title {border-color: var(--card-dark-divider);}.dropdown-widget-footer {display: block;padding: 10px 0;border-top: 1px solid #f4f4f4;border-bottom: 0 none;text-align: center;font-size: 13px;}body.night-mode .dropdown-widget-footer {border-color: var(--card-dark-divider);}.dropdown-widget-footer:hover {text-decoration: underline;}@media (min-width: 768px) {.dropdown-widget {min-width: 380px !important;}.dropdown-widget.dropdown-search {border-radius: 0.375rem;}}.no-data {padding: 8px 20px;background: #f7f7f7;border-radius: 10px;font-weight: 500;}body.night-mode .no-data {background: var(--card-dark-input);}.payment-plans {display: flex;flex-wrap: wrap;gap: 10px;}.payment-plan {flex-basis: 100%;background: #f9f9f9;padding: 15px 30px;border-radius: 16px;}@media (min-width: 1400px) {.payment-plan {flex-basis: 49%;}.payment-plan.full {flex-basis: 100%;}}body.night-mode .payment-plan {background: var(--card-dark-input);}.payment-plan.new {display: flex;align-items: center;justify-content: center;color: var(--link-color);cursor: pointer;min-height: 150px;}.payment-plan.new.address {min-height: 220px;}.shipping-address {padding: 20px;margin-bottom: 10px;border: 1px solid #f4f4f4;border-radius: 16px;}body.night-mode .shipping-address {border-color: var(--card-dark-divider);}.section-title {background: #f5f5f5;padding: 14px;font-weight: 600;text-align: center;border-radius: 8px;}body.night-mode .section-title {background-color: var(--card-dark-hover);}.heading-small {font-size: 12px;padding: 4px 0;letter-spacing: 0.04em;text-transform: uppercase;}.hr-heading {display: block;overflow: hidden;text-align: center;white-space: nowrap;}.hr-heading-text {position: relative;display: inline-block;}.hr-heading-text:before, .hr-heading-text:after {position: absolute;top: 50%;width: 9999px;height: 1px;background: #f4f4f4;content: "";}body.night-mode .hr-heading-text:before, body.night-mode .hr-heading-text:after {background: var(--card-dark-divider);}.hr-heading-text:before {right: 100%;margin-right: 15px;}.hr-heading-text:after {left: 100%;margin-left: 15px;}.user-box {display: block;margin: 5px;text-align: center;text-decoration: none;}.circled-user-box {margin: 5px;}.circled-user-box .user-box {position: relative;padding-top: 100%;margin: 0;margin-bottom: 20px;}.pro-box-wrapper .user-box {width: 71px;float: left;opacity: 0.55;}.pro-box-wrapper.full-opacity .user-box {opacity: 1;}.pro-box-wrapper .user-box.slick-center {opacity: 1;transform: scale(1.1);font-weight: 600;}.user-box img {width: 100%;height: 100%;margin: 0 auto;border-radius: 50%;}.circled-user-box .user-box img {position: absolute;top: 0;left: 0;bottom: 0;right: 0;object-fit: cover;}.pro-box-wrapper .user-box img {width: 60px;height: 60px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}.user-box .name {margin-top: 5px;font-size: 11px;word-break: break-word;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.circled-user-box .user-box .name {position: absolute;left: 0;right: 0;}.ui-box {position: relative;background: #fff;padding: 50px 15px 15px;margin-top: 50px;margin-bottom: 20px;text-align: center;border-radius: 16px;}.ui-box.darker {background: #f4f4f4;}body.night-mode .ui-box {background: var(--card-dark-input);}.ui-box .img {position: absolute;top: -50px;left: 50%;transform: translate(-50%);background: #fff;padding: 4px;margin: 0 auto;border-radius: 50%;}body.night-mode .ui-box .img {background: var(--card-dark-color);}.ui-box img {height: 92px;width: 92px;border-radius: 50%;object-fit: cover;}.ui-box .btn {box-shadow: none;}.stat-panel {border-radius: 16px;margin-bottom: 20px;overflow: hidden;}.stat-panel.border {border: 1px solid #e6ecf5;}body.night-mode .stat-panel.border {border-color: var(--card-dark-divider) !important;}.stat-cell {position: relative;padding: 40px;}.stat-cell.narrow {padding: 25px;}.stat-cell .icon {position: absolute;top: 20px;right: 20px;background: #fff;font-size: 20px;width: 48px;height: 48px;padding: 14px;border-radius: 50%;}.stat-cell .bg-icon {position: absolute;bottom: -5px;right: -5px;font-size: 100px;opacity: 0.25;}.stat-cell a {font-size: 12px;color: #fff;}.stat-cell a:hover {text-decoration: underline;}.main-side-nav {z-index: 2;}.main-side-nav img {width: 24px;height: 24px;margin-right: 10px;}.main-side-nav a, .main-side-nav .static {display: block;font-weight: 500;padding: 10px 16px;color: #5a5a5a;}body.night-mode .main-side-nav a, body.night-mode .main-side-nav .static {color: var(--body-color-dark);}.main-side-nav a[data-bs-toggle="collapse"]:after {font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;font-variant: normal;float: right;content: "\f107";transition: all 0.15s ease;color: var(--link-color);text-rendering: auto;-webkit-font-smoothing: antialiased;}.main-side-nav a[data-bs-toggle="collapse"][aria-expanded="true"]:after {content: "\f106";}.main-side-nav a:hover {color: var(--link-color);}.main-side-nav a.no-border {border-bottom: 0;}.main-side-nav>li.active>a {background-color: #e5eaef;color: var(--link-color);border-radius: 5px;}body.night-mode .main-side-nav a:hover, body.night-mode .main-side-nav>li.active>a {background-color: var(--card-dark-hover);color: #fff;border-radius: 16px;}.main-side-nav ul>li.active>a {color: var(--link-color);}.main-side-nav ul a {margin-left: 32px;padding: 10px 20px;font-size: 13px;border-left: 1px solid #e4e4e4;}body.night-mode .main-side-nav ul a {color: var(--body-color-dark);border-left-color: var(--card-dark-divider);}.side-nav a, .side-nav .static {display: block;font-weight: 500;padding: 15px 25px;color: #333;}body.night-mode .side-nav a, body.night-mode .side-nav .static {color: var(--body-color-dark);}.side-nav a:hover {color: var(--link-color);}.side-nav a[data-bs-toggle="collapse"]:after {font-family: "Font Awesome 5 Free";font-weight: 700;font-style: normal;font-variant: normal;display: inline-block;float: right;content: "\f105";transition: all 0.15s ease;color: #ced4da;text-rendering: auto;-webkit-font-smoothing: antialiased;}.side-nav a[data-bs-toggle="collapse"][aria-expanded="true"]:after {transform: rotate(90deg);color: var(--link-color);}.side-nav>li.active>a {background-color: #f6f9fc;color: var(--link-color);border-radius: 16px;}body.night-mode .side-nav>li.active>a {background-color: var(--card-dark-hover);color: #fff;}.side-nav ul>li.active>a {color: var(--link-color);}.side-nav ul a {margin-left: 32px;padding: 10px 20px;font-size: 11px;color: #888da8;border-left: 1px solid #eee;}body.night-mode .side-nav ul a {border-left-color: var(--card-dark-divider);}.content-tabs {background: #fff;margin-bottom: 20px;padding: 0 5px;border-radius: 8px;}body.night-mode .content-tabs {background: var(--card-dark-color);}@media (min-width: 768px) {.content-tabs {padding: 0 10px;}}.content-tabs>ul>li {float: left;}.content-tabs>ul>li>a {display: block;padding: 12px 14px;font-size: 12px;line-height: 24px;color: #666;transition: all 0.2s ease;}body.night-mode .content-tabs>ul>li>a {color: var(--body-color-dark);}@media (min-width: 768px) {.content-tabs>ul>li>a {padding: 20px 28px;font-size: 15px;}}.content-tabs>ul>li.active>a {color: var(--link-color);font-weight: 600;border-bottom: 2px solid var(--link-color);}.see-more {text-align: center;margin-top: 10px;margin-bottom: 20px;padding: 10px;}@media (max-width: 768px) {.see-more {margin-bottom: 90px;}}.see-more:hover {text-decoration: underline;cursor: pointer;}.see-more.loading:hover {text-decoration: none;cursor: default;}.see-more.done:hover {text-decoration: underline;cursor: text;}.feeds-item {border-bottom: 1px solid #f4f4f4;}body.night-mode .feeds-item {border-color: var(--card-dark-divider);}.feeds-item.with-hover:hover {cursor: pointer;}.feeds-item:last-child {border-bottom: 0 none;}.feeds-item.unread {background: #e9eaed;}body.night-mode .feeds-item.unread {background: var(--card-dark-input);}.feeds-action-item.unread, .feeds-action-item:hover {cursor: pointer;background: #f4f4f4;border-radius: 16px;}body.night-mode .feeds-action-item.unread, body.night-mode .feeds-action-item:hover {background: var(--card-dark-input);}.data-container {display: block;width: 100%;padding: 8px;min-height: 56px;}.data-container.small {min-height: 46px;}a.data-container:hover, .data-container.clickable:hover {background: #f6f7f8;text-decoration: none;cursor: pointer;}body.night-mode a.data-container:hover, body.night-mode .data-container.clickable:hover {background: var(--card-dark-divider);}.data-avatar {display: block;position: relative;float: left;}.data-avatar img {width: 30px;height: 30px;text-align: center;border-radius: 50%;}@media (min-width: 768px) {.data-avatar img {width: 40px;height: 40px;border-radius: 50%;}.data-container.small .data-avatar img {width: 30px;height: 30px;}}.data-avatar .left-avatar, .data-avatar .right-avatar {background-size: cover;background-position: center center;float: left;overflow: hidden;width: 14px;height: 30px;margin-right: 1px;border-radius: 20px 0 0 20px;}.data-avatar .right-avatar {width: 15px;margin-right: 0;border-radius: 0 20px 20px 0;}@media (min-width: 768px) {.data-avatar .left-avatar, .data-avatar .right-avatar {width: 19px;height: 40px;border-radius: 20px 0 0 20px;}.data-avatar .right-avatar {width: 20px;border-radius: 0 20px 20px 0;}.data-container.small .data-avatar .left-avatar, .data-container.small .data-avatar .right-avatar {width: 14px;height: 30px;}.data-container.small .data-avatar .right-avatar {width: 15px;}}.data-reaction {position: absolute;bottom: -4px;right: -6px;}.data-content {padding-left: 38px;color: #555;font-size: 13px;}body.night-mode .data-content {color: var(--body-color-dark);}.toast-body .data-content {color: #fff;}@media (min-width: 768px) {.data-content {padding-left: 48px;word-wrap: break-word;}.data-container.small .data-content {padding-left: 38px;}}.data-content .data-img {background-color: #fff;border: 1px solid #ddd;padding: 1px;width: 48px;height: 48px;object-fit: cover;border-radius: 14px;}.data-content .btn {padding: 2px 6px;font-size: 10px;}@media (min-width: 576px) {.data-content .btn {padding: 4px 12px;font-size: 12px;}}.data-content .name {font-weight: bold;}.data-content .time {font-size: 10px;color: #888;}.data-content .text {word-break: break-all;}.x-form {position: relative;}.x-form-tools {position: absolute;}.x-form-tools>li {float: left;margin-left: 4px;padding: 4px 2px;border-radius: 50%;}.x-form-tools>li:first-child {margin-left: 0;}.x-form-tools>li:hover {background: #f3f3f3;cursor: pointer;}body.night-mode .x-form-tools>li:hover {background: var(--card-dark-hover);}.x-form-tools-post, .x-form-tools-attach, .x-form-tools-voice, .x-form-tools-emoji {position: relative;overflow: hidden;display: inline-block;cursor: pointer;}@media (min-width: 992px) {.x-form-tools-post {display: none;}}.x-form-tools-attach input[type="file"] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0);opacity: 0;outline: none;background: white;cursor: inherit;display: block;}.attachments li {float: left;width: 64px;height: 64px;margin-right: 5px;margin-bottom: 5px;transition: padding 0.5s;}@media (min-width: 768px) {.attachments li {width: 96px;height: 96px;}}.attachments li.item {position: relative;cursor: pointer;border-radius: 10px;}.attachments li.item img {width: 64px;height: 64px;border-radius: 10px;}@media (min-width: 768px) {.attachments li.item img {width: 94px;height: 94px;}}.attachments li.item .name {background: #fafafa;height: 100%;width: 100%;padding: 10px;color: #999;font-size: 10px;word-break: break-all;}.attachments li.item button {position: absolute;top: 2px;right: 5px;color: #fff;text-shadow: 0 1px 0 #000;}.attachments li.loading {padding-top: 22px;background: #f3f3f3;border: 1px solid #f4f4f4;display: none;border-radius: 10px;}@media (min-width: 768px) {.attachments li.loading {padding-top: 45px;}}body.night-mode .attachments li.loading {background: var(--card-dark-color);border-color: var(--card-dark-divider);}.attachments li.add {position: relative;overflow: hidden;padding: 20px 0 0 25px;color: #ddd;font-size: 16px;cursor: pointer;border-radius: 16px;border: 2px dashed #cecece;}body.night-mode .attachments li.add {color: var(--body-color-dark);border-color: var(--card-dark-divider);}@media (min-width: 768px) {.attachments li.add {padding: 30px 0 0 35px;font-size: 24px;}}.x-uploader {overflow: hidden;}.x-uploader input[type="file"] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;opacity: 0;outline: none;background: white;cursor: pointer;display: block;}.x-uploader .fa {cursor: pointer;}.x-image {position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #eee;border: 1px dashed #ccc;width: 96px;height: 96px;overflow: hidden;display: block;border-radius: 10px;}body.night-mode .x-image {background-color: var(--card-dark-input);border-color: var(--card-dark-divider);}.x-image.full {width: 100%;}.x-image.sm {width: 48px;height: 48px;}.x-image:before {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;background: #000;content: "";opacity: 0;}.x-image:hover.x-image:before {opacity: 0.2;}.x-image-success {display: none;position: absolute;top: 0;left: 0;opacity: 0.5;background: #000;width: 100%;height: 100%;padding-top: 30%;text-align: center;color: #fff;font-size: 12px;transition: all 0.5s;}.x-image-loader {display: none;position: absolute;top: 0;left: 0;opacity: 0.5;background: #000;width: 100%;height: 100%;padding-top: 50%;transition: all 0.5s;}.x-image.full .x-image-loader {padding-top: 20%;}.x-image .x-uploader {position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-align: center;padding: 37px;}.x-image.full .x-uploader {padding-top: 35px;}.x-image button {position: absolute;top: 0;right: 5px;z-index: 2;}.x-progress {height: 5px;margin: 0 1.5rem;border-radius: 25px;}.tbl-image {width: 24px;height: 24px;float: left;margin-right: 5px;border-radius: 50%;}.tbl-image.app-icon {width: 34px;height: 34px;border-radius: 4px;}.verified-badge {color: #55acee;}.pro-badge {color: #e13c4c;}.privacy-badge {color: #fff;font-size: 16px;}.verified-badge:hover, .pro-badge:hover, .privacy-badge:hover {cursor: pointer;}.ads-title {font-size: 14px;padding: 5px 0;margin: 0;word-break: break-all;}.ads-descrition {font-size: 12px;word-break: break-word;}.adblock-warning-message {display: none;padding: 20px;background: #d30000;text-align: center;color: #fff;border-radius: 16px;margin-bottom: 20px;}.adblock-detector {position: fixed;top: 70px;left: 0;right: 0;display: none;margin-bottom: 30px;padding: 40px 10px;background: #d30000;text-align: center;font-weight: bold;color: #fff;}@media (min-width: 768px) {.user-popover {position: relative;}.user-popover-wrapper {width: 400px;min-height: 180px;z-index: 99999;}.user-popover-content {width: 400px;position: absolute;top: 5px;left: 0;border-radius: 16px;background-color: #fff;box-shadow: 0 1px 12px rgba(0, 0, 0, 0.2);z-index: 999999;}body.night-mode .user-popover-content {background: var(--card-dark-color);}.user-card {position: relative;}.user-card-cover {width: 100%;height: 120px;background-color: #424242;background-size: cover;background-position: center center;border-radius: 16px 16px 0 0;}body.night-mode .user-card-cover {background-color: #151a1f;}.user-card-avatar {position: absolute;left: 15px;bottom: -15px;padding: 2px;border-radius: 50%;background: #fff;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);}body.night-mode .user-card-avatar {background: var(--card-dark-color);}.user-card-avatar img {width: 60px;height: 60px;border-radius: 50%;}.user-card-info {position: absolute;left: 96px;bottom: 10px;color: #fff;}.user-card-info a {color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.9);}.user-card-info a:hover {text-decoration: underline;}.user-card-info a.name {font-size: 20px;font-weight: 600;}.user-card-info .info {font-size: 12px;line-height: 15px;text-shadow: 0 0 3px rgba(0, 0, 0, 0.9);}.user-card-meta {padding-left: 96px;padding-top: 10px;font-size: 14px;color: #000;}body.night-mode .user-card-meta {color: var(--body-color-dark);}.user-popover-content .popover-footer {padding: 8px;text-align: center;border-radius: 0 0 6px 6px;}.user-popover-content .popover-footer .btn {padding: 6px 12px;margin-right: 5px;margin-bottom: 5px;}}.trending-item {word-break: break-word;display: block;padding: 5px 0;font-size: 13px;}.trending-item .hash {display: block;color: #ffffff;font-weight: bold;font-size: 14px;}.trending-item .frequency {font-size: 12px;color: #ffeb00;}.trending-item:hover .hash {text-decoration: underline;}.sticker {max-height: 100px;display: block;margin: 0 auto;}.collaborative-users {display: flex;flex-wrap: wrap;align-items: center;column-gap: 0.75rem;row-gap: 0.5rem;margin-bottom: 1rem;padding-top: 1rem;padding-bottom: 1rem;border-top: 1px solid rgba(0, 0, 0, 0.08);border-bottom: 1px solid rgba(0, 0, 0, 0.08);}.collaborative-users__label {font-size: 0.75rem;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;color: var(--bs-secondary-color, #6c757d);margin-bottom: 0.65rem;}.collaborative-users .collaborative-users__label {flex: 0 0 auto;margin-bottom: 0;align-self: center;}.collaborative-users .collaborative-users__list {display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem;flex: 1 1 0;min-width: 0;max-width: 100%;vertical-align: unset;}.collaborative-users__list {display: inline-flex;flex-wrap: wrap;align-items: center;gap: 0.5rem;vertical-align: middle;max-width: 100%;}.collaborative-users__tag {display: inline-flex;max-width: 100%;}.collaborative-users__link {display: inline-flex;align-items: center;gap: 0.4rem;max-width: 100%;padding: 0.25rem 0.65rem 0.25rem 0.35rem;border-radius: 999px;background-color: rgba(0, 0, 0, 0.04);border: 1px solid rgba(0, 0, 0, 0.06);color: inherit;text-decoration: none;font-size: 0.875rem;font-weight: 500;line-height: 1.2;transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;}.collaborative-users__link:hover {background-color: rgba(0, 0, 0, 0.07);border-color: rgba(0, 0, 0, 0.1);color: inherit;text-decoration: none;}.collaborative-users__avatar {width: 24px;height: 24px;border-radius: 50%;object-fit: cover;flex-shrink: 0;border: 1px solid rgba(0, 0, 0, 0.08);}.collaborative-users__name {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 200px;}@media (prefers-color-scheme: dark) {.collaborative-users__link {background-color: rgba(255, 255, 255, 0.06);border-color: rgba(255, 255, 255, 0.1);}.collaborative-users__link:hover {background-color: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.14);}.collaborative-users__avatar {border-color: rgba(255, 255, 255, 0.12);}}.card-balance {background-color: #f7f7f7;padding: 20px;border-radius: 12px;}body.night-mode .card-balance {background-color: #2e3f4d;}.card-balance p {margin-bottom: 0;}.card-balance-value {font-size: 34px;font-weight: 600;margin: 0;}#panic-mode-toggle {background: rgb(93 114 228 / 50%);position: fixed;bottom: 80px;left: 20px;padding: 10px;z-index: 99999;}#panic-mode-content {display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #fff;z-index: 99999;padding: 50px;}.publisher-overlay {background: #000;position: fixed;top: 0;left: 0;right: 0;opacity: 0;z-index: 1002;}body.publisher-focus .publisher-overlay {bottom: 0;opacity: 0.6;}.publisher {margin-bottom: 20px;background: #fff;border-radius: 16px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}body.night-mode .publisher {background: var(--card-dark-color);}body.publisher-focus .publisher {z-index: 1003;}.publisher.mini {margin-bottom: 0;border-radius: 0;}.publisher-loader {display: none;position: absolute;top: 5px;right: 10px;z-index: 1;}.publisher-close {position: absolute;top: 5px;right: 10px;z-index: 1;}.publisher-message {position: relative;padding: 15px 15px 20px 65px;}.publisher-message.no-avatar {padding-left: 15px;}.publisher-message.colored, .post-colored, .post-colored-preview {height: 300px;padding: 30px;background-repeat: no-repeat !important;background-size: cover !important;}.publisher-message.colored {border-radius: 2px 2px 0 0;}.post-colored-preview {border-radius: 2px;}.post-colored-preview.small {height: 180px;}.post-colored-preview h2 {text-align: center;padding-top: 100px;}.post-colored-preview h4 {text-align: center;padding-top: 50px;}.publisher-message.colored .colored-text-wrapper, .post-colored-text-wrapper {height: 240px;display: flex;text-align: center;}.publisher-message.colored .colored-text-wrapper {overflow-x: auto;overflow-y: auto;flex-direction: column;justify-content: center;align-items: stretch;}.publisher .colored-text-wrapper .quill-editor {min-height: 32px;min-width: 100%;}.publisher-message.colored .colored-text-wrapper .quill-editor {height: auto;flex-shrink: 0;}.publisher-avatar {position: absolute;left: 15px;top: 15px;width: 40px;height: 40px;padding: 2px;border: 1px solid #efefef;border-radius: 50%;}body.night-mode .publisher-avatar {border-color: var(--card-dark-divider);}.publisher-message.colored .publisher-avatar {display: none;}.publisher textarea:not(.form-control) {background: transparent;direction: ltr;resize: none;outline: none;width: 100%;margin-top: 5px;padding: 0;font-size: 16px;line-height: 24px;height: 24px;border: 0 none;}body.night-mode .publisher textarea:not(.form-control) {color: #fff;}.publisher textarea:not(.form-control)::placeholder {color: inherit;opacity: 0.65;}.publisher textarea:not(.form-control):-ms-input-placeholder {color: inherit;opacity: 0.65;}.publisher textarea:not(.form-control)::-ms-input-placeholder {color: inherit;opacity: 0.65;}.publisher-message.colored textarea, .post-colored .post-text {text-align: center;font-size: 25px;line-height: 30px;font-weight: 600;margin: auto;}.publisher-message.colored .quill-editor * {text-align: center;margin: auto;}.publisher-message.colored .quill-editor {min-height: 60px;}.publisher-message.colored textarea {min-height: 60px;}.post-colored .post-text a {color: inherit !important;text-decoration: underline !important;}.post-colored .post-text a:hover {text-decoration: none !important;}.publisher-emojis {display: none;position: absolute;bottom: 5px;right: 10px;}.publisher-emojis .far {cursor: pointer;color: #555;}body.night-mode .publisher-emojis .far {color: var(--body-color-dark);}.publisher-slider {display: none;}.publisher-scraper {display: none;position: relative;padding: 10px;}.publisher-scraper video {width: 100%;}.publisher-scraper img {width: 100%;height: auto;}.publisher-scraper-remover {position: absolute;top: 15px;right: 20px;width: 26px;height: 26px;padding-right: 4px;background: #fbfbfb;border: 1px solid #eaeaea;border-radius: 50%;z-index: 1;}body.night-mode .publisher-scraper-remover {background: var(--card-dark-color);border-color: var(--card-dark-divider);}.publisher-scraper-remover:hover {background: #fff;}.publisher-scraper-remover button.close {opacity: 0.5;}.publisher-attachments {padding: 10px 10px 5px;}.publisher-meta {position: relative;border-top: 1px dashed #eee;font-weight: 600;margin: 0 15px;padding: 8px 0;display: none;}body.night-mode .publisher-meta {border-color: var(--card-dark-divider);}.publisher-meta.top {border-top: 0;border-bottom: 1px dashed #eee;}.publisher-meta .svg-container {position: absolute;top: 18px;left: 14px;}.publisher-meta .svg-container.static {position: static;}.publisher-meta input {background: #f3f3f3;width: 100%;color: var(--link-color);font-weight: 600;font-size: 14px;line-height: 20px;padding: 12px 16px 12px 40px;outline: 0 none;border: 0 none;border-radius: 16px;}.publisher-meta input.no-icon {padding: 12px 16px;}body.night-mode .publisher-meta input {color: var(--body-color-dark);background: var(--card-dark-input);}.publisher-meta input::-webkit-input-placeholder {color: #9c9c9c;}.publisher-meta input:-moz-placeholder {color: #9c9c9c;opacity: 1;}.publisher-meta input:-ms-input-placeholder {color: #9c9c9c;}.publisher-custom-thumbnail {display: none;position: relative;margin: 10px 15px;padding: 8px 0;border-top: 1px dashed #eee;overflow: hidden;}body.night-mode .publisher-custom-thumbnail {border-color: var(--card-dark-divider);}.publisher-custom-thumbnail .x-image {width: 100%;height: 160px;margin-top: 5px;}.publisher-custom-thumbnail .x-image-loader {padding-top: 80px;}#feelings-menu-toggle {white-space: nowrap;padding: 5px;cursor: pointer;padding: 8px 18px;background: #f3f3f3;color: #6f6f6f;font-weight: 600;border-radius: 18px;}body.night-mode #feelings-menu-toggle {background: var(--card-dark-input);}#feelings-menu-toggle.active {display: table-cell;background: #e2e8f6;}body.night-mode #feelings-menu-toggle.active {background: var(--card-dark-input);color: var(--body-color-dark);}#feelings-data {display: table-cell;width: 100%;padding-left: 5px;}#feelings-data span {white-space: nowrap;padding: 10px 14px;background: var(--link-color);color: #ffffff;font-weight: 600;border-radius: 18px;cursor: pointer;}#feelings-data span .twa {vertical-align: middle;}.feeling-item {padding: 5px;cursor: pointer;color: #666;margin-bottom: 5px;}body.night-mode .feeling-item {color: var(--body-color-dark);}.feeling-item:hover {background: #fff;color: var(--link-color) !important;}body.night-mode .feeling-item:hover {background: var(--card-dark-input);}.feeling-item .icon {display: table-cell;vertical-align: top;padding-right: 10px;}.feeling-item .data {display: table-cell;vertical-align: middle;width: 100%;font-size: 1.2em;font-weight: 600;}.colored-pattern-item {display: inline-block;height: 36px;width: 36px;padding: 0;border: 2px solid #fff;border-radius: 50%;background-size: cover;cursor: pointer;}body.night-mode .colored-pattern-item {border-color: var(--card-dark-input);}.colored-pattern-item.active {box-shadow: 0px 0px 0px 2px rgba(51, 103, 214, 0.65);}.dropdown-menu.gif-search {display: none;}.gif-search .item {width: 33%;float: left;margin-right: 1px;margin-bottom: 1px;}.gif-search .item>img {width: 100%;height: fit-content;cursor: pointer;}.publisher-tools-tabs {margin: 0 15px;padding-top: 15px;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;}body.night-mode .publisher-tools-tabs {border-color: var(--card-dark-divider);}.publisher-tools-tabs .divider {border-top: 1px solid #f4f4f4;margin-bottom: 15px;}body.night-mode .publisher-tools-tabs .divider {border-top-color: var(--card-dark-divider);}.publisher-tools-tab {display: block;background: #f7f7f7;padding: 10px 14px;color: #555;font-size: 13px;font-weight: 700;border-radius: 16px;margin-bottom: 15px;}body.night-mode .publisher-tools-tab {background: var(--card-dark-hover);color: var(--body-color-dark);}.publisher-tools-tab:hover {background: #f3f3f3;color: var(--link-color);cursor: pointer;}body.night-mode .publisher-tools-tab:hover {background: var(--card-dark-input);}.publisher-tools-tab.active, body.night-mode .publisher-tools-tab.active {color: var(--link-color);}.publisher-tools-tab.activated {background: #d2e0ff;}body.night-mode .publisher-tools-tab.activated {background: var(--card-dark-input);}.publisher-tools-tab[data-tab="video"].activated:after, .publisher-tools-tab[data-tab="audio"].activated:after, .publisher-tools-tab[data-tab="file"].activated:after {content: "";background: transparent;position: absolute;top: 0;bottom: 0;left: 0;right: 0;cursor: initial;}.publisher-tools-tab.disabled {position: relative;}.publisher-tools-tab.disabled:hover {background: #f7f7f7;color: #7f838a;cursor: initial;}body.night-mode .publisher-tools-tab.disabled:hover {background: var(--card-dark-input);color: var(--body-color-dark);}.publisher-tools-tab.disabled:after {content: "";background: #fff;position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0.6;border-radius: 16px;}body.night-mode .publisher-tools-tab.disabled:after {background: #000;}.publisher-tools-tab.attach {position: relative;overflow: hidden;}.publisher-tools-tab.attach form {display: initial;}.publisher-tools-tab img {width: 24px;height: 24px;margin-right: 5px;}.publisher-footer {text-align: right;padding: 15px;}.publisher-footer-options {text-align: left;border-bottom: 1px solid #f4f4f4;margin-bottom: 20px;}body.night-mode .publisher-footer-options {border-color: var(--card-dark-divider);}.publisher-footer-buttons {display: flex;justify-content: space-between;}.posts-filter {margin-bottom: 20px;padding-bottom: 5px;border-bottom: 1px solid #dfdfdf;line-height: 34px;font-weight: 600;}body.night-mode .posts-filter {border-bottom-color: var(--card-dark-divider);}.posts-filter .btn-group .btn, .posts-filter .btn-group .open .btn.dropdown-toggle, .posts-filter .btn-group .btn-default.active, .posts-filter .btn-group .btn-default:active, .posts-filter .btn-group .open .btn-default.dropdown-toggle {background: #fff;box-shadow: none !important;border: 0 none !important;padding: 6px 10px !important;border-radius: 10px;font-size: 13px;}body.night-mode .posts-filter .btn-group .btn, body.night-mode .posts-filter .btn-group .open .btn.dropdown-toggle, body.night-mode .posts-filter .btn-group .btn-default.active, body.night-mode .posts-filter .btn-group .btn-default:active, body.night-mode .posts-filter .btn-group .open .btn-default.dropdown-toggle {background: var(--card-dark-color);color: var(--body-color-dark);}.posts-filter .countries-filter {background: #ffff;padding: 7px 10px;border-radius: 10px;font-size: 13px;color: #212529;}body.night-mode .posts-filter .countries-filter {background: var(--card-dark-color);color: var(--body-color-dark);}.posts-filter .dropdown-menu:not(.countries-dropdown) {min-width: 160px;}.posts-filter .dropdown-menu .dropdown-item {padding: 2px 16px;}.add-job-question {background: #f7f7f7;margin: 10px 0;padding: 10px;font-weight: 600;text-align: center;border: 1px solid #ddd;border-radius: 4px;cursor: pointer;}.add-job-question:hover {background: #f3f3f3;}body.night-mode .add-job-question {background: var(--card-dark-input);border-color: var(--card-dark-divider);}body.night-mode .add-job-question:hover {background: var(--card-dark-color);}.job-question {background: #f7f7f7;margin: 10px 0;padding: 20px;border-radius: 16px;}body.night-mode .job-question {background: var(--card-dark-input);}.job-question .question {font-size: 16px;font-weight: bold;}.job-question .answer {font-size: 14px;}.job-candidate-wrapper {padding: 15px;border: 1px solid #f4f4f4;border-radius: 16px;margin-bottom: 20px;}body.night-mode .job-candidate-wrapper {border-color: var(--card-dark-divider);}.job-candidate-avatar {position: relative;display: table-cell;vertical-align: top;padding-right: 10px;}.job-candidate-info {display: table-cell;vertical-align: top;width: 100%;font-size: 14px;word-break: break-word;}.job-candidate-info .name {font-size: 18px;font-weight: 600;margin-bottom: 10px;}.posts-staging-btn {display: none;position: fixed;top: 150px;left: 50%;transition: all 0.2s ease;transform: translate(-50%, -50%);z-index: 99;}.post {position: relative;margin-bottom: 20px;background: #fff;border-radius: 16px;box-shadow: 0px 0px 30px 0px rgb(82 63 105 / 5%);}body.night-mode .post {background: var(--card-dark-color);}.post.flagged {padding: 15px;background: #f6f7f8;}.post .pin-icon {position: absolute;right: 18px;top: -10px;width: auto;font-size: 25px;color: #f9b340;}.post.boosted, body.night-mode .post.boosted {border: 2px solid #ffa412;}.post .boosted-icon {position: absolute;left: -5px;top: -15px;width: auto;padding: 3px 6px;font-size: 16px;background: #ffa412;color: #ffffff;border-radius: 50%;-ms-transform: rotate(-20deg);-webkit-transform: rotate(-20deg);transform: rotate(-20deg);}.post.pending, body.night-mode .post.pending, .blog.pending, body.night-mode .blog.pending {border: 1px dashed #9b9b9b;}.post .pending-icon, .blog .pending-icon {position: absolute;right: 18px;top: -18px;width: auto;font-size: 25px;color: #f9b340;}.post.highlighted {border: 1px solid #4083a9;box-shadow: inset 0 0 0 1px #4083a9;}.post.is_hidden {border: 2px dashed #aeaeae;border-radius: 8px;z-index: 1;}.post a:not(.dropdown-item):hover {text-decoration: underline;}.post-memory-header {padding: 10px 20px;border-bottom: 1px solid #f4f4f4;font-size: 14px;font-weight: 600;text-transform: capitalize;}body.night-mode .post-memory-header {border-color: var(--card-dark-divider);}.post-body.with-loader {padding: 16px;}.post-top-alert {padding: 10px 0;background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);border-radius: 8px 8px 0 0;color: #fff;font-weight: 500;text-align: center;filter: grayscale(1);}.post-collaborative-alert {padding: 12px 0;background: #f7f7f7;border-radius: 8px 8px 0 0;color: #212529;font-size: 12px;text-align: center;}body.night-mode .post-collaborative-alert {background: #27333f;color: var(--body-color-dark);}.post-header {padding: 16px 16px 0;margin-bottom: 10px;}.post-avatar {position: relative;display: table-cell;vertical-align: top;padding-right: 10px;}.post-avatar-anonymous {padding: 5px;border-radius: 50%;overflow: hidden;}.post-avatar-picture {background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #eee;width: 100%;height: 100%;padding-top: 100%;overflow: hidden;min-width: 60px;min-height: 60px;display: block;border-radius: 20px;}.post-avatar-picture.small {min-width: 25px;min-height: 25px;}.post-avatar-picture.large {min-width: 60px;min-height: 60px;}.post-avatar-picture.rounded {border-radius: 50%;}.post-avatar .online-dot {font-size: 10px;margin-right: 3px;position: absolute;top: 50px;right: 4px;border: 3px solid #fff;border-radius: 50%;color: #65a830;}body.night-mode .post-avatar .online-dot {border-color: var(--card-dark-color);}.post-meta {display: table-cell;vertical-align: top;width: 100%;word-break: break-word;word-wrap: break-word;}.post-meta .dropdown .dropdown-toggle {color: #888;padding: 6px 8px;border-radius: 10px;}.post-meta .dropdown .dropdown-toggle.show, .post-meta .dropdown .dropdown-toggle:hover {color: #666;cursor: pointer;background: #f4f4f4;}body.night-mode .post-meta .dropdown .dropdown-toggle.show, body.night-mode .post-meta .dropdown .dropdown-toggle:hover {background: var(--card-dark-divider);color: var(--body-color-dark);}.post-meta .dropdown-toggle:after {display: none !important;}.post-author {font-size: 14px;line-height: 20px;font-weight: bold;}.post-time {color: #999;font-size: 11px;line-height: 16px;}.post-time a {color: #999;}.post-time .fa:not(.fa-star):hover {cursor: pointer;}.post-time .btn-group {}.post-time .btn-group, .post-time .btn-group .btn {background: transparent !important;box-shadow: none !important;border: 0 none !important;padding: 2px 4px !important;color: #999 !important;}.post-time .btn-group .btn:hover {background: #f3f3f3 !important;}.post-text {padding: 0 16px;text-align: initial;word-break: initial;word-wrap: break-word;overflow: hidden;margin-bottom: 10px;transition: height 0.2s;}.post-text blockquote {border-left: 2px solid #e9eaee;padding-left: 10px;margin-top: 10px;}body.night-mode .post-text blockquote {border-left-color: var(--card-dark-divider);}.post-product-container .post-text, .post-media-meta .post-text {padding: 0;}.post-replace {font-size: 15px;line-height: 22px;}.post-replace>a[data-readmore-toggle] {margin-left: 16px;}.post-product-container .post-replace>a[data-readmore-toggle] {margin-left: 0;}.post-text-translation {border-left: 2px solid #e9eaee;padding-left: 10px;margin-top: 10px;}.post-text .twa {height: 1.6em !important;width: 1.6em !important;margin: 0 0.0665em 0 0.15em !important;vertical-align: -0.15em !important;background-size: 1.6em 1.6em !important;}.post-paid-description {margin-top: 20px;padding: 20px;background: #f7f7f7;}body.night-mode .post-paid-description {background: var(--card-dark-color);}.conversation-body .chat-paid-message {margin-top: 6px;border-radius: 8px;background: linear-gradient(135deg, #eef2ff 0%, #f5edff 45%, #e9fbff 100%);min-height: 140px;display: flex;flex-direction: column;justify-content: center;}body.night-mode .conversation-body .chat-paid-message {background: linear-gradient(135deg, #2b2f3d 0%, #20232f 100%);}.chat-paid-message.chat-paid-message-bg {background-size: cover;background-position: center;min-height: 180px;position: relative;}.chat-paid-message .chat-paid-message-overlay {background: rgba(0, 0, 0, 0.5);padding: 12px;border-radius: 8px;position: relative;}.chat-paid-message .chat-paid-icon {width: 32px;height: 32px;}.chat-paid-message .chat-paid-label {display: inline-block;padding: 3px 12px;background: #ececec;border-radius: 18px;font-weight: bold;font-size: 10px;color: #666;}.chat-paid-message .chat-paid-btn {font-size: 10px;padding: 6px 12px;white-space: normal;line-height: 1.3;}.chat-paid-message .chat-paid-old-price {text-decoration: line-through;opacity: 0.85;}.chat-paid-message .post-paid-description {margin-top: 10px;padding: 12px;font-size: 13px;}.chat-paid-message .post-paid-description.post-paid-description-on-image {background: transparent;color: #fff;}.post-snippet {margin: 16px;border: 1px solid #f4f4f4;border-radius: 16px;}body.night-mode .post-snippet {border-color: var(--card-dark-divider);}.post-snippet-toggle {padding: 6px;border-radius: 4px;text-align: center;}.post-edit {padding: 0 16px;}.post-stats {margin-top: 15px;margin-bottom: 10px;padding: 0 16px;font-size: 11px;color: #999;}.post-actions {display: flex;margin-top: 10px;padding: 6px 16px 6px 16px;border-top: 1px solid #f4f4f4;}body.night-mode .post-actions {border-color: var(--card-dark-divider);}.post-actions .action-btn {flex: 1;padding: 10px;color: #555;font-size: 13px;font-weight: 700;line-height: 14px;text-align: center;border-radius: 14px;transition: all 0.1s ease-in-out;}body.night-mode .post-actions .action-btn {color: var(--body-color-dark);}.post-actions .action-btn:hover {background: #f7f7f7;cursor: pointer;}body.night-mode .post-actions .action-btn:hover {background: var(--card-dark-hover);}.post-tips {display: flex;gap: 10px;margin-top: 10px;padding: 6px 16px 6px 16px;border-top: 1px solid #f4f4f4;}body.night-mode .post-tips {border-color: var(--card-dark-divider);}.post-tips .btn {flex: 1;font-weight: 700;text-align: center;border-radius: 14px;transition: all 0.1s ease-in-out;}.post-footer {background: #f9f9f9;border-top: 1px solid #eee;border-radius: 0 0 14px 14px;padding: 0 15px;}body.night-mode .post-footer {background: var(--card-dark-color);border-top-color: var(--card-dark-divider);}.post-approval {background: #f9f9f9;border-top: 1px solid #eee;padding: 15px;text-align: right;border-radius: 0 0 16px 16px;}body.night-mode .post-approval {background: var(--card-dark-color);border-top-color: var(--card-dark-divider);}.post-social-share {padding-bottom: 15px;margin-bottom: 20px;text-align: center;border-bottom: 1px solid #f4f4f4;}body.night-mode .post-social-share {border-color: var(--card-dark-divider);}.post-comments {padding-top: 10px;}.comments-filter {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #e6ecf5;}body.night-mode .comments-filter {border-bottom-color: var(--card-dark-divider);}.comments-filter .btn-group .btn, .comments-filter .btn-group .open .btn.dropdown-toggle, .comments-filter .btn-group .btn-default.active, .comments-filter .btn-group .btn-default:active, .comments-filter .btn-group .open .btn-default.dropdown-toggle {background: transparent !important;box-shadow: none !important;border: 0 none !important;padding-left: 0 !important;padding-right: 0 !important;color: var(--link-color) !important;}.comments-filter .dropdown-menu {min-width: 100%;}.comments-filter .dropdown-menu .dropdown-item {padding: 4px 16px;}.pg_wrapper a {display: block;position: relative;width: 100%;height: 100%;background-size: cover;background-position: center center;background-color: #f5f5f5;}body.night-mode .pg_wrapper a {background-color: var(--card-dark-hover);}.pg_wrapper .more {position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);color: #fff;font-size: 2em;font-weight: 600;line-height: 100%;text-align: center;padding-top: 40%;}.pg_1x {text-align: center;}.pg_1x img {max-width: 100%;max-height: 680px;}.pg_2x {width: 50%;float: left;padding-right: 1px;}.pg_2x>a {padding-bottom: 100%;}.pg_2o3, .pg_1o3 {float: left;margin-right: 1px;}.pg_1o3 {margin-right: -1px;}.pg_2o3 .pg_2o3_in {margin-bottom: 1px;}.pg_2o3 .pg_2o3_in:last-child {margin-bottom: 0;}.pg_1o3 .pg_1o3_in {margin-bottom: 1px;}.pg_1o3 .pg_1o3_in:last-child {margin-bottom: 0;}.post-media {background: #f3f3f3;border-radius: 16px;}.post-media.module {background: transparent;border: 1px solid #f3f3f3;}body.night-mode .post-media.module {background: transparent;border-color: var(--card-dark-divider);}.post-snippet .post-media {border-radius: 4px;}body.night-mode .post-media {background: var(--card-dark-input);}.post-media.list {background: #fff;box-shadow: none;margin-bottom: 15px;border: 0;}body.night-mode .post-media.list {background: var(--card-dark-color);}.post-media img.img-fluid {width: 100%;max-height: 350px;}.post-media-image-wrapper {position: relative;}.post-media-image-meta {position: absolute;bottom: 15px;left: 15px;}.post-media-image {display: block;position: relative;}.post-media-image>div {border-radius: 16px;}.post-media-image img, .post-media-image .image {width: 100%;height: 100%;overflow: hidden;min-width: 100px;min-height: 100px;border-radius: 16px;}.post-media-image .image {background-size: cover;background-repeat: no-repeat;background-position: center center;background-color: #eee;padding-top: 50%;}body.night-mode .post-media-image .image {background-color: transparent;}.post-media-image .source {position: absolute;bottom: 10px;left: 10px;padding: 8px 12px;background: rgba(0, 0, 0, 0.65);color: #fff;font-size: 13px;border-radius: 10px;text-transform: uppercase;}.post-media-image .date {position: absolute;top: 20px;left: 20px;padding: 0;background: #fff;color: #000;font-size: 20px;line-height: 24px;font-weight: bold;border-radius: 10px;text-transform: uppercase;text-align: center;}body.night-mode .post-media-image .date {background: var(--card-dark-input);color: var(--body-color-dark);}.post-media-image .date .month {background: red;color: #fff;padding: 5px 20px;border-radius: 0 0 10px 10px;}.post-media-image .date .day {padding: 5px 20px;}.post-media-image .icon {position: absolute;bottom: -31px;left: 50%;margin-left: -31px;padding: 15px;background: #fff;border-radius: 50%;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}body.night-mode .post-media-image .icon {background: var(--card-dark-input);}.embed-facebook-wrapper iframe {display: none;}.embed-iframe-wrapper {padding: 0 16px;}.embed-iframe-wrapper * {width: 100% !important;}.embed-iframe-wrapper iframe {min-height: 100%;}.post-media-meta {padding: 15px;width: 100%;transition: all 0.2s;}.post-media-meta .title {display: block;font-size: 16px;font-weight: 600;line-height: 22px;word-break: break-word;}.post-media-meta .title:hover {text-decoration: none;}.post-media-meta .text {max-height: 135px;overflow: hidden;}.post-media-meta .info {color: #999;font-size: 11px;}.rich-text-container {font-size: 14px;line-height: 1.7;color: var(--body-color);word-break: break-word;overflow-wrap: break-word;}body.night-mode .rich-text-container {color: var(--body-color-dark);}.rich-text-container>*:first-child {margin-top: 0;}.rich-text-container>*:last-child {margin-bottom: 0;}.rich-text-container h1, .rich-text-container h2, .rich-text-container h3, .rich-text-container h4, .rich-text-container h5, .rich-text-container h6 {font-weight: 600;line-height: 1.3;margin: 16px 0 8px;}.rich-text-container p {margin: 0 0 12px;}.rich-text-container a {color: var(--link-color);word-break: break-word;}.rich-text-container ul, .rich-text-container ol {margin: 0 0 12px;padding-left: 24px;}.rich-text-container li {margin-bottom: 4px;}.rich-text-container blockquote {margin: 0 0 12px;padding: 8px 15px;border-left: 4px solid #e5e5e5;color: #666;}.mce-accordion {margin: 0 0 12px;}body.night-mode .rich-text-container blockquote {border-left-color: var(--card-dark-divider);color: #8b9bab;}.rich-text-container pre, .rich-text-container code {background: #f7f7f7;border-radius: 4px;font-family: monospace;font-size: 13px;}body.night-mode .rich-text-container pre, body.night-mode .rich-text-container code {background: var(--card-dark-input);color: var(--card-dark-input-color);}.rich-text-container code {padding: 2px 5px;}.rich-text-container pre {padding: 12px 15px;overflow-x: auto;white-space: pre-wrap;word-break: break-word;}.rich-text-container img {max-width: 100%;height: auto;border-radius: 6px;}.rich-text-container table {max-width: 100%;border-collapse: collapse;}.rich-text-container table td, .rich-text-container table th {border: 1px solid #e5e5e5;padding: 6px 10px;}body.night-mode .rich-text-container table td, body.night-mode .rich-text-container table th {border-color: var(--card-dark-divider);}.rich-text-container iframe, .rich-text-container video {max-width: 100%;}.rich-text-container hr {border: 0;border-top: 1px solid #e5e5e5;margin: 16px 0;}body.night-mode .rich-text-container hr {border-top-color: var(--card-dark-divider);}.post-funding-meta, .post-job-meta, .post-course-meta, .post-merit-meta {padding: 15px;padding-bottom: 0;text-align: center;}.post-funding-meta .funding-title, .post-job-meta .job-title, .post-course-meta .course-title {font-size: 18px;font-weight: 600;line-height: 26px;word-break: break-word;}.post-funding-meta .funding-completion {background: #f7f7f7;padding: 10px;border: 1px solid #e5e5e5;margin-top: 10px;border-radius: 6px;text-align: left;}.post-funding-meta .funding-description, .post-job-meta .job-description, .post-course-meta .course-description, .post-merit-meta .merit-description {background: #f7f7f7;padding: 10px;border: 1px solid #e5e5e5;margin-top: 10px;border-radius: 16px;}body.night-mode .funding-completion, body.night-mode .funding-description, body.night-mode .job-description, body.night-mode .course-description, body.night-mode .merit-description {border-color: var(--card-dark-divider);background: var(--card-dark-input);}.post-downloader {border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 10px 16px;margin-top: 10px;}body.night-mode .post-downloader {border-color: var(--card-dark-divider);}.post-downloader .icon {display: table-cell;vertical-align: middle;background-color: #f9f9f9;padding: 10px 20px;border-radius: 16px;}body.night-mode .post-downloader .icon {background-color: var(--card-dark-input);}.post-downloader .info {display: table-cell;vertical-align: top;padding-left: 10px;width: 100%;}.post-product-container {padding: 0 16px;}.post-product-wrapper {display: flex;background: #f7f7f7;padding: 10px 5px;border: 1px solid #e5e5e5;font-size: 14px;border-radius: 16px;}body.night-mode .post-product-wrapper {border-color: var(--card-dark-divider);background: var(--card-dark-input);}.post-product-details {flex: 1;border-right: 1px solid #e5e5e5;text-align: center;vertical-align: middle;}body.night-mode .post-product-details {border-color: var(--card-dark-divider);}.post-product-details:last-child {border-right: 0;}.post-product-details .title {font-weight: 600;margin-bottom: 3px;}.post-product-details .description {color: #555;}.post-product-details .description .badge {font-size: 13px;padding: 4px 12px;}body.night-mode .post-product-details .description {color: var(--body-color-dark);}.action-dropdown-menu .fa {margin-right: 10px;color: #8b8b8b;}.action-dropdown-menu .action {font-size: 14px;line-height: 18px;font-weight: 600;}.action-dropdown-menu .action.no-icon {padding-left: 22px;font-weight: normal;}.action-dropdown-menu .action.no-desc {font-weight: normal;}.action-dropdown-menu .action-desc {padding-left: 30px;color: #555;font-size: 11px;line-height: 16px;}body.night-mode .action-dropdown-menu .action-desc {color: #a2acb7;}.poll-options {padding: 0 16px;}.poll-option {display: table-cell;vertical-align: top;position: relative;width: 100%;padding: 8px 12px;background-color: #ebebeb;font-weight: 600;border-radius: 16px;}body.night-mode .poll-option {background-color: var(--card-dark-input);}.poll-option:hover {cursor: pointer;background: #d4d4d4;}.poll-option .percentage-bg {position: absolute;top: 0;left: 0;height: 100%;background-color: #89a8e8;border-radius: 12px;opacity: 0.5;}body.night-mode .poll-option .percentage-bg {background-color: var(--link-color);}.poll-voters {display: table-cell;vertical-align: top;padding-left: 5px;}.poll-voters .more {width: 35px;height: 35px;background-color: #ebebeb;padding: 8px 0;border-radius: 50%;font-size: 13px;font-weight: 600;text-align: center;cursor: pointer;}body.night-mode .poll-voters .more {background-color: var(--card-dark-input);}.youtube-player {position: relative;padding-top: 56%;height: 0;overflow: hidden;max-width: 100%;background: #000;border-radius: 16px;}.youtube-player iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;}.youtube-player img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: block;margin: auto;max-width: 100%;width: 100%;height: auto;cursor: pointer;transition: 0.4s all;}.youtube-player img:hover {filter: brightness(75%);}.youtube-player .play {width: 72px;height: 72px;left: 50%;top: 50%;margin-left: -36px;margin-top: -36px;position: absolute;background-image: url(/content/themes/default/images/icons/youtube.png);background-size: contain;cursor: pointer;}.youtube-player.with-live .play {width: 52px;height: 52px;left: 50%;top: 50%;margin-left: -26px;margin-top: -26px;position: absolute;background-image: url(/content/themes/default/images/play-button.png);background-size: contain;cursor: pointer;}.who-shares {background: #f3f3f3;}body.night-mode .who-shares {background: var(--body-bg-color-dark);}.post-custom-fileds-wrapper {background: #f7f7f7;padding: 10px 20px;border: 1px solid #e5e5e5;font-size: 14px;border-radius: 6px;text-align: left;}body.night-mode .post-custom-fileds-wrapper {background: var(--card-dark-color);border-color: var(--card-dark-divider);}.post-custom-fileds-wrapper div:not(:last-child) {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #e7e7e7;}body.night-mode .post-custom-fileds-wrapper div:not(:last-child) {border-color: var(--card-dark-divider);}.comment {padding-bottom: 10px;}.comment-avatar {float: left;}.comment-avatar-picture {background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #eee;width: 100%;height: 100%;padding-top: 100%;overflow: hidden;min-width: 46px;min-height: 46px;display: block;border-radius: 50%;}.comment-data, .comment-edit {margin-left: 56px;}.comment-data .img-fluid {max-width: 30%;max-height: 100px;margin: 5px 0;}.comment-inner-wrapper {display: flex;margin-bottom: 5px;}.comment-inner {position: relative;padding: 8px 12px;background-color: #fff;border-radius: 18px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);}body.night-mode .comment-inner {background-color: var(--card-dark-input);}.comment-inner:before {content: "";display: block;position: absolute;left: -6px;top: 9px;width: 0;height: 0;border: 8px solid transparent;border-left-width: 0;border-right-color: #ffffff;cursor: default;z-index: 1;filter: drop-shadow(-1px 1px 0px rgba(0, 0, 0, 0.02));}body.night-mode .comment-inner:before {border-right-color: var(--card-dark-input);}.comment-author {font-weight: 500;}.comment-text {text-align: initial;word-break: break-word;word-wrap: break-word;overflow: hidden;margin-bottom: 5px;}.comment-text .twa {font-size: 1.4em;}.comment-actions>li {float: left;margin-right: 8px;}.comment-replies {padding-top: 10px;}.comment-replies>ul {width: 100%;}.post-form textarea, .comment-form textarea {background: #fff;direction: ltr;display: block;border: 0;resize: none;outline: none;width: 100%;padding: 8px 16px;padding-right: 136px;margin: 0;font-size: 16px;line-height: 26px;height: 46px;border-radius: 12px;}.post-form textarea {padding-right: 44px;}.post-edit .post-form textarea, .post-edit .comment-form textarea {background: #f7f7f7;}body.night-mode .post-form textarea, body.night-mode .comment-form textarea {color: var(--card-dark-input-color);background: var(--card-dark-input);}@media (min-width: 992px) {.comment-form textarea {padding-right: 106px;}}.post-form .x-form-tools, .comment-form .x-form-tools {bottom: 8px;right: 14px;}.comment-voice-notes, .comment-attachments {background: #fff;padding: 10px 14px 4px 14px;margin-top: 5px;border: 1px solid #eee;border-radius: 18px;}.comment-voice-notes {display: none;padding: 10px;}body.night-mode .comment-voice-notes, body.night-mode .comment-attachments {background: transparent;border-color: var(--card-dark-divider);}.comment .comment-btn {display: none;float: right;}.comment:hover .comment-btn {display: block;}.live-comments .comment:hover .comment-btn {display: none;}.comment-btn button.close {font-size: 1.4em;}.comment .dropdown-toggle-icon {color: #999;padding: 5px;border-radius: 50%;}.comment .dropdown-toggle-icon:hover {background: #e9eaee;cursor: pointer;}body.night-mode .comment .dropdown-toggle-icon:hover {background: var(--card-dark-divider);}.blog-container {background: #ffffff;border-radius: 16px;overflow: hidden;margin-bottom: 20px;display: block;color: inherit;text-decoration: none;position: relative;}body.night-mode .blog-container {background: var(--card-dark-color);}@media (min-width: 768px) {.blog-container {height: 410px;}.blog-container.primary {background: var(--link-color);}}.blog-image {min-height: 150px;}@media (min-width: 576px) {.blog-image {overflow: hidden;height: 150px;}}.blog-image img {height: 100%;width: 100%;object-fit: cover;}@media (min-width: 768px) {.blog-container.primary .blog-image {display: inline-block;width: 50%;height: 100%;max-height: 100%;}.blog-container.primary .blog-image img {width: auto;max-width: inherit;}}.blog-source {position: absolute;top: 110px;left: 10px;padding: 6px;background: rgba(0, 0, 0, 0.65);color: #fff;font-size: 13px;border-radius: 3px;text-transform: uppercase;}.blog-container.primary .blog-source {bottom: 10px;top: auto;}.blog-content {padding: 10px;}@media (min-width: 768px) {.blog-container.primary .blog-content {color: #fff;display: inline-block;vertical-align: top;width: 49%;}}.blog-content h3 {margin: 0;font-weight: 900;font-size: 20px;text-transform: uppercase;}@media (min-width: 576px) {.blog-container .blog-content h3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-height: 24px;max-height: 72px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}}@media (min-width: 768px) {.blog-container.primary .blog-content h3 {font-size: 26px;line-height: 30px;max-height: 180px;-webkit-line-clamp: 6;}}.blog-content .text {margin: 12px 0;font-size: 13px;}@media (min-width: 576px) {.blog-container .blog-content .text {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-height: 18px;max-height: 108px;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}}@media (min-width: 768px) {.blog-container.primary .blog-content .text {margin: 13px 0;font-size: 16px;font-weight: 300;line-height: 20px;max-height: 140px;-webkit-line-clamp: 7;}}@media (min-width: 768px) {.blog-container.primary .text-link {color: #eee;}}.blog-content .post-avatar {padding-right: 5px;padding-top: 3px;}.blog-more {width: 0%;height: 100%;color: #aaa;background-color: var(--link-color);position: absolute;top: 0;opacity: 0;text-align: center;-o-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s;}.blog-more span {position: absolute;top: calc(50% - 22px);left: calc(50% - 45px);border: 1px solid #fff;display: inline-block;padding: 10px 30px;border-radius: 16px;color: #fff;font-size: 16px;}.blog-container:hover .blog-more {width: 100%;opacity: 0.95;}.blog {position: relative;border-radius: 16px;}.blog-wrapper {background: #fff;padding: 30px;border-radius: 16px 16px 0 0;}.blog-wrapper.no-footer {border-radius: 16px;}body.night-mode .blog-wrapper {background: var(--card-dark-color);}.blog-wrapper h3 {margin-top: 0;margin-bottom: 20px;}.blog-meta-counter {display: inline-block;padding: 6px 14px;margin-bottom: 5px;font-size: 13px;line-height: 24px;color: #515eab;background: #f5f5f5;border-radius: 12px;}.blog-meta-counter:hover {color: #999;background: #e1e1e1;cursor: pointer;}.blog-text {font-size: 1.2em;line-height: 1.6em;word-break: initial;word-wrap: break-word;}.blog-text img {max-width: 100% !important;height: auto !important;}.blog-text iframe {width: 100% !important;}.blog-text blockquote {border-left: 2px solid #ccc;margin-left: 1.5rem;padding-left: 1rem;}body.night-mode .blog-text blockquote {border-left-color: var(--card-dark-divider);}.blog-tags {margin-top: 20px;}.blog-tags ul>li {display: inline-block;margin-right: 4px;margin-top: 4px;}.blog-tags ul>li>a {border-radius: 12px;background: #f5f5f5;padding: 4px 18px;line-height: 24px;color: #555;font-weight: 600;font-size: 13px;text-transform: uppercase;text-align: center;word-break: break-all;word-wrap: break-word;display: inline-block;}.blog-tags ul>li>a:hover {background: #b9b9b9;color: #fff;}.blogs-widget-header {margin-bottom: 20px;border-bottom: 1px solid #e1e1e1;}body.night-mode .blogs-widget-header {border-color: var(--card-dark-divider);}.blogs-widget-title {display: inline-block;margin: 0;margin-bottom: -1px;text-transform: uppercase;white-space: nowrap;font-weight: 500;font-size: 18px;line-height: 40px;color: var(--link-color);border-bottom: 1px solid var(--link-color);}.blogs-widget-title.lg {line-height: 60px;}.blog-categories {margin-bottom: 15px;}.blog-categories li {float: left;margin-right: 5px;margin-bottom: 5px;}.blog-category {border-radius: 12px;background: #d8daf2;padding: 4px 14px;line-height: 24px;color: #515eab;font-weight: 600;font-size: 13px;text-transform: uppercase;text-align: center;white-space: nowrap;display: inline-block;}body.night-mode .blog-category {background: #3f4851;color: var(--body-color-dark);}.blog-category.small {font-size: 9px;}.blog-category:hover, body.night-mode .blog-category:hover {background: var(--link-color);color: #fff;}.blog-references-section {margin-top: 1.25rem;padding: 1.25rem 1.35rem;border: 1px solid rgba(0, 0, 0, 0.08);border-radius: 8px;background: rgba(0, 0, 0, 0.02);}.blog-references-heading {display: flex;align-items: center;gap: 0.5rem;margin: 0 0 1rem 0;padding-bottom: 0.65rem;border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-size: 0.8125rem;font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase;color: rgba(0, 0, 0, 0.55);}.blog-references-heading i {font-size: 0.95rem;opacity: 0.85;}.blog-references-list {margin: 0;padding-left: 1.35rem;list-style-position: outside;}.blog-references-item {margin-bottom: 0.65rem;padding-left: 0.35rem;line-height: 1.55;color: inherit;}.blog-references-item:last-child {margin-bottom: 0;}.blog-references-link {display: inline;text-decoration: none;border-bottom: 1px solid rgba(0, 0, 0, 0.12);transition: color 0.15s ease, border-color 0.15s ease;}.blog-references-link:hover {border-bottom-color: rgba(0, 0, 0, 0.35);}.blog-references-external {display: inline-block;margin-inline-start: 0.35rem;font-size: 0.7em;vertical-align: super;opacity: 0.45;}html[dir="RTL"] .blog-references-list {padding-right: 1.35rem;padding-left: 0;}body.night-mode .blog-references-section {border-color: var(--card-dark-divider, #2e3f4d);background: rgba(0, 0, 0, 0.2);}body.night-mode .blog-references-heading {border-bottom-color: var(--card-dark-divider, #2e3f4d);color: rgba(193, 212, 227, 0.65);}body.night-mode .blog-references-link {border-bottom-color: rgba(193, 212, 227, 0.25);}body.night-mode .blog-references-link:hover {border-bottom-color: rgba(193, 212, 227, 0.5);}.dropdown-menu.auto-complete {display: none;}.typeahead {position: relative;float: left;}.typeahead input {background: transparent;width: 100%;color: #4e5665;font-size: 16px;line-height: 30px;outline: 0 none;border: 0 none;}body.night-mode .typeahead input {color: #fff;}.tags li {float: left;padding: 8px 12px;margin: 0 3px 3px 0;background: #f4f4f4;font-size: 12px;line-height: 16px;border-radius: 16px;}body.night-mode .tags li {background: var(--card-dark-color);}.tags button {font-size: 8px;margin-left: 4px;}.pac-container {z-index: 999999;}.lightbox-open {overflow: hidden;}.lightbox {position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.75);z-index: 9999;overflow-y: scroll;}@media (min-width: 992px) {.lightbox {overflow-y: none;}}.lightbox-container {display: table;width: 100%;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.6);padding-right: 0;padding-left: 0;}@media (min-width: 992px) {.lightbox-container {height: 100%;}}.lightbox-preview {position: relative;display: block;width: 100%;vertical-align: middle;background: #000;text-align: center;}@media (min-width: 992px) {.lightbox-preview {display: table-cell;width: 60%;max-width: 800px;}}@media (min-width: 1200px) {.lightbox-preview {width: 70%;}}.lightbox-preview.nodata {width: 100%;}.lightbox-preview.with-live {padding: 25px;}.lightbox-preview.with-live video {top: 0 !important;left: 0 !important;}.lightbox-exit {position: absolute;top: 4%;right: 2%;opacity: 0.5;color: #fff;}.lightbox-exit:hover {opacity: 1;cursor: pointer;}.lightbox-next, .lightbox-prev {position: absolute;top: 50%;opacity: 0.5;}.lightbox-next {right: 2%;}.lightbox-prev {left: 2%;}.lightbox-next:hover, .lightbox-prev:hover {opacity: 1;cursor: pointer;}.lightbox-next .fa, .lightbox-prev .fa {color: #fff;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);}.lightbox-download {position: absolute;bottom: 4%;left: 2%;}.lightbox-download a {color: #fff;opacity: 0.5;}.lightbox-download a:hover {opacity: 0.75;}.lightbox-preview img {margin: 0 auto;max-width: 100%;max-height: calc(100vh - 92px);}.lightbox-data {display: block;width: 100%;vertical-align: top;background: #fff;}@media (min-width: 992px) {.lightbox-data {display: table-cell;width: 40%;}}@media (min-width: 1200px) {.lightbox-data {width: 30%;}}body.night-mode .lightbox-data {background: var(--card-dark-color);}.lightbox-post {padding: 0 8px;height: calc(100vh - 113px);}.stories-wrapper {overflow: auto;padding-bottom: 0;margin-bottom: 5px;}.stories.carousel {overflow: unset !important;}.add-story {position: relative;display: inline-block;width: 110px;height: 160px;margin-bottom: 25px;cursor: pointer;}.add-story .img {display: block;width: 100%;height: 100%;background-size: cover;background-position: center;border-radius: 16px;}.add-story .add {position: absolute;bottom: -16px;left: 50%;transform: translateX(-50%);padding: 6px;border-radius: 16px;background: #fff;font-size: 14px;color: var(--link-color);fill: var(--link-color);}body.night-mode .add-story .add {background: var(--card-dark-color);}.stories.sngine.carousel .story {width: 110px;max-width: 100%;}.stories.sngine.carousel .story>.item-link>.item-preview {max-height: 100%;height: 160px;}.stories.sngine .story>a>.item-preview>img {border-radius: 16px;padding: 2px;border: 2px solid var(--link-color);}.stories.sngine .story.seen {opacity: 0.5;}.stories.carousel .story>.item-link>.info {font-size: 13px;}#zuck-modal-content .story-viewer.muted .tip.muted {display: none !important;}.chat-sidebar {display: none;position: fixed;right: 10px;top: 80px;bottom: 10px;width: 65px;}body.n_activated .chat-sidebar, body.n_live .chat-sidebar {top: 130px;}@media (min-width: 1200px) {.chat-sidebar {display: block;}}.chat-sidebar-content {position: absolute;top: 0;bottom: 120px;width: 100%;}.chat-avatar-wrapper {margin-bottom: 5px;cursor: pointer;}.chat-avatar-wrapper:hover .last-seen {opacity: 1;}.chat-avatar {position: relative;width: 50px;height: 50px;margin-bottom: 5px;margin-left: auto;margin-right: auto;}.chat-avatar img {background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #eee;width: 100%;height: 100%;border-radius: 50%;}.chat-avatar .online-status {position: absolute;bottom: 0;right: 4px;border: 3px solid var(--body-bg-color);border-radius: 50%;font-size: 8px;color: #999;}body.night-mode .chat-avatar .online-status {border-color: var(--body-bg-color-dark);}.chat-avatar .online-status.online {color: #65a830;}.chat-avatar-wrapper .last-seen {opacity: 0;background: #e7eaee;color: #666;font-size: 8px;padding: 2px;border-radius: 2px;text-align: center;transition: all 0.3s ease;}body.night-mode .chat-avatar-wrapper .last-seen {background: var(--card-dark-color);color: #999;}.chat-sidebar.disabled .chat-sidebar-content {opacity: 0.3;}.chat-sidebar.disabled .chat-sidebar-content .online, .chat-sidebar.disabled .chat-sidebar-content .offline {display: none;}.chat-sidebar-footer {position: absolute;bottom: 0;width: 100%;text-align: right;}.chat-widget {display: none;position: fixed;bottom: 0;right: 10px;width: 340px;z-index: 1000;box-shadow: 0 12px 28px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 4%);}@media (min-width: 992px) {.chat-widget {display: block;}}.chat-widget-head {background: var(--header-bg-color);width: 100%;padding: 10px 16px;border-radius: 16px 16px 0 0;min-height: 60px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #f4f4f4;cursor: pointer;}body.night-mode .chat-widget-head {background: var(--card-dark-color);border-color: var(--card-dark-divider);}.chat-head-label {display: none;position: absolute;top: -15px;right: 5px;}.chat-widget.chat-box.new .chat-head-label {display: block;}.chat-user-card {display: flex;align-items: center;min-width: 0;}.chat-user-card .avatar {width: 40px;height: 40px;border-radius: 50%;margin-right: 10px;position: relative;}.chat-user-card .avatar img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}.chat-user-card .name {font-size: 14px;font-weight: 600;color: #555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}body.night-mode .chat-user-card .name {color: var(--body-color-dark);}.chat-user-card .name>span {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;line-height: normal;}.chat-user-card .online-status {position: absolute;bottom: 0;right: 0;border: 2px solid #fff;border-radius: 50%;font-size: 9px;color: #65a830;}.chat-user-card .online-status.offline {color: #999;}.chat-head-btns {flex: 0 0 auto;}.chat-head-btn {margin-right: 4px;background: #fff;padding: 4px;border-radius: 10px;}body.night-mode .chat-head-btn {background: var(--card-dark-color);}.chat-head-btn:last-child {margin-right: 0;}.chat-head-btn:hover {background: #f4f4f4;cursor: pointer;}body.night-mode .chat-head-btn:hover {background: var(--card-dark-divider);}.chat-widget-content {position: relative;display: none;background: #fff;padding: 0;}body.night-mode .chat-widget-content {background: var(--card-dark-color);}.chat-to {position: absolute;top: 0;left: 0;right: 0;background: #fff;border-bottom: 1px solid #f4f4f4;padding: 10px 10px 10px 40px;}body.night-mode .chat-to {background: var(--card-dark-input);border-color: var(--card-dark-divider);}.chat-to .to {position: absolute;top: 10px;left: 10px;}.panel-messages .chat-to {padding-top: 10px;padding-bottom: 10px;}.panel-messages .chat-to .to {top: 10px;}.chat-conversations {padding: 0 7px;}.chat-typing {display: none;padding: 10px;}.loading-dots:after {content: " .";animation: dots 1s steps(5, end) infinite;}@keyframes dots {0%, 20% {color: rgba(0, 0, 0, 0);text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);}40% {color: var(--body-color);text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);}60% {text-shadow: 0.25em 0 0 var(--body-color), 0.5em 0 0 rgba(0, 0, 0, 0);}80%, 100% {text-shadow: 0.25em 0 0 var(--body-color), 0.5em 0 0 var(--body-color);}}.chat-voice-notes {display: none;}.chat-voice-notes, .chat-attachments {background: #fff;padding: 10px;border-top: 1px solid #f4f4f4;}body.night-mode .chat-voice-notes, body.night-mode .chat-attachments {background: var(--card-dark-color);border-color: var(--card-dark-divider);}.chat-form {background: #fff;padding: 10px;border-top: 1px solid #f4f4f4;border-radius: 0 0 16px 16px;}body.night-mode .chat-form {background: var(--card-dark-color);border-color: var(--card-dark-divider);}.chat-form-message {background: #f7f7f7;padding: 14px;overflow-y: auto;overflow-x: hidden;max-height: 69px;border-radius: 16px;}body.night-mode .chat-form-message {background-color: var(--card-dark-input);}.chat-form-message textarea, .chat-form-message input[type="text"] {background: transparent;direction: ltr;display: block;border: 0 none;resize: none;outline: none;box-shadow: none;width: 100%;padding: 0;margin: 0;font-size: 16px;line-height: 26px;height: 26px;overflow: hidden;}body.night-mode .chat-form-message textarea, body.night-mode .chat-form-message input[type="text"] {color: #fff;}.chat-form .x-form-tools {position: static;padding-top: 5px;}.chat-form ul.x-form-tools>li.x-form-tools-colors {color: var(--link-color);}.chat-form .emoji-menu {bottom: 40px;right: 100%;left: 2px;}.chat-form .emoji-menu:before {right: auto;left: 38px;}.chat-form .emoji-menu:after {right: auto;left: 39px;}.chat-colors-menu {display: none;position: absolute;bottom: 40px;left: 28px;width: 189px;margin: 0;padding: 6px;font-size: 13px;line-height: 100%;background-color: #fff;border: 1px solid #f4f4f4;border-radius: 16px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);z-index: 99999;}body.night-mode .chat-colors-menu {background-color: var(--card-dark-color);border-color: var(--card-dark-divider);}.chat-colors-menu .item {float: left;padding: 4px;margin-right: 1px;margin-bottom: 1px;}.chat-colors-menu .item:hover {cursor: pointer;background: #f3f3f3;border-radius: 4px;}body.night-mode .chat-colors-menu .item:hover {background: var(--card-dark-hover);}.conversation {padding-top: 10px;margin-bottom: 20px;}.conversation-user {width: 30px;height: 30px;float: left;border-radius: 50%;overflow: hidden;margin-right: 10px;}.conversation-user img {width: 30px;height: 30px;}.conversation-body {position: relative;float: left;max-width: -moz-calc(100% - 40px);max-width: -webkit-calc(100% - 40px);max-width: -o-calc(100% - 40px);max-width: calc(100% - 40px);}.conversation.right .conversation-user, .conversation.right .conversation-body {float: right;}.conversation-body .text {float: left;background: #f0f2f5;padding: 6px 8px;border-radius: 12px;border-bottom-left-radius: 0;word-break: initial;word-wrap: break-word;max-width: 100%;}body.night-mode .conversation-body .text {background: var(--card-dark-input);}.conversation.right .conversation-body .text {float: right;background: var(--link-color);color: #fff;border-radius: 12px;border-bottom-right-radius: 0;}.conversation.right .conversation-body .text a {color: #fff;}.conversation-body .text a {text-decoration: underline;}.conversation-body .text a:hover {text-decoration: none;}.conversation-body .text .twa {font-size: 2em;}.conversation-body .img-wrapper {max-width: 180px;border-radius: 16px;}.conversation-body .video-wrapper {width: 100%;border-radius: 16px;overflow: hidden;border-radius: 16px;}.conversation.right .chat-message-media {text-align: right;}.conversation.right .chat-message-media .chat-product {margin-left: auto;}.chat-product {display: block;background: #f7f7f7;border-radius: 17px;height: auto;max-width: 240px;min-width: 240px;}body.night-mode .chat-product {background: var(--card-dark-input);}.chat-product-image {width: 240px;height: auto;border-radius: 16px 16px 0 0;overflow: hidden;}.chat-product-image img {display: block;width: 100%;height: auto;}.chat-product-info {padding: 10px;}.chat-product-title {font-size: 16px;font-weight: bold;display: block;overflow: hidden;word-break: break-all;text-overflow: ellipsis;white-space: nowrap;}.chat-product-price {font-size: 16px;font-weight: 500;color: red;}.conversation-body .attachments li {float: left;width: 64px;height: 64px;margin-right: 5px;margin-bottom: 5px;}.conversation-body .attachments li.item {border: 1px solid #eee;cursor: pointer;}.conversation-body .attachments li.item img {width: 64px;height: 64px;}.conversation-body .attachments li.loading {padding-top: 22px;background: #f3f3f3;border: 1px solid #eee;}.conversation-body .time {position: absolute;top: 100%;left: 0px;width: 204px;margin-top: 2px;color: #605f5f;font-size: 10px;}body.night-mode .conversation-body .time {color: #999;}.conversation.right .conversation-body .time {right: 0;left: auto;text-align: right;}.conversation-body .time:before {content: "\f017";font-family: "Font Awesome\ 5 Free";font-style: normal;font-weight: normal;text-decoration: inherit;margin-top: 4px;padding-right: 2px;font-size: 0.875em;}.conversation-body .conversation-meta {position: absolute;top: 100%;left: 0;margin-top: 2px;display: flex;align-items: center;gap: 6px;white-space: nowrap;}.conversation.right .conversation-body .conversation-meta {left: auto;right: 0;flex-direction: row-reverse;}.conversation-body .conversation-meta .time {position: static;width: auto;margin-top: 0;}.chat-paid-badge {padding: 1px 8px;background: #ffc107;color: #212529;border-radius: 10px;font-weight: bold;font-size: 9px;letter-spacing: 0.5px;}.conversation-body .translate {color: #605f5f;font-size: 10px;margin-top: 2px;}body.night-mode .conversation-body .translate {color: #999;}.conversation.right .conversation-body .translate {right: 0;left: auto;text-align: right;}.conversation-body .seen {position: absolute;top: 100%;right: 0px;width: 204px;margin-top: 18px;margin-bottom: 4px;font-size: 10px;text-align: right;}.conversation-body .seen:before {content: "\f00c";font-family: "Font Awesome\ 5 Free";font-style: normal;font-weight: 900;text-decoration: inherit;margin-top: 4px;padding-right: 4px;font-size: 0.875em;}.video-call-stream-wrapper {position: relative;border-radius: 8px;}.video-call-stream, .video-call-stream-local {border-radius: 8px;}.video-call-stream div, .video-call-stream video {width: 100%;border-radius: 8px;}.video-call-stream video {height: 100%;}.video-call-stream-local {display: none;height: 420px;}@media (min-width: 992px) {.video-call-stream-local {height: 240px;}}.video-call-stream-local div, .video-call-stream-local video {width: 100%;border-radius: 8px;}.video-call-stream-local video {height: 100%;}@media (min-width: 992px) {.video-call-stream-local {background: #000;position: absolute;width: 180px;height: 240px;top: 20px;right: 20px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);border: 1px solid #fff;}.video-call-stream-local div {width: 180px;height: 240px;}}.emoji-menu {display: none;position: absolute;bottom: 30px;right: 0;min-width: 252px;margin: 0;padding: 6px 2px 0 6px;font-size: 13px;line-height: 100%;background-color: #fff;border: 1px solid #f5f5f5;border-radius: 16px;box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 10%) 0px 4px 6px -4px;z-index: 99999;}body.night-mode .emoji-menu {background-color: var(--card-dark-color);border-color: var(--card-dark-divider);}.publisher .emoji-menu {bottom: auto;top: 25px;right: -4px;}.lightbox .emoji-menu {bottom: auto;top: 27px;right: -7px;}.emoji-menu .item {float: left;padding: 3px;margin-right: 3px;margin-bottom: 3px;}.emoji-menu .item:hover {cursor: pointer;background: #f3f3f3;border-radius: 4px;}body.night-mode .emoji-menu .item:hover {background: var(--card-dark-divider);}.emoji-menu .item>img {width: 65px;height: 65px;}.emoji-menu .nav-tabs {border-top: 1px #f3f3f3 solid;border-bottom: 0;margin: 0px -2px 0px -6px;padding: 0 20px;}body.night-mode .emoji-menu .nav-tabs {border-color: var(--card-dark-divider);}.emoji-menu .nav-tabs>li>.nav-link {color: #555;padding: 14px 18px;margin: 0;border: 0;border-radius: 0;border-top: 2px solid transparent;}body.night-mode .emoji-menu .nav-tabs>li>.nav-link {color: var(--body-color-dark);}.emoji-menu .nav-tabs>li>.nav-link:hover {background: transparent;color: var(--link-color);border-color: transparent;border-bottom: 0;}.emoji-menu .nav-tabs>li>.nav-link.active, .emoji-menu .nav-tabs>li>.nav-link.active:hover, .emoji-menu .nav-tabs>li>.nav-link.active:focus {border: 0;color: var(--link-color);background: transparent;border-top: 2px solid var(--link-color);margin-top: -1px;}.reactions-stats {cursor: pointer;line-height: 24px;}.reactions-stats>.reactions-stats-item {float: left;background: #fff;margin: 0 0 0 -6px;padding: 3px;border-radius: 50%;}body.night-mode .reactions-stats>.reactions-stats-item {background: var(--card-dark-color);}.reactions-stats>.reactions-stats-item:nth-child(1) {z-index: 3;}.reactions-stats>.reactions-stats-item:nth-child(2) {z-index: 2;}.reactions-stats>.reactions-stats-item:nth-child(3) {z-index: 1;}.reactions-wrapper {position: relative;}.reaction-btn {display: flex;align-items: center;justify-content: center;}.reaction-btn .reaction-btn-icon {display: inline-block;}.reaction-btn .reaction-btn-icon .far {font-size: 20px;color: #000 }.reaction-btn .reaction-btn-name {text-transform: capitalize;margin-left: 5px;}.reactions-container {display: none;position: fixed;background: #fff;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);border-radius: 40px;z-index: 4;}body.night-mode .reactions-container {background: var(--card-dark-input);}@media (max-width: 480px) {.reactions-container {width: 144px;border-radius: 20px;}}.reactions_item {width: 48px;height: 48px;float: left;transform: scale(1);transition: transform 0.25s ease;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation: slideUp cubic-bezier(0.49, 0, 0.46, 1);animation: slideUp cubic-bezier(0.49, 0, 0.46, 1);}.reactions_item.duration-1 {-webkit-animation-duration: 0.1s;animation-duration: 0.1s;}.reactions_item.duration-2 {-webkit-animation-duration: 0.2s;animation-duration: 0.2s;}.reactions_item.duration-3 {-webkit-animation-duration: 0.3s;animation-duration: 0.3s;}.reactions_item.duration-4 {-webkit-animation-duration: 0.4s;animation-duration: 0.4s;}.reactions_item.duration-5 {-webkit-animation-duration: 0.5s;animation-duration: 0.5s;}.reactions_item.duration-6 {-webkit-animation-duration: 0.6s;animation-duration: 0.6s;}.reactions_item.duration-7 {-webkit-animation-duration: 0.7s;animation-duration: 0.7s;}.reactions_item:hover {transform: scale(1.25) translate(0, -3px);}.reactions_item:after {content: attr(data-title);position: absolute;background-color: rgba(0, 0, 0, 0.75);border-radius: 16px;box-sizing: border-box;color: #fff;display: inline-block;font-size: 10px;font-weight: bold;font-style: normal;line-height: 16px;opacity: 0;overflow: hidden;padding: 0 8px;text-decoration: none;text-overflow: ellipsis;transition: opacity 50ms ease;-webkit-user-select: none;text-transform: capitalize;visibility: hidden;top: 0;left: 50%;-webkit-transform: translate(-50%, -100%);transform: translate(-50%, -100%);}.reactions_item:hover:after {opacity: 1;visibility: visible;}@-webkit-keyframes slideUp {0% {opacity: 0;transform: translateY(30px);}100% {opacity: 1;transform: translateY(0px);}}@keyframes slideUp {0% {opacity: 0;transform: translateY(30px);}100% {opacity: 1;transform: translateY(0px);}}.inline-emoji {width: 18px;height: 18px;}.inline-emoji .emoji {transform: scale(0.15);top: -285%;right: 285%;}.no_animation *, .no_animation *:after, .no_animation *:before {animation: none !important;}.emoji {width: 120px;height: 120px;display: inline-block;border-radius: 50%;position: relative;transform: scale(0.325);top: -76%;right: 76%;}.emoji img {width: 120px;height: 120px;}.reaction img {animation-fill-mode: both;animation-duration: 1.3s;animation-iteration-count: infinite;}.reaction.reaction-1 img {animation-name: bounce;transform-origin: center bottom;}.reaction.reaction-2 img {animation-name: heartBeat;animation-timing-function: ease-in-out;}.reaction.reaction-3 img {animation-name: swing;transform-origin: top center;}.reaction.reaction-4 img {animation-name: pulse;animation-timing-function: ease-in-out;}.reaction.reaction-5 img {animation-name: fadeInDown;}.reaction.reaction-6 img {animation-name: swing;animation-timing-function: ease-in-out;}.reaction.reaction-7 img {animation-name: headShake;animation-timing-function: ease-in-out;}@keyframes bounce {from, 20%, 53%, to {animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);transform: translate3d(0, 0, 0);}40%, 43% {animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);transform: translate3d(0, -2px, 0) scaleY(1.1);}70% {animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);transform: translate3d(0, -1px, 0) scaleY(1.05);}80% {transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);transform: translate3d(0, 0, 0) scaleY(0.95);}90% {transform: translate3d(0, -1px, 0) scaleY(1.02);}}@keyframes heartBeat {0% {transform: scale(1);}14% {transform: scale(1.05);}28% {transform: scale(1);}42% {transform: scale(1.05);}70% {transform: scale(1);}}@keyframes swing {20% {transform: rotate3d(0, 0, 1, 2deg);}40% {transform: rotate3d(0, 0, 1, -2deg);}60% {transform: rotate3d(0, 0, 1, 0deg);}80% {transform: rotate3d(0, 0, 1, -2deg);}to {transform: rotate3d(0, 0, 1, 0deg);}}@keyframes pulse {from {transform: scale3d(1, 1, 1);}50% {transform: scale3d(1.05, 1.05, 1.05);}to {transform: scale3d(1, 1, 1);}}@keyframes fadeInDown {from {opacity: 1;transform: translate3d(0, -5%, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);}}@keyframes headShake {0% {transform: translateX(0);}6.5% {transform: translateX(-2px) rotateY(-9deg);}18.5% {transform: translateX(1px) rotateY(7deg);}31.5% {transform: translateX(-1px) rotateY(-5deg);}43.5% {transform: translateX(1px) rotateY(3deg);}50% {transform: translateX(0);}}.star-rating {display: flex;justify-content: flex-end;flex-direction: row-reverse;font-size: 28px;color: #999;}.star-rating input {display: none;}.star-rating label {margin-left: 5px;cursor: pointer;}.star-rating label:last-child {margin-left: 0;}.star-rating>label:hover i {color: #FF9800;}.star-rating>label:hover~label i {color: #FF9800;}.star-rating>input:checked~label i {color: #FF9800;}.review-stars {font-size: 22px;color: #999;}.review-stars.small {font-size: 13px;}.review-stars i.checked {color: #FF9800;}.review-review {font-size: 14px;}.review-photos img {width: 100px;height: 100px;border-radius: 16px;margin-right: 5px;margin-bottom: 5px;border: 1px solid #d5d5d5;padding: 2px;}.review-reply {background: #ededed;border-radius: 16px;width: 80%;margin: 0 auto;padding: 10px;}body.night-mode .review-reply {background: var(--card-dark-color);}.page-header {background: linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6);position: relative;text-align: center;padding: 70px 15px;overflow: hidden;color: #fff;z-index: auto;}.page-header.mini {padding: 35px 15px;}@media (min-width: 768px) {.page-header {padding: 90px 15px;}.page-header.mini {padding: 45px 15px;}}.page-header.bank-transfer {z-index: 1;padding: 20px;background-color: #2196f3;background: linear-gradient(90deg, #03a9f4 0%, #2196f3 35%, #3f51b5 100%);}.page-header .floating-img {position: absolute;bottom: 10px;left: 10%;width: 300px;opacity: 0.5;}.page-header .circle-1 {position: absolute;top: 60px;left: -180px;width: 290px;height: 290px;background-image: radial-gradient(circle 800px at 75% -25%, #000000 0, rgba(255, 255, 255, 0) 100%);border-radius: 50%;opacity: 0.05;}.page-header .circle-2 {position: absolute;top: 17px;right: -242px;width: 500px;height: 500px;background-image: radial-gradient(circle 800px at 10% -25%, #000000 0, rgba(255, 255, 255, 0) 100%);border-radius: 50%;opacity: 0.03;}.page-header .circle-3 {position: absolute;top: -73px;right: 78px;width: 200px;height: 200px;background-image: radial-gradient(circle 800px at 10% -25%, #000000 0, rgba(255, 255, 255, 0) 100%);border-radius: 50%;opacity: 0.04;}.page-header .inner {z-index: 999;}.page-header.bank-transfer .inner {border: 6px solid rgba(255, 255, 255, 0.3);padding: 20px;border-radius: 5px;}.page-header.bank-transfer .bank-info-meta {font-size: 18px;}.page-header.bank-transfer .bank-info-help {font-size: 12px;color: #eee;text-transform: uppercase;}.footer {border-top: 1px solid #e6ecf5;padding-top: 10px;padding-bottom: 10px;margin-top: 25px;margin-bottom: 25px;}@media (max-width: 768px) {.footer {margin-bottom: 85px;}}body.night-mode .footer {border-top: 1px solid var(--card-dark-divider);}@media (min-width: 768px) {.footer .links {text-align: right;}}.mini-footer {font-size: 12px;margin-top: 25px;margin-bottom: 25px;}@media (max-width: 768px) {.mini-footer {margin-bottom: 85px !important;}}.mini-footer .copyrights {display: flex;align-items: center;justify-content: space-between;padding-bottom: 5px;margin-bottom: 5px;color: #858585;font-weight: 500;border-bottom: 1px solid #e9e9e9;}body.night-mode .mini-footer .copyrights {border-bottom-color: var(--card-dark-divider);}.mini-footer .links {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin: 0 -5px 0;}.mini-footer .links li {display: inline-block;padding-right: 5px;padding-left: 5px;}.footer-bottom-bar {position: fixed;bottom: 0;left: 0;right: 0;z-index: 999;background: #fff;border-top: 1px solid #e6ecf5;height: 70px;}body.night-mode .footer-bottom-bar {background: #1c1e21;border-top: 1px solid #2c2f33;}@media (min-width: 768px) {.footer-bottom-bar {display: none;}}.footer-bottom-bar-links {display: flex;gap: 10px;}.footer-bottom-bar-links>.link {flex: 1;text-align: center;height: 70px;}.footer-bottom-bar-links>.link>a {position: relative;display: block;text-align: center;padding: 8px 10px 8px 10px;margin: 2px 0;border-radius: 10px;color: #000;}.footer-bottom-bar-links>.link>a:hover {background-color: rgb(160 160 160 / 10%);}body.night-mode .footer-bottom-bar-links>.link>a:hover {background-color: rgb(234 234 234 / 10%);}.footer-bottom-bar-links .link>a>.title {font-size: 12px;line-height: 26px;}body.night-mode .footer-bottom-bar-links .link>a>.title {color: #c1d4e3;}.footer-bottom-bar-links>.link.active>a>.title, body.night-mode .footer-bottom-bar-links>.link.active>a>.title {color: var(--link-color);font-weight: bold;}.footer-bottom-bar-links .dropdown-widget {box-shadow: none;border-radius: 8px 8px 0 0;}.footer-quick-adds {display: flex;flex-wrap: wrap;gap: 10px;padding: 20px;}.footer-quick-adds .add-quick-item {flex: 1;text-align: center;background: #f7f7f7;padding: 10px;border-radius: 12px;min-width: 150px;color: #000;cursor: pointer;font-size: 13px;}.footer-quick-adds .add-quick-item.full {flex-basis: 100%;}.footer-quick-adds .add-quick-item:hover {background: #f3f6f9;}body.night-mode .footer-quick-adds .add-quick-item {background: var(--card-dark-hover);color: #c1d4e3;}body.night-mode .footer-quick-adds .add-quick-item:hover {background: var(--card-dark-input);}.quick-menu-items {display: flex;flex-wrap: wrap;gap: 10px;margin-top: 15px;}.quick-menu-item, .quick-menu-item-mini {flex: 1;display: block;background: #f7f7f7;padding: 20px 15px;border-radius: 12px;color: #000;}body.night-mode .quick-menu-item, body.night-mode .quick-menu-item-mini {background: var(--card-dark-hover);color: #c1d4e3;}.quick-menu-item-mini {min-width: 150px;font-size: 13px;}.language-dropdown {padding: 8px 12px;border-radius: 4px;}.language-dropdown:hover {background: #f3f6f9;}.notfound-wrapper {position: relative;min-height: 560px;}.notfound {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 560px;width: 100%;padding-left: 160px;line-height: 1.1;}.notfound .notfound-circle {position: absolute;left: 0;top: 0;width: 140px;height: 140px;font-size: 140px;}.notfound .notfound-circle:before {content: "";position: absolute;width: 100%;height: 100%;-webkit-transform: scale(2.4);-ms-transform: scale(2.4);transform: scale(2.4);border-radius: 50%;background-color: #f2f5f8;z-index: -1;}body.night-mode .notfound .notfound-circle:before {background-color: var(--card-dark-color);}@media only screen and (max-width: 767px) {.notfound {padding-left: 15px;padding-right: 15px;padding-top: 110px;}.notfound .notfound-circle {width: 110px;height: 110px;font-size: 110px;}}.notfound h1 {font-family: "Nunito", sans-serif;font-size: 65px;font-weight: 700;margin-top: 0px;margin-bottom: 10px;color: #151723;text-transform: uppercase;}.notfound h2 {font-family: "Nunito", sans-serif;font-size: 21px;font-weight: 400;margin: 0;text-transform: uppercase;color: #151723;}body.night-mode .notfound h1, body.night-mode .notfound h2 {color: #fff;}.card-ouath-overlay {background: #000;position: fixed;top: 0;bottom: 0;left: 0;right: 0;opacity: 0.6;transition: opacity 0.5s;z-index: 1002;}.card-ouath {background: #fff;border: 0;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);z-index: 1003;}body.index-body {padding-top: 0;}.landing-row {height: calc(100vh);}@media (max-width: 576px) {.landing-row {margin-right: -15px;margin-left: -15px;}}.landing-left {position: relative;background: #2b354c;color: #fff;box-shadow: 2px 0 10px rgb(0 0 0 / 30%);}.landing-left:before {content: '';position: absolute;top: 0;bottom: 0;background-size: cover;background-repeat: no-repeat;left: 0;right: 0;background-position: center;opacity: 0.1;}.landing-intro {padding: 60px 20px;margin: 0 auto;max-width: 550px;}@media (min-width: 992px) {.landing-intro {padding: 110px 50px;}}.landing-slider {margin-top: 50px;}.landing-slides {padding: 0;width: 100%;height: 420px;display: block;margin: 0 auto;position: relative;}.landing-slides * {user-select: none;}.landing-slides input {display: none;}.landing-slide-container {display: block;}.landing-slide {top: 0;left: 0;right: 0;opacity: 0;max-width: 420px;height: 420px;display: block;position: absolute;margin: 0 auto;transition: all .7s ease-in-out;}.landing-slide img {width: 100%;height: auto;}.nav label {width: 40px;height: 100%;display: none;position: absolute;opacity: 0.1;z-index: 9;cursor: pointer;transition: opacity .2s;color: #FFF;font-size: 40pt;text-align: center;line-height: 380px;background-color: rgba(255, 255, 255, 0);text-shadow: 0px 0px 15px rgb(119, 119, 119);}.slide:hover+.nav label {opacity: 0.5;}.nav label:hover {opacity: 1;}.nav .next {right: 0;}input:checked+.landing-slide-container .landing-slide {opacity: 1;transition: opacity 1s ease-in-out;}input:checked+.landing-slide-container .nav label {display: block;}.nav-dots {width: 100%;bottom: -20px;height: 11px;display: block;position: absolute;text-align: center;}.nav-dots .nav-dot {top: -5px;width: 7px;height: 7px;margin: 0 2px;position: relative;border-radius: 10px;display: inline-block;background-color: rgb(101 101 101);}.nav-dots .nav-dot:hover {cursor: pointer;background: rgb(255 255 255);}input#img-1:checked~.nav-dots label#img-dot-1, input#img-2:checked~.nav-dots label#img-dot-2, input#img-3:checked~.nav-dots label#img-dot-3 {background: rgb(255 255 255);width: 18px;}.landing-form {padding-top: 50px;max-width: 550px;margin: 0 auto;}@media (min-width: 992px) {.landing-form {padding-top: 120px;}}.card-register {background: #fff;border: 0;font-size: 16px;padding: 20px;}@media (min-width: 992px) {.card-register {padding: 40px;}}.card-register .card-header {border: 0;background: transparent;}.card-register .card-header .card-title {font-size: 1.8em;font-weight: 900;margin-bottom: 15px;}.card-register .card-header .card-subtitle {font-size: 13px;color: #666;}body.night-mode .card-register .card-header .card-subtitle {font-size: 13px;color: #8f9ba5;}.card-register .form-control, .card-register .form-select {border-radius: 16px;height: 60px;}.card-register .input-group>.input-group-text {border-radius: 16px 0 0 16px;}.daytime_message {display: none;padding: 15px;margin-bottom: 20px;border-left: 2px solid #fba540 !important;}.daytime_message button {margin-top: 4px;font-size: 18px;}.forum-breadcrumb {padding: 16px 20px;margin-top: 20px;margin-bottom: 0;word-wrap: break-word;word-break: break-all;}.forum-title {margin-top: 20px;margin-bottom: 20px;word-wrap: break-word;}.forum-title h1 {font-size: 18px;margin-top: 0;margin-bottom: 5px;}.forum-title p {margin-bottom: 0;}.forum-category {padding: 15px 20px;margin-top: 20px;background-color: var(--link-color);color: #fff;font-weight: 600;font-size: 13px;border-radius: 16px 16px 0 0;}.forum-category a {color: #fff;}.forum-category a:hover {text-decoration: underline;}.forum-head {margin-right: 0;margin-left: 0;}.forum-head>.column {padding: 20px;background-color: #16232d;color: #fff;font-weight: 300;font-size: 12px;text-align: center;border-right: 1px solid #192534;border-left: 1px solid #161e27;}body.night-mode .forum-head>.column {background: var(--card-dark-input);border-right-color: var(--card-dark-divider);border-left-color: #121212;}.forum-head.threads>.column {background-color: #576c7c;border-right: 1px solid #374855;border-left: 1px solid #6d8292;}body.night-mode .forum-head.threads>.column {background: var(--card-dark-input);}.forum-head>.column:first-child {text-align: left;border-left: none;}.forum-head>.column:last-child {border-right: none;}.forum-row {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: wrap;margin-right: 0;margin-left: 0;}.forum-row>.column {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-direction: column;padding: 20px;background-color: #ffffff;border-bottom: 1px solid #e6e6e6;color: #808080;font-size: 12px;word-wrap: break-word;}body.night-mode .forum-row>.column {background: var(--card-dark-color);border-color: var(--card-dark-divider);}.forum-row>.column.icon {color: #999999;text-align: center;}.forum-row .sub-forums li {float: left;margin-right: 10px;}.forum-meta-head {padding: 15px 20px 15px 20px;background-color: #16232d;color: #fff;font-size: 12px;font-weight: 300;}body.night-mode .forum-meta-head {background: var(--card-dark-input);}.forum-meta-conent {padding: 15px 20px 15px 20px;background-color: #fff;color: #808080;font-size: 12px;}.forum-meta-conent:last-child {border-radius: 0 0 16px 16px;}body.night-mode .forum-meta-conent {background-color: var(--card-dark-color);}.forum-thread {padding: 20px 10px;margin-top: 10px;background: #fff;border-radius: 16px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}body.night-mode .forum-thread {background: var(--card-dark-color);}.forum-thread .row {margin-left: 0;margin-right: 0;}.forum-thread .avatar {width: 80px;height: 80px;border-radius: 50%;}.forum-thread .time {padding-bottom: 5px;margin-bottom: 10px;border-bottom: 1px solid #f4f4f4;}body.night-mode .forum-thread .time {border-color: var(--card-dark-divider);}.forum-thread .text {word-wrap: break-word;}.forum-thread .text img, .forum-thread .text iframe {max-width: 100%;}.forum-thread ul {margin: initial;padding-inline-start: 40px;list-style: initial;}.forum-result {margin-top: 20px;}.forum-result .head {padding: 10px 20px;background-color: #576c7c;color: #fff;border-radius: 16px 16px 0 0;}body.night-mode .forum-result .head {background-color: var(--card-dark-divider);}.forum-result .head a {color: #fff;}.forum-result .head a:hover {text-decoration: underline;}.forum-result .content {padding: 10px 20px;background-color: #ffffff;border-radius: 0 0 16px 16px;}body.night-mode .forum-result .content {background-color: var(--card-dark-color);}.forum-result .title {font-size: 14px;}.forum-result .snippet {background: #f4f4f4;padding: 8px 10px;word-wrap: break-word;border-radius: 16px;}body.night-mode .forum-result .snippet {background: var(--card-dark-input);}.directory-card {display: block;width: 100%;height: 100%;background: #f6f7f9;padding: 25px;text-align: center;color: #555;border-radius: 16px;}body.night-mode .directory-card {background: var(--card-dark-input);color: var(--body-color-dark);}.directory-card:hover {background: #eee;color: #898f9c;}body.night-mode .directory-card:hover {background: var(--card-dark-hover);}.directory-card .title {margin-top: 15px;color: #4b4f56;}body.night-mode .directory-card .title {color: var(--link-color);}.directory-card p {margin-bottom: 0;}.panel-messages .card-header .fa-circle {color: #65a830;font-size: 9px;}.panel-messages .card-body {padding: 0;}.panel-messages.fresh .card-body {position: relative;}.panel-messages .conversation-user {width: 50px;height: 50px;}.panel-messages .conversation-user img {width: 50px;height: 50px;}.panel-messages .conversation-body {max-width: calc(100% - 60px);}.panel-messages .conversation-body .text {background: #e9eaee;}.live-stream-wrapper {background: #323232;padding: 20px;border-radius: 16px;}body.night-mode .live-stream-wrapper {background: var(--card-dark-color);}@media (min-width: 992px) {.live-stream-wrapper {padding: 50px;}}.live-stream-title {color: #fff;font-size: 34px;line-height: 50px;margin-bottom: 10px;}.live-stream-video {position: relative;height: 500px;}.live-stream-video .live-counter {position: absolute;top: 20px;left: 20px;z-index: 2;}.live-stream-video .live-counter .status {background: #dc3545;padding: 5px 15px;color: #fff;text-transform: uppercase;border-radius: 4px;font-weight: 600;}.live-stream-video .live-counter .status.offline {background: #383838;}.live-stream-video .live-counter .number {background: #383838;padding: 5px 10px;margin-left: 4px;color: #fff;text-transform: uppercase;border-radius: 4px;}.live-stream-video .live-status {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);padding: 10px 25px;background: #383838;color: #fff;text-align: center;border-radius: 16px;z-index: 4;}.live-stream-video .live-status.info {background: #1171ef;}.live-stream-video .live-status.success {background: #28a745;}.live-stream-video .live-status.error {background: #dc3545;}.live-stream-video .live-recording {display: none;position: absolute;top: 20px;right: 20px;color: #ff0000;font-weight: 600;background: #383838;padding: 5px 10px;border-radius: 4px;z-index: 2;}.live-stream-video .live-comments {position: absolute;left: 0;right: 0;bottom: 0;padding: 20px;height: 200px;z-index: 3;background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);border-radius: 0 0 16px 16px;}.live-stream-video .live-video-player {width: 100%;height: 100%;background: #000;border-radius: 16px;}.live-stream-video .live-video-player div {border-radius: 16px;}.live-stream-video .live-video-player video {border-radius: 16px;background: #000;height: auto !important;transform: none !important;}.live-stream-buttons {display: none;text-align: center;margin-top: 20px;}.live-stream-tips-wrapper {background: #111111;padding: 10px 15px;border-radius: 20px;margin-top: 8px;font-size: 12px;line-height: 18px;}.profile-header {background: #fff;position: relative;margin-bottom: 20px;border-radius: 0 0 16px 16px;}body.night-mode .profile-header {background: var(--body-bg-color-dark);}@media (min-width: 992px) {.profile-header {margin-bottom: 40px;}}.profile-cover-wrapper {background: #424242;position: relative;height: 180px;overflow: hidden;border-radius: 0 0 16px 16px;}body.night-mode .profile-cover-wrapper {background: #151a1f;}@media (min-width: 576px) {.profile-cover-wrapper {height: 240px;}}@media (min-width: 768px) {.profile-cover-wrapper {height: 300px;}}@media (min-width: 992px) {.profile-cover-wrapper {height: 360px;}}.profile-cover-wrapper img.js_position-cover-cropped {width: 100%;height: 100%;object-fit: cover;}.profile-cover-wrapper img.js_lightbox:hover {cursor: pointer;}.profile-cover-wrapper img.js_position-cover-full {width: 100%;height: auto;cursor: move;}.profile-cover-buttons {position: absolute;top: 10px;left: 10px;color: #fff;font-size: 12px;opacity: 0.4;transition: all 0.5s;}@media (min-width: 768px) {.profile-cover-buttons {top: 15px;left: 15px;font-size: 16px;}}.profile-cover-buttons>div {float: left;margin-right: 5px;padding: 4px 8px;border-radius: 50%;text-align: center;background: rgba(0, 0, 0, 0.1);transition: all 0.5s;}.profile-cover-buttons>div:hover {cursor: pointer;background: rgba(0, 0, 0, 0.25);}.profile-cover-wrapper:hover .profile-cover-buttons {opacity: 1;}.profile-cover-buttons form.x-uploader {position: relative;}.profile-cover-buttons>div.profile-cover-position-buttons {display: none;padding: 4px 6px;}.profile-cover-change-loader {display: none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0.5;background: #000;width: 100%;height: 100%;padding-top: 20%;transition: all 0.5s;}@media (min-width: 768px) {.profile-cover-change-loader {padding-top: 15%;}}.profile-cover-position-loader {display: none;position: absolute;top: 15px;left: 50%;padding: 8px 10px;background: rgba(0, 0, 0, 0.45);color: #fff;font-size: 11px;border-radius: 2px;transform: translate(-50%);}@media (min-width: 768px) {.profile-cover-position-loader {padding: 8px 24px;font-size: 13px;font-weight: 600;}}.profile-avatar-wrapper {position: absolute;top: 112px;left: 50%;transform: translate(-50%);padding: 2px;background: #fff;border-radius: 50%;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);}@media (min-width: 576px) {.profile-avatar-wrapper {top: 140px;}}@media (min-width: 768px) {.profile-avatar-wrapper {top: 170px;}}body.night-mode .profile-avatar-wrapper {background: var(--body-bg-color-dark);}.profile-avatar-wrapper.static {top: 0;}@media (min-width: 992px) {.profile-avatar-wrapper {padding: 4px;}.profile-avatar-wrapper:not(.static) {top: auto;bottom: -25px;left: 55px;transform: none;}}.profile-avatar-wrapper img {width: 90px;height: 90px;border-radius: 50%;transition: all 0.5s;}.profile-avatar-wrapper img.js_lightbox:hover {cursor: pointer;}@media (min-width: 576px) {.profile-avatar-wrapper img {width: 120px;height: 120px;}}@media (min-width: 768px) {.profile-avatar-wrapper img {width: 150px;height: 150px;}}@media (min-width: 992px) {.profile-avatar-wrapper img {width: 160px;height: 160px;}}.profile-avatar-change, .profile-avatar-crop, .profile-avatar-delete {display: block;position: absolute;bottom: 5px;right: 5px;opacity: 0.4;color: #fff;font-size: 12px;padding: 4px 8px;border-radius: 50%;text-align: center;background: rgba(0, 0, 0, 0.1);transition: all 0.5s;}.profile-avatar-change:hover, .profile-avatar-crop:hover, .profile-avatar-delete:hover {cursor: pointer;background: rgba(0, 0, 0, 0.25);}.profile-avatar-crop {bottom: 35px;right: -15px;}.profile-avatar-delete {bottom: 75px;right: 5px;}.profile-avatar-change form.x-uploader {position: relative;}@media (min-width: 576px) {.profile-avatar-delete {bottom: 75px;right: -15px;}}@media (min-width: 768px) {.profile-avatar-change, .profile-avatar-crop, .profile-avatar-delete {bottom: 10px;right: 10px;font-size: 16px;}.profile-avatar-crop {bottom: 45px;right: -10px;}.profile-avatar-delete {bottom: 85px;right: -15px;}}.profile-avatar-wrapper:hover .profile-avatar-change, .profile-avatar-wrapper:hover .profile-avatar-delete, .profile-avatar-wrapper:hover .profile-avatar-crop {opacity: 1;}.profile-avatar-change-loader {display: none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0.5;background: #000;width: 100%;height: 100%;border-radius: 50%;padding-top: 50%;transition: all 0.5s;}.profile-name-wrapper {background: #fff;padding-top: 30px;padding-bottom: 10px;text-align: center;font-size: 1.2em;font-weight: 600;}body.night-mode .profile-name-wrapper {background: var(--body-bg-color-dark);}@media (min-width: 992px) {.profile-name-wrapper {position: absolute;bottom: 20px;left: 255px;right: auto;background: transparent !important;padding-top: 0;padding-bottom: 0;text-align: left;font-size: 1.9em;text-shadow: 0 0 3px rgba(0, 0, 0, 0.9);}.no-avatar .profile-name-wrapper {left: 85px;bottom: 40px;}}.profile-name-wrapper a {color: #333;}body.night-mode .profile-name-wrapper a {color: #fff;}.profile-name-wrapper a.badge {color: #fff;}@media (min-width: 992px) {.profile-name-wrapper a {color: #fff;}.profile-name-wrapper a.badge {font-size: 14px;}}.profile-name-inner {display: inline-flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 6px;}@media (min-width: 992px) {.profile-name-inner {justify-content: flex-start;}}.profile-name-wrapper .verified-badge, .profile-name-wrapper .translate-icon, .profile-name-inner .verified-badge, .profile-name-inner .translate-icon, .profile-name-wrapper>a:has(> .svg-container), .profile-name-inner>a:has(> .svg-container) {display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;line-height: 0;font-size: 0;align-self: center;vertical-align: middle;}.profile-name-wrapper .svg-container, .profile-name-inner .svg-container {display: flex;align-items: center;justify-content: center;line-height: 0;}.profile-name-wrapper .svg-container svg, .profile-name-inner .svg-container svg {display: block;}.translate-icon {display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;vertical-align: middle;line-height: 0;font-size: 0;cursor: pointer;opacity: 0.65;color: var(--link-color);transition: opacity 0.15s ease;}.translate-icon .svg-container {display: flex;align-items: center;justify-content: center;line-height: 0;}.translate-icon .svg-container svg {display: block;}.translate-icon:hover {opacity: 1;}.translate-icon.active {opacity: 1;}.translate-icon svg path {fill: currentColor !important;}@media (min-width: 992px) {.profile-name-wrapper .translate-icon {color: #fff;}}.profle-date-wrapper {position: absolute;width: 45px;left: 10px;top: 120px;padding: 6px;border-radius: 6px;border: 2px solid white;background: rgba(0, 0, 0, 0.1);text-align: center;font-size: 12px;color: #fff;transition: all 0.5s;}@media (min-width: 576px) {.profle-date-wrapper {top: 180px;}}@media (min-width: 768px) {.profle-date-wrapper {top: 240px;}}@media (min-width: 992px) {.profle-date-wrapper {width: 55px;left: 15px;top: auto;bottom: 20px;font-size: 14px;}}.profle-meta-wrapper {position: absolute;left: 65px;top: 140px;color: #e9e9e9;font-size: 12px;text-shadow: 0 0 3px rgba(0, 0, 0, 0.9);}@media (min-width: 576px) {.profle-meta-wrapper {top: 200px;}}@media (min-width: 768px) {.profle-meta-wrapper {top: 260px;}}@media (min-width: 992px) {.profle-meta-wrapper {left: 85px;top: auto;bottom: 20px;font-size: 14px;}}.profile-buttons-wrapper {background: #fff;padding-bottom: 20px;text-align: center;border-radius: 0 0 16px 16px;}body.night-mode .profile-buttons-wrapper {background: var(--body-bg-color-dark);}@media (min-width: 992px) {.profile-buttons-wrapper {background: transparent !important;position: absolute;bottom: 20px;right: 15px;padding-bottom: 0;text-align: left;}}@media (max-width: 992px) {.profile-buttons-wrapper .btn {box-shadow: none;}}.profile-tabs-wrapper {padding: 0 10px;background: #fff;border-radius: 16px;margin-bottom: 20px;}body.night-mode .profile-tabs-wrapper {background: var(--card-dark-color);}.profile-tabs-wrapper a {display: block;padding: 10px 5px;line-height: 20px;font-weight: 600;color: #666;transition: all 0.2s ease;}@media (min-width: 992px) {.profile-tabs-wrapper a {padding: 20px 25px;}}body.night-mode .profile-tabs-wrapper a {color: var(--body-color-dark);}.profile-tabs-wrapper a:hover, body.night-mode .profile-tabs-wrapper a:hover {color: var(--link-color);}.profile-tabs-wrapper a.active, body.night-mode .profile-tabs-wrapper a.active {color: var(--link-color);border-bottom: 2px solid var(--link-color);}@media (max-width: 559px) {.panel-mutual-friends {display: none;}}.panel-mutual-friends li {float: left;width: 40px;height: 40px;margin-right: -8px;}.about-bio {word-wrap: break-word;text-align: center;border-bottom: 1px solid #f4f4f4;margin-bottom: 10px;padding-bottom: 10px;}body.night-mode .about-bio {border-color: var(--card-dark-divider);}.about-bio-header {display: flex;align-items: flex-start;gap: 8px;}.about-bio-header .page-description-text, .about-bio-header .group-description-text, .about-bio-header .event-description-text {flex: 1;min-width: 0;}.about-bio-header .translate-icon {color: var(--link-color);margin-top: 2px;}.about-bio a {display: inline-block;margin-top: 10px;}.about-list {list-style: none;padding: 0;margin: 0;}.about-list li {position: relative;padding-bottom: 5px;margin-bottom: 10px;font-weight: 500;}.about-list li.package {background: #597ba5;color: #fff;padding: 10px 15px;margin-left: 0;margin-right: 0;margin-bottom: 15px;text-align: center;border-radius: 16px;}.about-list li:last-child {border-bottom: 0 none;padding-bottom: 0;margin-bottom: 0;}.about-list-item {padding-left: 40px;word-break: break-word;}.about-list-item a:hover {text-decoration: underline;}.about-list-item .svg-container {position: absolute;top: 0;left: 0;}.about-list-item .details {padding-top: 2px;font-size: 11px;line-height: 16px;font-weight: normal;}.panel-photos div[class^="col-"], .panel-photos div[class*=" col-"] {padding: 1px;padding-bottom: 0;}.pg_photo {position: relative;display: block;background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #eee;width: 100%;height: 100%;padding-top: 100%;min-width: 40px;min-height: 40px;border-radius: 12px;margin-bottom: 2px;}.pg_photo.large {min-width: 100px;min-height: 100px;}.pg_photo-delete-btn {position: absolute;right: 5px;top: 5px;}.pg_photo-pin-btn {position: absolute;left: 5px;top: 5px;background: rgb(0 0 0 / 50%);padding: 3px 8px;border-radius: 16px;color: #eee;}.pg_photo-pin-btn.pinned {color: #ffeb3b;}.panel-videos div[class^="col-"], .panel-videos div[class*=" col-"] {padding: 1px;padding-bottom: 0;}.pg_video {position: relative;background: #eee;display: block;padding-bottom: 100%;overflow: hidden;}.pg_video video {position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;width: 100%;height: 100%;}.pg_video .play-button {position: absolute;top: calc(50% - 25px);left: calc(50% - 25px);display: block;width: 50px;height: 50px;padding-top: 11px;padding-left: 6px;border-radius: 50%;color: #f5f5f5;text-align: center;background-color: rgba(0, 0, 0, 0.5);transition: all 0.3s ease;}.pg_video:hover .play-button {background-color: rgba(0, 0, 0, 0.8);box-shadow: 0px 0px 10px rgba(255, 255, 100, 1);}.album-card {border: 1px solid #f4f4f4;border-radius: 16px;margin-bottom: 10px;}body.night-mode .album-card {border-color: var(--card-dark-divider);}.album-cover {display: block;background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #eee;width: 100%;height: 100%;padding-top: 100%;overflow: hidden;min-width: 40px;min-height: 40px;border-radius: 16px 16px 0 0;}.album-details {padding: 20px;}.album-details .fa {cursor: pointer;}.album-details .tooltip {width: auto;min-width: 110px;font-size: 11px;}.album-title {text-align: center;font-size: 1.5em;font-weight: 600;margin-top: 20px;}.album-meta {text-align: center;margin-bottom: 40px;}@media (max-width: 767px) {.admin-sidebar {background: #fff;border-radius: 16px;}body.night-mode .admin-sidebar {background: var(--card-dark-color);}}.admin-chart {min-width: 100%;height: 400px;margin: 0 auto;border: 1px solid #e6ecf5;}body.night-mode .admin-chart {border-color: var(--card-dark-divider);}body.night-mode .admin-chart .highcharts-title, body.night-mode .admin-chart .highcharts-axis>*, body.night-mode .admin-chart .highcharts-axis-labels>*, body.night-mode .admin-chart .highcharts-legend-item text {color: var(--body-color-dark) !important;fill: var(--body-color-dark) !important;}.card.admin-license {overflow: hidden;}.admin-license-inner {padding: 28px 32px 8px;}.admin-license-identity {display: flex;align-items: flex-start;justify-content: space-between;gap: 16px;margin-bottom: 18px;}.admin-license-title {margin: 0 0 8px;font-size: 28px;font-weight: 700;line-height: 1.2;color: #111;}.admin-license-lead {margin: 0;max-width: 46rem;font-size: 14px;line-height: 1.55;color: #6b7788;}.admin-license-badge {display: inline-flex;align-items: center;gap: 8px;flex-shrink: 0;padding: 6px 12px;border-radius: 999px;font-size: 13px;font-weight: 600;line-height: 1;background: #e7f8ef;color: #1aae6f;}.admin-license-badge-dot {width: 8px;height: 8px;border-radius: 50%;background: currentColor;}.admin-license-support_ended .admin-license-badge, .admin-license-unreachable .admin-license-badge {background: #fff1e8;color: #fb6340;}.admin-license-lapsed .admin-license-badge, .admin-license-invalid .admin-license-badge {background: #fde8ee;color: #f5365c;}.admin-license-missing .admin-license-badge {background: #eef1f5;color: #8898aa;}.admin-license-keyrow {display: inline-flex;align-items: center;gap: 14px;width: fit-content;max-width: 100%;padding: 12px 16px;margin-bottom: 28px;border-radius: 10px;background: #f4f6f8;overflow: hidden;}.admin-license-key-label {flex-shrink: 0;font-size: 11px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: #8b97a8;}.admin-license-key, .admin-license-mono, .admin-license-period-head, .admin-license-fact-label, .admin-license-fact-value, .admin-license-fact-sub, .admin-license-foot-label, .admin-license-foot-value {font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;}.admin-license-key {font-size: 13px;letter-spacing: 0.04em;color: #3d4a5c;word-break: break-all;overflow-wrap: anywhere;}.admin-license-period {padding-bottom: 8px;}.admin-license-period-head {display: flex;align-items: baseline;justify-content: space-between;gap: 12px;margin-bottom: 18px;font-size: 11px;font-weight: 700;color: #8b97a8;}.admin-license-period-head > span:first-child {letter-spacing: 0.1em;text-transform: uppercase;}.admin-license-timeline {display: flex;align-items: center;gap: 4px;margin: 28px 8px 36px;}.admin-license-track {position: relative;flex: 1;height: 8px;border-radius: 99px;background: #e6ecf5;}.admin-license-track-elapsed {position: absolute;inset-block: 0;inset-inline-start: 0;border-radius: 99px;background: #c5ced8;}.admin-license-lapsed .admin-license-track {background: #f7d4dc;}.admin-license-lapsed .admin-license-track-elapsed {background: #f0b3c0;}.admin-license-tick {position: absolute;inset-inline-start: 0;top: 50%;width: 10px;height: 10px;margin-top: -5px;background: #c5ced8;transform: rotate(45deg);border-radius: 1px;}.admin-license-today {position: absolute;top: 50%;z-index: 1;width: 14px;height: 14px;margin-top: -7px;margin-inline-start: -7px;border-radius: 50%;background: #fff;border: 4px solid #fb6340;box-shadow: 0 0 0 4px rgba(251, 99, 64, 0.18);}.admin-license-today span {position: absolute;left: 50%;bottom: calc(100% + 8px);transform: translateX(-50%);font-size: 10px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: #fb6340;white-space: nowrap;}.admin-license-today-end {margin-inline-start: -14px;}.admin-license-lapsed .admin-license-today {border-color: #f5365c;box-shadow: 0 0 0 4px rgba(245, 54, 92, 0.16);}.admin-license-lapsed .admin-license-today span {color: #f5365c;}.admin-license-forever {display: flex;align-items: center;flex: 0 0 22%;min-width: 110px;}.admin-license-forever-line {flex: 1;height: 0;border-top: 2px dashed #c5ced8;}.admin-license-forever-end {display: flex;flex-direction: column;align-items: center;margin-inline-start: 6px;}.admin-license-inf {font-size: 22px;line-height: 1;color: #8b97a8;}.admin-license-forever-label {margin-top: 6px;font-size: 9px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: #8b97a8;white-space: nowrap;}.admin-license-facts {display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;padding-bottom: 20px;}.admin-license-fact-label {display: flex;align-items: center;gap: 8px;margin-bottom: 6px;font-size: 11px;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: #8b97a8;}.admin-license-fact-label .fa, .admin-license-fact-label .fa-solid, .admin-license-fact-label .fa-regular {font-size: 10px;width: 12px;text-align: center;}.admin-license-fact-value {font-size: 16px;font-weight: 700;line-height: 1.3;color: #111;}.admin-license-fact-value.is-alert {color: #fb6340;}.admin-license-lapsed .admin-license-fact-value.is-alert {color: #f5365c;}.admin-license-fact-sub {margin-top: 4px;font-size: 13px;color: #8b97a8;}.admin-license-actions {background: #f4f6f8;border-top: 1px solid #e6ecf5;}.admin-license-action {display: flex;align-items: center;justify-content: space-between;gap: 24px;padding: 22px 32px;}.admin-license-action + .admin-license-action {border-top: 1px solid #e6ecf5;}.admin-license-action-main {display: flex;align-items: center;gap: 20px;min-width: 0;flex: 1;}.admin-license-action-main .admin-licence-lock-icon {width: 28px;height: 28px;margin: 0;flex-shrink: 0;border-radius: 8px;font-size: 12px;box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.06);}.admin-license-action-main.admin-licence-lock-success .admin-licence-lock-icon {box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.06);}body.night-mode .admin-license-action-main.admin-licence-lock-error .admin-licence-lock-icon {box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.09);}body.night-mode .admin-license-action-main.admin-licence-lock-success .admin-licence-lock-icon {box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.09);}.admin-license-action-title {font-size: 15px;font-weight: 700;color: #111;margin-bottom: 4px;}.admin-license-action-title .fa {margin-inline-end: 8px;color: #8b97a8;}.admin-license-action-text {font-size: 13px;line-height: 1.5;color: #6b7788;}.admin-license-cta, .admin-license-ghost {display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;padding: 11px 18px;border-radius: 10px;font-size: 14px;font-weight: 600;line-height: 1.2;white-space: nowrap;}.admin-license-cta {color: #fff;background: #111;border: 1px solid #111;}.admin-license-cta:hover {color: #fff;background: #2a2a2a;border-color: #2a2a2a;}.admin-license-ghost {color: #111;background: #fff;border: 1px solid #d7dee8;}.admin-license-ghost:hover {color: #111;background: #f8fafc;border-color: #c5ced8;}.admin-license-enabled {display: inline-flex;align-items: center;gap: 8px;flex-shrink: 0;font-size: 14px;font-weight: 700;color: #1aae6f;}.admin-license-foot {display: grid;grid-template-columns: repeat(3, 1fr);border-top: 1px solid #e6ecf5;}.admin-license-foot > div {padding: 22px 32px;}.admin-license-foot > div + div {border-inline-start: 1px solid #e6ecf5;}.admin-license-foot-label {font-size: 11px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: #8b97a8;margin-bottom: 6px;}.admin-license-foot-value {font-size: 15px;font-weight: 600;color: #111;}.admin-license-foot-value a {text-decoration: underline;text-underline-offset: 2px;color: inherit;}@media (prefers-reduced-motion: reduce) {.admin-license-today {box-shadow: none;}}@media (max-width: 767px) {.admin-license-inner {padding: 22px 20px 4px;}.admin-license-identity {flex-direction: column;}.admin-license-title {font-size: 22px;}.admin-license-timeline-perpetual {flex-wrap: wrap;}.admin-license-forever {flex: 1 1 100%;min-width: 0;margin-top: 10px;}.admin-license-facts, .admin-license-foot {grid-template-columns: 1fr;}.admin-license-foot > div {padding: 16px 20px;}.admin-license-foot > div + div {border-inline-start: 0;border-top: 1px solid #e6ecf5;}.admin-license-action {flex-direction: column;align-items: stretch;padding: 18px 20px;}.admin-license-cta, .admin-license-ghost {width: 100%;}}body.night-mode .admin-license-title, body.night-mode .admin-license-fact-value, body.night-mode .admin-license-action-title, body.night-mode .admin-license-foot-value, body.night-mode .admin-license-cta, body.night-mode .admin-license-ghost {color: var(--body-color-dark);}body.night-mode .admin-license-lead, body.night-mode .admin-license-key-label, body.night-mode .admin-license-period-head, body.night-mode .admin-license-fact-label, body.night-mode .admin-license-fact-sub, body.night-mode .admin-license-action-text, body.night-mode .admin-license-foot-label, body.night-mode .admin-license-forever-label, body.night-mode .admin-license-inf {color: #798ea4;}body.night-mode .admin-license-ghost {background: var(--card-dark-input);border-color: var(--card-dark-divider);color: var(--body-color-dark);}body.night-mode .admin-license-ghost:hover {background: var(--card-dark-hover);color: var(--body-color-dark);}body.night-mode .admin-license-keyrow, body.night-mode .admin-license-actions {background: var(--card-dark-hover);}body.night-mode .admin-license-key {color: var(--body-color-dark);}body.night-mode .admin-license-track {background: var(--card-dark-divider);}body.night-mode .admin-license-track-elapsed, body.night-mode .admin-license-tick {background: #4a5d6c;}body.night-mode .admin-license-forever-line {border-top-color: #4a5d6c;}body.night-mode .admin-license-today {background: var(--card-dark-color);}body.night-mode .admin-license-actions, body.night-mode .admin-license-action + .admin-license-action, body.night-mode .admin-license-foot, body.night-mode .admin-license-foot > div + div {border-color: var(--card-dark-divider);}body.night-mode .admin-license-cta {color: #fff;background: #111;border-color: #111;}body.night-mode .admin-license-enabled {color: #2dce89;}.admin-licence-lock {position: relative;min-height: 420px;overflow: hidden;}.admin-licence-lock-mini {min-height: 0;overflow: visible;margin: 8px 0 16px;}.admin-licence-lock-backdrop {pointer-events: none;user-select: none;filter: blur(7px);opacity: 0.55;padding: 8px 24px 24px;}.admin-licence-lock-row {display: flex;align-items: center;gap: 16px;padding: 18px 0;border-bottom: 1px solid #e6ecf5;}.admin-licence-lock-avatar {width: 40px;height: 40px;border-radius: 12px;flex-shrink: 0;background: #e6ecf5;}.admin-licence-lock-lines {flex: 1;}.admin-licence-lock-line {height: 10px;width: 220px;max-width: 70%;border-radius: 6px;background: #e6ecf5;}.admin-licence-lock-line.short {width: 140px;margin-top: 8px;}.admin-licence-lock-toggle {width: 44px;height: 24px;border-radius: 12px;flex-shrink: 0;margin-inline-start: auto;background: #e6ecf5;}.admin-licence-lock-message {position: absolute;inset: 0;z-index: 1;display: flex;align-items: center;justify-content: center;padding: 40px 32px;text-align: center;}.admin-licence-lock-card {width: 100%;max-width: 420px;padding: 36px 32px 32px;border-radius: 16px;background: #fff;border: 1px solid #e6ecf5;box-shadow: 0 10px 30px rgba(15, 23, 42, 0.1);}.admin-licence-lock-icon {width: 54px;height: 54px;margin: 0 auto 22px;display: flex;align-items: center;justify-content: center;border-radius: 17px;font-size: 21px;line-height: 1;}.admin-licence-lock-error .admin-licence-lock-icon {color: #dc3545;background: rgba(220, 53, 69, 0.1);box-shadow: 0 0 0 6px rgba(220, 53, 69, 0.06);}.admin-licence-lock-success .admin-licence-lock-icon {color: #198754;background: rgba(25, 135, 84, 0.1);box-shadow: 0 0 0 6px rgba(25, 135, 84, 0.06);}.admin-licence-lock-body {margin: 0;}.admin-licence-lock-card h5 {max-width: 30ch;margin: 0 auto 10px;font-size: 17px;font-weight: 600;line-height: 1.45;letter-spacing: -0.01em;}.admin-licence-lock-card p {max-width: 34ch;margin: 0 auto;font-size: 14px;line-height: 1.65;color: #6c757d;}.admin-licence-lock-actions {margin-top: 26px;padding-top: 22px;border-top: 1px solid #eef2f7;}.admin-licence-lock-card .btn {width: 100%;max-width: 240px;min-width: 0;}.admin-licence-lock-mini .admin-licence-lock-backdrop {display: none;}.admin-licence-lock-mini .admin-licence-lock-message {position: relative;inset: auto;padding: 0;}.admin-licence-lock-mini .admin-licence-lock-card {display: flex;align-items: center;gap: 16px 20px;max-width: none;padding: 20px 24px;text-align: start;}.admin-licence-lock-mini .admin-licence-lock-icon {width: 42px;height: 42px;margin: 0;flex-shrink: 0;border-radius: 13px;font-size: 16px;}.admin-licence-lock-mini .admin-licence-lock-body {flex: 1;min-width: 0;text-align: start;}.admin-licence-lock-mini .admin-licence-lock-card h5, .admin-licence-lock-mini .admin-licence-lock-card p {max-width: none;margin: 0;}.admin-licence-lock-mini .admin-licence-lock-card h5 {font-size: 15px;margin-bottom: 4px;}.admin-licence-lock-mini .admin-licence-lock-card p + p {margin-top: 4px;}.admin-licence-lock-mini .admin-licence-lock-actions {margin: 0;padding: 0;border: 0;flex-shrink: 0;}.admin-licence-lock-mini .admin-licence-lock-card .btn {width: auto;max-width: none;white-space: nowrap;}@media (max-width: 767px) {.admin-licence-lock-mini .admin-licence-lock-card {flex-direction: column;text-align: center;padding: 20px;}.admin-licence-lock-mini .admin-licence-lock-body {text-align: center;}.admin-licence-lock-mini .admin-licence-lock-card .btn {width: 100%;max-width: 240px;}}@media (max-width: 575px) {.admin-licence-lock-message {padding: 20px 12px;}.admin-licence-lock-card {padding: 28px 20px 24px;}}body.night-mode .admin-licence-lock-row {border-bottom-color: var(--card-dark-divider);}body.night-mode .admin-licence-lock-avatar, body.night-mode .admin-licence-lock-line, body.night-mode .admin-licence-lock-toggle {background: var(--card-dark-divider);}body.night-mode .admin-licence-lock-card {background: var(--card-dark-color);border-color: var(--card-dark-divider);box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);}body.night-mode .admin-licence-lock-card p {color: var(--body-color-dark);}body.night-mode .admin-licence-lock-actions {border-top-color: var(--card-dark-divider);}body.night-mode .admin-licence-lock-success .admin-licence-lock-icon {background: rgba(25, 135, 84, 0.18);box-shadow: 0 0 0 6px rgba(25, 135, 84, 0.09);}body.night-mode .admin-licence-lock-error .admin-licence-lock-icon {background: rgba(220, 53, 69, 0.18);box-shadow: 0 0 0 6px rgba(220, 53, 69, 0.09);}.table-img-thumbnail {max-width: 100px;}.change-log-list {margin-left: 30px;}.change-log-list>li {margin-left: 30px;list-style-type: disc;}.add-auto-connect-node {background: #f7f7f7;margin: 10px 0;padding: 10px;font-weight: 600;text-align: center;border: 1px solid #ddd;border-radius: 16px;cursor: pointer;}.add-auto-connect-node :hover {background: #f3f3f3;}body.night-mode .add-auto-connect-node {background: var(--card-dark-input);border-color: var(--card-dark-divider);}body.night-mode .add-auto-connect-node :hover {background: var(--card-dark-color);}.auto-connect-node {margin: 10px 0;padding: 20px 30px 0;border: 1px solid #ddd;border-radius: 16px;}body.night-mode .auto-connect-node {border-color: var(--card-dark-divider);}.product {position: relative;border-radius: 16px;}.product:not(.active):hover {box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}.product.active {border: 1px solid #f4f4f4;}body.night-mode .product.active {border-color: var(--card-dark-divider);}.product.boosted {border: 2px solid #f9b340;}.product .boosted-icon {position: absolute;left: -15px;top: -15px;width: auto;padding: 3px 6px;font-size: 16px;background: #f9b340;color: #ffffff;border-radius: 50%;transform: rotate(-20deg);z-index: 2;}.product-image {position: relative;width: 100%;height: 250px;overflow: hidden;border-radius: 16px 16px 0 0;}.product-image img {width: 100%;height: 100%;object-fit: cover;}.product-price {position: absolute;left: 10px;bottom: 10px;background: rgba(0, 0, 0, 0.65);color: #fff;font-size: 16px;font-weight: bold;line-height: 1;padding: 6px 10px;border-radius: 6px;}.product-price.with-offer {font-size: 14px;font-weight: normal;}.product-overlay {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;padding-top: 100px;background: rgba(0, 0, 0, 0.5);color: #fff;text-align: center;opacity: 0;transition: all 300ms;}.product:hover .product-overlay {opacity: 1;}.product-info {padding: 10px;}.product-meta {overflow: hidden;word-break: break-all;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}.product-meta .title {font-size: 18px;font-weight: bold;}.invoice-title h2, .invoice-title h3 {display: inline-block;}.table-invoice>tbody>tr>.no-line {border-top: none;}.table-invoice>thead>tr>.no-line {border-bottom: none;}.table-invoice>tbody>tr>.thick-line {border-top: 2px solid;}.movie-card {margin-bottom: 20px;}.movie-card-top {position: relative;display: block;border: 5px solid #fff;border-radius: 4px;margin-bottom: 10px;}body.night-mode .movie-card-top {border-color: var(--card-dark-divider);}.movie-picture {background-size: cover;background-repeat: no-repeat;background-position: top center;background-color: #fff;width: 100%;height: 100%;min-height: 330px;}.movie-info {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;padding-top: 70px;background: rgba(0, 0, 0, 0.5);color: #fff;text-align: center;opacity: 0;transition: all 300ms;transition-delay: 100ms;}.movie-info .meta {font-size: 20px;font-weight: 700;margin-bottom: 10px;}.movie-card-top:hover .movie-info {opacity: 1;}.movie-card-bottom {margin: 0 auto;padding: 0 5px;text-align: left;}.movie-title {display: block;font-weight: 700;transition: color 0.15s ease-in-out;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}.movie-year {margin-top: 5x;}.reels-wrapper {position: fixed;top: 70px;bottom: 0;right: 0;left: 0;background: #000;z-index: 1;}.reels-loader {display: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;background: #000;border-radius: 10px;padding: 10px 16px;z-index: 2;}.reel-container {position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;padding-top: 70px;padding-bottom: 0;background: #000;transform: translateY(0);transition: transform 0.3s ease;}.reel-container.swipe-up {transform: translateY(-100%);transition: transform 0.3s ease-out;}.reel-container.swipe-down {transform: translateY(100%);transition: transform 0.3s ease-out;}.reel-container.hidden {opacity: 0;visibility: hidden;}.reel-video-wrapper {position: relative;display: flex;flex-direction: column;height: 100%;width: 100%;transition: all 0.2s;user-select: none;color: #fff;}.reel-container.comments-shown .reel-video-wrapper {width: 0;}@media (min-width: 768px) {.reel-container.comments-shown .reel-video-wrapper {width: calc(100% - 420px);}}.reel-next-btn, .reel-prev-btn {display: none;position: absolute;bottom: 40px;right: 20px;opacity: 0.7;}.reel-prev-btn {bottom: 100px;}.reel-next-btn:hover, .reel-prev-btn:hover {opacity: 1;cursor: pointer;}@media (min-width: 768px) {.reel-next-btn, .reel-prev-btn {display: block;}}.reel-video-wrapper .reel-video-container {position: relative;width: 100%;max-width: 459px;display: block !important;margin: auto;height: 100%;}.reel-video-wrapper .reel-video-container .plyr--video {height: calc(100dvh - 70px);}.reel-video-wrapper .reel-video-container .plyr__controls {top: 0;right: 0;left: auto;bottom: 100%;background: transparent;}.reel-video-wrapper .reel-video-container .video-caption-overlay {position: absolute;top: 80%;bottom: 0;left: 0;right: 0;background: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.75) 100%);}.reel-video-wrapper .reel-video-container .video-caption {position: absolute;bottom: 0;left: 0;right: 90px;padding: 20px 10px;color: #fff;}@media (min-width: 768px) {.reel-video-wrapper .reel-video-container .video-caption {right: 0;background: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);}}.reel-video-wrapper .reel-video-container .video-controlls {position: absolute;bottom: 20px;right: -80px;}@media screen and (max-width: 768px) {.reel-video-wrapper .reel-video-container .video-controlls {position: absolute;bottom: 20px;right: 20px;}}.reel-actions {display: flex;flex-direction: column;gap: 10px;text-align: center;}.reel-actions .post-avatar {display: block;margin-bottom: 10px;padding-right: 0;}.reel-actions .post-avatar .post-avatar-picture {min-width: 50px;min-height: 50px;border-radius: 50%;margin: 0 auto;}.reel-actions .post-avatar .online-dot {border-color: #000;}.reel-actions .action-btn {background: #333;border-radius: 50%;width: 50px;height: 50px;padding: 10px;transition: all 0.1s ease-in-out;}.reel-actions .action-btn:hover {background: #555;cursor: pointer;}.reel-actions .reaction-btn .reaction-btn-icon .far {font-size: 28px;}.reel-action-btn span {display: block;font-size: 13px;margin-top: 5px;}.reel-actions .action-btn .inline-emoji {width: 40px;height: 40px;}.reel-actions .action-btn .inline-emoji .emoji {transform: scale(0.25);top: -115%;right: 100%;}.reel-comments-wrapper {display: none;position: absolute;top: 0;bottom: 0;right: 0;width: 100%;background: #fff;}body.night-mode .reel-comments-wrapper {background: var(--card-dark-color);}@media (min-width: 768px) {.reel-comments-wrapper {width: 420px;}}.reel-container.comments-shown .reel-comments-wrapper {display: block;}.reel-lightbox.comments-shown .reel-comments-wrapper {display: block;}.reels-box-wrapper {height: 400px;}.reels-box-wrapper .slick-prev, .reels-box-wrapper .slick-next {width: 40px;height: 40px;z-index: 2;}.reels-box-wrapper .slick-prev {left: 10px;}.reels-box-wrapper .slick-next {right: 10px;}.reels-box-wrapper .slick-prev:before, .reels-box-wrapper .slick-next:before {font-size: 40px;color: #fff;text-shadow: 1px 1px #000000;}.reel-box {background-color: #000;position: relative;display: block;border-radius: 16px;margin-right: 20px;width: 260px;height: 400px !important;overflow: hidden;}.reel-box video {position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;width: 100%;height: auto;max-height: 400px;border-radius: 16px;}.reel-box .views {position: absolute;bottom: 10px;left: 15px;color: #fff;text-shadow: 1px 1px #000000;z-index: 2;}.translator-language {display: block;font-size: 15px;line-height: 100%;padding: 15px;margin-bottom: 5px;border: 1px solid #eee;border-radius: 1px;}.translator-language:hover {background: #f3f3f3;cursor: pointer;}.big-icon {width: 80px;height: 80px;border: 4px solid rgba(128, 128, 128, 0.15);border-radius: 50%;margin: 20px auto;position: relative;}.big-icon.success {border-color: rgba(76, 174, 76, 0.15);}.big-icon.error {border-color: rgba(217, 83, 79, 0.15);}.big-icon.warning {border-color: rgba(255, 153, 0, 0.21);}.big-icon .fa {padding-top: 17px;padding-left: 3px;}.big-icon.success .fa {color: #4cae4c;}.big-icon.error .fa {color: #d9534f;}.big-icon.warning .fa {color: #d9954f;}.x-loader {text-align: center;}.loader {width: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 5px 0;}.loader:after {display: block;position: relative;width: 20px;height: 20px;-webkit-animation: rotate 0.6s linear infinite;-moz-animation: rotate 0.6s linear infinite;-ms-animation: rotate 0.6s linear infinite;-o-animation: rotate 0.6s linear infinite;animation: rotate 0.6s linear infinite;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border-top: 1px solid #545a6a;border-bottom: 1px solid #d4d4db;border-left: 1px solid #545a6a;border-right: 1px solid #d4d4db;content: "";opacity: 0.5;}.loader.loader_large:after {width: 40px;height: 40px;}.loader.loader_medium:after {width: 25px;height: 25px;}.loader.loader_small:after {width: 10px;height: 10px;}.loader.loader_green:after {opacity: 1;border-top: 1px solid #42a26e;border-bottom: 1px solid #fff;border-left: 1px solid #42a26e;border-right: 1px solid #fff;}@keyframes rotate {0% {transform: rotateZ(-360deg);-webkit-transform: rotateZ(-360deg);-moz-transform: rotateZ(-360deg);-o-transform: rotateZ(-360deg);}100% {transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);}}@-webkit-keyframes rotate {0% {transform: rotateZ(-360deg);-webkit-transform: rotateZ(-360deg);-moz-transform: rotateZ(-360deg);-o-transform: rotateZ(-360deg);}100% {transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);}}@-moz-keyframes rotate {0% {transform: rotateZ(-360deg);-webkit-transform: rotateZ(-360deg);-moz-transform: rotateZ(-360deg);-o-transform: rotateZ(-360deg);}100% {transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);}}@-o-keyframes rotate {0% {transform: rotateZ(-360deg);-webkit-transform: rotateZ(-360deg);-moz-transform: rotateZ(-360deg);-o-transform: rotateZ(-360deg);}100% {transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);}}@keyframes anim {0% {background-position: -468px 0;}100% {background-position: 468px 0;}}@-o-keyframes anim {0% {background-position: -468px 0;}100% {background-position: 468px 0;}}@-ms-keyframes anim {0% {background-position: -468px 0;}100% {background-position: 468px 0;}}@-moz-keyframes anim {0% {background-position: -468px 0;}100% {background-position: 468px 0;}}@-webkit-keyframes anim {0% {background-position: -468px 0;}100% {background-position: 468px 0;}}.panel-effect {position: relative;background: #f6f7f8 no-repeat 800px 104px;background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmOCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZWRlZWYxIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");background-size: 100%;background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f6f7f8), color-stop(20%, #edeef1), color-stop(40%, #f6f7f8), color-stop(100%, #f6f7f8));background-image: -moz-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);height: 104px;-moz-animation: anim 1s forwards infinite linear;-webkit-animation: anim 1s forwards infinite linear;animation: anim 1s forwards infinite linear;}body.night-mode .panel-effect {background: var(--body-bg-color-dark) no-repeat 800px 104px;background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, var(--body-bg-color-dark)), color-stop(20%, #323b44), color-stop(40%, var(--body-bg-color-dark)), color-stop(100%, var(--body-bg-color-dark)));background-image: -moz-linear-gradient(left, var(--body-bg-color-dark) 0%, #323b44 20%, var(--body-bg-color-dark) 40%, var(--body-bg-color-dark) 100%);background-image: -webkit-linear-gradient(left, var(--body-bg-color-dark) 0%, #323b44 20%, var(--body-bg-color-dark) 40%, var(--body-bg-color-dark) 100%);background-image: linear-gradient(to right, var(--body-bg-color-dark) 0%, #323b44 20%, var(--body-bg-color-dark) 40%, var(--body-bg-color-dark) 100%);}.fake-effect {position: absolute;background: #fff;right: 0;left: 0;height: 6px;}body.night-mode .fake-effect {background: #262d34;}.fe-0 {height: 40px;left: 40px;width: 8px;}.fe-1 {height: 8px;left: 48px;top: 0;right: 0;}.fe-2 {left: 136px;top: 8px;}.fe-3 {height: 12px;left: 48px;top: 14px;}.fe-4 {left: 100px;top: 26px;}.fe-5 {height: 10px;left: 48px;top: 32px;}.fe-6 {height: 20px;top: 40px;}.fe-7 {left: 410px;top: 60px;}.fe-8 {height: 13px;top: 66px;}.fe-9 {left: 440px;top: 79px;}.fe-10 {height: 13px;top: 85px;}.fe-11 {left: 178px;top: 98px;}.switch {position: relative;display: inline-block;width: 60px;height: 34px;margin: 0;}.switch.sm {width: 30px;height: 17px;}.switch input {display: none;}.switch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: 0.4s;}body.night-mode .switch .slider {background-color: #666;}.switch .slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;transition: 0.4s;}.switch.sm .slider:before {height: 13px;width: 13px;left: 2px;bottom: 2px;}.switch input:checked+.slider {background-color: var(--link-color);}.switch input:focus+.slider {box-shadow: 0 0 1px #2196f3;}.switch input:checked+.slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}.switch.sm input:checked+.slider:before {-webkit-transform: translateX(13px);-ms-transform: translateX(13px);transform: translateX(13px);}.switch .slider.round {border-radius: 34px;}.switch .slider.round:before {border-radius: 50%;}.button-label {display: inline-block;padding: 1em 2em;margin: 0.5em;cursor: pointer;color: #6c6c6c;border-radius: 6px;transition: 0.3s;box-shadow: 0 0 0 1px #e6e6e6;min-width: 115px;}.button-label.small {min-width: 80px;}body.night-mode .button-label {box-shadow: 0 0 0 1px var(--card-dark-divider);color: var(--body-color-dark);}.button-label-image {display: block;padding: 5px;margin: 0px;width: 100%;height: 100%;box-shadow: none;cursor: pointer;transition: 0.3s;border-radius: 2px;}.button-label .icon {display: flex;align-items: center;justify-content: center;background: #f3f3f3;height: 60px;width: 60px;margin: 0 auto;border-radius: 50%;transition: all 0.2s;opacity: 0.75;filter: grayscale(1);}body.night-mode .button-label .icon {background: var(--card-dark-input);}.button-label.small .icon {width: 30px;height: 30px;}.button-label .icon img {width: 32px;height: 32px;}.button-label-image img {width: 100%;height: 100%;border-radius: 2px;}.button-label .title {font-weight: 500;font-size: 14px;margin-top: 15px;text-transform: capitalize;text-align: center;}.button-label:hover, .button-label-image:hover {box-shadow: 0px 0px 0px 2px rgba(51, 103, 214, 0.65);}.input-label:checked+.button-label, .input-label:checked+.button-label-image {box-shadow: 0px 0px 0px 2px rgba(51, 103, 214, 0.65);}.input-label:checked+.button-label .icon {filter: grayscale(0);opacity: 1;}.pwa_install_banner {display: none;}.pwa_install_banner {position: fixed;bottom: 0px;left: 0px;width: 100%;z-index: 999999;background: #ffffff;padding: 15px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}body.night-mode .pwa_install_banner {background: #000;}.pwa_install_banner .inner {display: flex;align-items: center;}.pwa_install_banner .inner .close {width: 32px;height: 32px;line-height: 32px;}.pwa_install_banner .inner .close img {width: 32px;height: 32px;}.pwa_install_banner .inner .logo {width: 48px;}.pwa_install_banner .inner .logo img {width: 42px;border-radius: 2px;}.pwa_install_banner .inner .name {padding-left: 10px;}.pwa_install_banner .inner .name span {display: block;}.pwa_install_banner .inner .name span.title {font-size: 1.125rem;line-height: 1;font-weight: 600;}.pwa_install_banner .inner .cta {margin-left: auto;}.pwa_install_banner.is-active {display: block;}.merits-box-wrapper {margin: 0 20px;}.merits-box-wrapper .slick-prev:before, .merits-box-wrapper .slick-next:before {color: var(--link-color);}.merit-box {width: 100px;margin: 0 5px;text-align: center;cursor: pointer;}.merit-box img {display: inline-block !important;}.merit-box .name {font-size: 12px;font-weight: 600;margin-top: 5px;}.ml0 {margin-left: 0 !important;}.mr0 {margin-right: 0 !important;}.mlr0 {margin-left: 0 !important;margin-right: 0 !important;}.mt0 {margin-top: 0 !important;}.mb0 {margin-bottom: 0 !important;}.mtb0 {margin-top: 0 !important;margin-bottom: 0 !important;}.ml5 {margin-left: 5px !important;}.mr5 {margin-right: 5px !important;}.mlr5 {margin-left: 5px !important;margin-right: 5px !important;}.mt5 {margin-top: 5px !important;}.mb5 {margin-bottom: 5px !important;}.mtb5 {margin-top: 5px !important;margin-bottom: 5px !important;}.ml10 {margin-left: 10px !important;}.mr10 {margin-right: 10px !important;}.mlr10 {margin-left: 10px !important;margin-right: 10px !important;}.mt10 {margin-top: 10px !important;}.mb10 {margin-bottom: 10px !important;}.mtb10 {margin-top: 10px !important;margin-bottom: 10px !important;}.ml15 {margin-left: 15px !important;}.mr15 {margin-right: 15px !important;}.mlr15 {margin-left: 15px !important;margin-right: 15px !important;}.mt15 {margin-top: 15px !important;}.mb15 {margin-bottom: 15px !important;}.mtb15 {margin-top: 15px !important;margin-bottom: 15px !important;}.ml20 {margin-left: 20px !important;}.mr20 {margin-right: 20px !important;}.mlr20 {margin-left: 20px !important;margin-right: 20px !important;}.mt20 {margin-top: 20px !important;}.mb20 {margin-bottom: 20px !important;}.mtb20 {margin-top: 20px !important;margin-bottom: 20px !important;}.ml25 {margin-left: 25px !important;}.mr25 {margin-right: 25px !important;}.mlr25 {margin-left: 25px !important;margin-right: 25px !important;}.mt25 {margin-top: 25px !important;}.mb25 {margin-bottom: 25px !important;}.mtb25 {margin-top: 25px !important;margin-bottom: 25px !important;}.ml30 {margin-left: 30px !important;}.mr30 {margin-right: 30px !important;}.mlr30 {margin-left: 30px !important;margin-right: 30px !important;}.mt30 {margin-top: 30px !important;}.mb30 {margin-bottom: 30px !important;}.mtb30 {margin-top: 30px !important;margin-bottom: 30px !important;}.pl0 {padding-left: 0px !important;}.pr0 {padding-right: 0px !important;}.plr0 {padding-left: 0px !important;padding-right: 0px !important;}.pt0 {padding-top: 0px !important;}.pb0 {padding-bottom: 0px !important;}.ptb0 {padding-top: 0px !important;padding-bottom: 0px !important;}.pl5 {padding-left: 5px !important;}.pr5 {padding-right: 5px !important;}.plr5 {padding-left: 5px !important;padding-right: 5px !important;}.pt5 {padding-top: 5px !important;}.pb5 {padding-bottom: 5px !important;}.ptb5 {padding-top: 5px !important;padding-bottom: 5px !important;}.pl10 {padding-left: 10px !important;}.pr10 {padding-right: 10px !important;}.plr10 {padding-left: 10px !important;padding-right: 10px !important;}.pt10 {padding-top: 10px !important;}.pb10 {padding-bottom: 10px !important;}.ptb10 {padding-top: 10px !important;padding-bottom: 10px !important;}.pl15 {padding-left: 15px !important;}.pr15 {padding-right: 15px !important;}.plr15 {padding-left: 15px !important;padding-right: 15px !important;}.pt15 {padding-top: 15px !important;}.pb15 {padding-bottom: 15px !important;}.ptb15 {padding-top: 15px !important;padding-bottom: 15px !important;}.pl20 {padding-left: 20px !important;}.pr20 {padding-right: 20px !important;}.plr20 {padding-left: 20px !important;padding-right: 20px !important;}.pt20 {padding-top: 20px !important;}.pb20 {padding-bottom: 20px !important;}.ptb20 {padding-top: 20px !important;padding-bottom: 20px !important;}.pl25 {padding-left: 25px !important;}.pr25 {padding-right: 25px !important;}.plr25 {padding-left: 25px !important;padding-right: 25px !important;}.pt25 {padding-top: 25px !important;}.pb25 {padding-bottom: 25px !important;}.ptb25 {padding-top: 25px !important;padding-bottom: 25px !important;}.pl30 {padding-left: 30px !important;}.pr30 {padding-right: 30px !important;}.plr30 {padding-left: 30px !important;padding-right: 30px !important;}.pt30 {padding-top: 30px !important;}.pb30 {padding-bottom: 30px !important;}.ptb30 {padding-top: 30px !important;padding-bottom: 30px !important;}.text-link {color: var(--link-color);}.text-link:hover {cursor: pointer;text-decoration: underline;}.text-link-no-underline {color: var(--link-color);}.text-underline:hover {cursor: pointer;text-decoration: underline;}.text-no-underline:hover {text-decoration: none !important;}.text-active {color: #1e8bd2 !important;}.text-gradient {background: linear-gradient(90deg, #515bd4 0%, #dd2a7b 35%, #8134af 65%, #515bd4 100%);background-clip: text;-webkit-background-clip: text;color: transparent;-webkit-text-fill-color: transparent;}.text-sm {font-size: 0.8em;line-height: 1;}.text-md {font-size: 1.1em;line-height: 1.6;}.text-lg {font-size: 1.2em;line-height: 1.7;}.text-xlg {font-size: 1.3em;line-height: 1.8em;}.text-xxlg {font-size: 2.3em;font-weight: 700;}.text-with-list ul {list-style-type: disc;padding-inline-start: 40px;margin-top: 1rem;margin-bottom: 1rem;}.red {color: red;}.green {color: green;}.yellow {color: #ebba16;}.unselectable {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.pointer {cursor: pointer;}.vertical-align-top {vertical-align: top;}.vertical-align-middle {vertical-align: middle;}.vertical-align-bottom {vertical-align: bottom;}.x-notifier {background: #ffffcd !important;}.x-hidden {display: none;}.x-blured {overflow: hidden;}.x-blured .js_lightbox, .x-blured .album-cover {filter: blur(10px);}@media (max-width: 767px) {.sg-offcanvas {position: relative;overflow: hidden;}.sg-offcanvas.active {transition: all 0.25s ease-out;}.sg-offcanvas .sg-offcanvas-sidebar {position: absolute !important;top: 0;left: -100%;width: 100%;z-index: 100;transition: all 0.25s ease-out;}.sg-offcanvas.active .sg-offcanvas-sidebar {left: 0;}.sg-offcanvas .sg-offcanvas-mainbar {left: 0;transition: all 0.25s ease-out;}.sg-offcanvas.active .sg-offcanvas-mainbar {left: 100%;}}.nexus-user-spotlight-card{border-radius:20px!important;overflow:hidden!important;border:1px solid rgba(0,0,0,0.08)!important;}body.night-mode .nexus-user-spotlight-card{border-color:rgba(255,255,255,0.08)!important;}.nexus-spotlight-cover{height:80px!important;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#ec4899 100%)!important;position:relative!important;overflow:hidden!important;}.nexus-spotlight-avatar-wrap{position:relative!important;width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important;margin:-38px auto 10px!important;}.nexus-spotlight-avatar-wrap a{display:inline-block!important;width:76px!important;height:76px!important;border-radius:50%!important;overflow:hidden!important;}.nexus-spotlight-avatar{width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important;border-radius:50%!important;border:3px solid #fff!important;box-shadow:0 4px 12px rgba(0,0,0,0.15)!important;object-fit:cover!important;display:block!important;}body.night-mode .nexus-spotlight-avatar{border-color:#1e293b!important;}.nexus-spotlight-stats{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-around!important;background:rgba(99,102,241,0.08)!important;border-radius:12px!important;padding:10px 4px!important;border:1px solid rgba(99,102,241,0.15)!important;margin-bottom:14px!important;}.nexus-spotlight-stats .stat-box{flex:1 1 0!important;text-align:center!important;}.nexus-spotlight-stats .stat-val{font-size:15px!important;font-weight:800!important;color:#818cf8!important;line-height:1.2!important;}.nexus-spotlight-stats .stat-lbl{font-size:10px!important;font-weight:700!important;opacity:0.75!important;text-transform:uppercase!important;letter-spacing:0.04em!important;margin-top:3px!important;}.navbar-wrapper .user-menu.dropdown-toggle::after{display:none!important;}.navbar-wrapper .user-menu>img{width:32px!important;height:32px!important;border-radius:50%!important;object-fit:cover!important;display:inline-block!important;border:2px solid rgba(255,255,255,0.2)!important;}.dropdown-widget{min-width:380px!important;max-width:420px!important;border-radius:16px!important;overflow:hidden!important;}.dropdown-widget-body ul{list-style:none!important;padding:0!important;margin:0!important;}.dropdown-widget-body .feeds-item,.dropdown-widget-body .feeds-action-item{display:block!important;position:relative!important;clear:both!important;width:100%!important;margin:0!important;}.dropdown-widget-body .data-container{display:flex!important;align-items:flex-start!important;gap:12px!important;width:100%!important;padding:12px 16px!important;min-height:56px!important;box-sizing:border-box!important;text-decoration:none!important;}.dropdown-widget-body .data-avatar{flex-shrink:0!important;width:40px!important;height:40px!important;float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;}.dropdown-widget-body .data-avatar img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:50%!important;object-fit:cover!important;display:block!important;}.dropdown-widget-body .data-content{flex:1 1 auto!important;min-width:0!important;padding-left:0!important;font-size:13px!important;line-height:1.4!important;word-break:break-word!important;overflow-wrap:break-word!important;}.daytime_message{border-radius:16px!important;border:1px solid rgba(226,232,240,0.8)!important;border-left:4px solid #6366f1!important;padding:16px 20px!important;margin-bottom:20px!important;display:flex!important;align-items:center!important;}body.night-mode .daytime_message{border-color:rgba(51,65,85,0.7)!important;border-left-color:#818cf8!important;}.daytime_message .btn-close{order:3!important;margin-left:auto!important;opacity:0.6!important;}.daytime_message svg{margin-right:14px!important;}
/* Header Action Icons & Vertical Centering */ .main-header .navbar-wrapper{height:70px !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;}.main-header .navbar-wrapper ul{height:70px !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;margin:0 !important;padding:0 !important;list-style:none !important;}.main-header .navbar-wrapper ul > li{height:70px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:0 3px !important;}.main-header .navbar-wrapper ul > li > a{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:42px !important;height:42px !important;border-radius:var(--nexus-radius-full) !important;margin:14px 3px !important;padding:0 !important;transition:all 0.2s ease !important;position:relative !important;text-decoration:none !important;}.main-header .navbar-wrapper ul > li > a:hover{background:var(--nexus-primary-light) !important;transform:none !important;}body.night-mode .main-header .navbar-wrapper ul > li > a:hover{background:rgba(255,255,255,0.08) !important;}.main-header .navbar-wrapper ul > li > a .header-icon{width:22px !important;height:22px !important;transition:transform 0.2s ease !important;margin:0 !important;}.main-header .navbar-wrapper ul > li > a:hover .header-icon{transform:scale(1.08) !important;}/* Header Direct Night/Day Mode Button */ .nexus-header-mode-btn{display:inline-flex !important;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(241,245,249,0.8);border:1px solid var(--nexus-border);transition:all 0.2s ease;cursor:pointer;text-decoration:none !important;}body.night-mode .nexus-header-mode-btn{background:rgba(30,41,59,0.8);}.nexus-header-mode-btn:hover{transform:rotate(20deg) scale(1.08);background:var(--nexus-primary-light);}/* Header Wallet Pill */ .nexus-header-pill{display:inline-flex !important;align-items:center;padding:6px 14px !important;border-radius:var(--nexus-radius-full) !important;background:rgba(241,245,249,0.8);border:1px solid var(--nexus-border);font-size:13.5px;font-weight:700;color:var(--nexus-text-main) !important;text-decoration:none !important;transition:all 0.2s ease;height:38px;}body.night-mode .nexus-header-pill{background:rgba(30,41,59,0.8);}.nexus-header-pill:hover{border-color:var(--nexus-primary);transform:translateY(-1px);box-shadow:var(--nexus-shadow-sm);}/* Notification Badge Pulse */ .main-header .navbar-wrapper ul > li > a .badge,.main-header .navbar-wrapper .counter{position:absolute !important;top:1px !important;right:0 !important;background:#ef4444 !important;border:2px solid var(--nexus-surface) !important;box-shadow:0 2px 5px rgba(239,68,68,0.4) !important;font-size:10px !important;font-weight:700 !important;line-height:14px !important;padding:1px 4px !important;border-radius:var(--nexus-radius-full) !important;z-index:2 !important;}/* Header User Profile Avatar */ .main-header .user-menu{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:42px !important;height:42px !important;margin:14px 3px !important;padding:0 !important;border-radius:var(--nexus-radius-full) !important;border:2px solid rgba(255,255,255,0.25) !important;background:transparent !important;transition:all 0.2s ease !important;overflow:hidden !important;}body.night-mode .main-header .user-menu{border-color:rgba(255,255,255,0.2) !important;background:transparent !important;}.main-header .user-menu:hover{border-color:var(--nexus-primary) !important;box-shadow:0 0 0 3px rgba(99,102,241,0.25) !important;}.main-header .user-menu img{width:38px !important;height:38px !important;max-width:38px !important;max-height:38px !important;border-radius:var(--nexus-radius-full) !important;object-fit:cover !important;display:block !important;margin:0 !important;margin-top:0 !important;border:none !important;box-shadow:none !important;}
/* Header Action Icons & Vertical Centering */ .main-header .navbar-wrapper{height:70px !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;}.main-header .navbar-wrapper ul{height:70px !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;margin:0 !important;padding:0 !important;list-style:none !important;}.main-header .navbar-wrapper ul > li{height:70px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:0 3px !important;}.main-header .navbar-wrapper ul > li > a{display:flex !important;align-items:center !important;justify-content:center !important;width:42px !important;height:42px !important;border-radius:var(--nexus-radius-full) !important;margin:14px 3px !important;padding:0 !important;transition:all 0.2s ease !important;position:relative !important;text-decoration:none !important;line-height:0 !important;font-size:0 !important;}.main-header .navbar-wrapper ul > li > a:hover{background:var(--nexus-primary-light) !important;transform:none !important;}body.night-mode .main-header .navbar-wrapper ul > li > a:hover{background:rgba(255,255,255,0.08) !important;}.main-header .navbar-wrapper ul > li > a .svg-container,.main-header .navbar-wrapper ul > li > a .header-icon{display:flex !important;align-items:center !important;justify-content:center !important;width:22px !important;height:22px !important;transition:transform 0.2s ease !important;margin:0 auto !important;padding:0 !important;line-height:0 !important;vertical-align:middle !important;}.main-header .navbar-wrapper ul > li > a:hover .header-icon{transform:scale(1.08) !important;}.main-header .navbar-wrapper ul > li > a svg,.main-header .navbar-wrapper ul > li > a .header-icon svg,.main-header .navbar-wrapper ul > li > a .svg-container svg{display:block !important;width:22px !important;height:22px !important;max-width:22px !important;max-height:22px !important;margin:0 auto !important;padding:0 !important;vertical-align:middle !important;}/* Header Direct Night/Day Mode Button */ .nexus-header-mode-btn{display:inline-flex !important;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(241,245,249,0.8);border:1px solid var(--nexus-border);transition:all 0.2s ease;cursor:pointer;text-decoration:none !important;}body.night-mode .nexus-header-mode-btn{background:rgba(30,41,59,0.8);}.nexus-header-mode-btn:hover{transform:rotate(20deg) scale(1.08);background:var(--nexus-primary-light);}/* Header Wallet Pill */ .nexus-header-pill{display:inline-flex !important;align-items:center;padding:6px 14px !important;border-radius:var(--nexus-radius-full) !important;background:rgba(241,245,249,0.8);border:1px solid var(--nexus-border);font-size:13.5px;font-weight:700;color:var(--nexus-text-main) !important;text-decoration:none !important;transition:all 0.2s ease;height:38px;}body.night-mode .nexus-header-pill{background:rgba(30,41,59,0.8);}.nexus-header-pill:hover{border-color:var(--nexus-primary);transform:translateY(-1px);box-shadow:var(--nexus-shadow-sm);}/* Notification Badge Pulse */ .main-header .navbar-wrapper ul > li > a .badge,.main-header .navbar-wrapper .counter{position:absolute !important;top:1px !important;right:0 !important;background:#ef4444 !important;border:2px solid var(--nexus-surface) !important;box-shadow:0 2px 5px rgba(239,68,68,0.4) !important;font-size:10px !important;font-weight:700 !important;line-height:14px !important;padding:1px 4px !important;border-radius:var(--nexus-radius-full) !important;z-index:2 !important;}/* Header User Profile Avatar */ .main-header .user-menu{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:42px !important;height:42px !important;margin:14px 3px !important;padding:0 !important;border-radius:var(--nexus-radius-full) !important;border:2px solid rgba(255,255,255,0.25) !important;background:transparent !important;transition:all 0.2s ease !important;overflow:hidden !important;}body.night-mode .main-header .user-menu{border-color:rgba(255,255,255,0.2) !important;background:transparent !important;}.main-header .user-menu:hover{border-color:var(--nexus-primary) !important;box-shadow:0 0 0 3px rgba(99,102,241,0.25) !important;}.main-header .user-menu img{width:38px !important;height:38px !important;max-width:38px !important;max-height:38px !important;border-radius:var(--nexus-radius-full) !important;object-fit:cover !important;display:block !important;margin:0 !important;margin-top:0 !important;border:none !important;box-shadow:none !important;}
 /* ========================================================================== 02.1 CLEAN MONOCHROME ICON SUITE (Apple / X Minimalist Style) Light Mode:Sleek Dark Slate (#1e293b / #334155) Night Mode:Crisp Clean White (#ffffff / #f8fafc) ========================================================================== */ /* Header Icons */ .header-icon,.header-icon *{color:#1e293b !important;fill:#1e293b !important;transition:color 0.2s ease,fill 0.2s ease,transform 0.2s ease !important;}body.night-mode .header-icon,body.night-mode .header-icon *{color:#ffffff !important;fill:#ffffff !important;}.header-icon.active,.header-icon.active *,.main-header .navbar-wrapper ul > li > a:hover .header-icon,.main-header .navbar-wrapper ul > li > a:hover .header-icon *{color:#0f172a !important;fill:#0f172a !important;}body.night-mode .header-icon.active,body.night-mode .header-icon.active *,body.night-mode .main-header .navbar-wrapper ul > li > a:hover .header-icon,body.night-mode .main-header .navbar-wrapper ul > li > a:hover .header-icon *{color:#ffffff !important;fill:#ffffff !important;}/* Main Icons (Sidebar,Dropdowns,Publisher,Modals) */ .main-icon,.main-icon *,.x-form-tools,.x-form-tools *{color:#1e293b !important;fill:#1e293b !important;transition:color 0.2s ease,fill 0.2s ease !important;}body.night-mode .main-icon,body.night-mode .main-icon *,body.night-mode .x-form-tools,body.night-mode .x-form-tools *{color:#ffffff !important;fill:#ffffff !important;}/* Action Icons (Feed Actions,Posts,Comments,Shares) */ .action-icon,.action-icon *{color:#334155 !important;fill:#334155 !important;transition:color 0.2s ease,fill 0.2s ease !important;}body.night-mode .action-icon,body.night-mode .action-icon *{color:#ffffff !important;fill:#ffffff !important;}.action-icon:hover,.action-icon:hover *,.action-icon.active,.action-icon.active *{color:#0f172a !important;fill:#0f172a !important;}body.night-mode .action-icon:hover,body.night-mode .action-icon:hover *,body.night-mode .action-icon.active,body.night-mode .action-icon.active *{color:#ffffff !important;fill:#ffffff !important;}/* Navigation & Sidebar FontAwesome Icons */ .main-side-nav li a i,.dropdown-menu .dropdown-item i,.card-header i,.side-nav li a i{color:#1e293b !important;}body.night-mode .main-side-nav li a i,body.night-mode .dropdown-menu .dropdown-item i,body.night-mode .card-header i,body.night-mode .side-nav li a i{color:#ffffff !important;}/* Sidebar & Dropdown Menu Hover State */ .main-side-nav li:hover a .main-icon,.main-side-nav li:hover a .main-icon *,.dropdown-menu .dropdown-item:hover .main-icon,.dropdown-menu .dropdown-item:hover .main-icon *{color:#0f172a !important;fill:#0f172a !important;}body.night-mode .main-side-nav li:hover a .main-icon,body.night-mode .main-side-nav li:hover a .main-icon *,body.night-mode .dropdown-menu .dropdown-item:hover .main-icon,body.night-mode .dropdown-menu .dropdown-item:hover .main-icon *{color:#ffffff !important;fill:#ffffff !important;}/* Header Action Icons & Vertical Centering */ .main-header .navbar-wrapper{height:70px !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;}.main-header .navbar-wrapper ul{height:70px !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;margin:0 !important;padding:0 !important;list-style:none !important;}.main-header .navbar-wrapper ul > li{height:70px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:0 3px !important;}.main-header .navbar-wrapper ul > li > a{display:flex !important;align-items:center !important;justify-content:center !important;width:42px !important;height:42px !important;border-radius:var(--nexus-radius-full) !important;margin:14px 3px !important;padding:0 !important;transition:all 0.2s ease !important;position:relative !important;text-decoration:none !important;line-height:0 !important;font-size:0 !important;}.main-header .navbar-wrapper ul > li > a:hover{background:var(--nexus-primary-light) !important;transform:none !important;}body.night-mode .main-header .navbar-wrapper ul > li > a:hover{background:rgba(255,255,255,0.08) !important;}.main-header .navbar-wrapper ul > li > a .svg-container,.main-header .navbar-wrapper ul > li > a .header-icon{display:flex !important;align-items:center !important;justify-content:center !important;width:22px !important;height:22px !important;transition:transform 0.2s ease !important;margin:0 auto !important;padding:0 !important;line-height:0 !important;vertical-align:middle !important;}.main-header .navbar-wrapper ul > li > a:hover .header-icon{transform:scale(1.08) !important;}.main-header .navbar-wrapper ul > li > a svg,.main-header .navbar-wrapper ul > li > a .header-icon svg,.main-header .navbar-wrapper ul > li > a .svg-container svg{display:block !important;width:22px !important;height:22px !important;max-width:22px !important;max-height:22px !important;margin:0 auto !important;padding:0 !important;vertical-align:middle !important;}/* Header Direct Night/Day Mode Button */ .nexus-header-mode-btn{display:inline-flex !important;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(241,245,249,0.8);border:1px solid var(--nexus-border);transition:all 0.2s ease;cursor:pointer;text-decoration:none !important;}body.night-mode .nexus-header-mode-btn{background:rgba(30,41,59,0.8);}.nexus-header-mode-btn:hover{transform:rotate(20deg) scale(1.08);background:var(--nexus-primary-light);}/* Header Wallet Pill */ .nexus-header-pill{display:inline-flex !important;align-items:center;padding:6px 14px !important;border-radius:var(--nexus-radius-full) !important;background:rgba(241,245,249,0.8);border:1px solid var(--nexus-border);font-size:13.5px;font-weight:700;color:var(--nexus-text-main) !important;text-decoration:none !important;transition:all 0.2s ease;height:38px;}body.night-mode .nexus-header-pill{background:rgba(30,41,59,0.8);}.nexus-header-pill:hover{border-color:var(--nexus-primary);transform:translateY(-1px);box-shadow:var(--nexus-shadow-sm);}/* Notification Badge Pulse */ .main-header .navbar-wrapper ul > li > a .badge,.main-header .navbar-wrapper .counter{position:absolute !important;top:1px !important;right:0 !important;background:#ef4444 !important;border:2px solid var(--nexus-surface) !important;box-shadow:0 2px 5px rgba(239,68,68,0.4) !important;font-size:10px !important;font-weight:700 !important;line-height:14px !important;padding:1px 4px !important;border-radius:var(--nexus-radius-full) !important;z-index:2 !important;}/* Header User Profile Avatar */ .main-header .user-menu{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:42px !important;height:42px !important;margin:14px 3px !important;padding:0 !important;border-radius:var(--nexus-radius-full) !important;border:2px solid rgba(255,255,255,0.25) !important;background:transparent !important;transition:all 0.2s ease !important;overflow:hidden !important;}body.night-mode .main-header .user-menu{border-color:rgba(255,255,255,0.2) !important;background:transparent !important;}.main-header .user-menu:hover{border-color:var(--nexus-primary) !important;box-shadow:0 0 0 3px rgba(99,102,241,0.25) !important;}.main-header .user-menu img{width:38px !important;height:38px !important;max-width:38px !important;max-height:38px !important;border-radius:var(--nexus-radius-full) !important;object-fit:cover !important;display:block !important;margin:0 !important;margin-top:0 !important;border:none !important;box-shadow:none !important;}
 /* ========================================================================== 02.1 CLEAN MONOCHROME ICON SUITE (Apple / X Minimalist Style) Light Mode:Sleek Dark Slate (#1e293b / #334155) Night Mode:Crisp Clean White (#ffffff / #f8fafc) ========================================================================== */ /* Header Icons */ .header-icon,.header-icon *{color:#1e293b !important;fill:#1e293b !important;transition:color 0.2s ease,fill 0.2s ease,transform 0.2s ease !important;}body.night-mode .header-icon,body.night-mode .header-icon *{color:#ffffff !important;fill:#ffffff !important;}.header-icon.active,.header-icon.active *,.main-header .navbar-wrapper ul > li > a:hover .header-icon,.main-header .navbar-wrapper ul > li > a:hover .header-icon *{color:#0f172a !important;fill:#0f172a !important;}body.night-mode .header-icon.active,body.night-mode .header-icon.active *,body.night-mode .main-header .navbar-wrapper ul > li > a:hover .header-icon,body.night-mode .main-header .navbar-wrapper ul > li > a:hover .header-icon *{color:#ffffff !important;fill:#ffffff !important;}/* Main Icons (Sidebar,Dropdowns,Publisher,Modals) */ .main-icon,.main-icon *,.x-form-tools,.x-form-tools *{color:#1e293b !important;fill:#1e293b !important;transition:color 0.2s ease,fill 0.2s ease !important;}body.night-mode .main-icon,body.night-mode .main-icon *,body.night-mode .x-form-tools,body.night-mode .x-form-tools *{color:#ffffff !important;fill:#ffffff !important;}/* Action Icons (Feed Actions,Posts,Comments,Shares) */ .action-icon,.action-icon *{color:#334155 !important;fill:#334155 !important;transition:color 0.2s ease,fill 0.2s ease !important;}body.night-mode .action-icon,body.night-mode .action-icon *{color:#ffffff !important;fill:#ffffff !important;}.action-icon:hover,.action-icon:hover *,.action-icon.active,.action-icon.active *{color:#0f172a !important;fill:#0f172a !important;}body.night-mode .action-icon:hover,body.night-mode .action-icon:hover *,body.night-mode .action-icon.active,body.night-mode .action-icon.active *{color:#ffffff !important;fill:#ffffff !important;}/* Navigation & Sidebar FontAwesome Icons */ .main-side-nav li a i,.dropdown-menu .dropdown-item i,.card-header i,.side-nav li a i{color:#1e293b !important;}body.night-mode .main-side-nav li a i,body.night-mode .dropdown-menu .dropdown-item i,body.night-mode .card-header i,body.night-mode .side-nav li a i{color:#ffffff !important;}/* Sidebar & Dropdown Menu Hover State */ .main-side-nav li:hover a .main-icon,.main-side-nav li:hover a .main-icon *,.dropdown-menu .dropdown-item:hover .main-icon,.dropdown-menu .dropdown-item:hover .main-icon *{color:#0f172a !important;fill:#0f172a !important;}body.night-mode .main-side-nav li:hover a .main-icon,body.night-mode .main-side-nav li:hover a .main-icon *,body.night-mode .dropdown-menu .dropdown-item:hover .main-icon,body.night-mode .dropdown-menu .dropdown-item:hover .main-icon *{color:#ffffff !important;fill:#ffffff !important;}/* Header Action Icons & Vertical Centering */ .main-header .navbar-wrapper{height:70px !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;}.main-header .navbar-wrapper > ul{height:70px !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;margin:0 !important;padding:0 !important;list-style:none !important;}.main-header .navbar-wrapper > ul > li{height:70px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:0 3px !important;}.main-header .navbar-wrapper > ul > li > a{display:flex !important;align-items:center !important;justify-content:center !important;width:42px !important;height:42px !important;border-radius:var(--nexus-radius-full) !important;margin:14px 3px !important;padding:0 !important;transition:all 0.2s ease !important;position:relative !important;text-decoration:none !important;line-height:0 !important;font-size:0 !important;}.main-header .navbar-wrapper > ul > li > a:hover{background:var(--nexus-primary-light) !important;transform:none !important;}body.night-mode .main-header .navbar-wrapper > ul > li > a:hover{background:rgba(255,255,255,0.08) !important;}.main-header .navbar-wrapper > ul > li > a .svg-container,.main-header .navbar-wrapper > ul > li > a .header-icon{display:flex !important;align-items:center !important;justify-content:center !important;width:22px !important;height:22px !important;transition:transform 0.2s ease !important;margin:0 auto !important;padding:0 !important;line-height:0 !important;vertical-align:middle !important;}.main-header .navbar-wrapper > ul > li > a:hover .header-icon{transform:scale(1.08) !important;}.main-header .navbar-wrapper > ul > li > a svg,.main-header .navbar-wrapper > ul > li > a .header-icon svg,.main-header .navbar-wrapper > ul > li > a .svg-container svg{display:block !important;width:22px !important;height:22px !important;max-width:22px !important;max-height:22px !important;margin:0 auto !important;padding:0 !important;vertical-align:middle !important;}/* ========================================================================== DROPDOWN WIDGET & NOTIFICATIONS LIST ISOLATION & RESET ========================================================================== */ .main-header .dropdown-menu.dropdown-widget,.main-header .dropdown-widget{min-width:360px !important;max-width:440px !important;border-radius:16px !important;padding:0 !important;box-shadow:0 14px 40px rgba(0,0,0,0.4) !important;border:1px solid rgba(255,255,255,0.1) !important;}.main-header .dropdown-widget .dropdown-widget-body{padding:0 !important;max-height:360px !important;overflow-y:auto !important;}.main-header .dropdown-widget .dropdown-widget-body ul,.main-header .dropdown-menu.dropdown-widget ul,.main-header .dropdown-widget ul{display:block !important;width:100% !important;height:auto !important;margin:0 !important;padding:0 !important;list-style:none !important;flex-direction:column !important;}.main-header .dropdown-widget .dropdown-widget-body ul > li,.main-header .dropdown-menu.dropdown-widget ul > li,.main-header .dropdown-widget ul > li,.main-header .dropdown-widget .feeds-item,.main-header .dropdown-widget .feeds-action-item{display:block !important;width:100% !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;border-bottom:1px solid rgba(255,255,255,0.06) !important;box-sizing:border-box !important;clear:both !important;float:none !important;}.main-header .dropdown-widget .feeds-item:hover,.main-header .dropdown-widget .feeds-action-item:hover{background:rgba(255,255,255,0.05) !important;}.main-header .dropdown-widget .feeds-item > a.data-container,.main-header .dropdown-widget .feeds-action-item > a{display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:12px !important;width:100% !important;height:auto !important;margin:0 !important;padding:12px 16px !important;border-radius:0 !important;text-decoration:none !important;line-height:1.4 !important;font-size:13px !important;box-sizing:border-box !important;background:transparent !important;color:inherit !important;}.main-header .dropdown-widget .data-avatar{flex-shrink:0 !important;width:40px !important;height:40px !important;float:none !important;margin:0 !important;display:block !important;}.main-header .dropdown-widget .data-avatar img{width:40px !important;height:40px !important;max-width:40px !important;max-height:40px !important;border-radius:50% !important;object-fit:cover !important;display:block !important;margin:0 !important;}.main-header .dropdown-widget .data-content{flex:1 1 auto !important;min-width:0 !important;padding:0 !important;margin:0 !important;font-size:13px !important;line-height:1.4 !important;word-break:break-word !important;overflow-wrap:break-word !important;white-space:normal !important;}.main-header .dropdown-widget .data-content .name{font-weight:600 !important;display:inline !important;margin-right:4px !important;}.main-header .dropdown-widget .data-content .time,.main-header .dropdown-widget .data-content .text-muted{font-size:11.5px !important;margin-top:3px !important;opacity:0.75 !important;}/* Header Direct Night/Day Mode Button */ .nexus-header-mode-btn{display:inline-flex !important;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(241,245,249,0.8);border:1px solid var(--nexus-border);transition:all 0.2s ease;cursor:pointer;text-decoration:none !important;}body.night-mode .nexus-header-mode-btn{background:rgba(30,41,59,0.8);}.nexus-header-mode-btn:hover{transform:rotate(20deg) scale(1.08);background:var(--nexus-primary-light);}/* Header Wallet Pill */ .nexus-header-pill{display:inline-flex !important;align-items:center;padding:6px 14px !important;border-radius:var(--nexus-radius-full) !important;background:rgba(241,245,249,0.8);border:1px solid var(--nexus-border);font-size:13.5px;font-weight:700;color:var(--nexus-text-main) !important;text-decoration:none !important;transition:all 0.2s ease;height:38px;}body.night-mode .nexus-header-pill{background:rgba(30,41,59,0.8);}.nexus-header-pill:hover{border-color:var(--nexus-primary);transform:translateY(-1px);box-shadow:var(--nexus-shadow-sm);}/* Notification Badge Pulse */ .main-header .navbar-wrapper ul > li > a .badge,.main-header .navbar-wrapper .counter{position:absolute !important;top:1px !important;right:0 !important;background:#ef4444 !important;border:2px solid var(--nexus-surface) !important;box-shadow:0 2px 5px rgba(239,68,68,0.4) !important;font-size:10px !important;font-weight:700 !important;line-height:14px !important;padding:1px 4px !important;border-radius:var(--nexus-radius-full) !important;z-index:2 !important;}/* Header User Profile Avatar */ .main-header .user-menu{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:42px !important;height:42px !important;margin:14px 3px !important;padding:0 !important;border-radius:var(--nexus-radius-full) !important;border:2px solid rgba(255,255,255,0.25) !important;background:transparent !important;transition:all 0.2s ease !important;overflow:hidden !important;}body.night-mode .main-header .user-menu{border-color:rgba(255,255,255,0.2) !important;background:transparent !important;}.main-header .user-menu:hover{border-color:var(--nexus-primary) !important;box-shadow:0 0 0 3px rgba(99,102,241,0.25) !important;}.main-header .user-menu img{width:38px !important;height:38px !important;max-width:38px !important;max-height:38px !important;border-radius:var(--nexus-radius-full) !important;object-fit:cover !important;display:block !important;margin:0 !important;margin-top:0 !important;border:none !important;box-shadow:none !important;}
 /* --- NEXUS THEME AUTO-SYNCED ENHANCEMENTS --- */ /* ========================================================================== 02.1 VIBRANT THEME ICON SUITE Day Mode:Premium Indigo (#6366f1) Night Mode:Vibrant Indigo (#818cf8) Hover State:Dynamic Accent (#4f46e5 / #a5b4fc) ========================================================================== */ /* Header Navigation Icons */ .header-icon,.header-icon *{color:#475569 !important;fill:#475569 !important;transition:color 0.2s ease,fill 0.2s ease,transform 0.2s ease !important;}body.night-mode .header-icon,body.night-mode .header-icon *{color:#cbd5e1 !important;fill:#cbd5e1 !important;}.header-icon.active,.header-icon.active *,.main-header .navbar-wrapper ul > li > a:hover .header-icon,.main-header .navbar-wrapper ul > li > a:hover .header-icon *{color:var(--nexus-primary,#6366f1) !important;fill:var(--nexus-primary,#6366f1) !important;}body.night-mode .header-icon.active,body.night-mode .header-icon.active *,body.night-mode .main-header .navbar-wrapper ul > li > a:hover .header-icon,body.night-mode .main-header .navbar-wrapper ul > li > a:hover .header-icon *{color:#818cf8 !important;fill:#818cf8 !important;}/* Main Icons (Sidebar,Dropdowns,Publisher,Modals) */ .main-icon,.main-icon *,.x-form-tools,.x-form-tools *{color:var(--nexus-primary,#6366f1) !important;fill:var(--nexus-primary,#6366f1) !important;transition:color 0.2s ease,fill 0.2s ease !important;}body.night-mode .main-icon,body.night-mode .main-icon *,body.night-mode .x-form-tools,body.night-mode .x-form-tools *{color:#818cf8 !important;fill:#818cf8 !important;}/* Dropdown Menu Icons */ .dropdown-menu .dropdown-item .main-icon,.dropdown-menu .dropdown-item .main-icon *,.dropdown-menu .dropdown-item i,.dropdown-menu .dropdown-item svg,.dropdown-item .main-icon,.dropdown-item .main-icon *,.dropdown-item i,.dropdown-item svg{color:var(--nexus-primary,#6366f1) !important;fill:var(--nexus-primary,#6366f1) !important;transition:all 0.2s ease !important;}body.night-mode .dropdown-menu .dropdown-item .main-icon,body.night-mode .dropdown-menu .dropdown-item .main-icon *,body.night-mode .dropdown-menu .dropdown-item i,body.night-mode .dropdown-menu .dropdown-item svg,body.night-mode .dropdown-item .main-icon,body.night-mode .dropdown-item .main-icon *,body.night-mode .dropdown-item i,body.night-mode .dropdown-item svg{color:#818cf8 !important;fill:#818cf8 !important;}/* Dropdown Menu Item Hover */ .dropdown-menu .dropdown-item:hover .main-icon,.dropdown-menu .dropdown-item:hover .main-icon *,.dropdown-menu .dropdown-item:hover i,.dropdown-menu .dropdown-item:hover svg,.dropdown-item:hover .main-icon,.dropdown-item:hover .main-icon *,.dropdown-item:hover i,.dropdown-item:hover svg{color:#4f46e5 !important;fill:#4f46e5 !important;transform:scale(1.1);}body.night-mode .dropdown-menu .dropdown-item:hover .main-icon,body.night-mode .dropdown-menu .dropdown-item:hover .main-icon *,body.night-mode .dropdown-menu .dropdown-item:hover i,body.night-mode .dropdown-menu .dropdown-item:hover svg,body.night-mode .dropdown-item:hover .main-icon,body.night-mode .dropdown-item:hover .main-icon *,body.night-mode .dropdown-item:hover i,body.night-mode .dropdown-item:hover svg{color:#a5b4fc !important;fill:#a5b4fc !important;}/* Action Icons (Feed Actions,Posts,Comments,Shares) */ .action-icon,.action-icon *{color:#64748b !important;fill:#64748b !important;transition:color 0.2s ease,fill 0.2s ease !important;}body.night-mode .action-icon,body.night-mode .action-icon *{color:#94a3b8 !important;fill:#94a3b8 !important;}.action-icon:hover,.action-icon:hover *,.action-icon.active,.action-icon.active *{color:var(--nexus-primary,#6366f1) !important;fill:var(--nexus-primary,#6366f1) !important;}body.night-mode .action-icon:hover,body.night-mode .action-icon:hover *,body.night-mode .action-icon.active,body.night-mode .action-icon.active *{color:#818cf8 !important;fill:#818cf8 !important;}/* Navigation & Sidebar FontAwesome Icons */ .main-side-nav li a i,.card-header i,.card-header .main-icon,.side-nav li a i,.side-nav li a .main-icon{color:var(--nexus-primary,#6366f1) !important;fill:var(--nexus-primary,#6366f1) !important;}body.night-mode .main-side-nav li a i,body.night-mode .card-header i,body.night-mode .card-header .main-icon,body.night-mode .side-nav li a i,body.night-mode .side-nav li a .main-icon{color:#818cf8 !important;fill:#818cf8 !important;}/* Sidebar Hover State */ .main-side-nav li:hover a .main-icon,.main-side-nav li:hover a .main-icon *,.main-side-nav li:hover a i{color:#4f46e5 !important;fill:#4f46e5 !important;transform:scale(1.08);}body.night-mode .main-side-nav li:hover a .main-icon,body.night-mode .main-side-nav li:hover a .main-icon *,body.night-mode .main-side-nav li:hover a i{color:#a5b4fc !important;fill:#a5b4fc !important;}/* ========================================================================== 03. HEADER & TOP NAVIGATION ========================================================================== */ .main-header{background:var(--nexus-glass-bg) !important;backdrop-filter:var(--nexus-glass-blur) !important;-webkit-backdrop-filter:var(--nexus-glass-blur) !important;border-bottom:1px solid var(--nexus-border) !important;box-shadow:var(--nexus-shadow-sm) !important;height:70px;transition:background 0.3s ease,border-color 0.3s ease;}/* Header Search */ .main-header .search-wrapper .form-control{border-radius:var(--nexus-radius-full) !important;background:rgba(241,245,249,0.75) !important;border:1px solid transparent !important;padding-left:42px !important;font-size:14px;height:42px;color:var(--nexus-text-main) !important;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);}body.night-mode .main-header .search-wrapper .form-control{background:rgba(30,41,59,0.7) !important;border-color:rgba(51,65,85,0.5) !important;}.main-header .search-wrapper .form-control:focus{background:var(--nexus-surface) !important;border-color:var(--nexus-primary) !important;box-shadow:0 0 0 4px rgba(99,102,241,0.15) !important;}/* Header Action Icons & Vertical Centering */ .main-header .navbar-wrapper{height:70px !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;}.main-header .navbar-wrapper > ul{height:70px !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;margin:0 !important;padding:0 !important;list-style:none !important;}.main-header .navbar-wrapper > ul > li{height:70px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:0 3px !important;}.main-header .navbar-wrapper > ul > li > a{display:flex !important;align-items:center !important;justify-content:center !important;width:42px !important;height:42px !important;border-radius:var(--nexus-radius-full) !important;margin:14px 3px !important;padding:0 !important;transition:all 0.2s ease !important;position:relative !important;text-decoration:none !important;line-height:0 !important;font-size:0 !important;}.main-header .navbar-wrapper > ul > li > a:hover{background:var(--nexus-primary-light) !important;transform:none !important;}body.night-mode .main-header .navbar-wrapper > ul > li > a:hover{background:rgba(255,255,255,0.08) !important;}.main-header .navbar-wrapper > ul > li > a .svg-container,.main-header .navbar-wrapper > ul > li > a .header-icon{display:flex !important;align-items:center !important;justify-content:center !important;width:22px !important;height:22px !important;transition:transform 0.2s ease !important;margin:0 auto !important;padding:0 !important;line-height:0 !important;vertical-align:middle !important;}.main-header .navbar-wrapper > ul > li > a:hover .header-icon{transform:scale(1.08) !important;}.main-header .navbar-wrapper > ul > li > a svg,.main-header .navbar-wrapper > ul > li > a .header-icon svg,.main-header .navbar-wrapper > ul > li > a .svg-container svg{display:block !important;width:22px !important;height:22px !important;max-width:22px !important;max-height:22px !important;margin:0 auto !important;padding:0 !important;vertical-align:middle !important;}/* ========================================================================== DROPDOWN WIDGET & NOTIFICATIONS LIST ISOLATION & RESET ========================================================================== */ .main-header .dropdown-menu.dropdown-widget,.main-header .dropdown-widget{min-width:360px !important;max-width:440px !important;border-radius:16px !important;padding:0 !important;box-shadow:0 14px 40px rgba(0,0,0,0.4) !important;border:1px solid rgba(255,255,255,0.1) !important;}.main-header .dropdown-widget .dropdown-widget-body{padding:0 !important;max-height:360px !important;overflow-y:auto !important;}.main-header .dropdown-widget .dropdown-widget-body ul,.main-header .dropdown-menu.dropdown-widget ul,.main-header .dropdown-widget ul{display:block !important;width:100% !important;height:auto !important;margin:0 !important;padding:0 !important;list-style:none !important;flex-direction:column !important;}.main-header .dropdown-widget .dropdown-widget-body ul > li,.main-header .dropdown-menu.dropdown-widget ul > li,.main-header .dropdown-widget ul > li,.main-header .dropdown-widget .feeds-item,.main-header .dropdown-widget .feeds-action-item{display:block !important;width:100% !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;border-bottom:1px solid rgba(255,255,255,0.06) !important;box-sizing:border-box !important;clear:both !important;float:none !important;}.main-header .dropdown-widget .feeds-item:hover,.main-header .dropdown-widget .feeds-action-item:hover{background:rgba(255,255,255,0.05) !important;}.main-header .dropdown-widget .feeds-item > a.data-container,.main-header .dropdown-widget .feeds-action-item > a{display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:12px !important;width:100% !important;height:auto !important;margin:0 !important;padding:12px 16px !important;border-radius:0 !important;text-decoration:none !important;line-height:1.4 !important;font-size:13px !important;box-sizing:border-box !important;background:transparent !important;color:inherit !important;}.main-header .dropdown-widget .data-avatar{flex-shrink:0 !important;width:40px !important;height:40px !important;float:none !important;margin:0 !important;display:block !important;}.main-header .dropdown-widget .data-avatar img{width:40px !important;height:40px !important;max-width:40px !important;max-height:40px !important;border-radius:50% !important;object-fit:cover !important;display:block !important;margin:0 !important;}.main-header .dropdown-widget .data-content{flex:1 1 auto !important;min-width:0 !important;padding:0 !important;margin:0 !important;font-size:13px !important;line-height:1.4 !important;word-break:break-word !important;overflow-wrap:break-word !important;white-space:normal !important;}.main-header .dropdown-widget .data-content .name{font-weight:600 !important;display:inline !important;margin-right:4px !important;}.main-header .dropdown-widget .data-content .time,.main-header .dropdown-widget .data-content .text-muted{font-size:11.5px !important;margin-top:3px !important;opacity:0.75 !important;}/* Header Direct Night/Day Mode Button */ .nexus-header-mode-btn{display:inline-flex !important;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(241,245,249,0.8);border:1px solid var(--nexus-border);transition:all 0.2s ease;cursor:pointer;text-decoration:none !important;}body.night-mode .nexus-header-mode-btn{background:rgba(30,41,59,0.8);}.nexus-header-mode-btn:hover{transform:rotate(20deg) scale(1.08);background:var(--nexus-primary-light);}/* Header Wallet Pill */ .nexus-header-pill{display:inline-flex !important;align-items:center;padding:6px 14px !important;border-radius:var(--nexus-radius-full) !important;background:rgba(241,245,249,0.8);border:1px solid var(--nexus-border);font-size:13.5px;font-weight:700;color:var(--nexus-text-main) !important;text-decoration:none !important;transition:all 0.2s ease;height:38px;}body.night-mode .nexus-header-pill{background:rgba(30,41,59,0.8);}.nexus-header-pill:hover{border-color:var(--nexus-primary);transform:translateY(-1px);box-shadow:var(--nexus-shadow-sm);}/* Notification Badge Pulse */ .main-header .navbar-wrapper ul > li > a .badge,.main-header .navbar-wrapper .counter{position:absolute !important;top:1px !important;right:0 !important;background:#ef4444 !important;border:2px solid var(--nexus-surface) !important;box-shadow:0 2px 5px rgba(239,68,68,0.4) !important;font-size:10px !important;font-weight:700 !important;line-height:14px !important;padding:1px 4px !important;border-radius:var(--nexus-radius-full) !important;z-index:2 !important;}/* Header User Profile Avatar */ .main-header .user-menu{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:42px !important;height:42px !important;margin:14px 3px !important;padding:0 !important;border-radius:var(--nexus-radius-full) !important;border:2px solid rgba(255,255,255,0.25) !important;background:transparent !important;transition:all 0.2s ease !important;overflow:hidden !important;}body.night-mode .main-header .user-menu{border-color:rgba(255,255,255,0.2) !important;background:transparent !important;}.main-header .user-menu:hover{border-color:var(--nexus-primary) !important;box-shadow:0 0 0 3px rgba(99,102,241,0.25) !important;}.main-header .user-menu img{width:38px !important;height:38px !important;max-width:38px !important;max-height:38px !important;border-radius:var(--nexus-radius-full) !important;object-fit:cover !important;display:block !important;margin:0 !important;margin-top:0 !important;border:none !important;box-shadow:none !important;}/* ========================================================================== 04. USER SPOTLIGHT PROFILE CARD (LEFT SIDEBAR) ========================================================================== */ .nexus-user-spotlight-card{border-radius:var(--nexus-radius-xl) !important;overflow:hidden !important;box-shadow:var(--nexus-shadow-md) !important;border:1px solid var(--nexus-border) !important;}.nexus-spotlight-cover{height:80px !important;background:var(--nexus-gradient-primary) !important;position:relative !important;overflow:hidden !important;}.nexus-spotlight-overlay{position:absolute !important;inset:0 !important;background:radial-gradient(circle at top right,rgba(255,255,255,0.2),transparent) !important;}.nexus-spotlight-avatar-wrap{position:relative !important;width:76px !important;height:76px !important;max-width:76px !important;max-height:76px !important;margin:-38px auto 10px !important;}.nexus-spotlight-avatar-wrap a{display:inline-block !important;width:76px !important;height:76px !important;border-radius:50% !important;overflow:hidden !important;}.nexus-spotlight-avatar{width:76px !important;height:76px !important;max-width:76px !important;max-height:76px !important;border-radius:50% !important;border:3px solid var(--nexus-surface) !important;box-shadow:var(--nexus-shadow-md) !important;object-fit:cover !important;display:block !important;transition:transform 0.2s ease !important;}.nexus-spotlight-avatar:hover{transform:scale(1.05) !important;}.nexus-verified-badge{position:absolute;bottom:2px;right:2px;background:#fff;color:#0284c7;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,0.15);}.nexus-spotlight-name a{font-size:16px;font-weight:700;color:var(--nexus-text-main);text-decoration:none;}.nexus-spotlight-username{font-size:13px;color:var(--nexus-text-muted);}.nexus-spotlight-stats{display:flex;justify-content:space-around;background:rgba(241,245,249,0.6);border-radius:var(--nexus-radius-lg);padding:10px 6px;border:1px solid var(--nexus-border);}body.night-mode .nexus-spotlight-stats{background:rgba(15,23,42,0.6);}.nexus-spotlight-stats .stat-box{text-align:center;flex:1;}.nexus-spotlight-stats .stat-val{font-size:15px;font-weight:800;color:var(--nexus-primary);}.nexus-spotlight-stats .stat-lbl{font-size:11px;font-weight:600;color:var(--nexus-text-muted);text-transform:uppercase;letter-spacing:0.04em;margin-top:2px;}.btn-nexus-profile{background:var(--nexus-primary-light);color:var(--nexus-primary) !important;border:1px solid transparent;border-radius:var(--nexus-radius-full);font-weight:600;padding:8px 16px;transition:all 0.2s ease;}.btn-nexus-profile:hover{background:var(--nexus-primary);color:#fff !important;box-shadow:0 4px 14px rgba(99,102,241,0.4);}/* ========================================================================== 05. SMART GREETING BANNER (NEWSFEED) ========================================================================== */ .nexus-greeting-card{border-radius:var(--nexus-radius-xl) !important;border:1px solid var(--nexus-border) !important;background:linear-gradient(135deg,var(--nexus-surface) 0%,var(--nexus-surface-hover) 100%) !important;box-shadow:var(--nexus-shadow-sm) !important;overflow:hidden;position:relative;}.nexus-greeting-card::after{content:'';position:absolute;right:-20px;top:-20px;width:120px;height:120px;background:var(--nexus-primary-light);border-radius:50%;filter:blur(40px);pointer-events:none;}.nexus-greeting-emoji{font-size:30px;width:52px;height:52px;background:var(--nexus-primary-light);border-radius:16px;display:flex;align-items:center;justify-content:center;}.nexus-greeting-title{font-size:17.5px;font-weight:700;color:var(--nexus-text-main);}.nexus-name-highlight{color:var(--nexus-primary);}.nexus-greeting-sub{font-size:13.5px;}.nexus-quick-date-badge{background:rgba(241,245,249,0.8);border:1px solid var(--nexus-border);padding:6px 14px;border-radius:var(--nexus-radius-full);font-size:13px;font-weight:600;color:var(--nexus-text-muted);}body.night-mode .nexus-quick-date-badge{background:rgba(15,23,42,0.8);}/* ========================================================================== 06. TRENDING TOPICS WIDGET ========================================================================== */ .nexus-trending-widget{border-radius:var(--nexus-radius-xl) !important;border:1px solid var(--nexus-border) !important;background:var(--nexus-surface) !important;box-shadow:var(--nexus-shadow-md) !important;}.nexus-fire-icon{font-size:18px;animation:nexusFlame 1.5s infinite alternate ease-in-out;}@keyframes nexusFlame{0%{transform:scale(1) rotate(-3deg);}100%{transform:scale(1.15) rotate(3deg);}}.nexus-trending-list{display:flex;flex-direction:column;gap:8px;}.nexus-trending-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--nexus-radius-lg);text-decoration:none !important;background:rgba(241,245,249,0.5);border:1px solid transparent;transition:all 0.2s ease;}body.night-mode .nexus-trending-item{background:rgba(15,23,42,0.5);}.nexus-trending-item:hover{background:var(--nexus-surface-hover);border-color:var(--nexus-primary);transform:translateX(4px);}.nexus-rank-badge{font-size:12px;font-weight:800;width:26px;height:26px;border-radius:8px;background:#e2e8f0;color:#475569;display:flex;align-items:center;justify-content:center;}body.night-mode .nexus-rank-badge{background:#1e293b;color:#94a3b8;}.nexus-rank-badge.rank-first{background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);color:#fff;}.nexus-rank-badge.rank-second{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#fff;}.nexus-rank-badge.rank-third{background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);color:#fff;}.nexus-tag-info .tag-title{font-size:14.5px;font-weight:700;color:var(--nexus-text-main);}.nexus-tag-info .tag-meta{font-size:12px;color:var(--nexus-text-muted);}/* ========================================================================== 07. ULTRA LANDING PAGE (VISITOR HOMEPAGE) ========================================================================== */ .nexus-landing-wrapper{position:relative;overflow:hidden;min-height:85vh;background:var(--nexus-bg);}.nexus-landing-bg-blobs{position:absolute;inset:0;overflow:hidden;pointer-events:none;}.nexus-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:0.35;}.nexus-blob-1{top:-100px;left:-100px;width:500px;height:500px;background:var(--nexus-primary);}.nexus-blob-2{bottom:0;right:-100px;width:550px;height:550px;background:#8b5cf6;}.nexus-blob-3{top:40%;left:40%;width:400px;height:400px;background:#3b82f6;opacity:0.2;}.nexus-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--nexus-primary-light);border:1px solid var(--nexus-primary);color:var(--nexus-primary);padding:6px 16px;border-radius:var(--nexus-radius-full);font-size:13.5px;font-weight:700;letter-spacing:0.02em;}.pulse-dot{width:8px;height:8px;background:var(--nexus-primary);border-radius:50%;box-shadow:0 0 0 0 rgba(99,102,241,0.7);animation:nexusPulse 2s infinite;}.nexus-hero-title{font-size:46px;font-weight:800;line-height:1.15;color:var(--nexus-text-main);letter-spacing:-0.03em;}.nexus-gradient-text{background:var(--nexus-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.nexus-hero-desc{font-size:17px;line-height:1.6;color:var(--nexus-text-muted);max-width:560px;}.nexus-hero-features{display:flex;gap:12px;flex-wrap:wrap;}.nexus-feature-pill{background:var(--nexus-surface);border:1px solid var(--nexus-border);padding:8px 16px;border-radius:var(--nexus-radius-full);font-size:14px;font-weight:600;box-shadow:var(--nexus-shadow-xs);}.nexus-hero-stats{display:flex;align-items:center;gap:25px;margin-top:35px;padding-top:25px;border-top:1px solid var(--nexus-border);}.nexus-hero-stats .stat-item .stat-num{font-size:26px;font-weight:800;color:var(--nexus-text-main);}.nexus-hero-stats .stat-item .stat-label{font-size:13px;color:var(--nexus-text-muted);font-weight:500;}.nexus-hero-stats .stat-divider{width:1px;height:35px;background:var(--nexus-border);}.nexus-landing-card{background:var(--nexus-surface);border:1px solid var(--nexus-border);border-radius:28px;padding:40px;box-shadow:var(--nexus-shadow-xl);position:relative;backdrop-filter:blur(10px);}/* ========================================================================== 08. GLOBAL MICRO-ANIMATIONS & INTERACTIVITY SUITE ========================================================================== */ /* 1. Page & Card Smooth Entrance */ .post{animation:nexusPostFadeIn 0.35s ease both !important;}@keyframes nexusPostFadeIn{from{opacity:0;}to{opacity:1;}}.card-widget,.main-side-nav-card,.publisher,.stories-wrapper{animation:nexusFadeInUp 0.4s cubic-bezier(0.16,1,0.3,1) both;}@keyframes nexusFadeInUp{0%{opacity:0;transform:translateY(12px);}100%{opacity:1;transform:translateY(0);}}/* 2. Dropdown Menus Smooth Fade In (Preserves Popper Transform) */ .dropdown-menu{animation:nexusDropdownIn 0.18s cubic-bezier(0.16,1,0.3,1);}@keyframes nexusDropdownIn{0%{opacity:0;}100%{opacity:1;}}/* 3. Post Actions Spring Bounce (React,Comment,Share) */ .post-actions .action-btn{transition:background 0.2s ease,color 0.2s ease,box-shadow 0.2s ease !important;}.post-actions .action-btn .action-icon,.post-actions .action-btn svg,.post-actions .action-btn i{transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),fill 0.2s ease,color 0.2s ease !important;display:inline-block !important;}.post-actions .action-btn:hover .action-icon,.post-actions .action-btn:hover svg,.post-actions .action-btn:hover i{transform:scale(1.22) rotate(-8deg) !important;}.post-actions .action-btn:active{background:var(--nexus-primary-light) !important;}/* 4. Left Sidebar Menu Item Hover Dynamics */ .main-side-nav > li > a,.main-side-nav > a{transition:all 0.25s cubic-bezier(0.16,1,0.3,1) !important;}.main-side-nav > li > a:hover,.main-side-nav > a:hover{transform:translateX(6px) !important;background:var(--nexus-surface-hover) !important;}.main-side-nav > li > a:hover .main-icon,.main-side-nav > a:hover .main-icon{transform:scale(1.2) rotate(6deg) !important;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1) !important;}/* 5. Header Action Buttons Interactive Pop */ .main-header .navbar-wrapper > ul > li > a{transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1) !important;}.main-header .navbar-wrapper > ul > li > a:hover{transform:scale(1.1) translateY(-1px) !important;background:var(--nexus-primary-light) !important;}.main-header .navbar-wrapper > ul > li > a:active{transform:scale(0.92) !important;}/* 6. All Interactive Buttons Spring Feedback */ .btn{transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important;}.btn:hover{transform:translateY(-2px);}.btn:active{transform:scale(0.95) !important;}/* 7. Modal Dialogs Pop Animation */ .modal.show .modal-dialog{animation:nexusModalPop 0.3s cubic-bezier(0.34,1.56,0.64,1) forwards !important;}@keyframes nexusModalPop{0%{opacity:0;transform:scale(0.9) translateY(20px);}100%{opacity:1;transform:scale(1) translateY(0);}}/* 8. Publisher Tools Tabs Hover Pop */ .publisher-tools-tab{transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1) !important;}.publisher-tools-tab:hover{transform:translateY(-3px) scale(1.05) !important;box-shadow:0 4px 12px rgba(99,102,241,0.25) !important;}/* 9. Trending Widget Item Hover */ .nexus-trending-item{transition:all 0.25s cubic-bezier(0.16,1,0.3,1) !important;}.nexus-trending-item:hover{transform:translateX(6px) scale(1.01) !important;}.nexus-trending-item:hover .nexus-rank-badge{transform:scale(1.15) rotate(-6deg);transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1);}/* 10. User Avatars Hover Pop */ .post .post-avatar img,.comment .comment-avatar img,.nexus-spotlight-avatar{transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.25s ease !important;}.post .post-avatar img:hover,.comment .comment-avatar img:hover,.nexus-spotlight-avatar:hover{transform:scale(1.08) !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;}/* Toast */ .nexus-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background:#1e293b;color:#fff;padding:12px 24px;border-radius:9999px;font-weight:600;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.1);z-index:1080;opacity:0;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);pointer-events:none;}.nexus-toast.show{transform:translateX(-50%) translateY(0);opacity:1;}/* ========================================================================== 09. LEFT SIDEBAR GENERAL ITEMS ========================================================================== */ .main-side-nav-card{border-radius:var(--nexus-radius-xl) !important;}.main-side-nav > li{margin-bottom:6px !important;}.main-side-nav > li > a,.main-side-nav > a{border-radius:var(--nexus-radius-md) !important;padding:10px 14px !important;margin-bottom:0 !important;font-weight:500;font-size:14.5px;display:flex !important;align-items:center;color:var(--nexus-text-main) !important;transition:all 0.2s ease !important;position:relative;}.main-side-nav > li > a:hover,.main-side-nav > a:hover{background:var(--nexus-surface-hover) !important;transform:translateX(4px);color:var(--nexus-primary) !important;}.main-side-nav > li.active{margin-bottom:8px !important;}.main-side-nav > li.active > a{background:var(--nexus-primary-light) !important;color:var(--nexus-primary) !important;font-weight:600 !important;}.main-side-nav > li.active > a::before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:4px;background:var(--nexus-gradient-primary);border-radius:0 var(--nexus-radius-sm) var(--nexus-radius-sm) 0;}.main-side-nav .main-icon{width:22px !important;height:22px !important;margin-right:12px !important;display:inline-flex;align-items:center;justify-content:center;transition:transform 0.2s ease;}.main-side-nav > li > a:hover .main-icon{transform:scale(1.15);}/* Sidebar Menu Collapse Caret Spacing & End Alignment */ .main-side-nav a[data-bs-toggle="collapse"]:after,.side-nav a[data-bs-toggle="collapse"]:after{margin-left:auto !important;padding-left:12px !important;font-size:12px !important;opacity:0.75;display:inline-flex;align-items:center;transition:transform 0.2s ease,opacity 0.2s ease;}html[dir="rtl"] .main-side-nav a[data-bs-toggle="collapse"]:after,html[dir="rtl"] .side-nav a[data-bs-toggle="collapse"]:after{margin-left:0 !important;margin-right:auto !important;padding-right:12px !important;}.main-side-nav a[data-bs-toggle="collapse"]:hover:after,.side-nav a[data-bs-toggle="collapse"]:hover:after{opacity:1;}/* ========================================================================== 10. STORIES CAROUSEL ========================================================================== */ .stories-wrapper{overflow-x:auto !important;overflow-y:visible !important;padding-bottom:28px !important;margin-bottom:8px !important;}.stories-wrapper .stories.carousel{overflow:visible !important;}.stories-wrapper .add-story{position:relative !important;border-radius:var(--nexus-radius-lg) !important;overflow:visible !important;border:none !important;box-shadow:none !important;margin-bottom:25px !important;transition:transform 0.25s ease !important;}.stories-wrapper .add-story .img{border-radius:var(--nexus-radius-lg) !important;overflow:hidden !important;border:1px solid var(--nexus-border) !important;box-shadow:var(--nexus-shadow-sm) !important;transition:box-shadow 0.25s ease,border-color 0.25s ease !important;height:100% !important;width:100% !important;}.stories-wrapper .add-story:hover{transform:translateY(-4px) scale(1.02) !important;}.stories-wrapper .add-story:hover .img{box-shadow:var(--nexus-shadow-lg) !important;border-color:var(--nexus-primary-light) !important;}.stories-wrapper .add-story .add{background:var(--nexus-gradient-primary) !important;border-radius:50% !important;border:3px solid var(--nexus-surface,#ffffff) !important;box-shadow:0 4px 14px rgba(99,102,241,0.45) !important;width:34px !important;height:34px !important;display:flex !important;align-items:center !important;justify-content:center !important;position:absolute !important;bottom:-15px !important;left:50% !important;transform:translateX(-50%) !important;z-index:10 !important;padding:0 !important;}.stories-wrapper .add-story .add svg{fill:#fff !important;color:#fff !important;width:18px !important;height:18px !important;}body.night-mode .stories-wrapper .add-story .add{border-color:var(--nexus-surface,#1e293b) !important;}/* ========================================================================== 11. PUBLISHER BOX (POST CREATOR) ========================================================================== */ .publisher{border-radius:var(--nexus-radius-xl) !important;background:var(--nexus-surface) !important;border:1px solid var(--nexus-border) !important;box-shadow:var(--nexus-shadow-md) !important;padding:18px 22px !important;margin-bottom:22px !important;transition:box-shadow 0.25s ease,border-color 0.25s ease;}.publisher:focus-within{border-color:var(--nexus-border-focus) !important;box-shadow:var(--nexus-shadow-lg),0 0 0 4px rgba(99,102,241,0.1) !important;}.publisher .publisher-avatar{width:46px !important;height:46px !important;border-radius:var(--nexus-radius-full) !important;border:2px solid #fff;box-shadow:var(--nexus-shadow-sm);}body.night-mode .publisher .publisher-avatar{border-color:var(--nexus-surface);}.publisher-message textarea{border-radius:var(--nexus-radius-md) !important;font-size:15.5px !important;color:var(--nexus-text-main) !important;border:none !important;background:transparent !important;}.publisher-tools-tab{border-radius:var(--nexus-radius-full) !important;padding:8px 14px !important;font-size:13.5px !important;font-weight:600 !important;background:rgba(241,245,249,0.7) !important;border:1px solid var(--nexus-border) !important;transition:all 0.2s ease !important;}body.night-mode .publisher-tools-tab{background:rgba(30,41,59,0.6) !important;}.publisher-tools-tab:hover{background:var(--nexus-primary-light) !important;border-color:var(--nexus-primary) !important;color:var(--nexus-primary) !important;transform:translateY(-2px);}.publisher .btn-primary.js_publisher-btn{background:var(--nexus-gradient-primary) !important;border:none !important;border-radius:var(--nexus-radius-full) !important;padding:8px 24px !important;font-weight:600 !important;box-shadow:0 4px 15px rgba(99,102,241,0.4) !important;transition:all 0.2s ease !important;}.publisher .btn-primary.js_publisher-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,0.55) !important;}/* ========================================================================== 12. POST FEEDS & COMMENTS ========================================================================== */ .post{background:var(--nexus-surface) !important;border:1px solid var(--nexus-border) !important;border-radius:var(--nexus-radius-xl) !important;box-shadow:var(--nexus-shadow-md) !important;margin-bottom:22px !important;overflow:visible;transition:transform 0.2s ease,box-shadow 0.2s ease;}.post:hover{box-shadow:var(--nexus-shadow-lg) !important;}.post .post-avatar img{border-radius:var(--nexus-radius-full) !important;border:2px solid #fff;box-shadow:var(--nexus-shadow-sm);}body.night-mode .post .post-avatar img{border-color:var(--nexus-surface);}.post .post-title a{color:var(--nexus-text-main) !important;font-weight:700 !important;letter-spacing:-0.01em;}.post .post-text{font-size:15.5px !important;line-height:1.65 !important;color:var(--nexus-text-main) !important;}.post-actions{border-top:1px solid var(--nexus-border) !important;padding:8px 16px !important;}.post-actions .action-btn{border-radius:var(--nexus-radius-md) !important;padding:8px 14px !important;font-weight:600 !important;font-size:13.5px !important;color:var(--nexus-text-muted) !important;transition:all 0.2s ease !important;}.post-actions .action-btn:hover{background:var(--nexus-primary-light) !important;color:var(--nexus-primary) !important;transform:none !important;}.post-actions .action-btn.active{color:var(--nexus-primary) !important;}/* ========================================================================== 12.1 PREMIUM COMMENT BOX & COMMENTS THREAD (FIXED & BEAUTIFIED) ========================================================================== */ /* Reset post-footer so there are no ugly background gaps/strips */ .post-footer{padding:0 !important;background:transparent !important;border-top:none !important;border-radius:0 0 var(--nexus-radius-xl,20px) var(--nexus-radius-xl,20px) !important;overflow:visible !important;position:relative !important;}.post-comments{background:rgba(248,250,252,0.75) !important;border-top:1px solid var(--nexus-border) !important;padding:14px 18px 16px !important;border-radius:0 0 var(--nexus-radius-xl,20px) var(--nexus-radius-xl,20px) !important;overflow:visible !important;position:relative !important;}body.night-mode .post-comments{background:rgba(15,23,42,0.5) !important;border-top-color:var(--nexus-border) !important;}/* Comment Form Wrapper */ .comment.js_comment-form{position:relative !important;display:flex !important;align-items:center !important;gap:12px !important;margin-top:4px !important;z-index:30 !important;overflow:visible !important;}/* User Avatar in Comment Form */ .comment.js_comment-form .comment-avatar{float:none !important;width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;margin:0 !important;flex-shrink:0 !important;}.comment.js_comment-form .comment-avatar-picture{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;padding-top:0 !important;border-radius:50% !important;border:2px solid #ffffff !important;box-shadow:0 2px 8px rgba(0,0,0,0.15) !important;background-size:cover !important;background-position:center !important;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.25s ease !important;}body.night-mode .comment.js_comment-form .comment-avatar-picture{border-color:rgba(255,255,255,0.15) !important;box-shadow:0 2px 8px rgba(0,0,0,0.35) !important;}.comment.js_comment-form .comment-avatar-picture:hover{transform:scale(1.08) !important;box-shadow:0 4px 12px rgba(99,102,241,0.3) !important;}/* Comment Data & Input Container */ .comment.js_comment-form .comment-data{margin-left:0 !important;flex:1 !important;width:100% !important;position:relative !important;}/* Sleek Modern Input Box Pill */ .comment-form{position:relative !important;display:flex !important;align-items:center !important;background:#ffffff !important;border:1.5px solid var(--nexus-border) !important;border-radius:26px !important;box-shadow:0 2px 6px rgba(0,0,0,0.04) !important;transition:border-color 0.25s ease,box-shadow 0.25s ease,background 0.25s ease !important;min-height:46px !important;padding:0 !important;overflow:visible !important;}body.night-mode .comment-form{background:rgba(30,41,59,0.9) !important;border-color:rgba(255,255,255,0.12) !important;box-shadow:0 2px 8px rgba(0,0,0,0.25) !important;}.comment-form:focus-within{border-color:var(--nexus-primary,#6366f1) !important;box-shadow:0 0 0 3px rgba(99,102,241,0.18),0 4px 14px rgba(99,102,241,0.15) !important;background:#ffffff !important;}body.night-mode .comment-form:focus-within{background:rgba(30,41,59,1) !important;border-color:var(--nexus-primary-light,#818cf8) !important;box-shadow:0 0 0 3px rgba(99,102,241,0.28),0 4px 16px rgba(0,0,0,0.4) !important;}/* Textarea inside Comment Box */ .comment-form textarea{background:transparent !important;border:none !important;outline:none !important;box-shadow:none !important;font-size:14px !important;line-height:22px !important;color:var(--nexus-text-main,#0f172a) !important;padding:11px 18px !important;padding-right:125px !important;/* Space for action icons */ margin:0 !important;height:44px !important;min-height:44px !important;resize:none !important;width:100% !important;border-radius:26px !important;box-sizing:border-box !important;}body.night-mode .comment-form textarea{color:#f8fafc !important;}.comment-form textarea::placeholder{color:var(--nexus-text-muted,#94a3b8) !important;font-size:14px !important;opacity:0.8 !important;}/* Action Tools (Image,Voice,Emoji,Send) */ .comment-form .x-form-tools{position:absolute !important;right:8px !important;top:50% !important;transform:translateY(-50%) !important;bottom:auto !important;margin:0 !important;padding:0 !important;display:flex !important;align-items:center !important;gap:3px !important;z-index:40 !important;overflow:visible !important;list-style:none !important;}.comment-form .x-form-tools > li{width:32px !important;height:32px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;color:var(--nexus-text-muted,#94a3b8) !important;margin:0 !important;padding:0 !important;cursor:pointer !important;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1),color 0.2s ease,background 0.2s ease !important;}.comment-form .x-form-tools > li i{font-size:16px !important;transition:transform 0.2s ease,color 0.2s ease !important;}.comment-form .x-form-tools > li:hover{background:var(--nexus-primary-light,rgba(99,102,241,0.12)) !important;color:var(--nexus-primary,#6366f1) !important;transform:scale(1.18) !important;}body.night-mode .comment-form .x-form-tools > li{color:#94a3b8 !important;}body.night-mode .comment-form .x-form-tools > li:hover{background:rgba(99,102,241,0.25) !important;color:#a5b4fc !important;}/* Send / Post Icon */ .comment-form .x-form-tools-post{color:var(--nexus-primary,#6366f1) !important;}.comment-form .x-form-tools-post:hover{transform:scale(1.22) rotate(8deg) !important;}/* Existing Comment Thread Items */ .comment .comment-body{background:var(--nexus-surface,#ffffff) !important;border:1px solid var(--nexus-border) !important;border-radius:18px !important;padding:10px 16px !important;box-shadow:0 1px 4px rgba(0,0,0,0.04) !important;transition:border-color 0.2s ease,box-shadow 0.2s ease !important;}body.night-mode .comment .comment-body{background:rgba(30,41,59,0.95) !important;border-color:rgba(255,255,255,0.08) !important;box-shadow:0 1px 6px rgba(0,0,0,0.25) !important;}.comment .comment-body:hover{border-color:var(--nexus-primary-light) !important;}/* ========================================================================== 13. MOBILE RESPONSIVENESS & FLOATING DOCK ========================================================================== */ @media (max-width:767px){/* Hide Top Header Navbar Icons on Mobile (per user request) */ .main-header .navbar-wrapper{display:none !important;}.main-header{height:60px !important;}.main-header .container,.main-header .container-fluid{padding-left:12px !important;padding-right:12px !important;}.main-header .logo-wrapper{height:60px !important;display:flex !important;align-items:center !important;}.main-header .logo-wrapper .logo img{max-height:36px !important;width:auto !important;}/* Full Screen / Responsive Dropdown Overlays */ .main-header .dropdown-menu.dropdown-widget,.main-header .dropdown-widget,.dropdown-widget{position:fixed !important;top:68px !important;left:8px !important;right:8px !important;width:auto !important;min-width:0 !important;max-width:calc(100vw - 16px) !important;transform:none !important;border-radius:18px !important;box-shadow:0 16px 45px rgba(0,0,0,0.45) !important;z-index:1050 !important;}.dropdown-widget .dropdown-widget-body{max-height:calc(100vh - 180px) !important;}/* Mobile Floating Dock Bar */ .footer-bottom-bar{position:fixed !important;bottom:10px !important;left:8px !important;right:8px !important;max-width:480px !important;margin:0 auto !important;height:62px !important;border-radius:24px !important;background:var(--nexus-surface,#0f172a) !important;background:rgba(15,23,42,0.94) !important;backdrop-filter:blur(20px) saturate(180%) !important;-webkit-backdrop-filter:blur(20px) saturate(180%) !important;border:1px solid rgba(255,255,255,0.1) !important;box-shadow:0 12px 35px -4px rgba(0,0,0,0.35) !important;z-index:1040 !important;padding:0 6px !important;box-sizing:border-box !important;}body:not(.night-mode) .footer-bottom-bar{background:#ffffff !important;background:rgba(255,255,255,0.96) !important;border-color:rgba(226,232,240,0.9) !important;box-shadow:0 10px 30px -4px rgba(0,0,0,0.12) !important;}.footer-bottom-bar .container{height:100% !important;padding:0 !important;max-width:100% !important;width:100% !important;}.footer-bottom-bar-links{height:100% !important;width:100% !important;display:flex !important;align-items:center !important;justify-content:space-between !important;padding:0 2px !important;box-sizing:border-box !important;}.footer-bottom-bar-links .link{position:relative !important;flex:1 1 0% !important;min-width:0 !important;text-align:center !important;display:flex !important;align-items:center !important;justify-content:center !important;height:100% !important;padding:0 !important;}.footer-bottom-bar-links > .link > a,.footer-bottom-bar-links > .link > .user-menu-widget{position:relative !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;color:var(--nexus-text-muted,#94a3b8) !important;text-decoration:none !important;width:100% !important;height:100% !important;padding:6px 0 4px 0 !important;margin:0 !important;border:none !important;background:transparent !important;box-shadow:none !important;transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1) !important;box-sizing:border-box !important;}body:not(.night-mode) .footer-bottom-bar-links > .link > a,body:not(.night-mode) .footer-bottom-bar-links > .link > .user-menu-widget{color:#64748b !important;}.footer-bottom-bar-links > .link:active > a,.footer-bottom-bar-links > .link:hover > a,.footer-bottom-bar-links > .link:active > .user-menu-widget,.footer-bottom-bar-links > .link:hover > .user-menu-widget{color:var(--nexus-primary,#6366f1) !important;transform:translateY(-2px) !important;}body:not(.night-mode) .footer-bottom-bar-links > .link:active > a,body:not(.night-mode) .footer-bottom-bar-links > .link:hover > a,body:not(.night-mode) .footer-bottom-bar-links > .link:active > .user-menu-widget,body:not(.night-mode) .footer-bottom-bar-links > .link:hover > .user-menu-widget{color:#4f46e5 !important;}.footer-bottom-bar-links > .link > a > .header-icon,.footer-bottom-bar-links > .link > a .header-icon{width:20px !important;height:20px !important;color:var(--nexus-text-muted,#94a3b8) !important;fill:var(--nexus-text-muted,#94a3b8) !important;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),color 0.2s ease !important;flex-shrink:0 !important;}body:not(.night-mode) .footer-bottom-bar-links > .link > a > .header-icon,body:not(.night-mode) .footer-bottom-bar-links > .link > a .header-icon{color:#64748b !important;fill:#64748b !important;}.footer-bottom-bar-links > .link.active > a .header-icon,.footer-bottom-bar-links > .link:hover > a .header-icon{color:var(--nexus-primary,#6366f1) !important;fill:var(--nexus-primary,#6366f1) !important;transform:scale(1.12) !important;}body:not(.night-mode) .footer-bottom-bar-links > .link.active > a .header-icon,body:not(.night-mode) .footer-bottom-bar-links > .link:hover > a .header-icon{color:#4f46e5 !important;fill:#4f46e5 !important;}.footer-bottom-bar-links > .link.active::after{content:'' !important;position:absolute !important;bottom:3px !important;width:4px !important;height:4px !important;background:var(--nexus-primary,#6366f1) !important;border-radius:50% !important;box-shadow:0 0 6px var(--nexus-primary,#6366f1) !important;}.footer-bottom-bar-links > .link > a > .title,.footer-bottom-bar-links > .link > .user-menu-widget > .title{font-size:9.5px !important;font-weight:600 !important;margin-top:2px !important;line-height:1 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:100% !important;letter-spacing:-0.2px !important;transition:color 0.2s ease !important;}.footer-bottom-bar-links > .link.active > a > .title,.footer-bottom-bar-links > .link.active > .user-menu-widget > .title{color:var(--nexus-primary,#6366f1) !important;font-weight:700 !important;}body:not(.night-mode) .footer-bottom-bar-links > .link.active > a > .title,body:not(.night-mode) .footer-bottom-bar-links > .link.active > .user-menu-widget > .title{color:#4f46e5 !important;}/* Center Floating (+) Add Button with Ambient Breathing Glow - STRICTLY for .action-add ONLY */ .footer-bottom-bar-links > .link.action-add{flex:0 0 46px !important;max-width:46px !important;min-width:44px !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:10 !important;}.footer-bottom-bar-links > .link.action-add > a.dropdown{position:relative !important;top:-12px !important;width:46px !important;height:46px !important;background:var(--nexus-gradient-primary,linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%)) !important;border-radius:50% !important;box-shadow:0 6px 18px rgba(99,102,241,0.5) !important;border:3px solid var(--nexus-surface,#0f172a) !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;margin:0 !important;animation:nexusAddBtnPulse 2.8s infinite ease-in-out !important;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s ease !important;}body:not(.night-mode) .footer-bottom-bar-links > .link.action-add > a.dropdown{border-color:#ffffff !important;}.footer-bottom-bar-links > .link.action-add > a.dropdown:hover,.footer-bottom-bar-links > .link.action-add > a.dropdown:active{transform:translateY(-3px) scale(1.1) rotate(90deg) !important;box-shadow:0 10px 25px rgba(99,102,241,0.7) !important;}.footer-bottom-bar-links > .link.action-add > a.dropdown .header-icon{width:20px !important;height:20px !important;fill:#ffffff !important;color:#ffffff !important;opacity:1 !important;transition:transform 0.3s ease !important;}.footer-bottom-bar-links > .link.action-add > a.dropdown .title{display:none !important;}/* Counter Badges with Pulsing Animation */ .footer-bottom-bar-links .link .counter{position:absolute !important;top:2px !important;right:calc(50% - 15px) !important;font-size:9px !important;line-height:13px !important;padding:0 3.5px !important;min-width:14px !important;height:14px !important;border-radius:9999px !important;background:#ef4444 !important;color:#ffffff !important;font-weight:700 !important;box-shadow:0 2px 6px rgba(239,68,68,0.45) !important;border:1.5px solid var(--nexus-surface,#0f172a) !important;z-index:5 !important;animation:badgePulse 2s infinite ease-in-out !important;}body:not(.night-mode) .footer-bottom-bar-links .link .counter{border-color:#ffffff !important;}/* Profile Avatar in Bottom Bar */ .footer-bottom-bar-links .nexus-bottom-avatar-wrap{width:23px !important;height:23px !important;border-radius:50% !important;border:1.5px solid var(--nexus-border,rgba(255,255,255,0.2)) !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 1px 4px rgba(0,0,0,0.15) !important;transition:border-color 0.2s ease,transform 0.2s ease !important;flex-shrink:0 !important;background:rgba(99,102,241,0.1) !important;pointer-events:none !important;}body:not(.night-mode) .footer-bottom-bar-links .nexus-bottom-avatar-wrap{border-color:rgba(0,0,0,0.12) !important;}.footer-bottom-bar-links .link:hover .nexus-bottom-avatar-wrap,.footer-bottom-bar-links .link.active .nexus-bottom-avatar-wrap{transform:scale(1.1) !important;border-color:var(--nexus-primary,#6366f1) !important;box-shadow:0 0 8px rgba(99,102,241,0.5) !important;}.footer-bottom-bar-links .nexus-bottom-avatar-wrap img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;border-radius:50% !important;border:none !important;margin:0 !important;padding:0 !important;pointer-events:none !important;}.footer-bottom-bar-links .user-menu-widget .title{pointer-events:none !important;}/* Reset any residual desktop user-menu styles within footer */ .footer-bottom-bar .user-menu,.footer-bottom-bar .user-menu-widget{margin:0 !important;padding:6px 0 4px 0 !important;box-shadow:none !important;border:none !important;background:transparent !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;width:100% !important;height:100% !important;}/* Ultra-narrow Mobile Screens (e.g. <= 360px) */ @media (max-width:360px){.footer-bottom-bar{left:4px !important;right:4px !important;padding:0 3px !important;height:58px !important;border-radius:18px !important;bottom:8px !important;}.footer-bottom-bar-links > .link > a > .title,.footer-bottom-bar-links > .link > .user-menu-widget > .title{font-size:8px !important;letter-spacing:-0.3px !important;}.footer-bottom-bar-links > .link > a > .header-icon{width:18px !important;height:18px !important;}.footer-bottom-bar-links > .link .nexus-bottom-avatar-wrap{width:20px !important;height:20px !important;}.footer-bottom-bar-links .link.action-add{flex:0 0 40px !important;max-width:40px !important;min-width:38px !important;}.footer-bottom-bar-links .link.action-add a.dropdown{width:40px !important;height:40px !important;top:-10px !important;}.footer-bottom-bar-links .link.action-add a.dropdown .header-icon{width:18px !important;height:18px !important;}}/* Mobile Bottom Bar Dropdown Drawers */ .footer-bottom-bar .dropdown-menu.dropdown-widget,.footer-bottom-bar .dropdown-widget,.footer-bottom-bar .nexus-user-dropdown,.footer-bottom-bar .nexus-create-dropdown{position:fixed !important;bottom:76px !important;top:auto !important;left:10px !important;right:10px !important;margin:0 auto !important;width:auto !important;min-width:0 !important;max-width:480px !important;max-height:calc(100vh - 95px) !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;border-radius:20px !important;background:#0f172a !important;background:rgba(15,23,42,0.98) !important;backdrop-filter:blur(24px) saturate(180%) !important;-webkit-backdrop-filter:blur(24px) saturate(180%) !important;border:1px solid rgba(255,255,255,0.12) !important;box-shadow:0 20px 50px rgba(0,0,0,0.75) !important;z-index:1060 !important;}body:not(.night-mode) .footer-bottom-bar .dropdown-menu.dropdown-widget,body:not(.night-mode) .footer-bottom-bar .dropdown-widget,body:not(.night-mode) .footer-bottom-bar .nexus-user-dropdown,body:not(.night-mode) .footer-bottom-bar .nexus-create-dropdown{background:#ffffff !important;background:rgba(255,255,255,0.98) !important;border-color:rgba(226,232,240,0.95) !important;box-shadow:0 16px 40px rgba(0,0,0,0.2) !important;}body{padding-bottom:85px !important;}}/* ========================================================================== 14. GENERAL CARDS,BUTTONS & FORMS ========================================================================== */ .card{background:var(--nexus-surface) !important;border:1px solid var(--nexus-border) !important;border-radius:var(--nexus-radius-xl) !important;box-shadow:var(--nexus-shadow-md) !important;margin-bottom:22px !important;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;}.btn-primary{background:var(--nexus-gradient-primary) !important;border-color:transparent !important;box-shadow:0 4px 12px rgba(99,102,241,0.35);font-weight:600;}.btn-primary:hover,.btn-primary:focus{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%) !important;box-shadow:0 6px 18px rgba(99,102,241,0.5) !important;transform:translateY(-1px);}/* Suggested Friends & Follow Action Buttons (High-Visibility Theme Pills) */ .data-content .js_friend-add,.data-content .js_follow,.btn.js_friend-add,.btn.js_follow{background:var(--nexus-gradient-primary) !important;color:#ffffff !important;border:none !important;box-shadow:0 2px 8px rgba(99,102,241,0.35) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:6px 14px !important;border-radius:9999px !important;font-weight:600 !important;font-size:13px !important;transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important;}.data-content .js_friend-add:hover,.data-content .js_follow:hover,.btn.js_friend-add:hover,.btn.js_follow:hover{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%) !important;box-shadow:0 4px 14px rgba(99,102,241,0.5) !important;transform:translateY(-1px) scale(1.04) !important;color:#ffffff !important;}.data-content .js_friend-add .main-icon,.data-content .js_friend-add svg,.data-content .js_friend-add i,.data-content .js_follow .main-icon,.data-content .js_follow svg,.data-content .js_follow i,.btn.js_friend-add .main-icon,.btn.js_friend-add svg,.btn.js_friend-add i,.btn.js_follow .main-icon,.btn.js_follow svg,.btn.js_follow i{color:#ffffff !important;fill:#ffffff !important;}/* ========================================================================== 15. NOTIFICATION,MESSAGE & FRIEND REQUEST DROPDOWNS ========================================================================== */ .dropdown-widget{min-width:380px !important;max-width:420px !important;border-radius:var(--nexus-radius-lg,16px) !important;overflow:hidden !important;background:var(--nexus-surface,#ffffff) !important;box-shadow:var(--nexus-shadow-lg,0 10px 30px rgba(0,0,0,0.2)) !important;border:1px solid var(--nexus-border,rgba(0,0,0,0.08)) !important;}body.night-mode .dropdown-widget{background:var(--nexus-surface,#1e293b) !important;border-color:var(--nexus-border,rgba(255,255,255,0.1)) !important;}.dropdown-widget-header{padding:14px 18px !important;background:var(--nexus-glass-bg,rgba(255,255,255,0.9)) !important;border-bottom:1px solid var(--nexus-border,rgba(0,0,0,0.06)) !important;}body.night-mode .dropdown-widget-header{background:rgba(30,41,59,0.95) !important;border-color:var(--nexus-border,rgba(255,255,255,0.08)) !important;}.dropdown-widget-header .title{font-size:15px !important;font-weight:700 !important;color:var(--nexus-text-main,#0f172a) !important;}body.night-mode .dropdown-widget-header .title{color:#f8fafc !important;}.dropdown-widget-body{padding:0 !important;}.dropdown-widget-body ul{list-style:none !important;padding:0 !important;margin:0 !important;}.dropdown-widget-body .feeds-item,.dropdown-widget-body .feeds-action-item{display:block !important;position:relative !important;clear:both !important;width:100% !important;margin:0 !important;border-bottom:1px solid var(--nexus-border,rgba(0,0,0,0.06)) !important;transition:background 0.2s ease !important;}body.night-mode .dropdown-widget-body .feeds-item,body.night-mode .dropdown-widget-body .feeds-action-item{border-bottom:1px solid var(--nexus-border,rgba(255,255,255,0.06)) !important;}.dropdown-widget-body .feeds-item:hover,.dropdown-widget-body .feeds-action-item:hover{background:rgba(99,102,241,0.04) !important;}body.night-mode .dropdown-widget-body .feeds-item:hover,body.night-mode .dropdown-widget-body .feeds-action-item:hover{background:rgba(255,255,255,0.04) !important;}.dropdown-widget-body .data-container{display:flex !important;align-items:flex-start !important;gap:12px !important;width:100% !important;padding:12px 16px !important;min-height:56px !important;box-sizing:border-box !important;text-decoration:none !important;color:inherit !important;}.dropdown-widget-body .data-avatar{flex-shrink:0 !important;width:40px !important;height:40px !important;float:none !important;display:flex !important;align-items:center !important;justify-content:center !important;}.dropdown-widget-body .data-avatar img{width:40px !important;height:40px !important;max-width:40px !important;max-height:40px !important;border-radius:50% !important;object-fit:cover !important;display:block !important;}.dropdown-widget-body .data-content{flex:1 1 auto !important;min-width:0 !important;padding-left:0 !important;font-size:13px !important;line-height:1.4 !important;word-break:break-word !important;overflow-wrap:break-word !important;}.dropdown-widget-body .data-content .name{font-weight:600 !important;color:var(--nexus-text-main,#1e293b) !important;display:inline-block !important;margin-bottom:2px !important;}body.night-mode .dropdown-widget-body .data-content .name{color:#f8fafc !important;}.dropdown-widget-body .data-content .time{font-size:11px !important;color:#94a3b8 !important;margin-top:4px !important;}.dropdown-widget-footer{display:block !important;padding:12px !important;text-align:center !important;font-size:13px !important;font-weight:600 !important;color:var(--nexus-primary) !important;border-top:1px solid var(--nexus-border,rgba(0,0,0,0.06)) !important;background:var(--nexus-glass-bg,rgba(255,255,255,0.5)) !important;text-decoration:none !important;}body.night-mode .dropdown-widget-footer{border-color:var(--nexus-border,rgba(255,255,255,0.08)) !important;background:rgba(30,41,59,0.7) !important;}/* ========================================================================== 16. NATIVE DAYTIME MESSAGE ========================================================================== */ .daytime_message{border-radius:var(--nexus-radius-lg,16px) !important;border:1px solid var(--nexus-border,rgba(226,232,240,0.8)) !important;border-left:4px solid var(--nexus-primary,#6366f1) !important;background:var(--nexus-surface,#ffffff) !important;box-shadow:var(--nexus-shadow-sm,0 2px 6px rgba(0,0,0,0.04)) !important;padding:16px 20px !important;margin-bottom:20px !important;display:flex !important;align-items:center !important;}body.night-mode .daytime_message{background:var(--nexus-surface,#1e293b) !important;border-color:var(--nexus-border,rgba(51,65,85,0.7)) !important;border-left-color:var(--nexus-primary,#818cf8) !important;}.daytime_message .btn-close{order:3 !important;margin-left:auto !important;opacity:0.6 !important;}.daytime_message svg{margin-right:14px !important;}/* ========================================================================== 17. PREMIUM ANIMATIONS & MICRO-INTERACTIONS ========================================================================== */ /* Smooth image loading (excluding reactions/emojis) */ img:not(.reactions_item img):not(.emoji img):not(.reaction img):not(.inline-emoji img){animation:fadeIn 0.5s ease-in-out;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}/* Post Publisher Enhancements */ .publisher{border-radius:var(--nexus-radius-xl,20px) !important;box-shadow:var(--nexus-shadow-lg) !important;border:1px solid var(--nexus-border) !important;overflow:hidden;}.publisher-meta{background:var(--nexus-surface) !important;border-top:1px solid var(--nexus-border) !important;padding:12px 16px !important;}.publisher .form-control{border:none !important;background:transparent !important;font-size:16px !important;box-shadow:none !important;}/* Skeleton Loading */ .skeleton-load{background:linear-gradient(90deg,var(--nexus-surface) 25%,var(--nexus-surface-hover) 50%,var(--nexus-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--nexus-radius-sm);}@keyframes shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}/* Ripple effect on buttons */ .btn{position:relative;overflow:hidden;}.btn::after{content:"";background:rgba(255,255,255,0.3);display:block;position:absolute;border-radius:50%;padding-top:120%;padding-left:120%;margin-top:-60%;margin-left:-60%;opacity:0;transition:all 0.8s;}.btn:active::after{padding-top:0;padding-left:0;margin-top:0;margin-left:0;opacity:1;transition:0s;}/* Glassmorphism Header */ .main-header{background:var(--nexus-glass-bg) !important;backdrop-filter:var(--nexus-glass-blur) !important;-webkit-backdrop-filter:var(--nexus-glass-blur) !important;border-bottom:1px solid var(--nexus-border) !important;box-shadow:var(--nexus-shadow-sm) !important;}body.night-mode .main-header{background:rgba(15,23,42,0.88) !important;}/* Enhancing Hover Lift for non-post Cards only */ .card:not(.post):hover,.card-widget:hover{transform:translateY(-4px) !important;box-shadow:var(--nexus-shadow-xl) !important;border-color:var(--nexus-primary-light) !important;}/* CRITICAL:Post cards and action buttons MUST NOT have CSS transform,because transform establishes a new local coordinate system that breaks position:fixed for the reactions-container popup */ .post,.post.card,.post.card:hover,.post-actions,.post-actions .action-btn,.post-actions .action-btn:hover{transform:none !important;}/* ========================================================================== 18. PREMIUM REACTION DOCK & INTERACTIVE POPUP (FIXED & BEAUTIFIED) ========================================================================== */ .reactions-wrapper{position:relative !important;}.reactions-container{display:none;position:absolute !important;bottom:calc(100% + 8px) !important;left:0 !important;top:auto !important;right:auto !important;z-index:1050 !important;background:var(--nexus-surface,#ffffff) !important;border:1px solid var(--nexus-border,rgba(226,232,240,0.9)) !important;border-radius:9999px !important;padding:4px 8px !important;box-shadow:0 12px 36px -4px rgba(0,0,0,0.35),0 0 0 1px rgba(99,102,241,0.15) !important;backdrop-filter:blur(20px) saturate(180%) !important;-webkit-backdrop-filter:blur(20px) saturate(180%) !important;white-space:nowrap !important;box-sizing:border-box !important;width:max-content !important;max-width:calc(100vw - 32px) !important;}html[dir="rtl"] .reactions-container{left:auto !important;right:0 !important;}/* Ensure flex layout when visible */ .reactions-container[style*="display:block"],.reactions-container[style*="display:flex"],.reactions-container.show{display:flex !important;align-items:center !important;}/* Hover bridge:bridges gap between reaction button and floating reactions dock */ .reactions-container::after{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;bottom:-12px !important;height:16px !important;background:transparent !important;pointer-events:auto !important;}body.night-mode .reactions-container{background:rgba(30,41,59,0.96) !important;border-color:rgba(255,255,255,0.15) !important;box-shadow:0 16px 45px -6px rgba(0,0,0,0.6),0 0 20px rgba(129,140,248,0.2) !important;}.reactions_item{width:42px !important;height:42px !important;display:flex !important;align-items:center !important;justify-content:center !important;float:none !important;margin:0 2px !important;border-radius:50% !important;cursor:pointer !important;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1) !important;position:relative !important;padding:0 !important;box-sizing:border-box !important;}.reactions_item:hover{transform:scale(1.35) translateY(-5px) !important;z-index:10 !important;}/* Neutralize Sngine's top:-76%;right:76%;transform:scale(0.325) */ .reactions_item .emoji{width:34px !important;height:34px !important;position:static !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;transform:none !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 !important;pointer-events:none !important;}.reactions_item .emoji img{width:34px !important;height:34px !important;max-width:34px !important;max-height:34px !important;object-fit:contain !important;display:block !important;margin:0 !important;}@media (max-width:360px){.reactions_item{width:38px !important;height:38px !important;margin:0 1px !important;}.reactions_item .emoji,.reactions_item .emoji img{width:30px !important;height:30px !important;}}/* Tooltip on hovering each reaction emoji */ .reactions_item:hover::before{content:attr(data-title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-6px);background:rgba(15,23,42,0.9);color:#ffffff;padding:3px 8px;font-size:11px;font-weight:700;border-radius:12px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 10px rgba(0,0,0,0.3);letter-spacing:0.2px;z-index:20;}body.night-mode .reactions_item:hover::before{background:rgba(248,250,252,0.95);color:#0f172a;}/* ========================================================================== 19. HIGH-VALUE COMMERCIAL FEATURES ========================================================================== */ /* Feature 1:Scroll Reading Progress Bar */ #nexus-scroll-progress{position:fixed;top:0;left:0;height:3.5px;width:0%;background:var(--nexus-gradient-primary);z-index:9999999;box-shadow:0 0 10px var(--nexus-primary);transition:width 0.1s ease-out;pointer-events:none;}/* Feature 2:Floating Smart Back-To-Top Button */ #nexus-back-to-top{position:fixed;bottom:85px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--nexus-gradient-primary);color:#ffffff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(99,102,241,0.5);cursor:pointer;z-index:1030;opacity:0;visibility:hidden;transform:translateY(15px) scale(0.9);transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);}#nexus-back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);}#nexus-back-to-top:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 12px 30px rgba(99,102,241,0.7);color:#ffffff;}#nexus-back-to-top svg,#nexus-back-to-top i{width:20px;height:20px;fill:#ffffff;color:#ffffff;}@media (max-width:767px){#nexus-back-to-top{bottom:85px !important;right:14px !important;width:40px !important;height:40px !important;}}/* Feature 3:Instagram-Style Double-Tap Heart Burst Animation */ .nexus-heart-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);pointer-events:none;z-index:50;animation:nexusHeartPop 0.85s cubic-bezier(0.175,0.885,0.32,1.275) forwards;}.nexus-heart-burst svg{width:85px;height:85px;fill:#ef4444;filter:drop-shadow(0 8px 24px rgba(239,68,68,0.6));}@keyframes nexusHeartPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0;}35%{transform:translate(-50%,-50%) scale(1.3);opacity:1;}60%{transform:translate(-50%,-50%) scale(1);opacity:1;}100%{transform:translate(-50%,-50%) scale(1.4);opacity:0;}}/* Feature 4:Animated Gradient Story Rings */ .stories-item .item-avatar,.story-avatar{position:relative !important;border-radius:50% !important;padding:2.5px !important;background:var(--nexus-gradient-story,linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)) !important;transition:transform 0.25s ease !important;}.stories-item .item-avatar img,.story-avatar img{border:2px solid var(--nexus-surface,#ffffff) !important;border-radius:50% !important;display:block !important;}.stories-item:hover .item-avatar{transform:scale(1.06) !important;}/* Feature 5:Image Hover Zoom on Feed Media */ .pg_wrapper,.post-media{overflow:hidden !important;border-radius:var(--nexus-radius-lg,16px) !important;}.pg_wrapper img,.post-media img{transition:transform 0.4s cubic-bezier(0.4,0,0.2,1) !important;}.pg_wrapper:hover img,.post-media:hover img{transform:scale(1.025) !important;}/* ========================================================================== 20. RIGHT SIDEBAR ENRICHMENT WIDGETS ========================================================================== */ /* Pro VIP Banner */ .nexus-pro-banner{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#ec4899 100%) !important;border:none !important;border-radius:var(--nexus-radius-xl,20px) !important;color:#ffffff !important;box-shadow:0 10px 25px -3px rgba(99,102,241,0.4) !important;position:relative;overflow:hidden;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.25s ease !important;}.nexus-pro-banner:hover{transform:translateY(-3px) scale(1.01) !important;box-shadow:0 14px 30px -3px rgba(99,102,241,0.6) !important;}.nexus-pro-banner::before{content:'';position:absolute;top:-40px;right:-40px;width:130px;height:130px;background:radial-gradient(circle,rgba(255,255,255,0.25) 0%,transparent 70%);border-radius:50%;pointer-events:none;}.pro-crown-badge{font-size:26px;width:46px;height:46px;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.15);}.pro-text{font-size:13px;line-height:1.5;color:rgba(255,255,255,0.88) !important;}.btn-nexus-pro{background:#ffffff !important;color:#4f46e5 !important;font-weight:700 !important;border-radius:9999px !important;padding:8px 16px !important;box-shadow:0 4px 12px rgba(0,0,0,0.15);border:none !important;transition:all 0.2s ease !important;}.btn-nexus-pro:hover{background:#f8fafc !important;transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,0.25);color:#4338ca !important;}/* Explore Hub Widget */ .nexus-explore-hub{border-radius:var(--nexus-radius-xl,20px) !important;}.explore-grid{display:flex;flex-direction:column;gap:6px;}.explore-item{display:flex;align-items:center;padding:10px 12px;border-radius:var(--nexus-radius-lg,14px);text-decoration:none !important;color:inherit !important;background:rgba(241,245,249,0.5);border:1px solid transparent;transition:all 0.25s cubic-bezier(0.16,1,0.3,1) !important;}body.night-mode .explore-item{background:rgba(15,23,42,0.4);}.explore-item:hover{background:var(--nexus-surface-hover);border-color:var(--nexus-primary);transform:translateX(5px);}.explore-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1);}.explore-item:hover .explore-icon{transform:scale(1.12) rotate(6deg);}.bg-indigo-soft{background:rgba(99,102,241,0.12);color:#6366f1;}.bg-cyan-soft{background:rgba(6,182,212,0.12);color:#06b6d4;}.bg-emerald-soft{background:rgba(16,185,129,0.12);color:#10b981;}.bg-amber-soft{background:rgba(245,158,11,0.12);color:#f59e0b;}.explore-info{flex:1;}.explore-title{display:block;font-size:13.5px;font-weight:700;color:var(--nexus-text-main);line-height:1.2;}.explore-desc{display:block;font-size:11.5px;color:var(--nexus-text-muted);margin-top:2px;}.explore-arrow{color:var(--nexus-text-light);font-size:11px;transition:transform 0.2s ease,color 0.2s ease;}.explore-item:hover .explore-arrow{transform:translateX(3px);color:var(--nexus-primary);}/* Mobile App Promo Card */ .nexus-app-promo{border-radius:var(--nexus-radius-xl,20px) !important;background:var(--nexus-surface) !important;border:1px solid var(--nexus-border) !important;}.app-icon-wrap{font-size:32px;width:58px;height:58px;margin:0 auto;border-radius:18px;background:var(--nexus-primary-light);color:var(--nexus-primary);display:flex;align-items:center;justify-content:center;animation:floatBob 3s infinite ease-in-out;}@keyframes floatBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}/* ========================================================================== 20. DAYTIME GREETING BANNER & ANIMATED ICONS (MORNING,AFTERNOON,EVENING) ========================================================================== */ .daytime_message{position:relative !important;display:flex !important;align-items:center !important;padding:16px 22px !important;margin-bottom:22px !important;border-radius:var(--nexus-radius-xl,20px) !important;border:1px solid var(--nexus-border) !important;background:linear-gradient(135deg,rgba(254,243,199,0.5) 0%,rgba(255,237,213,0.3) 50%,var(--nexus-surface) 100%) !important;border-left:5px solid #f59e0b !important;box-shadow:var(--nexus-shadow-md),0 8px 24px -6px rgba(245,158,11,0.15) !important;overflow:hidden !important;backdrop-filter:blur(16px) !important;-webkit-backdrop-filter:blur(16px) !important;transition:transform 0.3s ease,box-shadow 0.3s ease !important;}body.night-mode .daytime_message{background:linear-gradient(135deg,rgba(245,158,11,0.12) 0%,rgba(30,41,59,0.95) 60%) !important;border-left:5px solid #f59e0b !important;border-color:rgba(245,158,11,0.25) !important;}.daytime_message:hover{transform:translateY(-2px) !important;box-shadow:var(--nexus-shadow-lg),0 12px 30px -6px rgba(245,158,11,0.25) !important;}/* Morning Theme */ .daytime_morning{background:linear-gradient(135deg,rgba(254,243,199,0.5) 0%,rgba(255,237,213,0.3) 50%,var(--nexus-surface) 100%) !important;border-left:5px solid #f59e0b !important;}body.night-mode .daytime_morning{background:linear-gradient(135deg,rgba(245,158,11,0.12) 0%,rgba(30,41,59,0.95) 60%) !important;border-left:5px solid #f59e0b !important;}/* Afternoon Theme */ .daytime_afternoon{background:linear-gradient(135deg,rgba(224,242,254,0.5) 0%,rgba(240,249,255,0.3) 50%,var(--nexus-surface) 100%) !important;border-left:5px solid #0284c7 !important;}body.night-mode .daytime_afternoon{background:linear-gradient(135deg,rgba(2,132,199,0.12) 0%,rgba(30,41,59,0.95) 60%) !important;border-left:5px solid #38bdf8 !important;}/* Evening Theme */ .daytime_evening{background:linear-gradient(135deg,rgba(238,242,255,0.5) 0%,rgba(245,243,255,0.3) 50%,var(--nexus-surface) 100%) !important;border-left:5px solid #6366f1 !important;}body.night-mode .daytime_evening{background:linear-gradient(135deg,rgba(99,102,241,0.14) 0%,rgba(30,41,59,0.95) 60%) !important;border-left:5px solid #818cf8 !important;}/* Direct SVG icon styling inside .daytime_message (works on both default & customized markup) */ .daytime_message svg{width:44px !important;height:44px !important;min-width:44px !important;color:#f59e0b !important;fill:#f59e0b !important;padding:8px !important;background:rgba(245,158,11,0.15) !important;border:1.5px solid rgba(245,158,11,0.4) !important;border-radius:50% !important;box-shadow:0 0 20px rgba(245,158,11,0.3) !important;margin-right:16px !important;animation:nexusSunSpin 14s linear infinite,nexusSunGlowPulse 2.8s ease-in-out infinite alternate !important;transform-origin:center center !important;flex-shrink:0 !important;}/* Specific SVG overrides when customized */ .daytime_afternoon svg{color:#0284c7 !important;fill:#0284c7 !important;background:rgba(2,132,199,0.15) !important;border-color:rgba(2,132,199,0.4) !important;box-shadow:0 0 20px rgba(2,132,199,0.3) !important;animation:nexusAfternoonGlow 3s ease-in-out infinite alternate !important;}.daytime_evening svg{color:#818cf8 !important;fill:#818cf8 !important;background:rgba(99,102,241,0.18) !important;border-color:rgba(99,102,241,0.45) !important;box-shadow:0 0 20px rgba(99,102,241,0.3) !important;animation:nexusMoonFloat 3.5s ease-in-out infinite alternate !important;}/* Fallback & Enhanced Typography targeting */ .daytime_message .d-table-cell:not(svg),.daytime_message .daytime_text,.daytime_content{flex:1 !important;display:flex !important;flex-direction:column !important;justify-content:center !important;gap:3px !important;}.daytime_content{flex-direction:row !important;align-items:center !important;gap:16px !important;}.daytime_message strong,.daytime_message .daytime_title{display:block !important;font-size:15.5px !important;font-weight:700 !important;color:var(--nexus-text-main,#0f172a) !important;letter-spacing:-0.2px !important;margin:0 !important;line-height:1.3 !important;}body.night-mode .daytime_message strong,body.night-mode .daytime_message .daytime_title{color:#f8fafc !important;}.daytime_message span:not(.slider):not(.daytime_name),.daytime_message .daytime_quote,.daytime_message p{font-size:13.5px !important;color:var(--nexus-text-muted,#64748b) !important;margin:0 !important;line-height:1.45 !important;}body.night-mode .daytime_message span:not(.slider):not(.daytime_name),body.night-mode .daytime_message .daytime_quote,body.night-mode .daytime_message p{color:#94a3b8 !important;}.daytime_name{background:var(--nexus-gradient-primary) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;font-weight:800 !important;}/* Close button */ .daytime_message .btn-close{position:absolute !important;right:14px !important;top:50% !important;transform:translateY(-50%) !important;background-color:transparent !important;opacity:0.65 !important;transition:all 0.25s ease !important;padding:8px !important;float:none !important;}.daytime_message .btn-close:hover{opacity:1 !important;transform:translateY(-50%) rotate(90deg) scale(1.15) !important;}/* Sun Ray Rotation and Glowing Pulse Animation */ @keyframes nexusSunSpin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes nexusSunGlowPulse{0%{transform:scale(0.94);filter:drop-shadow(0 0 5px rgba(245,158,11,0.4));}100%{transform:scale(1.08);filter:drop-shadow(0 0 14px rgba(245,158,11,0.85));}}@keyframes nexusAfternoonGlow{0%{transform:scale(0.95) translateY(0);filter:drop-shadow(0 0 4px rgba(2,132,199,0.3));}100%{transform:scale(1.08) translateY(-2px);filter:drop-shadow(0 0 12px rgba(56,189,248,0.7));}}@keyframes nexusMoonFloat{0%{transform:translateY(2px) rotate(-6deg);}100%{transform:translateY(-4px) rotate(6deg);}}/* ========================================================================== 21. CREATE NEW STORY STUDIO & MODAL THEME (NEXUS BRANDED & MOBILE OPTIMIZED) ========================================================================== */ /* Dialog & Content Sizing */ #modal:has(.nexus-story-modal-form) .modal-dialog,.modal-dialog:has(.nexus-story-modal-form){max-width:520px !important;margin:1.75rem auto !important;}@media (max-width:767px){#modal:has(.nexus-story-modal-form) .modal-dialog,.modal-dialog:has(.nexus-story-modal-form){max-width:calc(100% - 20px) !important;margin:12px auto !important;}}.modal-content:has(.nexus-story-header),.modal-content:has(.nexus-story-modal-form){border-radius:22px !important;overflow:hidden !important;border:1px solid rgba(139,92,246,0.2) !important;box-shadow:0 20px 50px -10px rgba(0,0,0,0.25),0 0 0 1px rgba(139,92,246,0.1) !important;background:var(--nexus-surface,#ffffff) !important;}body.night-mode .modal-content:has(.nexus-story-header),body.night-mode .modal-content:has(.nexus-story-modal-form){background:#111827 !important;border-color:rgba(139,92,246,0.25) !important;box-shadow:0 25px 60px -12px rgba(0,0,0,0.7),0 0 25px -5px rgba(139,92,246,0.15) !important;}/* Story Modal Header */ .nexus-story-header{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:18px 22px 12px 22px !important;border-bottom:none !important;background:transparent !important;}@media (max-width:767px){.nexus-story-header{padding:14px 16px 10px 16px !important;}}.nexus-story-header-badge{width:34px !important;height:34px !important;border-radius:50% !important;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;color:#ffffff !important;box-shadow:0 4px 14px rgba(139,92,246,0.45) !important;flex-shrink:0 !important;margin-right:10px !important;}.nexus-story-header-badge svg{color:#ffffff !important;stroke:#ffffff !important;}.nexus-story-header-title h5{font-size:18px !important;font-weight:700 !important;color:#0f172a !important;margin:0 !important;letter-spacing:-0.2px !important;}@media (max-width:767px){.nexus-story-header-title h5{font-size:16.5px !important;}}body.night-mode .nexus-story-header-title h5{color:#f8fafc !important;}.nexus-story-close-btn{width:32px !important;height:32px !important;border-radius:50% !important;background:#f1f5f9 !important;border:none !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;color:#64748b !important;cursor:pointer !important;transition:all 0.2s ease !important;padding:0 !important;line-height:1 !important;}.nexus-story-close-btn svg{stroke:#64748b !important;transition:stroke 0.2s ease !important;}.nexus-story-close-btn:hover{background:rgba(139,92,246,0.15) !important;color:#8b5cf6 !important;transform:scale(1.06) !important;}.nexus-story-close-btn:hover svg{stroke:#8b5cf6 !important;}body.night-mode .nexus-story-close-btn{background:rgba(255,255,255,0.08) !important;color:#94a3b8 !important;}body.night-mode .nexus-story-close-btn:hover{background:rgba(139,92,246,0.25) !important;color:#ffffff !important;}body.night-mode .nexus-story-close-btn:hover svg{stroke:#ffffff !important;}/* Modal Body */ .nexus-story-body{padding:6px 22px 14px 22px !important;}@media (max-width:767px){.nexus-story-body{padding:4px 16px 12px 16px !important;}}/* Input Card (Textarea + Avatar + Colors + Counter) */ .nexus-story-input-card{border:1.5px solid rgba(226,232,240,0.9) !important;border-radius:18px !important;background:#ffffff !important;padding:14px 16px 12px 16px !important;transition:background 0.3s cubic-bezier(0.4,0,0.2,1),border-color 0.3s ease,box-shadow 0.3s ease !important;position:relative !important;}body.night-mode .nexus-story-input-card{border-color:rgba(139,92,246,0.2) !important;background:#1e293b !important;}.nexus-story-input-card:focus-within{border-color:#8b5cf6 !important;box-shadow:0 0 0 3px rgba(139,92,246,0.15) !important;}.nexus-story-input-card.has-bg{box-shadow:0 8px 24px -4px rgba(0,0,0,0.2) !important;}.nexus-story-avatar{width:36px !important;height:36px !important;border-radius:50% !important;object-fit:cover !important;border:2px solid rgba(139,92,246,0.35) !important;box-shadow:0 2px 6px rgba(0,0,0,0.1) !important;margin-bottom:8px !important;display:block !important;}.nexus-story-textarea,.publisher-mini textarea#nexus-story-textarea{border:none !important;outline:none !important;background:transparent !important;box-shadow:none !important;padding:0 !important;margin:0 !important;font-size:15px !important;line-height:1.5 !important;min-height:70px !important;resize:none !important;color:#0f172a !important;}@media (max-width:767px){.nexus-story-textarea,.publisher-mini textarea#nexus-story-textarea{font-size:14px !important;min-height:60px !important;}}body.night-mode .nexus-story-textarea,body.night-mode .publisher-mini textarea#nexus-story-textarea{color:#f8fafc !important;}.nexus-story-textarea::placeholder{color:#94a3b8 !important;}.nexus-story-textarea.text-white{color:#ffffff !important;}.nexus-story-textarea.text-white::placeholder{color:rgba(255,255,255,0.75) !important;}/* Input Footer:Colors + Counter */ .nexus-story-input-footer{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-top:10px !important;padding-top:4px !important;gap:8px !important;}.nexus-story-colors{display:flex !important;align-items:center !important;gap:7px !important;flex-wrap:nowrap !important;}@media (max-width:767px){.nexus-story-colors{gap:5px !important;}}.nexus-color-dot{width:23px !important;height:23px !important;border-radius:50% !important;cursor:pointer !important;display:inline-block !important;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.2s ease !important;vertical-align:middle !important;flex-shrink:0 !important;position:relative !important;}@media (max-width:767px){.nexus-color-dot{width:20px !important;height:20px !important;}}.nexus-color-dot[data-color="default"]{background:#ffffff !important;border:1px solid #cbd5e1 !important;}body.night-mode .nexus-color-dot[data-color="default"]{background:#1e293b !important;border-color:#475569 !important;}.nexus-color-dot:hover{transform:scale(1.18) !important;}.nexus-color-dot.active{transform:scale(1.1) !important;box-shadow:0 0 0 2px #ffffff,0 0 0 4.5px #8b5cf6 !important;}body.night-mode .nexus-color-dot.active{box-shadow:0 0 0 2px #111827,0 0 0 4.5px #8b5cf6 !important;}.nexus-story-input-card.has-bg .nexus-color-dot.active{box-shadow:0 0 0 2px rgba(255,255,255,0.9),0 0 0 4.5px #ffffff !important;}.nexus-story-counter{font-size:12.5px !important;font-weight:600 !important;color:#94a3b8 !important;letter-spacing:0.3px !important;white-space:nowrap !important;}@media (max-width:767px){.nexus-story-counter{font-size:11.5px !important;}}.nexus-story-input-card.has-bg .nexus-story-counter{color:rgba(255,255,255,0.85) !important;}/* Media Upload Grid & Cards */ .nexus-story-upload-grid{margin-top:12px !important;}.nexus-story-upload-card{border:1.5px dashed rgba(139,92,246,0.3) !important;border-radius:18px !important;padding:18px 12px 16px 12px !important;text-align:center !important;background:rgba(139,92,246,0.02) !important;cursor:pointer !important;transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important;position:relative !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;min-height:136px !important;}body.night-mode .nexus-story-upload-card{border-color:rgba(139,92,246,0.25) !important;background:rgba(139,92,246,0.04) !important;}.nexus-story-upload-card:hover,.nexus-story-upload-card.dragover{border-color:#8b5cf6 !important;background:rgba(139,92,246,0.08) !important;transform:translateY(-2px) !important;box-shadow:0 10px 25px -6px rgba(139,92,246,0.25) !important;}body.night-mode .nexus-story-upload-card:hover,body.night-mode .nexus-story-upload-card.dragover{border-color:#a78bfa !important;background:rgba(139,92,246,0.1) !important;box-shadow:0 10px 25px -6px rgba(139,92,246,0.4) !important;}.nexus-upload-content{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;width:100% !important;pointer-events:none !important;}.nexus-upload-icon-box{width:44px !important;height:44px !important;border-radius:14px !important;background:rgba(139,92,246,0.12) !important;color:#8b5cf6 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin-bottom:8px !important;transition:transform 0.25s ease !important;}.nexus-upload-icon-box svg{stroke:#8b5cf6 !important;}body.night-mode .nexus-upload-icon-box{background:rgba(139,92,246,0.18) !important;color:#a78bfa !important;}body.night-mode .nexus-upload-icon-box svg{stroke:#a78bfa !important;}.nexus-story-upload-card:hover .nexus-upload-icon-box{transform:scale(1.1) !important;}.nexus-upload-text-box{text-align:center !important;}.nexus-upload-card-title{font-size:14px !important;font-weight:700 !important;color:#0f172a !important;margin-bottom:2px !important;letter-spacing:-0.1px !important;}body.night-mode .nexus-upload-card-title{color:#f8fafc !important;}.nexus-upload-card-desc{font-size:11px !important;color:#94a3b8 !important;line-height:1.3 !important;}/* Mobile Responsive Upload Cards Layout */ @media (max-width:767px){.nexus-story-upload-grid{row-gap:8px !important;}.nexus-story-upload-grid > [class*="col-"]{width:100% !important;flex:0 0 100% !important;max-width:100% !important;}.nexus-story-upload-card{flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;text-align:left !important;padding:10px 14px !important;min-height:auto !important;gap:12px !important;border-radius:14px !important;}.nexus-upload-content{flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;gap:12px !important;width:auto !important;}.nexus-upload-icon-box{width:38px !important;height:38px !important;min-width:38px !important;margin-bottom:0 !important;border-radius:10px !important;}.nexus-upload-text-box{text-align:left !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;}.nexus-upload-card-title{font-size:13.5px !important;margin-bottom:1px !important;}.nexus-upload-card-desc{font-size:10.5px !important;}}/* Strict File Uploader Reset - Completely removes extra boxes & "No file chosen" */ .nexus-story-modal-form form.x-uploader,.nexus-story-modal-form form.x-uploader input[type="file"],.unused-pub-reset input[type="file"]{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;opacity:0 !important;pointer-events:none !important;}.nexus-story-modal-form .attachments ul li.add{display:none !important;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;border:none !important;background:transparent !important;box-shadow:none !important;}/* Attached Previews inside Upload Cards */ .nexus-story-attachments{padding:0 !important;margin:0 !important;width:100% !important;}.nexus-story-attachments ul{display:flex !important;flex-wrap:wrap !important;gap:8px !important;padding:0 !important;margin:8px 0 0 0 !important;list-style:none !important;justify-content:center !important;position:relative !important;z-index:10 !important;}@media (max-width:767px){.nexus-story-attachments ul{justify-content:flex-start !important;margin:4px 0 0 0 !important;}}.nexus-story-attachments ul:empty{display:none !important;margin:0 !important;}.nexus-story-attachments ul li.item{width:52px !important;height:52px !important;border-radius:12px !important;overflow:hidden !important;position:relative !important;border:2px solid #8b5cf6 !important;box-shadow:0 4px 12px rgba(139,92,246,0.25) !important;z-index:12 !important;background:#0f172a !important;flex-shrink:0 !important;transition:transform 0.2s ease !important;}.nexus-story-attachments ul li.item:hover{transform:scale(1.06) !important;}.nexus-story-attachments ul li.item img{width:100% !important;height:100% !important;object-fit:cover !important;}.nexus-story-attachments ul li.item .name{font-size:8.5px !important;color:#ffffff !important;padding:2px 4px !important;text-overflow:ellipsis !important;overflow:hidden !important;white-space:nowrap !important;position:absolute !important;bottom:0 !important;left:0 !important;right:0 !important;background:rgba(15,23,42,0.75) !important;}.nexus-story-attachments ul li.item .btn-close{position:absolute !important;top:3px !important;right:3px !important;width:16px !important;height:16px !important;min-width:16px !important;padding:0 !important;border-radius:50% !important;background:rgba(15,23,42,0.8) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/7px auto no-repeat !important;opacity:0.9 !important;z-index:15 !important;cursor:pointer !important;border:none !important;}.nexus-story-attachments ul li.item .btn-close:hover{opacity:1 !important;background-color:#ec4899 !important;transform:scale(1.15) !important;}.nexus-story-attachments ul li.loading{width:52px !important;height:52px !important;border-radius:12px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(139,92,246,0.08) !important;border:1.5px dashed #8b5cf6 !important;position:relative !important;z-index:10 !important;}.nexus-story-attachments ul li.loading .progress{width:38px !important;height:5px !important;border-radius:3px !important;}.nexus-story-attachments ul li.loading .progress-bar{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%) !important;}/* Ads Story Subtle Modern Card */ .nexus-story-ads-card{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:11px 16px !important;border-radius:14px !important;background:rgba(139,92,246,0.05) !important;border:1px solid rgba(139,92,246,0.18) !important;margin-top:12px !important;}body.night-mode .nexus-story-ads-card{background:rgba(139,92,246,0.08) !important;border-color:rgba(139,92,246,0.22) !important;}.nexus-ads-badge{width:32px !important;height:32px !important;border-radius:10px !important;background:rgba(139,92,246,0.15) !important;color:#8b5cf6 !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;}.nexus-ads-badge svg{fill:#8b5cf6 !important;}.nexus-ads-title{font-size:13.5px !important;font-weight:700 !important;color:#0f172a !important;}body.night-mode .nexus-ads-title{color:#f8fafc !important;}.nexus-ads-subtitle{font-size:11px !important;color:#94a3b8 !important;}.nexus-story-ads-card .switch input:checked + .slider{background-color:#8b5cf6 !important;}/* Modal Footer & Buttons */ .nexus-story-footer{padding:12px 22px 20px 22px !important;border-top:none !important;background:transparent !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;}@media (max-width:767px){.nexus-story-footer{padding:10px 16px 16px 16px !important;gap:10px !important;}}.nexus-story-btn-cancel{flex:1 !important;height:44px !important;border-radius:14px !important;background:#f1f5f9 !important;color:#475569 !important;font-weight:600 !important;font-size:14px !important;border:none !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;transition:all 0.2s ease !important;}.nexus-story-btn-cancel:hover{background:#e2e8f0 !important;color:#0f172a !important;}body.night-mode .nexus-story-btn-cancel{background:#1e293b !important;color:#cbd5e1 !important;}body.night-mode .nexus-story-btn-cancel:hover{background:#334155 !important;color:#f8fafc !important;}.nexus-story-btn-publish,.publisher-mini .js_publisher-story{flex:1.4 !important;height:44px !important;border-radius:14px !important;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%) !important;border:none !important;color:#ffffff !important;font-weight:700 !important;font-size:14px !important;letter-spacing:0.2px !important;box-shadow:0 4px 18px rgba(139,92,246,0.45) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1) !important;}.nexus-story-btn-publish:hover,.publisher-mini .js_publisher-story:hover{transform:translateY(-2px) scale(1.02) !important;box-shadow:0 8px 25px rgba(139,92,246,0.6),0 0 15px rgba(236,72,153,0.35) !important;color:#ffffff !important;}.nexus-story-btn-publish:active,.publisher-mini .js_publisher-story:active{transform:translateY(0) scale(1) !important;}/* ========================================================================== 22. RICH-TEXT "WRITE-UP" CARD & EDITORIAL TYPOGRAPHY ========================================================================== */ .nexus-rich-text-card,.post-media:has(.rich-text-container){position:relative !important;border-radius:20px !important;padding:24px 28px !important;margin:14px 0 !important;border:1px solid rgba(139,92,246,0.18) !important;border-left:5px solid #8b5cf6 !important;background:linear-gradient(180deg,rgba(255,255,255,0.95) 0%,rgba(248,250,252,0.98) 100%) !important;box-shadow:0 8px 28px -6px rgba(139,92,246,0.12),var(--nexus-shadow-sm) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;transition:border-color 0.3s ease,box-shadow 0.3s ease !important;}body.night-mode .nexus-rich-text-card,body.night-mode .post-media:has(.rich-text-container){background:linear-gradient(180deg,rgba(30,41,59,0.85) 0%,rgba(15,23,42,0.95) 100%) !important;border-color:rgba(139,92,246,0.25) !important;border-left:5px solid #8b5cf6 !important;box-shadow:0 10px 32px -8px rgba(0,0,0,0.6),0 0 20px rgba(139,92,246,0.08) !important;}.nexus-rich-text-card:hover,.post-media:has(.rich-text-container):hover{border-color:rgba(139,92,246,0.4) !important;box-shadow:0 12px 36px -6px rgba(139,92,246,0.22) !important;}/* Subtle background quotation watermark */ .nexus-rich-text-card::before,.post-media:has(.rich-text-container)::before{content:'“';position:absolute;top:-20px;right:20px;font-family:Georgia,serif;font-size:140px;line-height:1;color:rgba(139,92,246,0.06);pointer-events:none;z-index:0;user-select:none;}body.night-mode .nexus-rich-text-card::before,body.night-mode .post-media:has(.rich-text-container)::before{color:rgba(139,92,246,0.1);}/* Badge for Rich Text */ .nexus-rich-text-badge{display:inline-flex !important;align-items:center !important;gap:7px !important;padding:5px 14px !important;border-radius:20px !important;font-size:11px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.8px !important;margin-bottom:18px !important;background:linear-gradient(135deg,rgba(139,92,246,0.12) 0%,rgba(236,72,153,0.12) 100%) !important;color:#8b5cf6 !important;border:1px solid rgba(139,92,246,0.3) !important;position:relative !important;z-index:1 !important;}body.night-mode .nexus-rich-text-badge{background:linear-gradient(135deg,rgba(139,92,246,0.2) 0%,rgba(236,72,153,0.2) 100%) !important;color:#c084fc !important;border-color:rgba(139,92,246,0.45) !important;box-shadow:0 0 12px rgba(139,92,246,0.2) !important;}/* Editorial Typography */ .rich-text-container{font-family:var(--nexus-font-sans,'Plus Jakarta Sans',system-ui,sans-serif) !important;font-size:15.5px !important;line-height:1.8 !important;color:#334155 !important;position:relative !important;z-index:1 !important;}body.night-mode .rich-text-container{color:#cbd5e1 !important;}.rich-text-container p{margin-bottom:18px !important;line-height:1.8 !important;letter-spacing:-0.05px !important;}.rich-text-container p:last-child{margin-bottom:0 !important;}/* Headings inside write-up */ .rich-text-container h1,.rich-text-container h2,.rich-text-container h3,.rich-text-container h4{font-weight:800 !important;letter-spacing:-0.3px !important;color:#0f172a !important;margin-top:24px !important;margin-bottom:12px !important;line-height:1.3 !important;}body.night-mode .rich-text-container h1,body.night-mode .rich-text-container h2,body.night-mode .rich-text-container h3,body.night-mode .rich-text-container h4{color:#f8fafc !important;}/* Blockquotes inside write-up */ .rich-text-container blockquote{margin:22px 0 !important;padding:14px 20px !important;border-left:4px solid #8b5cf6 !important;border-radius:0 14px 14px 0 !important;background:rgba(139,92,246,0.06) !important;font-style:italic !important;color:#475569 !important;}body.night-mode .rich-text-container blockquote{background:rgba(139,92,246,0.12) !important;color:#94a3b8 !important;}/* Code & Pre inside write-up */ .rich-text-container pre{background:#0f172a !important;color:#e2e8f0 !important;padding:16px 20px !important;border-radius:14px !important;overflow-x:auto !important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;font-size:13.5px !important;line-height:1.6 !important;margin:18px 0 !important;border:1px solid rgba(255,255,255,0.1) !important;}.rich-text-container code{background:rgba(139,92,246,0.1) !important;color:#8b5cf6 !important;padding:3px 7px !important;border-radius:6px !important;font-size:13.5px !important;}body.night-mode .rich-text-container code{color:#c084fc !important;background:rgba(139,92,246,0.2) !important;}/* Lists inside write-up */ .rich-text-container ul,.rich-text-container ol{padding-left:24px !important;margin-bottom:18px !important;}.rich-text-container li{margin-bottom:8px !important;line-height:1.7 !important;}/* ========================================================================== 23. EMOJI & STICKER MENU POPUP (POSITIONING & THEME ENHANCEMENT) ========================================================================== */ .emoji-menu,.comment-form .emoji-menu,.x-form .emoji-menu,.chat-form .emoji-menu{position:absolute !important;bottom:100% !important;right:0 !important;top:auto !important;left:auto !important;margin-bottom:14px !important;width:330px !important;min-width:300px !important;max-width:92vw !important;border-radius:20px !important;overflow:hidden !important;box-shadow:0 16px 45px -5px rgba(0,0,0,0.45),0 0 25px rgba(99,102,241,0.2) !important;z-index:999999 !important;padding:0 !important;}/* Light Mode */ .emoji-menu,.comment-form .emoji-menu,.x-form .emoji-menu{background:#ffffff !important;border:1px solid rgba(0,0,0,0.08) !important;}/* Dark Mode */ body.night-mode .emoji-menu,body.night-mode .comment-form .emoji-menu,body.night-mode .x-form .emoji-menu{background:#1e293b !important;border:1px solid rgba(255,255,255,0.12) !important;box-shadow:0 20px 50px -5px rgba(0,0,0,0.7),0 0 30px rgba(99,102,241,0.25) !important;}/* Tabs Header at bottom of emoji-menu */ .emoji-menu .nav-tabs{margin:0 !important;padding:6px 12px !important;display:flex !important;align-items:center !important;gap:8px !important;border-bottom:none !important;border-radius:0 0 20px 20px !important;}.emoji-menu .nav-tabs{background:#f8fafc !important;border-top:1px solid #e2e8f0 !important;}body.night-mode .emoji-menu .nav-tabs{background:#0f172a !important;border-top:1px solid rgba(255,255,255,0.08) !important;}.emoji-menu .nav-tabs .nav-item{flex:1 !important;margin:0 !important;}.emoji-menu .nav-tabs > li > .nav-link,.emoji-menu .nav-tabs .nav-link{display:flex !important;align-items:center !important;justify-content:center !important;padding:9px 14px !important;font-size:13px !important;font-weight:600 !important;color:#64748b !important;border:none !important;border-radius:12px !important;background:transparent !important;transition:all 0.2s ease !important;width:100% !important;}body.night-mode .emoji-menu .nav-tabs > li > .nav-link,body.night-mode .emoji-menu .nav-tabs .nav-link{color:#94a3b8 !important;}.emoji-menu .nav-tabs > li > .nav-link:hover,.emoji-menu .nav-tabs .nav-link:hover{color:var(--nexus-primary,#6366f1) !important;background:rgba(99,102,241,0.08) !important;}body.night-mode .emoji-menu .nav-tabs > li > .nav-link:hover,body.night-mode .emoji-menu .nav-tabs .nav-link:hover{color:#c7d2fe !important;background:rgba(99,102,241,0.15) !important;}.emoji-menu .nav-tabs > li > .nav-link.active,.emoji-menu .nav-tabs .nav-link.active{color:#ffffff !important;background:linear-gradient(135deg,#6366f1,#8b5cf6) !important;font-weight:700 !important;box-shadow:0 3px 10px rgba(99,102,241,0.35) !important;border-top:none !important;margin-top:0 !important;}body.night-mode .emoji-menu .nav-tabs > li > .nav-link.active,body.night-mode .emoji-menu .nav-tabs .nav-link.active{color:#ffffff !important;background:linear-gradient(135deg,#6366f1,#8b5cf6) !important;}/* Emoji Content Pane */ .emoji-menu .tab-content{height:200px !important;padding:12px 10px 8px 10px !important;overflow:hidden !important;}.emoji-menu .item{float:left !important;padding:4px !important;margin:2px !important;border-radius:8px !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:transform 0.15s cubic-bezier(0.34,1.56,0.64,1),background 0.15s ease !important;}.emoji-menu .item:hover{background:rgba(99,102,241,0.12) !important;transform:scale(1.22) !important;cursor:pointer !important;}body.night-mode .emoji-menu .item:hover{background:rgba(99,102,241,0.28) !important;}/* Custom Scrollbar for Emoji Picker */ .emoji-menu .slimScrollBar{background:rgba(99,102,241,0.45) !important;border-radius:6px !important;width:5px !important;}/* ========================================================================== 24. EMBED CODE BOX & SHARE MODAL (DARK/LIGHT CONTRAST FIX) ========================================================================== */ .nexus-embed-code-box,textarea.form-control[readonly].nexus-embed-code-box,.modal-body textarea[readonly]{resize:none !important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important;font-size:13px !important;line-height:1.65 !important;border-radius:14px !important;padding:14px 16px !important;transition:all 0.2s ease !important;background-color:#f1f5f9 !important;color:#0f172a !important;border:1px solid #cbd5e1 !important;}body.night-mode .nexus-embed-code-box,body.night-mode textarea.form-control[readonly].nexus-embed-code-box,body.night-mode .modal-body textarea[readonly]{background-color:#0f172a !important;color:#38bdf8 !important;border:1px solid rgba(255,255,255,0.12) !important;box-shadow:inset 0 2px 6px rgba(0,0,0,0.5) !important;}.nexus-embed-code-box:focus,body.night-mode .nexus-embed-code-box:focus,.modal-body textarea[readonly]:focus{border-color:#8b5cf6 !important;box-shadow:0 0 0 3px rgba(139,92,246,0.25) !important;}.nexus-btn-embed-copy{border-radius:10px !important;padding:6px 18px !important;font-size:12.5px !important;font-weight:600 !important;background:linear-gradient(135deg,#6366f1,#8b5cf6) !important;border:none !important;color:#ffffff !important;box-shadow:0 2px 8px rgba(99,102,241,0.35) !important;transition:all 0.2s ease !important;}.nexus-btn-embed-copy:hover{transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(99,102,241,0.5) !important;color:#ffffff !important;}/* ========================================================================== 25. LATEST BLOGS CAROUSEL & WIDGET THEME (CONTRAST & COLOR FIX) ========================================================================== */ .card:has(#blogs-carousel),.nexus-blogs-card{border-radius:var(--nexus-radius-xl,20px) !important;border:1px solid var(--nexus-border) !important;box-shadow:var(--nexus-shadow-md) !important;overflow:hidden !important;}/* Card Header */ .card:has(#blogs-carousel) .card-header,.nexus-blogs-card .card-header{font-size:15px !important;font-weight:700 !important;color:var(--nexus-text-main,#0f172a) !important;padding:16px 20px 10px !important;border:none !important;}body.night-mode .card:has(#blogs-carousel) .card-header,body.night-mode .nexus-blogs-card .card-header{color:#f8fafc !important;}/* "See All" Link */ .card:has(#blogs-carousel) .card-header a,.nexus-see-all-link{color:var(--nexus-primary,#6366f1) !important;font-size:12.5px !important;font-weight:600 !important;transition:all 0.2s ease !important;text-decoration:none !important;}body.night-mode .card:has(#blogs-carousel) .card-header a,body.night-mode .nexus-see-all-link{color:#818cf8 !important;}.card:has(#blogs-carousel) .card-header a:hover,.nexus-see-all-link:hover{color:#4f46e5 !important;transform:translateX(2px) !important;}body.night-mode .card:has(#blogs-carousel) .card-header a:hover,body.night-mode .nexus-see-all-link:hover{color:#a5b4fc !important;}/* Blog Item Container */ #blogs-carousel .post-media.list,.nexus-blog-item{background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;}body.night-mode #blogs-carousel .post-media.list,body.night-mode .nexus-blog-item{background:transparent !important;}/* Cover Image & Hover Effect */ #blogs-carousel .post-media-image-wrapper{border-radius:16px !important;overflow:hidden !important;position:relative !important;margin:0 10px !important;box-shadow:0 4px 14px rgba(0,0,0,0.12) !important;}body.night-mode #blogs-carousel .post-media-image-wrapper{box-shadow:0 4px 18px rgba(0,0,0,0.45) !important;border:1px solid rgba(255,255,255,0.08) !important;}#blogs-carousel .post-media-image > div,.nexus-blog-cover{border-radius:16px !important;transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1) !important;}#blogs-carousel .post-media.list:hover .post-media-image > div,#blogs-carousel .post-media.list:hover .nexus-blog-cover{transform:scale(1.04) !important;}/* Category Badge (Radiant Vibrant Pill) */ #blogs-carousel .blog-category,.nexus-blog-category{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%) !important;color:#ffffff !important;font-weight:700 !important;font-size:11px !important;letter-spacing:0.6px !important;text-transform:uppercase !important;padding:4px 13px !important;border-radius:20px !important;box-shadow:0 4px 12px rgba(99,102,241,0.45) !important;border:1px solid rgba(255,255,255,0.25) !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;transition:all 0.2s ease !important;display:inline-block !important;line-height:20px !important;}#blogs-carousel .blog-category:hover,.nexus-blog-category:hover{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%) !important;color:#ffffff !important;transform:translateY(-2px) scale(1.04) !important;box-shadow:0 6px 16px rgba(99,102,241,0.6) !important;}/* Post Media Meta Area */ #blogs-carousel .post-media-meta,.nexus-blog-meta{padding:14px 14px 12px !important;background:transparent !important;}/* Blog Title (High Contrast & Clickable) */ #blogs-carousel .post-media-meta .title,.nexus-blog-title{display:block !important;font-size:16.5px !important;font-weight:700 !important;line-height:1.4 !important;color:var(--nexus-text-main,#0f172a) !important;margin-bottom:8px !important;transition:color 0.2s ease !important;text-decoration:none !important;}body.night-mode #blogs-carousel .post-media-meta .title,body.night-mode .nexus-blog-title{color:#f8fafc !important;/* Crystal clear high-contrast white */}#blogs-carousel .post-media-meta .title:hover,.nexus-blog-title:hover{color:var(--nexus-primary,#6366f1) !important;}body.night-mode #blogs-carousel .post-media-meta .title:hover,body.night-mode .nexus-blog-title:hover{color:#818cf8 !important;}/* Text Snippet */ #blogs-carousel .post-media-meta .text,.nexus-blog-text{font-size:13.5px !important;line-height:1.6 !important;color:var(--nexus-text-muted,#64748b) !important;margin-bottom:10px !important;}body.night-mode #blogs-carousel .post-media-meta .text,body.night-mode .nexus-blog-text{color:#94a3b8 !important;/* Soft legible slate */}/* Info Bar & Author Link */ #blogs-carousel .post-media-meta .info,.nexus-blog-info{font-size:12.5px !important;color:var(--nexus-text-muted,#94a3b8) !important;display:flex !important;align-items:center !important;gap:4px !important;flex-wrap:wrap !important;}#blogs-carousel .post-media-meta .info a,.nexus-blog-author{color:var(--nexus-primary,#6366f1) !important;font-weight:600 !important;text-decoration:none !important;transition:color 0.2s ease !important;}body.night-mode #blogs-carousel .post-media-meta .info a,body.night-mode .nexus-blog-author{color:#a5b4fc !important;/* Vibrant high-contrast purple-blue */}#blogs-carousel .post-media-meta .info a:hover,.nexus-blog-author:hover{text-decoration:underline !important;color:#818cf8 !important;}/* Carousel Control Arrows */ #blogs-carousel .carousel-control-prev,#blogs-carousel .carousel-control-next,.nexus-carousel-btn{width:34px !important;height:34px !important;border-radius:50% !important;top:35% !important;transform:translateY(-50%) !important;opacity:0.9 !important;border:1px solid rgba(255,255,255,0.15) !important;background:rgba(15,23,42,0.75) !important;color:#ffffff !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 14px rgba(0,0,0,0.35) !important;transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1) !important;z-index:10 !important;}#blogs-carousel .carousel-control-prev{left:2px !important;}#blogs-carousel .carousel-control-next{right:2px !important;}#blogs-carousel .carousel-control-prev:hover,#blogs-carousel .carousel-control-next:hover,.nexus-carousel-btn:hover{opacity:1 !important;background:var(--nexus-primary,#6366f1) !important;color:#ffffff !important;transform:translateY(-50%) scale(1.12) !important;box-shadow:0 6px 18px rgba(99,102,241,0.45) !important;}#blogs-carousel .carousel-control-prev-icon,#blogs-carousel .carousel-control-next-icon{background-color:transparent !important;filter:brightness(0) invert(1) !important;width:1rem !important;height:1rem !important;}/* ========================================================================== 26. BLOGS LISTING & ARTICLE READ PAGE PRO THEME ========================================================================== */ /* -------------------------------------------------------------------------- 26.1 ARTICLE READ PAGE (https://dev.weconectus.com/blogs/ID/SLUG) -------------------------------------------------------------------------- */ .blog,.nexus-blog-article-card{background:var(--nexus-surface,#ffffff) !important;border:1px solid var(--nexus-border) !important;border-radius:24px !important;box-shadow:var(--nexus-shadow-md),0 8px 30px rgba(0,0,0,0.04) !important;overflow:visible !important;position:relative !important;}body.night-mode .blog,body.night-mode .nexus-blog-article-card{background:#111827 !important;border-color:rgba(255,255,255,0.08) !important;box-shadow:0 10px 40px rgba(0,0,0,0.5) !important;}.blog-wrapper,.nexus-blog-wrapper{padding:36px 36px 24px !important;background:transparent !important;border-radius:24px 24px 0 0 !important;}@media (max-width:767px){.blog-wrapper,.nexus-blog-wrapper{padding:22px 18px 16px !important;}}body.night-mode .blog-wrapper{background:transparent !important;}/* Blog Read Title */ .blog-wrapper h3,.nexus-blog-read-title{font-size:30px !important;font-weight:800 !important;line-height:1.35 !important;letter-spacing:-0.5px !important;color:var(--nexus-text-main,#0f172a) !important;margin-top:0 !important;margin-bottom:16px !important;}body.night-mode .blog-wrapper h3,body.night-mode .nexus-blog-read-title{color:#f8fafc !important;/* Crystal clear bright white */}/* Category Badges & Breadcrumbs */ .nexus-blog-badge,.blog-wrapper .badge.bg-light.text-primary,.blog-wrapper .badge{display:inline-flex !important;align-items:center !important;padding:6px 14px !important;border-radius:12px !important;font-size:12px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.5px !important;transition:all 0.2s ease !important;text-decoration:none !important;background:rgba(99,102,241,0.1) !important;color:#6366f1 !important;border:1px solid rgba(99,102,241,0.2) !important;}body.night-mode .nexus-blog-badge,body.night-mode .blog-wrapper .badge.bg-light.text-primary,body.night-mode .blog-wrapper .badge{background:rgba(99,102,241,0.2) !important;color:#a5b4fc !important;border-color:rgba(99,102,241,0.35) !important;}.nexus-blog-badge:hover,.blog-wrapper .badge:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6) !important;color:#ffffff !important;transform:translateY(-1px) !important;box-shadow:0 4px 12px rgba(99,102,241,0.35) !important;}/* Author & Meta Area */ .blog-wrapper .post-meta a{color:var(--nexus-text-main,#0f172a) !important;font-weight:700 !important;font-size:15px !important;transition:color 0.2s ease !important;}body.night-mode .blog-wrapper .post-meta a{color:#f8fafc !important;}.blog-wrapper .post-meta a:hover{color:var(--nexus-primary,#6366f1) !important;}body.night-mode .blog-wrapper .post-meta a:hover{color:#818cf8 !important;}.blog-wrapper .post-time{color:var(--nexus-text-muted,#94a3b8) !important;font-size:12.5px !important;}/* Metric Counters (Comments & Views) */ .blog-meta-counter{display:inline-flex !important;align-items:center !important;gap:6px !important;padding:7px 16px !important;margin-bottom:5px !important;font-size:13px !important;font-weight:600 !important;line-height:1 !important;color:#475569 !important;background:#f1f5f9 !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;transition:all 0.2s ease !important;}body.night-mode .blog-meta-counter{background:rgba(30,41,59,0.8) !important;color:#94a3b8 !important;border-color:rgba(255,255,255,0.1) !important;}.blog-meta-counter:hover{color:#6366f1 !important;border-color:#6366f1 !important;background:rgba(99,102,241,0.08) !important;transform:translateY(-1px) !important;}body.night-mode .blog-meta-counter:hover{color:#a5b4fc !important;border-color:#818cf8 !important;background:rgba(99,102,241,0.2) !important;}/* Blog Cover Image */ .nexus-blog-read-cover,.blog-wrapper img.img-fluid{border-radius:20px !important;width:100% !important;max-height:480px !important;object-fit:cover !important;box-shadow:0 8px 30px rgba(0,0,0,0.12) !important;margin-bottom:24px !important;}body.night-mode .nexus-blog-read-cover,body.night-mode .blog-wrapper img.img-fluid{box-shadow:0 10px 35px rgba(0,0,0,0.5) !important;border:1px solid rgba(255,255,255,0.08) !important;}/* Blog Body Text Reading Experience */ .blog-text{font-family:var(--nexus-font-sans,'Plus Jakarta Sans',system-ui,sans-serif) !important;font-size:17px !important;line-height:1.85 !important;color:#334155 !important;margin-bottom:30px !important;}body.night-mode .blog-text{color:#cbd5e1 !important;}.blog-text p{margin-bottom:22px !important;line-height:1.85 !important;}.blog-text h1,.blog-text h2,.blog-text h3,.blog-text h4,.blog-text h5{font-weight:800 !important;letter-spacing:-0.3px !important;color:#0f172a !important;margin-top:36px !important;margin-bottom:16px !important;line-height:1.35 !important;}body.night-mode .blog-text h1,body.night-mode .blog-text h2,body.night-mode .blog-text h3,body.night-mode .blog-text h4,body.night-mode .blog-text h5{color:#f8fafc !important;}/* Blog Text Blockquotes */ .blog-text blockquote{margin:28px 0 !important;padding:18px 24px !important;border-left:4px solid #8b5cf6 !important;border-radius:0 16px 16px 0 !important;background:rgba(139,92,246,0.06) !important;font-style:italic !important;font-size:17.5px !important;color:#475569 !important;}body.night-mode .blog-text blockquote{background:rgba(139,92,246,0.12) !important;color:#cbd5e1 !important;}/* Blog Tags */ .blog-tags ul > li > a{border-radius:20px !important;background:#f1f5f9 !important;padding:6px 18px !important;font-size:12.5px !important;font-weight:600 !important;color:#475569 !important;border:1px solid #e2e8f0 !important;transition:all 0.2s ease !important;}body.night-mode .blog-tags ul > li > a{background:rgba(30,41,59,0.8) !important;color:#94a3b8 !important;border-color:rgba(255,255,255,0.09) !important;}.blog-tags ul > li > a:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6) !important;color:#ffffff !important;border-color:transparent !important;transform:translateY(-2px) !important;box-shadow:0 4px 14px rgba(99,102,241,0.35) !important;}/* Blog References */ .blog-references-section{background:#f8fafc !important;border:1px solid #e2e8f0 !important;border-radius:18px !important;padding:22px 26px !important;margin-top:24px !important;}body.night-mode .blog-references-section{background:#1e293b !important;border-color:rgba(255,255,255,0.08) !important;}.blog-references-heading{font-size:16px !important;font-weight:700 !important;color:var(--nexus-text-main,#0f172a) !important;margin-bottom:14px !important;}body.night-mode .blog-references-heading{color:#f8fafc !important;}.blog-references-link{color:var(--nexus-primary,#6366f1) !important;font-weight:500 !important;}body.night-mode .blog-references-link{color:#a5b4fc !important;}/* Post Actions inside Blog */ .blog .post-actions{border-top:1px solid var(--nexus-border) !important;padding:12px 20px !important;}/* Comments Section inside Blog */ .blog .post-footer{border-top:1px solid var(--nexus-border) !important;background:rgba(248,250,252,0.6) !important;padding:18px 24px !important;border-radius:0 0 24px 24px !important;}body.night-mode .blog .post-footer{background:rgba(15,23,42,0.5) !important;border-top-color:rgba(255,255,255,0.08) !important;}/* Right Sidebar:Create New Blog Button */ .nexus-btn-new-blog,.btn-success:has(.fa-edit){background:linear-gradient(135deg,#10b981 0%,#059669 100%) !important;border:none !important;border-radius:14px !important;padding:12px 20px !important;font-weight:700 !important;color:#ffffff !important;box-shadow:0 4px 16px rgba(16,185,129,0.35) !important;transition:all 0.25s ease !important;}.nexus-btn-new-blog:hover,.btn-success:has(.fa-edit):hover{transform:translateY(-2px) !important;box-shadow:0 8px 22px rgba(16,185,129,0.5) !important;color:#ffffff !important;}/* Right Sidebar Widgets - Blog Read & Categories Page */ .blogs-widget-header{display:flex !important;align-items:center !important;margin-top:24px !important;margin-bottom:14px !important;border-bottom:1px solid rgba(255,255,255,0.08) !important;padding-bottom:8px !important;}body:not(.night-mode) .blogs-widget-header{border-bottom:1px solid var(--nexus-border) !important;}.blogs-widget-title{color:var(--nexus-text-main,#0f172a) !important;font-weight:800 !important;font-size:14px !important;letter-spacing:0.5px !important;text-transform:uppercase !important;position:relative !important;padding-left:12px !important;margin-bottom:0 !important;}body.night-mode .blogs-widget-title{color:#f8fafc !important;}.blogs-widget-title::before{content:'' !important;position:absolute !important;left:0 !important;top:50% !important;transform:translateY(-50%) !important;width:4px !important;height:15px !important;border-radius:4px !important;background:var(--nexus-gradient-primary,linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)) !important;}/* Category Badges / Pills in Sidebar */ .blog-categories{display:flex !important;flex-wrap:wrap !important;gap:8px !important;list-style:none !important;padding:0 !important;margin:0 0 20px 0 !important;}.blog-categories li{margin:0 !important;display:inline-block !important;}.blog-categories li .blog-category{display:inline-flex !important;align-items:center !important;padding:6px 14px !important;border-radius:50px !important;font-size:11.5px !important;font-weight:700 !important;letter-spacing:0.4px !important;text-transform:uppercase !important;background:rgba(99,102,241,0.1) !important;color:#818cf8 !important;border:1px solid rgba(99,102,241,0.22) !important;text-decoration:none !important;transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1) !important;}body.night-mode .blog-categories li .blog-category{background:rgba(30,41,59,0.8) !important;color:#c7d2fe !important;border:1px solid rgba(255,255,255,0.1) !important;}.blog-categories li .blog-category:hover{background:var(--nexus-gradient-primary,linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)) !important;color:#ffffff !important;border-color:transparent !important;transform:translateY(-2px) scale(1.04) !important;box-shadow:0 4px 14px rgba(99,102,241,0.4) !important;}/* Read More Cards in Right Sidebar */ .post-media.list{background:var(--nexus-surface,#ffffff) !important;border:1px solid var(--nexus-border) !important;border-radius:18px !important;overflow:hidden !important;margin-bottom:18px !important;box-shadow:var(--nexus-shadow-sm) !important;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1) !important;}body.night-mode .post-media.list{background:rgba(30,41,59,0.7) !important;backdrop-filter:blur(12px) !important;border-color:rgba(255,255,255,0.08) !important;box-shadow:0 4px 18px rgba(0,0,0,0.3) !important;}.post-media.list:hover{transform:translateY(-4px) !important;border-color:rgba(99,102,241,0.35) !important;box-shadow:0 12px 28px -6px rgba(0,0,0,0.45),0 0 16px rgba(99,102,241,0.2) !important;}body:not(.night-mode) .post-media.list:hover{box-shadow:0 12px 28px -6px rgba(99,102,241,0.18) !important;}/* Cover Image inside Read More Card */ .post-media.list .post-media-image-wrapper{position:relative !important;overflow:hidden !important;border-top-left-radius:17px !important;border-top-right-radius:17px !important;}.post-media.list .post-media-image div{transition:transform 0.4s ease !important;}.post-media.list:hover .post-media-image div{transform:scale(1.05) !important;}/* Category Badge over image in Read More Card */ .post-media.list .post-media-image-meta{position:absolute !important;bottom:10px !important;left:10px !important;z-index:2 !important;}.post-media.list .post-media-image-meta .blog-category{display:inline-block !important;background:rgba(15,23,42,0.8) !important;backdrop-filter:blur(8px) !important;border:1px solid rgba(255,255,255,0.15) !important;color:#ffffff !important;font-size:10.5px !important;font-weight:700 !important;letter-spacing:0.5px !important;text-transform:uppercase !important;padding:3px 10px !important;border-radius:50px !important;text-decoration:none !important;transition:all 0.2s ease !important;}.post-media.list .post-media-image-meta .blog-category:hover{background:var(--nexus-primary,#6366f1) !important;border-color:transparent !important;}/* Meta Content inside Read More Card */ .post-media.list .post-media-meta{padding:14px 16px !important;}.post-media.list .post-media-meta a.title{display:block !important;font-size:15px !important;font-weight:700 !important;line-height:1.4 !important;color:var(--nexus-text-main,#0f172a) !important;text-decoration:none !important;margin-bottom:6px !important;transition:color 0.2s ease !important;}body.night-mode .post-media.list .post-media-meta a.title{color:#f8fafc !important;}.post-media.list .post-media-meta a.title:hover{color:var(--nexus-primary,#6366f1) !important;}body.night-mode .post-media.list .post-media-meta a.title:hover{color:#a5b4fc !important;}/* Snippet text inside Read More Card */ .post-media.list .post-media-meta .text{color:var(--nexus-text-muted,#64748b) !important;font-size:13px !important;line-height:1.55 !important;margin-bottom:10px !important;}body.night-mode .post-media.list .post-media-meta .text{color:#94a3b8 !important;}/* Info metadata row (Author,Clock,Comments,Views) */ .post-media.list .post-media-meta .info{display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:10px !important;font-size:11.5px !important;color:var(--nexus-text-muted,#64748b) !important;border-top:1px solid rgba(255,255,255,0.06) !important;padding-top:8px !important;margin-top:4px !important;}body:not(.night-mode) .post-media.list .post-media-meta .info{border-top:1px solid rgba(0,0,0,0.05) !important;}.post-media.list .post-media-meta .info a{color:var(--nexus-primary,#6366f1) !important;font-weight:600 !important;text-decoration:none !important;}body.night-mode .post-media.list .post-media-meta .info a{color:#a5b4fc !important;}.post-media.list .post-media-meta .info i.fa{color:var(--nexus-primary,#6366f1) !important;opacity:0.8 !important;}body.night-mode .post-media.list .post-media-meta .info i.fa{color:#818cf8 !important;}/* Sidebar Search Form */ .col-md-4 .js_search-form[data-filter="blogs"] .input-group{border-radius:12px !important;overflow:hidden !important;border:1px solid var(--nexus-border) !important;box-shadow:var(--nexus-shadow-xs) !important;}body.night-mode .col-md-4 .js_search-form[data-filter="blogs"] .input-group{border-color:rgba(255,255,255,0.08) !important;background:rgba(30,41,59,0.8) !important;}.col-md-4 .js_search-form[data-filter="blogs"] .form-control{border:none !important;background:transparent !important;padding:10px 14px !important;font-size:13.5px !important;}body.night-mode .col-md-4 .js_search-form[data-filter="blogs"] .form-control{color:#f8fafc !important;}.col-md-4 .js_search-form[data-filter="blogs"] .btn{background:var(--nexus-primary,#6366f1) !important;border:none !important;color:#ffffff !important;font-weight:600 !important;font-size:13px !important;padding:0 16px !important;}.col-md-4 .js_search-form[data-filter="blogs"] .btn:hover{background:var(--nexus-primary-hover,#4f46e5) !important;}/* -------------------------------------------------------------------------- 26.2 BLOGS LISTING PAGE (https://dev.weconectus.com/blogs) -------------------------------------------------------------------------- */ /* Page Header Banner */ .page-header:has(.floating-img),.container .page-header,.container-fluid .page-header{border-radius:24px !important;background:linear-gradient(135deg,rgba(99,102,241,0.12) 0%,rgba(139,92,246,0.08) 50%,rgba(236,72,153,0.05) 100%) !important;border:1px solid var(--nexus-border) !important;padding:44px 24px !important;margin-bottom:24px !important;margin-left:auto !important;margin-right:auto !important;position:relative !important;overflow:hidden !important;width:100% !important;max-width:1320px !important;}body.night-mode .page-header:has(.floating-img),body.night-mode .container .page-header,body.night-mode .container-fluid .page-header{background:linear-gradient(135deg,rgba(99,102,241,0.18) 0%,rgba(30,41,59,0.95) 70%) !important;border-color:rgba(255,255,255,0.08) !important;}.page-header .floating-img{position:absolute !important;bottom:0 !important;left:24px !important;max-height:85% !important;max-width:220px !important;opacity:0.28 !important;pointer-events:none !important;z-index:1 !important;}body.night-mode .page-header .floating-img{opacity:0.22 !important;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.4)) !important;}.page-header .inner{position:relative !important;z-index:2 !important;}.page-header h2{font-size:36px !important;font-weight:900 !important;letter-spacing:-0.5px !important;color:var(--nexus-text-main,#0f172a) !important;margin-bottom:8px !important;}body.night-mode .page-header h2{color:#f8fafc !important;}.page-header p{color:var(--nexus-text-muted,#64748b) !important;}body.night-mode .page-header p{color:#94a3b8 !important;}.page-header .input-group{box-shadow:0 8px 24px -4px rgba(15,23,42,0.25) !important;border-radius:14px !important;overflow:hidden !important;border:1px solid rgba(255,255,255,0.12) !important;}.page-header .input-group .form-control{border:none !important;background:rgba(15,23,42,0.6) !important;backdrop-filter:blur(12px) !important;color:#ffffff !important;padding:12px 20px !important;font-size:15px !important;}.page-header .input-group .form-control::placeholder{color:rgba(255,255,255,0.5) !important;}.page-header .input-group .btn{background:var(--nexus-gradient-primary,linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)) !important;border:none !important;color:#ffffff !important;font-weight:600 !important;padding:0 26px !important;transition:all 0.2s ease !important;}.page-header .input-group .btn:hover{filter:brightness(1.1) !important;box-shadow:0 4px 15px rgba(99,102,241,0.4) !important;}body:not(.night-mode) .page-header .input-group{border-color:rgba(99,102,241,0.2) !important;box-shadow:0 8px 24px -4px rgba(99,102,241,0.15) !important;}body:not(.night-mode) .page-header .input-group .form-control{background:#ffffff !important;color:#0f172a !important;}body:not(.night-mode) .page-header .input-group .form-control::placeholder{color:#94a3b8 !important;}/* Featured Blog Card */ .blog-container.primary{border-radius:24px !important;overflow:hidden !important;border:1px solid rgba(99,102,241,0.25) !important;box-shadow:0 14px 40px -8px rgba(99,102,241,0.3) !important;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%) !important;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s ease !important;}body.night-mode .blog-container.primary{background:linear-gradient(135deg,rgba(79,70,229,0.35) 0%,#1e293b 80%) !important;border-color:rgba(99,102,241,0.35) !important;box-shadow:0 16px 45px rgba(0,0,0,0.6) !important;}.blog-container.primary:hover{transform:translateY(-4px) scale(1.01) !important;box-shadow:0 20px 50px -8px rgba(99,102,241,0.45) !important;}.blog-container.primary .blog-content h3{color:#ffffff !important;font-weight:800 !important;text-transform:none !important;letter-spacing:-0.3px !important;}.blog-container.primary .blog-content .text{color:rgba(255,255,255,0.85) !important;}.blog-container.primary .text-link{color:#ffffff !important;font-weight:700 !important;}/* Secondary Grid Blog Cards */ .blog-container:not(.primary){background:var(--nexus-surface,#ffffff) !important;border:1px solid var(--nexus-border) !important;border-radius:20px !important;box-shadow:var(--nexus-shadow-sm) !important;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s ease !important;overflow:hidden !important;}body.night-mode .blog-container:not(.primary){background:#1e293b !important;border-color:rgba(255,255,255,0.08) !important;box-shadow:0 6px 20px rgba(0,0,0,0.3) !important;}.blog-container:not(.primary):hover{transform:translateY(-5px) !important;box-shadow:var(--nexus-shadow-lg),0 12px 30px rgba(99,102,241,0.15) !important;}body.night-mode .blog-container:not(.primary):hover{box-shadow:0 14px 35px rgba(0,0,0,0.5),0 0 20px rgba(99,102,241,0.15) !important;border-color:rgba(99,102,241,0.3) !important;}.blog-container:not(.primary) .blog-content h3{color:var(--nexus-text-main,#0f172a) !important;font-weight:700 !important;font-size:17px !important;line-height:1.4 !important;text-transform:none !important;transition:color 0.2s ease !important;}body.night-mode .blog-container:not(.primary) .blog-content h3{color:#f8fafc !important;}.blog-container:not(.primary):hover .blog-content h3{color:var(--nexus-primary,#6366f1) !important;}body.night-mode .blog-container:not(.primary):hover .blog-content h3{color:#818cf8 !important;}.blog-container:not(.primary) .blog-content .text{color:var(--nexus-text-muted,#64748b) !important;font-size:13.5px !important;line-height:1.6 !important;}body.night-mode .blog-container:not(.primary) .blog-content .text{color:#94a3b8 !important;}.blog-container:not(.primary) .text-link{color:var(--nexus-primary,#6366f1) !important;font-weight:600 !important;}body.night-mode .blog-container:not(.primary) .text-link{color:#a5b4fc !important;}.blog-container .post-time{color:var(--nexus-text-muted,#94a3b8) !important;font-size:12px !important;}/* "More" button on cards */ .blog-more{position:absolute !important;bottom:0 !important;left:0 !important;right:0 !important;background:linear-gradient(180deg,transparent 0%,rgba(15,23,42,0.8) 100%) !important;padding:24px 14px 10px !important;text-align:center !important;}.blog-more span{background:var(--nexus-primary,#6366f1) !important;color:#ffffff !important;font-size:11.5px !important;font-weight:700 !important;padding:5px 16px !important;border-radius:20px !important;box-shadow:0 4px 12px rgba(99,102,241,0.4) !important;}/* "More Blogs" pagination see-more */ .see-more.alert-post{border-radius:16px !important;background:var(--nexus-surface,#ffffff) !important;border:1px solid var(--nexus-border) !important;color:var(--nexus-primary,#6366f1) !important;font-weight:700 !important;padding:14px !important;box-shadow:var(--nexus-shadow-sm) !important;transition:all 0.25s ease !important;}body.night-mode .see-more.alert-post{background:#1e293b !important;color:#a5b4fc !important;border-color:rgba(255,255,255,0.08) !important;}.see-more.alert-post:hover{background:var(--nexus-primary,#6366f1) !important;color:#ffffff !important;border-color:transparent !important;transform:translateY(-2px) !important;box-shadow:0 8px 24px rgba(99,102,241,0.35) !important;}/* ========================================================================== 27. PEOPLE & FRIEND REQUESTS PAGE (https://dev.weconectus.com/people/...) ========================================================================== */ /* 27.1 Modern Top Navigation Tabs */ .content-tabs{background:var(--nexus-surface,#ffffff) !important;border:1px solid var(--nexus-border) !important;border-radius:18px !important;padding:8px 12px !important;margin-bottom:24px !important;box-shadow:var(--nexus-shadow-sm) !important;display:flex !important;align-items:center !important;}body.night-mode .content-tabs{background:#1e293b !important;border-color:rgba(255,255,255,0.08) !important;box-shadow:0 4px 16px rgba(0,0,0,0.3) !important;}.content-tabs > ul{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin:0 !important;padding:0 !important;list-style:none !important;width:100% !important;}.content-tabs > ul > li{float:none !important;display:inline-block !important;}.content-tabs > ul > li > a{display:inline-flex !important;align-items:center !important;padding:10px 22px !important;font-size:14px !important;font-weight:600 !important;line-height:1.4 !important;border-radius:12px !important;color:var(--nexus-text-muted,#94a3b8) !important;background:transparent !important;border:1px solid transparent !important;transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1) !important;text-decoration:none !important;}body.night-mode .content-tabs > ul > li > a{color:#94a3b8 !important;}.content-tabs > ul > li > a:hover{color:var(--nexus-text-main,#0f172a) !important;background:rgba(99,102,241,0.08) !important;border-color:rgba(99,102,241,0.2) !important;transform:translateY(-1px) !important;}body.night-mode .content-tabs > ul > li > a:hover{color:#f8fafc !important;background:rgba(99,102,241,0.15) !important;}/* Active Tab:Vibrant Gradient Pill */ .content-tabs > ul > li.active > a{background:var(--nexus-gradient-primary,linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)) !important;color:#ffffff !important;font-weight:700 !important;border:none !important;border-bottom:none !important;box-shadow:0 4px 16px rgba(99,102,241,0.4) !important;transform:translateY(-1px) !important;}body.night-mode .content-tabs > ul > li.active > a{color:#ffffff !important;}/* Count Badges on Tabs */ .content-tabs .badge{font-size:11px !important;font-weight:700 !important;padding:3px 8px !important;border-radius:20px !important;margin-left:8px !important;transition:all 0.2s ease !important;}.content-tabs > ul > li.active .badge{background:rgba(255,255,255,0.25) !important;color:#ffffff !important;box-shadow:0 2px 6px rgba(0,0,0,0.15) !important;}.content-tabs > ul > li:not(.active) .badge.bg-info{background:rgba(99,102,241,0.15) !important;color:#818cf8 !important;border:1px solid rgba(99,102,241,0.3) !important;}.content-tabs > ul > li:not(.active) .badge.bg-warning{background:rgba(245,158,11,0.18) !important;color:#fbbf24 !important;border:1px solid rgba(245,158,11,0.35) !important;}/* 27.2 Right Sidebar Search Filter Card */ .col-lg-4 .card:has(form[action*="people/find"]),.col-lg-4 .card:has(.fa-search){background:var(--nexus-surface,#ffffff) !important;border:1px solid var(--nexus-border) !important;border-radius:20px !important;box-shadow:var(--nexus-shadow-sm) !important;overflow:hidden !important;}body.night-mode .col-lg-4 .card:has(form[action*="people/find"]),body.night-mode .col-lg-4 .card:has(.fa-search){background:#1e293b !important;border-color:rgba(255,255,255,0.08) !important;box-shadow:0 6px 24px rgba(0,0,0,0.35) !important;}.col-lg-4 .card:has(form[action*="people/find"]) .card-header,.col-lg-4 .card:has(.fa-search) .card-header{background:transparent !important;border-bottom:1px solid rgba(255,255,255,0.08) !important;font-weight:800 !important;font-size:15px !important;letter-spacing:-0.2px !important;color:var(--nexus-text-main,#0f172a) !important;padding:16px 20px !important;display:flex !important;align-items:center !important;}body:not(.night-mode) .col-lg-4 .card:has(form[action*="people/find"]) .card-header,body:not(.night-mode) .col-lg-4 .card:has(.fa-search) .card-header{border-bottom:1px solid var(--nexus-border) !important;}body.night-mode .col-lg-4 .card:has(form[action*="people/find"]) .card-header,body.night-mode .col-lg-4 .card:has(.fa-search) .card-header{color:#f8fafc !important;}.col-lg-4 .card:has(form[action*="people/find"]) .card-header i,.col-lg-4 .card:has(.fa-search) .card-header i{color:var(--nexus-primary,#6366f1) !important;margin-right:8px !important;}body.night-mode .col-lg-4 .card:has(form[action*="people/find"]) .card-header i,body.night-mode .col-lg-4 .card:has(.fa-search) .card-header i{color:#818cf8 !important;}.col-lg-4 .card:has(form[action*="people/find"]) .card-body,.col-lg-4 .card:has(.fa-search) .card-body{padding:20px !important;}/* Form Labels */ .col-lg-4 form[action*="people/find"] .form-label{font-size:13px !important;font-weight:700 !important;letter-spacing:0.2px !important;color:var(--nexus-text-main,#334155) !important;margin-bottom:7px !important;display:block !important;}body.night-mode .col-lg-4 form[action*="people/find"] .form-label{color:#cbd5e1 !important;}/* Form Group Spacing */ .col-lg-4 form[action*="people/find"] .form-group{margin-bottom:16px !important;}/* Form Controls (Inputs) */ .col-lg-4 form[action*="people/find"] .form-control,.col-lg-4 form[action*="people/find"] .input-group-text{background-color:#f8fafc !important;border:1px solid rgba(203,213,225,0.8) !important;border-radius:12px !important;color:#0f172a !important;font-size:13.5px !important;font-weight:500 !important;padding:10px 14px !important;transition:all 0.2s ease !important;}body.night-mode .col-lg-4 form[action*="people/find"] .form-control,body.night-mode .col-lg-4 form[action*="people/find"] .input-group-text{background-color:rgba(15,23,42,0.6) !important;border-color:rgba(255,255,255,0.1) !important;color:#f1f5f9 !important;}.col-lg-4 form[action*="people/find"] .form-control:focus{border-color:var(--nexus-primary,#6366f1) !important;box-shadow:0 0 0 3px rgba(99,102,241,0.25) !important;outline:none !important;background-color:#ffffff !important;}body.night-mode .col-lg-4 form[action*="people/find"] .form-control:focus{background-color:rgba(15,23,42,0.9) !important;border-color:#818cf8 !important;box-shadow:0 0 0 3px rgba(129,140,248,0.25) !important;}/* Custom Select Dropdowns */ .col-lg-4 form[action*="people/find"] .form-select{background-color:#f8fafc !important;background-repeat:no-repeat !important;background-position:right 14px center !important;background-size:14px 10px !important;border:1px solid rgba(203,213,225,0.8) !important;border-radius:12px !important;color:#0f172a !important;font-size:13.5px !important;font-weight:500 !important;padding:10px 38px 10px 14px !important;transition:all 0.2s ease !important;cursor:pointer !important;}body.night-mode .col-lg-4 form[action*="people/find"] .form-select{background-color:rgba(15,23,42,0.6) !important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;background-repeat:no-repeat !important;background-position:right 14px center !important;background-size:14px 10px !important;border-color:rgba(255,255,255,0.1) !important;color:#f1f5f9 !important;}.col-lg-4 form[action*="people/find"] .form-select:focus{border-color:var(--nexus-primary,#6366f1) !important;box-shadow:0 0 0 3px rgba(99,102,241,0.25) !important;outline:none !important;background-color:#ffffff !important;}body.night-mode .col-lg-4 form[action*="people/find"] .form-select:focus{background-color:rgba(15,23,42,0.9) !important;border-color:#818cf8 !important;box-shadow:0 0 0 3px rgba(129,140,248,0.25) !important;}/* Distance Input Group (KM/ML + Number) */ .col-lg-4 form[action*="people/find"] .input-group{border-radius:12px !important;overflow:hidden !important;border:1px solid rgba(203,213,225,0.8) !important;}body.night-mode .col-lg-4 form[action*="people/find"] .input-group{border-color:rgba(255,255,255,0.1) !important;}.col-lg-4 form[action*="people/find"] .input-group .input-group-text{border:none !important;border-radius:0 !important;border-right:1px solid rgba(203,213,225,0.8) !important;background:rgba(99,102,241,0.1) !important;color:var(--nexus-primary,#6366f1) !important;font-weight:700 !important;font-size:12.5px !important;padding:0 14px !important;}body.night-mode .col-lg-4 form[action*="people/find"] .input-group .input-group-text{border-right-color:rgba(255,255,255,0.1) !important;background:rgba(99,102,241,0.15) !important;color:#a5b4fc !important;}.col-lg-4 form[action*="people/find"] .input-group .form-control{border:none !important;border-radius:0 !important;}/* Custom Range Slider */ .col-lg-4 form[action*="people/find"] input[type="range"],.col-lg-4 form[action*="people/find"] .custom-range{accent-color:#6366f1 !important;height:6px !important;border-radius:6px !important;background:rgba(99,102,241,0.2) !important;}body.night-mode .col-lg-4 form[action*="people/find"] input[type="range"],body.night-mode .col-lg-4 form[action*="people/find"] .custom-range{background:rgba(255,255,255,0.12) !important;}/* Search Submit Button */ .col-lg-4 form[action*="people/find"] button[type="submit"]{background:var(--nexus-gradient-primary,linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)) !important;border:none !important;border-radius:12px !important;padding:12px 20px !important;font-weight:700 !important;font-size:14.5px !important;color:#ffffff !important;box-shadow:0 4px 16px rgba(99,102,241,0.35) !important;transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1) !important;margin-top:6px !important;}.col-lg-4 form[action*="people/find"] button[type="submit"]:hover{transform:translateY(-2px) !important;box-shadow:0 8px 22px rgba(99,102,241,0.5) !important;filter:brightness(1.08) !important;}/* 27.3 Results Card & User Items */ .col-lg-8 .card{background:var(--nexus-surface,#ffffff) !important;border:1px solid var(--nexus-border) !important;border-radius:20px !important;box-shadow:var(--nexus-shadow-sm) !important;overflow:hidden !important;}body.night-mode .col-lg-8 .card{background:#1e293b !important;border-color:rgba(255,255,255,0.08) !important;box-shadow:0 6px 24px rgba(0,0,0,0.35) !important;}.col-lg-8 .card .card-header{padding:18px 22px !important;border-bottom:1px solid rgba(255,255,255,0.08) !important;color:var(--nexus-text-main,#0f172a) !important;font-size:16px !important;font-weight:800 !important;}body:not(.night-mode) .col-lg-8 .card .card-header{border-bottom:1px solid var(--nexus-border) !important;}body.night-mode .col-lg-8 .card .card-header{color:#f8fafc !important;}.col-lg-8 .card .card-body{padding:20px 22px !important;}/* User List Item in People / Requests */ .col-lg-8 .feeds-item{border-bottom:1px solid rgba(255,255,255,0.06) !important;padding:12px 0 !important;transition:background 0.2s ease !important;list-style:none !important;}body:not(.night-mode) .col-lg-8 .feeds-item{border-bottom:1px solid var(--nexus-border) !important;}.col-lg-8 .feeds-item:last-child{border-bottom:none !important;}.col-lg-8 .feeds-item .data-container{display:flex !important;align-items:center !important;width:100% !important;padding:6px 10px !important;border-radius:14px !important;transition:background 0.2s ease !important;}.col-lg-8 .feeds-item .data-container:hover{background:rgba(99,102,241,0.04) !important;}body.night-mode .col-lg-8 .feeds-item .data-container:hover{background:rgba(255,255,255,0.03) !important;}/* Avatar on Left */ .col-lg-8 .feeds-item .data-avatar{float:none !important;flex-shrink:0 !important;margin-right:14px !important;}.col-lg-8 .feeds-item .data-avatar img{width:44px !important;height:44px !important;border-radius:50% !important;box-shadow:0 2px 8px rgba(0,0,0,0.15) !important;border:2px solid var(--nexus-border) !important;display:block !important;}body.night-mode .col-lg-8 .feeds-item .data-avatar img{border-color:rgba(255,255,255,0.12) !important;}/* Data Content (Full Width Flex Row) */ .col-lg-8 .feeds-item .data-content{flex:1 1 auto !important;min-width:0 !important;padding-left:0 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;}/* User Name Area (Keeps name in one single unbroken line) */ .col-lg-8 .feeds-item .data-content .mt5{order:1 !important;margin-top:0 !important;flex:1 1 auto !important;min-width:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}.col-lg-8 .feeds-item .data-content .name{font-size:15px !important;font-weight:700 !important;display:inline-flex !important;align-items:center !important;max-width:100% !important;}.col-lg-8 .feeds-item .data-content .name a{color:var(--nexus-text-main,#0f172a) !important;text-decoration:none !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;transition:color 0.2s ease !important;}body.night-mode .col-lg-8 .feeds-item .data-content .name a{color:#f8fafc !important;}.col-lg-8 .feeds-item .data-content .name a:hover{color:var(--nexus-primary,#6366f1) !important;}body.night-mode .col-lg-8 .feeds-item .data-content .name a:hover{color:#818cf8 !important;}/* Action Buttons Container (Always aligned to the Far Right) */ .col-lg-8 .feeds-item .data-content .float-end{order:2 !important;float:none !important;margin-left:auto !important;flex-shrink:0 !important;display:flex !important;align-items:center !important;gap:8px !important;}/* Action Buttons for Friend Requests / Add Friend */ .col-lg-8 .feeds-item .btn.js_friend-add,.col-lg-8 .feeds-item .btn.js_follow{background:var(--nexus-gradient-primary,linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)) !important;border:none !important;border-radius:20px !important;padding:6px 18px !important;font-weight:600 !important;font-size:13px !important;color:#ffffff !important;box-shadow:0 3px 12px rgba(99,102,241,0.35) !important;transition:all 0.2s ease !important;white-space:nowrap !important;}.col-lg-8 .feeds-item .btn.js_friend-add:hover,.col-lg-8 .feeds-item .btn.js_follow:hover{transform:translateY(-1px) !important;box-shadow:0 6px 18px rgba(99,102,241,0.5) !important;}.col-lg-8 .feeds-item .btn.js_friend-accept{background:var(--nexus-gradient-primary,linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)) !important;border:none !important;border-radius:20px !important;padding:6px 18px !important;font-weight:700 !important;font-size:13px !important;color:#ffffff !important;box-shadow:0 3px 12px rgba(99,102,241,0.35) !important;transition:all 0.2s ease !important;white-space:nowrap !important;}.col-lg-8 .feeds-item .btn.js_friend-accept:hover{transform:translateY(-1px) !important;box-shadow:0 6px 18px rgba(99,102,241,0.5) !important;}.col-lg-8 .feeds-item .btn.js_friend-decline{background:rgba(239,68,68,0.12) !important;border:1px solid rgba(239,68,68,0.25) !important;border-radius:20px !important;padding:6px 18px !important;font-weight:600 !important;font-size:13px !important;color:#f87171 !important;transition:all 0.2s ease !important;margin-left:6px !important;white-space:nowrap !important;}.col-lg-8 .feeds-item .btn.js_friend-decline:hover{background:#ef4444 !important;color:#ffffff !important;border-color:transparent !important;transform:translateY(-1px) !important;}.col-lg-8 .feeds-item .btn.js_friend-cancel{background:rgba(245,158,11,0.15) !important;border:1px solid rgba(245,158,11,0.3) !important;border-radius:20px !important;padding:6px 18px !important;font-weight:600 !important;font-size:13px !important;color:#fbbf24 !important;transition:all 0.2s ease !important;white-space:nowrap !important;}.col-lg-8 .feeds-item .btn.js_friend-cancel:hover{background:#f59e0b !important;color:#ffffff !important;border-color:transparent !important;}/* ========================================================================== 28. WATCH & REELS PRO UI SYSTEM ========================================================================== */ /* -------------------------------------------------------------------------- 28.1 Watch Page Modernization -------------------------------------------------------------------------- */ .page-header{position:relative;border-radius:20px !important;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.15);transition:all 0.3s ease;}body.night-mode .page-header{background:linear-gradient(135deg,#131b2e 0%,#1e293b 100%) !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 12px 36px rgba(0,0,0,0.4);}.page-header .inner{position:relative;z-index:2;padding:35px 25px;text-align:center;}.page-header h2{font-size:32px;font-weight:800;letter-spacing:-0.02em;margin-bottom:8px;color:var(--nexus-text-main,#ffffff);}.page-header p.text-xlg{font-size:15.5px;color:var(--nexus-text-muted,#94a3b8);max-width:580px;margin:0 auto;}.page-header .input-group{background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.15);border-radius:50px !important;padding:4px 6px;box-shadow:0 4px 20px rgba(0,0,0,0.2);}.page-header .input-group .form-control{background:transparent !important;border:none !important;color:#ffffff !important;padding-left:20px;font-size:14.5px;}.page-header .input-group .form-control::placeholder{color:rgba(255,255,255,0.6);}.page-header .input-group .btn{border-radius:50px !important;padding:8px 24px !important;font-weight:600;font-size:14px;}/* Watch Content Tabs */ .content-tabs{background:var(--nexus-card-bg,#111625);border:1px solid var(--nexus-border,rgba(255,255,255,0.08));border-radius:16px !important;padding:8px 12px;margin-bottom:24px;}.content-tabs ul{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;}.content-tabs ul li a{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:12px;font-weight:600;font-size:14px;color:var(--nexus-text-muted,#94a3b8);transition:all 0.2s ease;text-decoration:none;}.content-tabs ul li.active a,.content-tabs ul li a:hover{background:var(--nexus-gradient-primary,linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%));color:#ffffff !important;box-shadow:0 4px 15px rgba(99,102,241,0.35);}/* Watch Categories Card & Nav */ .sg-offcanvas-sidebar .card{border-radius:16px !important;border:1px solid var(--nexus-border,rgba(255,255,255,0.08));overflow:hidden;}.sg-offcanvas-sidebar .side-nav li a{border-radius:10px;margin:2px 8px;padding:10px 14px;font-weight:500;color:var(--nexus-text-muted,#94a3b8);transition:all 0.2s ease;}.sg-offcanvas-sidebar .side-nav li.active a,.sg-offcanvas-sidebar .side-nav li a:hover{background:rgba(99,102,241,0.12);color:var(--nexus-primary,#6366f1) !important;font-weight:600;}body.night-mode .sg-offcanvas-sidebar .side-nav li.active a,body.night-mode .sg-offcanvas-sidebar .side-nav li a:hover{color:#a5b4fc !important;background:rgba(99,102,241,0.2);}/* Posts & Content Filter Bar */ .posts-filter{background:var(--nexus-card-bg,#111625);border:1px solid var(--nexus-border,rgba(255,255,255,0.08));border-radius:14px;padding:12px 18px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:15px;position:relative;}.posts-filter .dropdown{position:relative;}.countries-filter{background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.08);padding:6px 14px;border-radius:20px;color:#1e293b !important;font-size:13px;text-decoration:none;transition:all 0.2s;display:inline-flex;align-items:center;gap:6px;}body.night-mode .countries-filter{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.1);color:#f8fafc !important;}.countries-filter:hover{background:rgba(99,102,241,0.12);border-color:rgba(99,102,241,0.3);color:#6366f1 !important;}body.night-mode .countries-filter:hover{background:rgba(99,102,241,0.2);border-color:rgba(99,102,241,0.4);color:#a5b4fc !important;}.posts-filter .dropdown-menu{z-index:1050 !important;}/* -------------------------------------------------------------------------- 28.2 Reels Pro Player & Full Experience -------------------------------------------------------------------------- */ .reels-wrapper{position:fixed !important;top:64px !important;bottom:0 !important;right:0 !important;left:0 !important;background:#090d16 !important;z-index:100 !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;}.reel-container{position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;padding-top:64px !important;padding-bottom:0 !important;background:#090d16 !important;display:flex !important;align-items:center !important;justify-content:center !important;transform:translateY(0);transition:transform 0.3s cubic-bezier(0.2,0.8,0.2,1);}.reel-container.swipe-up{transform:translateY(-100%) !important;}.reel-container.swipe-down{transform:translateY(100%) !important;}.reel-video-wrapper{position:relative !important;display:flex !important;align-items:center !important;justify-content:center !important;height:100% !important;width:100% !important;max-height:calc(100dvh - 70px) !important;}.reel-video-wrapper .reel-video-container{position:relative !important;width:100% !important;max-width:440px !important;height:calc(100dvh - 84px) !important;max-height:820px !important;margin:auto !important;border-radius:20px !important;overflow:hidden !important;background:#000000 !important;box-shadow:0 20px 60px rgba(0,0,0,0.8),0 0 0 1px rgba(255,255,255,0.12) !important;cursor:pointer;user-select:none;}.reel-video-wrapper .reel-video-container video,.reel-video-wrapper .reel-video-container .plyr,.reel-video-wrapper .reel-video-container .plyr__video-wrapper{width:100% !important;height:100% !important;max-height:100% !important;border-radius:20px !important;object-fit:cover !important;}/* Hide Plyr's default ugly top controls on reel */ .reel-video-wrapper .reel-video-container .plyr__controls{display:none !important;}/* Top Controls (Sound & Watch Switch) */ .reel-top-bar{position:absolute !important;top:16px !important;left:16px !important;right:16px !important;z-index:25 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;pointer-events:auto !important;}.reel-sound-btn{width:40px !important;height:40px !important;border-radius:50% !important;background:rgba(0,0,0,0.45) !important;backdrop-filter:blur(16px) !important;-webkit-backdrop-filter:blur(16px) !important;border:1px solid rgba(255,255,255,0.22) !important;color:#ffffff !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:15px !important;cursor:pointer !important;transition:all 0.2s ease !important;box-shadow:0 4px 14px rgba(0,0,0,0.4) !important;}.reel-sound-btn:hover{transform:scale(1.1) !important;background:rgba(99,102,241,0.7) !important;border-color:rgba(99,102,241,0.9) !important;}.reel-watch-switch-btn{background:rgba(0,0,0,0.45) !important;backdrop-filter:blur(16px) !important;-webkit-backdrop-filter:blur(16px) !important;border:1px solid rgba(255,255,255,0.22) !important;color:#ffffff !important;padding:6px 14px !important;border-radius:20px !important;font-size:13px !important;font-weight:600 !important;text-decoration:none !important;display:flex !important;align-items:center !important;transition:all 0.2s ease !important;box-shadow:0 4px 14px rgba(0,0,0,0.4) !important;}.reel-watch-switch-btn:hover{transform:scale(1.05) !important;background:rgba(99,102,241,0.7) !important;color:#ffffff !important;border-color:rgba(99,102,241,0.9) !important;}/* Double-Tap Heart Pop Animation */ .reel-heart-burst{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) scale(0) !important;color:#f43f5e !important;font-size:88px !important;pointer-events:none !important;z-index:35 !important;opacity:0 !important;filter:drop-shadow(0 0 25px rgba(244,63,94,0.85)) !important;}@keyframes reelHeartPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0;}45%{transform:translate(-50%,-50%) scale(1.25);opacity:1;}70%{transform:translate(-50%,-50%) scale(1);opacity:0.95;}100%{transform:translate(-50%,-50%) scale(1.4);opacity:0;}}.reel-heart-burst.pop-animate{animation:reelHeartPop 0.8s cubic-bezier(0.175,0.885,0.32,1.275) forwards !important;}/* Bottom Caption Overlay */ .reel-video-wrapper .reel-video-container .video-caption-overlay{position:absolute !important;bottom:0 !important;left:0 !important;right:0 !important;height:60% !important;background:linear-gradient(to top,rgba(0,0,0,0.92) 0%,rgba(0,0,0,0.5) 60%,transparent 100%) !important;z-index:10 !important;pointer-events:none !important;border-bottom-left-radius:20px !important;border-bottom-right-radius:20px !important;}/* Bottom Caption Details */ .reel-video-wrapper .reel-video-container .video-caption{position:absolute !important;bottom:8px !important;left:0 !important;right:75px !important;padding:18px 16px !important;color:#ffffff !important;z-index:15 !important;text-align:left !important;pointer-events:auto !important;}.reel-author-row{display:flex !important;align-items:center !important;gap:10px !important;}.reel-author-avatar{position:relative !important;width:42px !important;height:42px !important;border-radius:50% !important;border:2px solid rgba(255,255,255,0.95) !important;background-size:cover !important;background-position:center !important;flex-shrink:0 !important;display:block !important;box-shadow:0 4px 10px rgba(0,0,0,0.4) !important;}.reel-author-avatar .online-dot{position:absolute !important;bottom:0 !important;right:0 !important;width:10px !important;height:10px !important;background:#10b981 !important;border:2px solid #000000 !important;border-radius:50% !important;}.reel-author-meta{display:flex !important;flex-direction:column !important;min-width:0 !important;}.reel-author-name{font-weight:700 !important;font-size:14.5px !important;color:#ffffff !important;text-decoration:none !important;display:inline-flex !important;align-items:center !important;gap:5px !important;text-shadow:0 1px 4px rgba(0,0,0,0.8) !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}.reel-author-name .verified-badge{color:#38bdf8 !important;font-size:13px !important;}.reel-post-time{font-size:11px !important;color:rgba(255,255,255,0.7) !important;}.reel-author-row .btn-follow{background:rgba(255,255,255,0.22) !important;backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,0.45) !important;color:#ffffff !important;font-size:12px !important;font-weight:700 !important;border-radius:20px !important;padding:3px 12px !important;transition:all 0.2s ease !important;flex-shrink:0 !important;}.reel-author-row .btn-follow:hover{background:#6366f1 !important;border-color:#6366f1 !important;transform:scale(1.05) !important;}.reel-text-content{font-size:13.5px !important;line-height:1.45 !important;color:#f1f5f9 !important;text-shadow:0 1px 3px rgba(0,0,0,0.8) !important;max-height:58px !important;overflow:hidden !important;display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;}.reel-text-content a{color:#a5b4fc !important;font-weight:600 !important;}.reel-audio-track{font-size:12px !important;color:rgba(255,255,255,0.85) !important;display:inline-flex !important;align-items:center !important;background:rgba(0,0,0,0.4) !important;backdrop-filter:blur(8px) !important;border-radius:12px !important;padding:3px 10px !important;border:1px solid rgba(255,255,255,0.15) !important;max-width:100% !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}/* Video Progress Bar */ .reel-progress-track{position:absolute !important;bottom:0 !important;left:0 !important;right:0 !important;height:3px !important;background:rgba(255,255,255,0.25) !important;z-index:25 !important;}.reel-progress-fill{height:100% !important;width:0% !important;background:linear-gradient(90deg,#6366f1,#ec4899) !important;transition:width 0.1s linear !important;}/* Action Controls Column */ .reel-video-wrapper .reel-video-container .video-controlls{position:absolute !important;bottom:24px !important;right:12px !important;z-index:20 !important;}.reel-actions{display:flex !important;flex-direction:column !important;align-items:center !important;gap:14px !important;}.reel-action-btn{display:flex !important;flex-direction:column !important;align-items:center !important;gap:3px !important;}.reel-actions .action-btn{width:46px !important;height:46px !important;border-radius:50% !important;background:rgba(255,255,255,0.14) !important;backdrop-filter:blur(14px) !important;-webkit-backdrop-filter:blur(14px) !important;border:1px solid rgba(255,255,255,0.25) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#ffffff !important;font-size:20px !important;cursor:pointer !important;transition:all 0.2s cubic-bezier(0.2,0.8,0.2,1) !important;box-shadow:0 6px 18px rgba(0,0,0,0.35) !important;}.reel-actions .action-btn:hover{transform:scale(1.12) !important;background:rgba(255,255,255,0.25) !important;box-shadow:0 8px 22px rgba(0,0,0,0.45) !important;}/* Reactions Wrapper & Active Heart */ .reel-actions .reactions-wrapper.is-active .reaction-btn-icon .far.fa-heart,.reel-actions .reactions-wrapper.is-active .reaction-btn-icon .far.fa-smile{color:#f43f5e !important;}.reel-actions .action-btn i{color:#ffffff !important;font-size:20px !important;}.reel-actions .action-btn svg{fill:#ffffff !important;}.reel-action-btn .action-count{font-size:12px !important;font-weight:700 !important;color:#ffffff !important;text-shadow:0 1px 4px rgba(0,0,0,0.9) !important;}/* Floating Navigation Buttons (Prev / Next) */ .reel-nav-btn{position:absolute !important;right:calc(50% - 290px) !important;width:44px !important;height:44px !important;border-radius:50% !important;background:rgba(255,255,255,0.1) !important;backdrop-filter:blur(14px) !important;-webkit-backdrop-filter:blur(14px) !important;border:1px solid rgba(255,255,255,0.2) !important;color:#ffffff !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:16px !important;cursor:pointer !important;transition:all 0.2s ease !important;box-shadow:0 6px 18px rgba(0,0,0,0.4) !important;z-index:25 !important;}.reel-prev-btn{top:calc(50% - 52px) !important;bottom:auto !important;}.reel-next-btn{top:calc(50% + 12px) !important;bottom:auto !important;}.reel-nav-btn:hover{transform:scale(1.12) !important;background:var(--nexus-gradient-primary,linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)) !important;border-color:transparent !important;box-shadow:0 8px 24px rgba(99,102,241,0.5) !important;}@media (max-width:991px){.reel-nav-btn{display:none !important;}}/* Comments Drawer Styling */ .reel-comments-wrapper{background:var(--nexus-card-bg,#111625) !important;border-left:1px solid var(--nexus-border,rgba(255,255,255,0.08)) !important;box-shadow:-10px 0 30px rgba(0,0,0,0.4) !important;z-index:105 !important;}.reel-comments-wrapper .btn-close{filter:invert(1) grayscale(100%) brightness(200%);opacity:0.8;transition:opacity 0.2s;}.reel-comments-wrapper .btn-close:hover{opacity:1;}body.night-mode .reel-comments-wrapper{background:#111625 !important;}/* ========================================================================== 29. MODERN AUTH EXPERIENCE (SIGN IN & SIGN UP) ========================================================================== */ .nexus-auth-wrapper{position:relative;min-height:calc(100vh - 120px);padding:40px 15px 60px;display:flex;align-items:center;overflow:hidden;}/* Ambient Glow Blobs */ .nexus-auth-blobs{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0;}.nexus-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.45;will-change:transform;}.nexus-blob-1{top:10%;left:15%;width:320px;height:320px;background:radial-gradient(circle,rgba(99,102,241,0.45) 0%,rgba(99,102,241,0) 70%);animation:nexusBlobFloat1 16s ease-in-out infinite alternate;}.nexus-blob-2{bottom:15%;right:15%;width:380px;height:380px;background:radial-gradient(circle,rgba(236,72,153,0.35) 0%,rgba(236,72,153,0) 70%);animation:nexusBlobFloat2 18s ease-in-out infinite alternate;}.nexus-blob-3{top:40%;left:50%;transform:translateX(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,0.35) 0%,rgba(139,92,246,0) 70%);animation:nexusBlobFloat3 20s ease-in-out infinite alternate;}@keyframes nexusBlobFloat1{0%{transform:translate(0,0) scale(1);}50%{transform:translate(30px,-20px) scale(1.08);}100%{transform:translate(-20px,30px) scale(0.95);}}@keyframes nexusBlobFloat2{0%{transform:translate(0,0) scale(1);}50%{transform:translate(-30px,20px) scale(1.06);}100%{transform:translate(25px,-25px) scale(0.92);}}@keyframes nexusBlobFloat3{0%{transform:translate(-50%,0) scale(1);}50%{transform:translate(-45%,-25px) scale(1.1);}100%{transform:translate(-55%,25px) scale(0.9);}}/* Header & Typography */ .nexus-auth-header{position:relative;z-index:2;}.nexus-auth-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;background:rgba(99,102,241,0.08);border:1px solid rgba(99,102,241,0.2);color:var(--nexus-primary,#6366f1);font-size:0.8rem;font-weight:600;letter-spacing:0.03em;text-transform:uppercase;}body.night-mode .nexus-auth-badge{background:rgba(99,102,241,0.15);border-color:rgba(99,102,241,0.3);color:#a5b4fc;}.nexus-auth-badge .pulse-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 rgba(16,185,129,0.4);animation:pulseDot 2s infinite;}@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(16,185,129,0.6);}70%{box-shadow:0 0 0 8px rgba(16,185,129,0);}100%{box-shadow:0 0 0 0 rgba(16,185,129,0);}}.nexus-auth-title{font-size:2rem;font-weight:800;letter-spacing:-0.025em;color:var(--nexus-text-primary,#0f172a);margin-bottom:8px;}body.night-mode .nexus-auth-title{color:#f8fafc;}.nexus-auth-subtitle{font-size:0.95rem;color:var(--nexus-text-secondary,#64748b);margin:0;line-height:1.5;}body.night-mode .nexus-auth-subtitle{color:#94a3b8;}.nexus-gradient-text{background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;}/* Card Container & Styling */ .nexus-auth-card-container{position:relative;z-index:2;}.nexus-auth-card-container .card-register{border:1px solid rgba(255,255,255,0.6) !important;border-radius:24px !important;background:rgba(255,255,255,0.85) !important;backdrop-filter:blur(24px) saturate(180%) !important;-webkit-backdrop-filter:blur(24px) saturate(180%) !important;box-shadow:0 20px 40px -15px rgba(0,0,0,0.08),0 0 0 1px rgba(255,255,255,0.5) inset !important;padding:30px !important;transition:all 0.3s cubic-bezier(0.16,1,0.3,1) !important;}body.night-mode .nexus-auth-card-container .card-register{border:1px solid rgba(255,255,255,0.09) !important;background:rgba(17,22,37,0.8) !important;box-shadow:0 24px 48px -12px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.05) inset !important;}/* Modern Auth Pill Switcher */ .nexus-auth-switcher{display:flex;background:rgba(0,0,0,0.04);padding:5px;border-radius:16px;gap:6px;border:1px solid rgba(0,0,0,0.04);}body.night-mode .nexus-auth-switcher{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.06);}.nexus-switcher-btn{flex:1;padding:10px 16px;border-radius:12px;border:none;background:transparent;font-size:0.9rem;font-weight:600;color:var(--nexus-text-secondary,#64748b);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);}body.night-mode .nexus-switcher-btn{color:#94a3b8;}.nexus-switcher-btn:hover{color:var(--nexus-text-primary,#0f172a);}body.night-mode .nexus-switcher-btn:hover{color:#f8fafc;}.nexus-switcher-btn.active{background:#ffffff;color:var(--nexus-primary,#6366f1) !important;box-shadow:0 4px 14px rgba(0,0,0,0.08);}body.night-mode .nexus-switcher-btn.active{background:rgba(99,102,241,0.22);color:#a5b4fc !important;box-shadow:0 4px 16px rgba(0,0,0,0.4);border:1px solid rgba(99,102,241,0.3);}/* Form Controls Inside Register Card */ .card-register .card-header{background:transparent !important;border-bottom:none !important;padding:0 0 15px 0 !important;text-align:center;}.card-register .card-title{font-size:1.25rem !important;font-weight:700 !important;letter-spacing:-0.01em;color:var(--nexus-text-primary,#0f172a) !important;margin-bottom:4px !important;}body.night-mode .card-register .card-title{color:#f8fafc !important;}.card-register .card-subtitle{font-size:0.85rem !important;color:var(--nexus-text-secondary,#64748b) !important;margin:0 !important;}body.night-mode .card-register .card-subtitle{color:#94a3b8 !important;}.card-register .card-body{padding:0 !important;}.card-register .form-group{margin-bottom:18px !important;}.card-register .input-group{border-radius:14px;background:#f8fafc;border:1.5px solid #e2e8f0;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);overflow:hidden;}body.night-mode .card-register .input-group{background:rgba(15,23,42,0.6);border-color:rgba(255,255,255,0.1);}.card-register .input-group:focus-within{border-color:var(--nexus-primary,#6366f1) !important;box-shadow:0 0 0 4px rgba(99,102,241,0.15) !important;background:#ffffff;}body.night-mode .card-register .input-group:focus-within{background:rgba(15,23,42,0.95);box-shadow:0 0 0 4px rgba(99,102,241,0.25) !important;}.card-register .input-group-text{border:none !important;color:#94a3b8 !important;padding:0 16px !important;font-size:1rem;}body.night-mode .card-register .input-group-text{color:#64748b !important;}.card-register .input-group:focus-within .input-group-text{color:var(--nexus-primary,#6366f1) !important;}body.night-mode .card-register .input-group:focus-within .input-group-text{color:#a5b4fc !important;}.card-register .form-control{height:48px !important;border:none !important;background:transparent !important;font-size:0.95rem !important;font-weight:500 !important;padding-left:0 !important;color:var(--nexus-text-primary,#0f172a) !important;box-shadow:none !important;}body.night-mode .card-register .form-control{color:#f8fafc !important;}.card-register .form-control::placeholder{color:#94a3b8;font-weight:400;}body.night-mode .card-register .form-control::placeholder{color:#64748b;}/* Auth Primary Submit Buttons */ .card-register .btn-primary,.card-register .btn-main{height:48px !important;border-radius:14px !important;font-size:0.95rem !important;font-weight:600 !important;letter-spacing:0.01em;background:var(--nexus-gradient-primary,linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)) !important;border:none !important;box-shadow:0 8px 20px -4px rgba(99,102,241,0.4) !important;transition:all 0.25s cubic-bezier(0.16,1,0.3,1) !important;display:flex !important;align-items:center;justify-content:center;gap:8px;}.card-register .btn-primary:hover,.card-register .btn-main:hover{transform:translateY(-2px);box-shadow:0 12px 26px -4px rgba(99,102,241,0.5) !important;opacity:0.96;}.card-register .btn-primary:active,.card-register .btn-main:active{transform:translateY(0);}/* Custom Checkbox and Links */ .card-register .custom-control-label{font-size:0.88rem;color:var(--nexus-text-secondary,#64748b);cursor:pointer;}body.night-mode .card-register .custom-control-label{color:#94a3b8;}.card-register a.text-link{color:var(--nexus-primary,#6366f1) !important;font-weight:600;text-decoration:none;transition:opacity 0.2s;}.card-register a.text-link:hover{text-decoration:underline;}/* Trust Badges Footer */ .nexus-auth-footer{position:relative;z-index:2;}.nexus-auth-trust-badges{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:0.8rem;font-weight:500;color:var(--nexus-text-muted,#94a3b8);}body.night-mode .nexus-auth-trust-badges{color:#64748b;}.nexus-auth-trust-badges .dot-sep{opacity:0.4;}@media (max-width:576px){.nexus-auth-wrapper{padding:20px 10px 40px;}.nexus-auth-card-container .card-register{padding:20px 15px !important;border-radius:18px !important;}.nexus-auth-title{font-size:1.6rem;}.nexus-auth-trust-badges{font-size:0.75rem;gap:8px;}}/* ========================================================================== 30. PREMIUM MESSENGER & CHATBOX EXPERIENCE ========================================================================== */ /* 30.1 Full Messenger Container & Offcanvas Panels */ .sg-offcanvas{margin-bottom:30px !important;}.sg-offcanvas-sidebar .card,.sg-offcanvas-mainbar .card,.card.panel-messages,.card.card-messages{border-radius:20px !important;border:1px solid var(--nexus-border,#e2e8f0) !important;box-shadow:0 10px 30px rgba(0,0,0,0.04) !important;background:var(--nexus-card-bg,#ffffff) !important;overflow:hidden !important;transition:all 0.25s ease !important;}body.night-mode .sg-offcanvas-sidebar .card,body.night-mode .sg-offcanvas-mainbar .card,body.night-mode .card.panel-messages,body.night-mode .card.card-messages{background:linear-gradient(180deg,rgba(14,18,38,0.95) 0%,rgba(9,12,28,0.98) 100%) !important;backdrop-filter:blur(32px) saturate(190%) !important;-webkit-backdrop-filter:blur(32px) saturate(190%) !important;border:1.5px solid rgba(139,92,246,0.35) !important;box-shadow:0 0 35px -5px rgba(124,58,237,0.25),0 20px 50px rgba(0,0,0,0.75) !important;}/* Messenger Header */ .sg-offcanvas-sidebar .card-header{padding:16px 20px !important;background:transparent !important;border-bottom:1px solid rgba(226,232,240,0.8) !important;font-size:1.15rem !important;font-weight:800 !important;letter-spacing:-0.2px !important;color:var(--nexus-text-main,#0f172a) !important;}body.night-mode .sg-offcanvas-sidebar .card-header{border-bottom-color:rgba(255,255,255,0.08) !important;color:#f8fafc !important;}.sg-offcanvas-sidebar .card-header .js_chat-new{width:36px !important;min-width:36px !important;max-width:36px !important;height:36px !important;min-height:36px !important;max-height:36px !important;border-radius:50% !important;padding:0 !important;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%) !important;color:#ffffff !important;border:none !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 14px rgba(99,102,241,0.35) !important;transition:all 0.25s ease !important;flex-shrink:0 !important;}.sg-offcanvas-sidebar .card-header .js_chat-new:hover{transform:scale(1.08) !important;box-shadow:0 6px 20px rgba(99,102,241,0.5) !important;color:#ffffff !important;}.sg-offcanvas-sidebar .card-header .js_chat-new svg{fill:#ffffff !important;}/* 30.2 Conversation Threads List (Left Sidebar) */ .sg-offcanvas-sidebar .card-body{padding:10px 8px !important;}.sg-offcanvas-sidebar .chat-conversations ul{list-style:none !important;padding:0 !important;margin:0 !important;}.sg-offcanvas-sidebar .feeds-item{border-radius:16px !important;margin:4px 0 !important;padding:0 !important;transition:all 0.2s cubic-bezier(0.4,0,0.2,1) !important;border:1px solid transparent !important;}.sg-offcanvas-sidebar .feeds-item .data-container{display:flex !important;align-items:center !important;padding:12px 14px !important;border-radius:16px !important;text-decoration:none !important;position:relative !important;gap:12px !important;}.sg-offcanvas-sidebar .feeds-item:hover{background:rgba(99,102,241,0.06) !important;transform:translateX(2px) !important;}body.night-mode .sg-offcanvas-sidebar .feeds-item:hover{background:rgba(99,102,241,0.12) !important;}.sg-offcanvas-sidebar .feeds-item.active,.sg-offcanvas-sidebar .feeds-item.unread{background:rgba(99,102,241,0.08) !important;border-color:rgba(99,102,241,0.18) !important;}body.night-mode .sg-offcanvas-sidebar .feeds-item.active,body.night-mode .sg-offcanvas-sidebar .feeds-item.unread{background:rgba(99,102,241,0.15) !important;border-color:rgba(99,102,241,0.3) !important;}.sg-offcanvas-sidebar .feeds-item.unread .data-container{padding-right:28px !important;}.sg-offcanvas-sidebar .feeds-item.unread .data-container::after{content:'' !important;position:absolute !important;right:12px !important;top:50% !important;transform:translateY(-50%) !important;width:9px !important;height:9px !important;border-radius:50% !important;background:#6366f1 !important;box-shadow:0 0 10px #6366f1 !important;}.sg-offcanvas-sidebar .feeds-item .data-avatar{width:48px !important;height:48px !important;border-radius:50% !important;margin:0 !important;flex-shrink:0 !important;position:relative !important;}.sg-offcanvas-sidebar .feeds-item .data-avatar img{width:48px !important;height:48px !important;border-radius:50% !important;object-fit:cover !important;border:2px solid #ffffff !important;box-shadow:0 2px 8px rgba(0,0,0,0.08) !important;}body.night-mode .sg-offcanvas-sidebar .feeds-item .data-avatar img{border-color:rgba(139,92,246,0.35) !important;box-shadow:0 0 10px rgba(139,92,246,0.25) !important;}.sg-offcanvas-sidebar .feeds-item .data-content{flex:1 1 auto !important;min-width:0 !important;display:flex !important;flex-direction:column !important;justify-content:center !important;}.sg-offcanvas-sidebar .feeds-item .data-top{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important;width:100% !important;margin-bottom:3px !important;}.sg-offcanvas-sidebar .feeds-item .data-top .name{font-size:15px !important;font-weight:700 !important;color:var(--nexus-text-main,#0f172a) !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;flex:1 1 auto !important;min-width:0 !important;}body.night-mode .sg-offcanvas-sidebar .feeds-item .data-top .name{color:#f8fafc !important;}.sg-offcanvas-sidebar .feeds-item.unread .data-top .name{color:#818cf8 !important;}.sg-offcanvas-sidebar .feeds-item .data-top .time{font-size:11.5px !important;color:#94a3b8 !important;font-weight:500 !important;white-space:nowrap !important;flex-shrink:0 !important;}.sg-offcanvas-sidebar .feeds-item .data-bottom{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important;width:100% !important;}.sg-offcanvas-sidebar .feeds-item .data-bottom .text{font-size:13px !important;color:#64748b !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;flex:1 1 auto !important;min-width:0 !important;margin:0 !important;}body.night-mode .sg-offcanvas-sidebar .feeds-item .data-bottom .text{color:#94a3b8 !important;}.sg-offcanvas-sidebar .feeds-item .data-media{flex-shrink:0 !important;margin-left:6px !important;display:flex !important;align-items:center !important;}.feeds-item .data-img,.sg-offcanvas-sidebar .feeds-item .data-img{width:28px !important;height:28px !important;max-width:28px !important;max-height:28px !important;border-radius:6px !important;object-fit:cover !important;border:1px solid rgba(255,255,255,0.15) !important;box-shadow:0 2px 6px rgba(0,0,0,0.25) !important;}/* 30.3 Active Conversation Header */ .panel-messages .card-header{padding:14px 22px !important;border-bottom:1px solid rgba(226,232,240,0.8) !important;background:transparent !important;align-items:center !important;}body.night-mode .panel-messages .card-header{border-bottom-color:rgba(139,92,246,0.2) !important;background:rgba(255,255,255,0.02) !important;}.chat-header-avatar{width:48px !important;height:48px !important;border-radius:50% !important;padding:2.5px !important;background:linear-gradient(135deg,#c084fc 0%,#38bdf8 100%) !important;box-shadow:0 0 14px rgba(192,132,252,0.5) !important;position:relative !important;flex-shrink:0 !important;display:inline-block !important;}.chat-header-avatar img{width:100% !important;height:100% !important;border-radius:50% !important;object-fit:cover !important;display:block !important;}.chat-header-avatar .status-dot{position:absolute !important;bottom:1px !important;right:1px !important;width:11px !important;height:11px !important;border-radius:50% !important;background:#22c55e !important;border:2px solid #0f172a !important;box-shadow:0 0 8px #22c55e !important;}.chat-header-name{font-size:16px !important;font-weight:700 !important;line-height:1.3 !important;}.chat-header-name a,.chat-header-name span{font-size:16px !important;font-weight:700 !important;color:var(--nexus-text-main,#0f172a) !important;text-decoration:none !important;}body.night-mode .chat-header-name a,body.night-mode .chat-header-name span{color:#ffffff !important;}.chat-header-name a:hover{color:#c084fc !important;}/* Header Call and Option Buttons */ .panel-messages .card-header .btn-light{width:38px !important;height:38px !important;border-radius:50% !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:rgba(99,102,241,0.08) !important;color:#6366f1 !important;border:1px solid rgba(99,102,241,0.18) !important;margin-left:6px !important;transition:all 0.25s ease !important;}body.night-mode .panel-messages .card-header .btn-light{background:rgba(255,255,255,0.08) !important;color:#cbd5e1 !important;border-color:rgba(255,255,255,0.14) !important;}.panel-messages .card-header .btn-light:hover{background:rgba(139,92,246,0.3) !important;border-color:rgba(139,92,246,0.6) !important;color:#ffffff !important;transform:translateY(-2px) scale(1.06) !important;box-shadow:0 0 16px rgba(139,92,246,0.45) !important;}.panel-messages .card-header .btn-light svg{width:17px !important;height:17px !important;fill:currentColor !important;}/* 30.4 Conversation Bubbles & Thread Flow */ .panel-messages .chat-conversations{padding:20px 24px !important;min-height:420px;}.conversation{margin-bottom:24px !important;padding-top:0 !important;clear:both !important;}.conversation-user{width:38px !important;height:38px !important;border-radius:50% !important;overflow:hidden !important;margin-right:12px !important;box-shadow:0 2px 8px rgba(0,0,0,0.08) !important;}.conversation-user img{width:38px !important;height:38px !important;border-radius:50% !important;object-fit:cover !important;}.conversation-body{position:relative !important;max-width:calc(100% - 54px) !important;}/* Incoming Bubbles:Modern Slate */ .conversation:not(.right) .conversation-body .text{background:#f1f5f9 !important;color:#1e293b !important;border-radius:18px 18px 18px 4px !important;padding:11px 18px !important;font-size:14.5px !important;line-height:1.55 !important;border:1px solid rgba(226,232,240,0.8) !important;box-shadow:0 2px 8px rgba(0,0,0,0.03) !important;}body.night-mode .conversation:not(.right) .conversation-body .text{background:rgba(30,41,59,0.85) !important;color:#f8fafc !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 2px 8px rgba(0,0,0,0.25) !important;}.conversation:not(.right) .conversation-body .text a{color:#4f46e5 !important;text-decoration:underline !important;font-weight:500 !important;}body.night-mode .conversation:not(.right) .conversation-body .text a{color:#a5b4fc !important;}/* Outgoing Bubbles:Vibrant Gradient */ .conversation.right .conversation-body .text{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%) !important;color:#ffffff !important;border-radius:18px 18px 4px 18px !important;padding:11px 18px !important;font-size:14.5px !important;line-height:1.55 !important;border:none !important;box-shadow:0 4px 16px rgba(99,102,241,0.28) !important;}.conversation.right .conversation-body .text a{color:#ffffff !important;text-decoration:underline !important;font-weight:600 !important;}/* Media styling inside messages */ .chat-message-media .img-wrapper{max-width:260px !important;border-radius:16px !important;box-shadow:0 4px 14px rgba(0,0,0,0.1) !important;transition:transform 0.2s ease !important;}.chat-message-media .img-wrapper:hover{transform:scale(1.02) !important;}.chat-message-media .video-wrapper{border-radius:16px !important;box-shadow:0 4px 14px rgba(0,0,0,0.1) !important;overflow:hidden !important;}.chat-product{border-radius:16px !important;border:1px solid rgba(226,232,240,0.8) !important;overflow:hidden !important;box-shadow:0 4px 14px rgba(0,0,0,0.05) !important;background:#f8fafc !important;}body.night-mode .chat-product{background:rgba(30,41,59,0.9) !important;border-color:rgba(255,255,255,0.08) !important;}/* Micro-metadata:Timestamps & Seen */ .conversation-body .conversation-meta{margin-top:6px !important;}.conversation-body .conversation-meta .time{font-size:11px !important;color:#94a3b8 !important;font-weight:500 !important;}.conversation-body .seen{font-size:11px !important;color:#6366f1 !important;font-weight:600 !important;margin-top:4px !important;}/* 30.5 Input Composer Dock */ .panel-messages .chat-form,.chat-widget .chat-form{background:var(--nexus-card-bg,#ffffff) !important;padding:14px 20px !important;border-top:1px solid rgba(226,232,240,0.8) !important;border-radius:0 0 20px 20px !important;display:flex !important;align-items:center !important;gap:12px !important;}body.night-mode .panel-messages .chat-form,body.night-mode .chat-widget .chat-form{background:rgba(14,18,38,0.75) !important;border-top-color:rgba(139,92,246,0.2) !important;}.chat-form:not(:has(.chat-input-capsule)) .chat-form-message{flex:1 !important;background:#f8fafc !important;border:1.5px solid #e2e8f0 !important;border-radius:26px !important;padding:8px 18px !important;transition:all 0.2s ease !important;max-height:90px !important;}body.night-mode .chat-form:not(:has(.chat-input-capsule)) .chat-form-message{background:rgba(15,23,42,0.6) !important;border-color:rgba(255,255,255,0.1) !important;}.chat-form:not(:has(.chat-input-capsule)) .chat-form-message:focus-within{background:#ffffff !important;border-color:#6366f1 !important;box-shadow:0 0 0 3px rgba(99,102,241,0.15) !important;}body.night-mode .chat-form:not(:has(.chat-input-capsule)) .chat-form-message:focus-within{background:rgba(15,23,42,0.9) !important;border-color:#818cf8 !important;box-shadow:0 0 0 3px rgba(129,140,248,0.2) !important;}.chat-form-message textarea{font-size:14.5px !important;line-height:22px !important;min-height:24px !important;color:var(--nexus-text-main,#0f172a) !important;}body.night-mode .chat-form-message textarea{color:#f8fafc !important;}/* Tool Action Icons */ .chat-form ul.x-form-tools{display:flex !important;align-items:center !important;gap:6px !important;margin:0 !important;padding:0 !important;list-style:none !important;}.chat-form ul.x-form-tools > li{width:36px !important;height:36px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#64748b !important;cursor:pointer !important;transition:all 0.2s ease !important;}body.night-mode .chat-form ul.x-form-tools > li{color:#94a3b8 !important;}.chat-form ul.x-form-tools > li:hover{background:rgba(99,102,241,0.1) !important;color:#6366f1 !important;transform:scale(1.08) !important;}/* Circular Gradient Send Button */ .chat-form ul.x-form-tools > li.x-form-tools-post{width:40px !important;height:40px !important;border-radius:50% !important;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%) !important;color:#ffffff !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 14px rgba(99,102,241,0.35) !important;transition:all 0.2s ease !important;cursor:pointer !important;}.chat-form ul.x-form-tools > li.x-form-tools-post:hover{transform:scale(1.1) !important;box-shadow:0 6px 18px rgba(99,102,241,0.5) !important;color:#ffffff !important;}/* 30.6 Voice Recording & Typing Indicator */ .chat-voice-notes{border-radius:16px !important;margin:8px 16px !important;padding:12px 18px !important;background:rgba(99,102,241,0.06) !important;border:1px solid rgba(99,102,241,0.15) !important;}body.night-mode .chat-voice-notes{background:rgba(99,102,241,0.12) !important;border-color:rgba(99,102,241,0.25) !important;}.chat-voice-notes .btn-voice-start{color:#6366f1 !important;font-weight:700 !important;cursor:pointer !important;}.chat-voice-notes .btn-voice-stop{color:#ef4444 !important;font-weight:700 !important;cursor:pointer !important;}.chat-typing{padding:8px 20px !important;font-size:12px !important;color:#64748b !important;font-style:italic !important;}/* 30.7 Floating Mini Chat Widget (.chat-widget.chat-box) - Image 2 Nexus Cyberpunk Glass Aesthetic */ .chat-widget.chat-box{width:380px !important;max-width:calc(100vw - 30px) !important;border-radius:28px !important;bottom:24px !important;right:24px !important;background:linear-gradient(180deg,rgba(14,18,38,0.95) 0%,rgba(9,12,28,0.98) 100%) !important;backdrop-filter:blur(32px) saturate(190%) !important;-webkit-backdrop-filter:blur(32px) saturate(190%) !important;border:1.5px solid rgba(139,92,246,0.42) !important;box-shadow:0 0 40px -5px rgba(124,58,237,0.4),0 25px 65px rgba(0,0,0,0.85),inset 0 1px 2px rgba(255,255,255,0.2) !important;overflow:hidden !important;z-index:9999 !important;position:fixed !important;}body.night-mode .chat-widget.chat-box{background:linear-gradient(180deg,rgba(14,18,38,0.95) 0%,rgba(9,12,28,0.98) 100%) !important;border-color:rgba(139,92,246,0.45) !important;}/* Neon Top Reflection Beam */ .chat-widget.chat-box::before{content:'' !important;position:absolute !important;top:0 !important;left:12% !important;right:12% !important;height:2px !important;background:linear-gradient(90deg,transparent,#818cf8,#c084fc,transparent) !important;z-index:10 !important;pointer-events:none !important;}/* Header */ .chat-widget-head{background:rgba(255,255,255,0.02) !important;padding:16px 20px !important;border-bottom:1px solid rgba(139,92,246,0.18) !important;border-radius:28px 28px 0 0 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;min-height:auto !important;}body.night-mode .chat-widget-head{background:rgba(255,255,255,0.02) !important;border-bottom:1px solid rgba(139,92,246,0.18) !important;}.chat-user-card{display:flex !important;align-items:center !important;text-decoration:none !important;}.chat-user-card .avatar{width:46px !important;height:46px !important;border-radius:50% !important;padding:2.5px !important;background:linear-gradient(135deg,#c084fc 0%,#38bdf8 100%) !important;box-shadow:0 0 14px rgba(192,132,252,0.6) !important;margin-right:12px !important;flex-shrink:0 !important;position:relative !important;}.chat-user-card .avatar img{width:100% !important;height:100% !important;border-radius:50% !important;object-fit:cover !important;}.chat-user-card .avatar .online-status{display:none !important;}.chat-user-card .name{display:flex !important;flex-direction:column !important;}.chat-user-card .name > span{font-size:16px !important;font-weight:700 !important;color:#ffffff !important;letter-spacing:-0.2px !important;line-height:1.25 !important;}body.night-mode .chat-user-card .name > span{color:#ffffff !important;}/* Online Sub-status */ .chat-sub-status{display:flex !important;align-items:center !important;gap:6px !important;margin-top:3px !important;}.chat-sub-status .status-dot{width:8px !important;height:8px !important;border-radius:50% !important;background:#22c55e !important;box-shadow:0 0 10px #22c55e !important;display:inline-block !important;}.chat-sub-status .status-text{color:#cbd5e1 !important;font-size:12px !important;font-weight:500 !important;line-height:1 !important;}/* Header Buttons */ .chat-head-btns{display:flex !important;align-items:center !important;gap:8px !important;}.chat-head-btn{width:36px !important;height:36px !important;border-radius:50% !important;background:rgba(255,255,255,0.08) !important;border:1px solid rgba(255,255,255,0.14) !important;color:#cbd5e1 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:0 !important;padding:0 !important;transition:all 0.2s ease !important;cursor:pointer !important;text-decoration:none !important;}body.night-mode .chat-head-btn{background:rgba(255,255,255,0.08) !important;border-color:rgba(255,255,255,0.14) !important;color:#cbd5e1 !important;}.chat-head-btn:hover{background:rgba(139,92,246,0.3) !important;border-color:rgba(139,92,246,0.6) !important;color:#ffffff !important;box-shadow:0 0 14px rgba(139,92,246,0.45) !important;transform:scale(1.08) !important;}.chat-head-btn svg,.chat-head-btn i{width:15px !important;height:15px !important;font-size:15px !important;fill:currentColor !important;color:currentColor !important;}/* Chat Body / Content */ .chat-widget-content{background:transparent !important;display:block !important;}body.night-mode .chat-widget-content{background:transparent !important;}/* Chat Body / Content */ .chat-widget-content{background:transparent !important;display:block !important;}body.night-mode .chat-widget-content{background:transparent !important;}.chat-widget .chat-conversations{background:transparent !important;padding:20px 22px 20px 18px !important;min-height:290px !important;}.chat-widget .conversation{margin-bottom:28px !important;clear:both !important;position:relative !important;}.chat-widget .conversation.right{padding-right:8px !important;float:right !important;width:100% !important;}.chat-widget .conversation.right .conversation-body{float:right !important;max-width:82% !important;position:relative !important;}/* Outgoing Messages - Image 2 Gradient */ .chat-widget .conversation.right .conversation-body .text,.panel-messages .conversation.right .conversation-body .text{background:linear-gradient(135deg,#6d58f5 0%,#8b5cf6 100%) !important;color:#ffffff !important;border-radius:20px 20px 4px 20px !important;padding:10px 18px !important;font-size:15px !important;font-weight:500 !important;letter-spacing:0.2px !important;line-height:1.45 !important;border:none !important;box-shadow:0 4px 20px rgba(109,88,245,0.45) !important;display:inline-block !important;word-break:break-word !important;float:right !important;text-align:left !important;}/* Incoming Messages */ .chat-widget .conversation:not(.right) .conversation-body .text,.panel-messages .conversation:not(.right) .conversation-body .text{background:rgba(30,41,59,0.8) !important;color:#f8fafc !important;border-radius:20px 20px 20px 4px !important;padding:10px 18px !important;font-size:15px !important;line-height:1.45 !important;border:1px solid rgba(255,255,255,0.1) !important;box-shadow:0 4px 14px rgba(0,0,0,0.25) !important;word-break:break-word !important;}/* Micro-metadata:Clock & Double Checkmarks - Clean static flow */ .chat-widget .conversation.right .time,.chat-widget .conversation.right .conversation-meta,.panel-messages .conversation.right .time,.panel-messages .conversation.right .conversation-meta{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:4px !important;margin-top:5px !important;clear:both !important;float:right !important;width:100% !important;position:static !important;white-space:nowrap !important;color:#94a3b8 !important;font-size:11.5px !important;font-weight:500 !important;text-align:right !important;}.chat-widget .conversation.right .time::before,.panel-messages .conversation.right .time::before{content:"\f017" !important;font-family:"Font Awesome 5 Free" !important;font-weight:400 !important;opacity:0.85 !important;font-size:11px !important;margin-right:2px !important;display:inline-block !important;}.chat-widget .conversation.right .time::after,.panel-messages .conversation.right .time::after{content:"✓✓" !important;display:inline-block !important;font-family:system-ui,-apple-system,sans-serif !important;font-weight:800 !important;color:#38bdf8 !important;letter-spacing:-2px !important;margin-left:6px !important;padding-left:2px !important;font-size:13px !important;text-shadow:0 0 6px rgba(56,189,248,0.7) !important;}.chat-widget .conversation.right .seen,.panel-messages .conversation.right .seen{display:none !important;}.chat-widget .conversation:not(.right) .time,.chat-widget .conversation:not(.right) .conversation-meta,.panel-messages .conversation:not(.right) .time,.panel-messages .conversation:not(.right) .conversation-meta{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:4px !important;margin-top:5px !important;clear:both !important;float:left !important;width:100% !important;position:static !important;white-space:nowrap !important;color:#94a3b8 !important;font-size:11.5px !important;font-weight:500 !important;}.chat-widget .conversation:not(.right) .time::before,.panel-messages .conversation:not(.right) .time::before{content:"\f017" !important;font-family:"Font Awesome 5 Free" !important;font-weight:400 !important;opacity:0.85 !important;font-size:11px !important;margin-right:2px !important;display:inline-block !important;}/* Composer / Input Area - Image 2 Nexus Bar */ .chat-widget .chat-form{background:transparent !important;border-top:1px solid rgba(139,92,246,0.16) !important;padding:12px 16px 8px !important;display:flex !important;align-items:center !important;gap:10px !important;border-radius:0 !important;}body.night-mode .chat-widget .chat-form{background:transparent !important;border-top-color:rgba(139,92,246,0.16) !important;}/* Plus Button on Left */ .chat-action-btn-circle{width:44px !important;height:44px !important;border-radius:50% !important;flex-shrink:0 !important;background:rgba(99,102,241,0.12) !important;border:1.5px solid rgba(139,92,246,0.4) !important;color:#cbd5e1 !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:18px !important;box-shadow:0 0 16px rgba(139,92,246,0.25) !important;cursor:pointer !important;transition:all 0.25s ease !important;}.chat-action-btn-circle:hover{background:rgba(139,92,246,0.3) !important;border-color:rgba(139,92,246,0.8) !important;color:#ffffff !important;box-shadow:0 0 20px rgba(139,92,246,0.5) !important;transform:scale(1.08) rotate(90deg) !important;}/* Capsule Input in Middle */ .chat-widget .chat-input-capsule,.panel-messages .chat-input-capsule{flex:1 1 auto !important;min-width:0 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;background:rgba(15,23,42,0.65) !important;border:1.5px solid rgba(99,102,241,0.35) !important;border-radius:28px !important;padding:0 12px 0 18px !important;box-shadow:inset 0 2px 4px rgba(0,0,0,0.35) !important;transition:all 0.25s ease !important;height:48px !important;overflow:hidden !important;}body.night-mode .chat-widget .chat-input-capsule,body.night-mode .panel-messages .chat-input-capsule{background:rgba(15,23,42,0.65) !important;border-color:rgba(99,102,241,0.35) !important;}.chat-widget .chat-input-capsule:focus-within,.panel-messages .chat-input-capsule:focus-within{background:rgba(15,23,42,0.88) !important;border-color:rgba(139,92,246,0.85) !important;box-shadow:0 0 16px rgba(139,92,246,0.35),inset 0 2px 4px rgba(0,0,0,0.35) !important;}/* Textarea wrapper inside Capsule */ .chat-widget .chat-form-message,.panel-messages .chat-form-message,.chat-input-capsule .chat-form-message{flex:1 1 auto !important;min-width:0 !important;width:auto !important;max-width:none !important;background:transparent !important;border:none !important;border-left:none !important;border-right:none !important;border-top:none !important;border-bottom:none !important;padding:0 !important;margin:0 !important;border-radius:0 !important;box-shadow:none !important;overflow:hidden !important;max-height:none !important;display:flex !important;align-items:center !important;height:100% !important;}body.night-mode .chat-widget .chat-form-message,body.night-mode .panel-messages .chat-form-message,body.night-mode .chat-input-capsule .chat-form-message,.chat-widget .chat-form-message:focus-within,.panel-messages .chat-form-message:focus-within,.chat-input-capsule .chat-form-message:focus-within,body.night-mode .chat-widget .chat-form-message:focus-within,body.night-mode .panel-messages .chat-form-message:focus-within,body.night-mode .chat-input-capsule .chat-form-message:focus-within{background:transparent !important;border:none !important;border-left:none !important;border-right:none !important;border-top:none !important;border-bottom:none !important;box-shadow:none !important;outline:none !important;}.chat-widget .chat-form-message textarea,.panel-messages .chat-form-message textarea{width:100% !important;min-width:0 !important;flex:1 1 auto !important;background:transparent !important;border:none !important;outline:none !important;color:#ffffff !important;font-size:14.5px !important;line-height:22px !important;height:22px !important;max-height:70px !important;padding:0 !important;margin:0 !important;resize:none !important;box-shadow:none !important;overflow-y:auto !important;scrollbar-width:none !important;}.chat-widget .chat-form-message textarea::-webkit-scrollbar,.panel-messages .chat-form-message textarea::-webkit-scrollbar{display:none !important;}.chat-widget .chat-form-message textarea::placeholder,.panel-messages .chat-form-message textarea::placeholder{color:rgba(148,163,184,0.65) !important;white-space:nowrap !important;}/* Inside Capsule Tool Icons */ .chat-widget .chat-input-capsule ul.x-form-tools,.panel-messages .chat-input-capsule ul.x-form-tools{display:flex !important;align-items:center !important;gap:8px !important;margin:0 !important;padding:0 0 0 8px !important;list-style:none !important;flex-shrink:0 !important;}.chat-widget .chat-input-capsule ul.x-form-tools > li,.panel-messages .chat-input-capsule ul.x-form-tools > li{width:28px !important;height:28px !important;padding:0 !important;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;}.chat-widget .chat-input-capsule ul.x-form-tools > li.x-form-tools-colors,.chat-widget .chat-input-capsule ul.x-form-tools > li.x-form-tools-monetize,.panel-messages .chat-input-capsule ul.x-form-tools > li.x-form-tools-colors,.panel-messages .chat-input-capsule ul.x-form-tools > li.x-form-tools-monetize{display:none !important;}.chat-widget .chat-input-capsule ul.x-form-tools i,.panel-messages .chat-input-capsule ul.x-form-tools i{color:#818cf8 !important;font-size:16px !important;transition:all 0.2s ease !important;}.chat-widget .chat-input-capsule ul.x-form-tools > li:hover i,.panel-messages .chat-input-capsule ul.x-form-tools > li:hover i{color:#ffffff !important;filter:drop-shadow(0 0 6px rgba(129,140,248,0.9)) !important;transform:scale(1.15) !important;}/* Send Button on Right */ .chat-btn-send{width:46px !important;height:46px !important;border-radius:50% !important;flex-shrink:0 !important;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%) !important;border:none !important;color:#ffffff !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 0 20px rgba(139,92,246,0.55),0 4px 12px rgba(99,102,241,0.4) !important;cursor:pointer !important;transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1) !important;pointer-events:auto !important;position:relative !important;z-index:20 !important;}.chat-btn-send i{font-size:18px !important;transform:translate(-1px,1px) !important;color:#ffffff !important;pointer-events:none !important;}.chat-btn-send:hover{transform:scale(1.1) !important;box-shadow:0 0 28px rgba(168,85,247,0.75),0 6px 18px rgba(99,102,241,0.5) !important;}/* Footer Tagline Branding */ .chat-widget-footer{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:4px 22px 14px !important;background:transparent !important;}.chat-footer-brand{color:#a5b4fc !important;font-weight:800 !important;letter-spacing:2px !important;text-transform:uppercase !important;display:flex !important;align-items:center !important;gap:5px !important;font-size:10.5px !important;}.chat-footer-brand .brand-arrow{color:#818cf8 !important;font-size:9px !important;}.chat-footer-tagline{color:rgba(148,163,184,0.5) !important;font-weight:600 !important;letter-spacing:1.5px !important;text-transform:uppercase !important;font-size:9px !important;}/* 30.8 Chat Floating Sidebar (.chat-sidebar) */ .chat-sidebar{border-left:1px solid var(--nexus-border,#e2e8f0) !important;background:var(--nexus-surface,#ffffff) !important;}body.night-mode .chat-sidebar{border-left-color:rgba(255,255,255,0.08) !important;background:#1e293b !important;}.chat-avatar-wrapper{padding:6px 0 !important;transition:transform 0.2s ease !important;}.chat-avatar-wrapper:hover{transform:scale(1.1) !important;}.chat-avatar img{border:2px solid rgba(255,255,255,0.8) !important;box-shadow:0 2px 8px rgba(0,0,0,0.1) !important;}.chat-sidebar .online-status.online{color:#10b981 !important;}/* 30.9 Empty State (.card-messages) */ .card.card-messages .btn-primary{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%) !important;border:none !important;padding:10px 26px !important;font-weight:700 !important;box-shadow:0 4px 16px rgba(99,102,241,0.35) !important;transition:all 0.25s ease !important;}.card.card-messages .btn-primary:hover{transform:translateY(-2px) !important;box-shadow:0 8px 24px rgba(99,102,241,0.5) !important;}/* ========================================================================== */ /* 31. NEXUS MODERN SIDEBAR WIDGETS SUITE */ /* ========================================================================== */ /* Generic Widget Card Base */ .nexus-widget{border-radius:var(--nexus-radius-xl,18px) !important;border:1px solid var(--nexus-border-subtle,rgba(255,255,255,0.08)) !important;background:var(--nexus-surface,rgba(15,23,42,0.65)) !important;backdrop-filter:blur(16px) saturate(160%) !important;-webkit-backdrop-filter:blur(16px) saturate(160%) !important;box-shadow:0 4px 20px -2px rgba(0,0,0,0.08) !important;transition:all 0.25s cubic-bezier(0.16,1,0.3,1) !important;overflow:hidden;position:relative;}body:not(.night-mode) .nexus-widget{background:#ffffff !important;border-color:rgba(226,232,240,0.9) !important;box-shadow:0 4px 18px rgba(0,0,0,0.04) !important;}.nexus-widget:hover{border-color:rgba(99,102,241,0.3) !important;box-shadow:0 8px 28px -4px rgba(99,102,241,0.12) !important;}/* 31.1 Daily Pulse & Greeting Widget */ .nexus-widget-pulse .nexus-pulse-ambient{position:absolute;top:0;left:0;right:0;height:90px;background:radial-gradient(circle at 15% -20%,rgba(99,102,241,0.25),transparent 70%);pointer-events:none;}.nexus-pulse-greeting{font-size:0.95rem;letter-spacing:-0.2px;color:var(--nexus-text-primary,#f8fafc);}body:not(.night-mode) .nexus-pulse-greeting{color:#0f172a !important;}.nexus-pulse-date{background:rgba(99,102,241,0.12) !important;color:#818cf8 !important;font-size:0.76rem !important;font-weight:600 !important;padding:4px 10px !important;border:1px solid rgba(99,102,241,0.2) !important;}.nexus-quote-box{position:relative;padding:10px 14px 10px 32px;background:rgba(255,255,255,0.03);border-radius:12px;border-left:3px solid #6366f1;}body:not(.night-mode) .nexus-quote-box{background:rgba(241,245,249,0.7);border-left-color:#4f46e5;}.nexus-quote-mark{position:absolute;left:10px;top:10px;color:#818cf8;font-size:0.82rem;opacity:0.7;}.nexus-quote-text{font-size:0.82rem;line-height:1.45;color:var(--nexus-text-secondary,#94a3b8);transition:all 0.25s ease;font-style:italic;padding-right:22px;}body:not(.night-mode) .nexus-quote-text{color:#475569 !important;}.nexus-quote-cycle{position:absolute;right:6px;bottom:6px;padding:3px 6px !important;color:#818cf8 !important;background:transparent !important;border:none !important;font-size:0.8rem;opacity:0.75;transition:all 0.3s ease !important;cursor:pointer;}.nexus-quote-cycle:hover{opacity:1;color:#a5b4fc !important;}.nexus-quote-cycle.rotating i{transform:rotate(360deg);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);}/* 31.2 Quick Actions Widget */ .nexus-hub-pill{background:rgba(99,102,241,0.12) !important;color:#818cf8 !important;font-size:0.72rem !important;font-weight:700 !important;padding:3px 9px !important;}.nexus-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}.nexus-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:11px 6px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:12px;text-decoration:none !important;transition:all 0.2s cubic-bezier(0.16,1,0.3,1) !important;cursor:pointer;color:inherit;}body:not(.night-mode) .nexus-action-btn{background:rgba(248,250,252,0.9);border-color:rgba(226,232,240,0.8);}.nexus-action-btn:hover{background:rgba(99,102,241,0.08) !important;border-color:rgba(99,102,241,0.35) !important;transform:translateY(-2px);box-shadow:0 4px 14px rgba(99,102,241,0.15);}.nexus-action-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;color:#ffffff;font-size:0.95rem;box-shadow:0 3px 10px rgba(0,0,0,0.15);transition:transform 0.2s ease;}.nexus-action-btn:hover .nexus-action-icon{transform:scale(1.08);}.nexus-action-label{font-size:0.72rem;font-weight:600;color:var(--nexus-text-primary,#e2e8f0);text-align:center;white-space:nowrap;}body:not(.night-mode) .nexus-action-label{color:#1e293b !important;}.bg-gradient-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8) !important;}.bg-gradient-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9) !important;}.bg-gradient-emerald{background:linear-gradient(135deg,#10b981,#047857) !important;}.bg-gradient-amber{background:linear-gradient(135deg,#f59e0b,#b45309) !important;}.bg-gradient-rose{background:linear-gradient(135deg,#f43f5e,#be123c) !important;}.bg-gradient-cyan{background:linear-gradient(135deg,#06b6d4,#0e7490) !important;}/* 31.3 Community Pulse & Stats Widget */ .nexus-pulse-radar{position:relative;display:inline-flex;width:14px;height:14px;align-items:center;justify-content:center;}.nexus-pulse-radar .radar-dot{width:8px;height:8px;background:#10b981;border-radius:50%;z-index:2;}.nexus-pulse-radar .radar-wave{position:absolute;width:14px;height:14px;border:2px solid #10b981;border-radius:50%;animation:nexusRadarPulse 2s infinite cubic-bezier(0.25,1,0.5,1);opacity:0.8;}@keyframes nexusRadarPulse{0%{transform:scale(0.6);opacity:1;}100%{transform:scale(1.8);opacity:0;}}.nexus-live-badge{background:rgba(16,185,129,0.12) !important;color:#10b981 !important;font-size:0.68rem !important;font-weight:700 !important;padding:3px 8px !important;border-radius:12px;letter-spacing:0.5px;border:1px solid rgba(16,185,129,0.25);}.nexus-live-badge .badge-dot{display:inline-block;width:6px;height:6px;background:#10b981;border-radius:50%;margin-right:4px;animation:nexusPulseDot 1.5s infinite;}@keyframes nexusPulseDot{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.4;transform:scale(0.8);}}.nexus-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}.nexus-stat-box{display:flex;align-items:center;gap:10px;padding:9px 12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:12px;transition:all 0.2s ease;}body:not(.night-mode) .nexus-stat-box{background:rgba(248,250,252,0.9);border-color:rgba(226,232,240,0.8);}.nexus-stat-box:hover{transform:translateY(-2px);border-color:rgba(255,255,255,0.15);}.stat-icon-wrapper{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:0.95rem;flex-shrink:0;}.stat-icon-wrapper.text-emerald{background:rgba(16,185,129,0.12);color:#10b981;}.stat-icon-wrapper.text-indigo{background:rgba(99,102,241,0.12);color:#818cf8;}.stat-icon-wrapper.text-amber{background:rgba(245,158,11,0.12);color:#f59e0b;}.stat-icon-wrapper.text-rose{background:rgba(244,63,94,0.12);color:#f43f5e;}.stat-number{font-size:1.05rem;font-weight:700;line-height:1.1;color:var(--nexus-text-primary,#f1f5f9);}body:not(.night-mode) .stat-number{color:#0f172a !important;}.stat-title{font-size:0.72rem;color:var(--nexus-text-muted,#94a3b8);font-weight:500;}/* 31.4 Creators Spotlight Widget */ .nexus-header-link{font-size:0.76rem !important;color:#818cf8 !important;font-weight:600 !important;text-decoration:none !important;transition:color 0.2s ease;}.nexus-header-link:hover{color:#a5b4fc !important;}.nexus-creators-list{display:flex;flex-direction:column;gap:8px;}.nexus-creator-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);border-radius:12px;transition:all 0.2s ease;}body:not(.night-mode) .nexus-creator-item{background:rgba(248,250,252,0.8);border-color:rgba(226,232,240,0.8);}.nexus-creator-item:hover{background:rgba(99,102,241,0.06);border-color:rgba(99,102,241,0.25);transform:translateX(3px);}.creator-avatar-wrap{position:relative;width:42px;height:42px;flex-shrink:0;}.creator-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #6366f1;}.creator-rank-dot{position:absolute;bottom:-2px;right:-2px;background:#1e1b4b;color:#a5b4fc;border:1.5px solid #6366f1;border-radius:50%;font-size:0.6rem;font-weight:700;width:17px;height:17px;display:flex;align-items:center;justify-content:center;}body:not(.night-mode) .creator-rank-dot{background:#e0e7ff;color:#4338ca;border-color:#4f46e5;}.creator-details{flex:1;min-width:0;display:flex;flex-direction:column;}.creator-name{font-weight:600;font-size:0.84rem;color:var(--nexus-text-primary,#e2e8f0);text-decoration:none !important;}body:not(.night-mode) .creator-name{color:#0f172a !important;}.creator-name:hover{color:#818cf8 !important;}.creator-handle{font-size:0.72rem;color:var(--nexus-text-muted,#94a3b8);}.creator-badge{font-size:0.68rem !important;padding:2px 6px !important;border-radius:6px !important;align-self:flex-start;margin-top:2px;}/* 31.5 Mobile App & PWA Promo Widget */ .nexus-widget-app .nexus-app-glow{position:absolute;top:-30px;left:20%;width:60%;height:100px;background:radial-gradient(circle,rgba(99,102,241,0.28),transparent 70%);pointer-events:none;}.nexus-app-icon-wrap{width:44px;height:44px;flex-shrink:0;}.nexus-app-icon{width:44px;height:44px;border-radius:12px;box-shadow:0 4px 14px rgba(99,102,241,0.25);object-fit:cover;}.nexus-app-title{color:var(--nexus-text-primary,#f8fafc);font-size:0.95rem;}body:not(.night-mode) .nexus-app-title{color:#0f172a !important;}.nexus-store-pill{font-size:0.72rem;font-weight:600;padding:3px 9px;border-radius:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);color:var(--nexus-text-secondary,#cbd5e1);}body:not(.night-mode) .nexus-store-pill{background:rgba(241,245,249,0.8);border-color:rgba(203,213,225,0.8);color:#334155;}.btn-nexus-install{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%) !important;border:none !important;font-weight:700 !important;font-size:0.84rem !important;padding:8px 16px !important;transition:all 0.25s cubic-bezier(0.16,1,0.3,1) !important;box-shadow:0 4px 16px rgba(99,102,241,0.35) !important;}.btn-nexus-install:hover{transform:translateY(-2px) !important;box-shadow:0 6px 22px rgba(99,102,241,0.5) !important;}/* ========================================================================== */ /* 32. NEXUS MODERN PROFILE DROPDOWN MENU */ /* ========================================================================== */ .nexus-user-dropdown,.footer-bottom-bar .nexus-user-dropdown{min-width:275px !important;max-width:480px !important;max-height:calc(100vh - 90px) !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;padding:12px 10px !important;border-radius:20px !important;background:#0f172a !important;background:rgba(15,23,42,0.98) !important;backdrop-filter:blur(24px) saturate(180%) !important;-webkit-backdrop-filter:blur(24px) saturate(180%) !important;border:1px solid rgba(255,255,255,0.12) !important;box-shadow:0 20px 50px -10px rgba(0,0,0,0.7),0 0 0 1px rgba(255,255,255,0.08) !important;margin:0 auto !important;margin-top:10px !important;display:none !important;z-index:1060 !important;}.nexus-user-dropdown.show,.footer-bottom-bar .nexus-user-dropdown.show,.link.show > .nexus-user-dropdown,.dropdown.show > .nexus-user-dropdown,.show > .nexus-user-dropdown{display:flex !important;flex-direction:column !important;gap:8px !important;animation:nexusDropdownFadeIn 0.2s cubic-bezier(0.16,1,0.3,1) !important;}@keyframes nexusDropdownFadeIn{from{opacity:0;}to{opacity:1;}}body:not(.night-mode) .nexus-user-dropdown,body:not(.night-mode) .footer-bottom-bar .nexus-user-dropdown{background:#ffffff !important;background:rgba(255,255,255,0.98) !important;border-color:rgba(226,232,240,0.95) !important;box-shadow:0 16px 36px -6px rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.04) !important;}/* Individual Option Card with Border */ .nexus-user-dropdown .dropdown-item,.nexus-user-dropdown a.dropdown-item,.nexus-user-dropdown div.dropdown-item,.footer-bottom-bar .nexus-user-dropdown .dropdown-item,.footer-bottom-bar .nexus-user-dropdown a.dropdown-item,.footer-bottom-bar .nexus-user-dropdown div.dropdown-item{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;height:50px !important;min-height:50px !important;max-height:50px !important;padding:0 14px !important;margin:0 !important;margin-bottom:0 !important;border-radius:14px !important;border:1px solid rgba(255,255,255,0.09) !important;background:rgba(30,41,59,0.6) !important;color:var(--nexus-text-primary,#e2e8f0) !important;font-size:0.88rem !important;font-weight:500 !important;text-decoration:none !important;transition:all 0.2s cubic-bezier(0.16,1,0.3,1) !important;cursor:pointer !important;width:100% !important;top:0 !important;box-shadow:none !important;text-align:left !important;box-sizing:border-box !important;flex-shrink:0 !important;}body:not(.night-mode) .nexus-user-dropdown .dropdown-item,body:not(.night-mode) .nexus-user-dropdown a.dropdown-item,body:not(.night-mode) .nexus-user-dropdown div.dropdown-item,body:not(.night-mode) .footer-bottom-bar .nexus-user-dropdown .dropdown-item,body:not(.night-mode) .footer-bottom-bar .nexus-user-dropdown a.dropdown-item,body:not(.night-mode) .footer-bottom-bar .nexus-user-dropdown div.dropdown-item{border:1px solid rgba(226,232,240,0.9) !important;background:#f8fafc !important;color:#1e293b !important;}/* Hide desktop-only shortcuts on mobile */ .nexus-user-dropdown .dropdown-item.d-none,.footer-bottom-bar .nexus-user-dropdown .dropdown-item.d-none{display:none !important;}@media (max-width:991px){.nexus-user-dropdown .dropdown-item.d-lg-flex,.footer-bottom-bar .nexus-user-dropdown .dropdown-item.d-lg-flex{display:none !important;}}/* Option Hover States */ .nexus-user-dropdown .dropdown-item:hover,.nexus-user-dropdown .dropdown-item:focus,.footer-bottom-bar .nexus-user-dropdown .dropdown-item:hover,.footer-bottom-bar .nexus-user-dropdown .dropdown-item:focus{border-color:rgba(99,102,241,0.45) !important;background:rgba(99,102,241,0.12) !important;color:#818cf8 !important;transform:translateX(4px) !important;box-shadow:0 4px 14px rgba(99,102,241,0.15) !important;}body:not(.night-mode) .nexus-user-dropdown .dropdown-item:hover,body:not(.night-mode) .nexus-user-dropdown .dropdown-item:focus,body:not(.night-mode) .footer-bottom-bar .nexus-user-dropdown .dropdown-item:hover,body:not(.night-mode) .footer-bottom-bar .nexus-user-dropdown .dropdown-item:focus{background:rgba(99,102,241,0.08) !important;border-color:rgba(99,102,241,0.35) !important;color:#4f46e5 !important;}/* 32.1 Profile Card (Top Option) */ .nexus-user-dropdown .nexus-user-card,.nexus-user-dropdown a.nexus-user-card,.footer-bottom-bar .nexus-user-dropdown .nexus-user-card,.footer-bottom-bar .nexus-user-dropdown a.nexus-user-card{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;padding:0 14px !important;border:1px solid rgba(99,102,241,0.3) !important;background:linear-gradient(135deg,rgba(99,102,241,0.12) 0%,rgba(168,85,247,0.06) 100%) !important;margin:0 !important;margin-bottom:0 !important;width:100% !important;height:60px !important;min-height:60px !important;max-height:60px !important;border-radius:16px !important;text-align:left !important;box-sizing:border-box !important;flex-shrink:0 !important;}body:not(.night-mode) .nexus-user-dropdown .nexus-user-card,body:not(.night-mode) .nexus-user-dropdown a.nexus-user-card,body:not(.night-mode) .footer-bottom-bar .nexus-user-dropdown .nexus-user-card,body:not(.night-mode) .footer-bottom-bar .nexus-user-dropdown a.nexus-user-card{border-color:rgba(99,102,241,0.25) !important;background:linear-gradient(135deg,rgba(238,242,255,0.9) 0%,rgba(243,232,255,0.6) 100%) !important;}.nexus-user-dropdown .nexus-user-card .user-avatar{width:40px !important;height:40px !important;border-radius:50% !important;object-fit:cover !important;border:2px solid #6366f1 !important;box-shadow:0 2px 8px rgba(99,102,241,0.3) !important;margin-right:12px !important;margin-bottom:0 !important;flex-shrink:0 !important;}.nexus-user-dropdown .nexus-user-card .user-info{flex:1 !important;min-width:0 !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;text-align:left !important;}.nexus-user-dropdown .nexus-user-card .user-name{font-weight:700 !important;font-size:0.94rem !important;color:var(--nexus-text-primary,#f8fafc) !important;line-height:1.2 !important;margin:0 !important;}body:not(.night-mode) .nexus-user-dropdown .nexus-user-card .user-name{color:#0f172a !important;}.nexus-user-dropdown .nexus-user-card .user-handle{font-size:0.76rem !important;color:#94a3b8 !important;margin:0 !important;}.nexus-user-dropdown .nexus-user-card .user-chevron{color:#818cf8 !important;font-size:0.82rem !important;margin-left:auto !important;transition:transform 0.2s ease !important;flex-shrink:0 !important;}.nexus-user-dropdown .nexus-user-card:hover .user-chevron{transform:translateX(3px) !important;}/* 32.2 Icon Wrappers */ .nexus-user-dropdown .nexus-item-icon{width:32px !important;height:32px !important;border-radius:8px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-right:12px !important;margin-bottom:0 !important;flex-shrink:0 !important;transition:transform 0.2s ease !important;}.nexus-user-dropdown .nexus-item-icon .main-icon,.nexus-user-dropdown .nexus-item-icon svg{width:18px !important;height:18px !important;}.nexus-user-dropdown .dropdown-item:hover .nexus-item-icon{transform:scale(1.1) !important;}.nexus-user-dropdown .nexus-item-text{font-weight:550 !important;font-size:0.88rem !important;letter-spacing:-0.1px !important;display:inline-block !important;margin:0 !important;text-align:left !important;white-space:nowrap !important;}/* Badges aligned to right */ .nexus-user-dropdown .badge,.nexus-user-dropdown .nexus-menu-badge,.footer-bottom-bar .nexus-user-dropdown .badge,.footer-bottom-bar .nexus-user-dropdown .nexus-menu-badge{margin-left:auto !important;flex-shrink:0 !important;}/* 32.3 Special Items */ .nexus-user-dropdown .nexus-item-pro{border-color:rgba(245,158,11,0.25) !important;background:rgba(245,158,11,0.05) !important;}.nexus-user-dropdown .nexus-item-pro:hover{border-color:rgba(245,158,11,0.55) !important;background:rgba(245,158,11,0.12) !important;color:#f59e0b !important;box-shadow:0 4px 14px rgba(245,158,11,0.2) !important;}.nexus-user-dropdown .nexus-item-admin{border-color:rgba(99,102,241,0.3) !important;}.nexus-user-dropdown .nexus-item-signout:hover{border-color:rgba(244,63,94,0.45) !important;background:rgba(244,63,94,0.12) !important;color:#f43f5e !important;box-shadow:0 4px 14px rgba(244,63,94,0.15) !important;}.nexus-user-dropdown .nexus-item-signout:hover .nexus-item-icon{background:rgba(244,63,94,0.25) !important;color:#f43f5e !important;}.nexus-user-dropdown .nexus-menu-badge{background:rgba(99,102,241,0.18) !important;color:#818cf8 !important;border:1px solid rgba(99,102,241,0.3) !important;font-size:0.74rem !important;font-weight:700 !important;padding:3px 9px !important;}body:not(.night-mode) .nexus-user-dropdown .nexus-menu-badge{background:rgba(99,102,241,0.1) !important;color:#4f46e5 !important;border-color:rgba(99,102,241,0.25) !important;}/* ========================================================================== */ /* 33. NEXUS MODERN NOTIFICATIONS & DROPDOWN WIDGETS */ /* ========================================================================== */ /* Dropdown Widget Container */ .nexus-dropdown-widget,.dropdown-widget{min-width:330px !important;max-width:calc(100vw - 20px) !important;max-height:calc(100vh - 90px) !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;padding:12px 10px !important;border-radius:20px !important;background:#0f172a !important;background:rgba(15,23,42,0.98) !important;backdrop-filter:blur(24px) saturate(180%) !important;-webkit-backdrop-filter:blur(24px) saturate(180%) !important;border:1px solid rgba(255,255,255,0.12) !important;box-shadow:0 20px 50px -10px rgba(0,0,0,0.7),0 0 0 1px rgba(255,255,255,0.08) !important;margin-top:10px !important;z-index:1060 !important;animation:nexusDropdownFadeIn 0.2s cubic-bezier(0.16,1,0.3,1) !important;}body:not(.night-mode) .nexus-dropdown-widget,body:not(.night-mode) .dropdown-widget{background:#ffffff !important;background:rgba(255,255,255,0.98) !important;border-color:rgba(226,232,240,0.95) !important;box-shadow:0 16px 36px -6px rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.04) !important;}/* Header */ .dropdown-widget .dropdown-widget-header{padding:4px 6px 10px 6px !important;background:transparent !important;border-bottom:1px solid rgba(255,255,255,0.08) !important;margin-bottom:8px !important;color:var(--nexus-text-primary,#f8fafc) !important;}body:not(.night-mode) .dropdown-widget .dropdown-widget-header{border-bottom-color:rgba(226,232,240,0.9) !important;color:#0f172a !important;}.dropdown-widget .dropdown-widget-header .title{font-size:0.95rem !important;font-weight:700 !important;letter-spacing:-0.2px !important;}/* Sound Toggle Switch */ .dropdown-widget .switch.sm{width:32px !important;height:18px !important;}.dropdown-widget .switch.sm .slider:before{height:14px !important;width:14px !important;left:2px !important;bottom:2px !important;}.dropdown-widget .switch.sm input:checked + .slider:before{transform:translateX(14px) !important;}.nexus-sound-label{font-size:0.76rem !important;font-weight:600 !important;}/* Notification Items as Individual Bordered Cards */ .dropdown-widget-body .feeds-item{display:block !important;margin:0 0 6px 0 !important;padding:0 !important;border:none !important;background:transparent !important;border-radius:14px !important;}.dropdown-widget-body .feeds-item:last-child{margin-bottom:0 !important;}.dropdown-widget-body .feeds-item .data-container{display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:12px !important;padding:10px 12px !important;border-radius:14px !important;border:1px solid rgba(255,255,255,0.09) !important;background:rgba(30,41,59,0.6) !important;color:var(--nexus-text-primary,#e2e8f0) !important;text-decoration:none !important;transition:all 0.2s cubic-bezier(0.16,1,0.3,1) !important;position:relative !important;box-sizing:border-box !important;}body:not(.night-mode) .dropdown-widget-body .feeds-item .data-container{border-color:rgba(226,232,240,0.9) !important;background:#f8fafc !important;color:#1e293b !important;}/* Unread Notification State */ .dropdown-widget-body .feeds-item.unread .data-container{background:rgba(99,102,241,0.08) !important;border-color:rgba(99,102,241,0.35) !important;}body:not(.night-mode) .dropdown-widget-body .feeds-item.unread .data-container{background:rgba(238,242,255,0.9) !important;border-color:rgba(99,102,241,0.35) !important;}/* Hover State */ .dropdown-widget-body .feeds-item:hover .data-container{border-color:rgba(99,102,241,0.5) !important;background:rgba(99,102,241,0.14) !important;transform:translateX(4px) !important;box-shadow:0 4px 16px rgba(99,102,241,0.18) !important;}body:not(.night-mode) .dropdown-widget-body .feeds-item:hover .data-container{background:rgba(99,102,241,0.08) !important;border-color:rgba(99,102,241,0.45) !important;color:#4338ca !important;}/* Notification Avatar */ .dropdown-widget-body .feeds-item .data-avatar{flex-shrink:0 !important;width:38px !important;height:38px !important;float:none !important;}.dropdown-widget-body .feeds-item .data-avatar img,.dropdown-widget-body .feeds-item .avatar-img{width:38px !important;height:38px !important;max-width:38px !important;max-height:38px !important;border-radius:50% !important;object-fit:cover !important;display:block !important;border:2px solid rgba(99,102,241,0.35) !important;box-shadow:0 2px 8px rgba(0,0,0,0.2) !important;transition:transform 0.2s ease !important;}.dropdown-widget-body .feeds-item:hover .avatar-img{transform:scale(1.08) !important;border-color:#6366f1 !important;}/* Notification Content */ .dropdown-widget-body .feeds-item .data-content{flex:1 1 auto !important;min-width:0 !important;font-size:0.84rem !important;line-height:1.4 !important;padding:0 !important;}.dropdown-widget-body .feeds-item .data-name-row{margin-bottom:2px !important;display:flex !important;align-items:center !important;gap:4px !important;}.dropdown-widget-body .feeds-item .name{font-weight:700 !important;font-size:0.88rem !important;color:var(--nexus-text-primary,#f8fafc) !important;}body:not(.night-mode) .dropdown-widget-body .feeds-item .name{color:#0f172a !important;}.dropdown-widget-body .feeds-item .data-message{color:var(--nexus-text-secondary,#94a3b8) !important;font-size:0.82rem !important;word-break:break-word !important;overflow-wrap:break-word !important;}body:not(.night-mode) .dropdown-widget-body .feeds-item .data-message{color:#475569 !important;}.dropdown-widget-body .feeds-item .time{font-size:0.72rem !important;color:#818cf8 !important;font-weight:500 !important;margin-top:4px !important;}.dropdown-widget-body .feeds-item .unread-dot{position:absolute !important;right:10px !important;top:14px !important;width:8px !important;height:8px !important;background:#6366f1 !important;border-radius:50% !important;box-shadow:0 0 8px #6366f1 !important;}/* Footer "See All" Button */ .dropdown-widget .dropdown-widget-footer,.dropdown-widget .btn-nexus-see-all{display:flex !important;align-items:center !important;justify-content:center !important;padding:9px 16px !important;margin-top:8px !important;border-radius:12px !important;font-weight:700 !important;font-size:0.85rem !important;border:1px solid rgba(99,102,241,0.3) !important;background:rgba(99,102,241,0.1) !important;color:#818cf8 !important;text-decoration:none !important;transition:all 0.2s cubic-bezier(0.16,1,0.3,1) !important;}body:not(.night-mode) .dropdown-widget .dropdown-widget-footer,body:not(.night-mode) .dropdown-widget .btn-nexus-see-all{background:rgba(99,102,241,0.08) !important;border-color:rgba(99,102,241,0.25) !important;color:#4f46e5 !important;}.dropdown-widget .dropdown-widget-footer:hover,.dropdown-widget .btn-nexus-see-all:hover{background:rgba(99,102,241,0.2) !important;color:#a5b4fc !important;border-color:rgba(99,102,241,0.55) !important;transform:translateY(-1px) !important;box-shadow:0 4px 14px rgba(99,102,241,0.25) !important;}body:not(.night-mode) .dropdown-widget .dropdown-widget-footer:hover,body:not(.night-mode) .dropdown-widget .btn-nexus-see-all:hover{background:#4f46e5 !important;color:#ffffff !important;}/* ========================================================================== */ /* 34. NEXUS MODERN CREATE QUICK ACTION DROPDOWN */ /* ========================================================================== */ /* Plus Toggle Button */ .nexus-create-toggle{transition:all 0.25s cubic-bezier(0.16,1,0.3,1) !important;background:rgba(255,255,255,0.05) !important;border:1px solid rgba(255,255,255,0.12) !important;}.nexus-create-toggle:hover,.dropdown.show .nexus-create-toggle{background:rgba(99,102,241,0.18) !important;border-color:rgba(99,102,241,0.5) !important;transform:scale(1.05) rotate(90deg) !important;box-shadow:0 0 16px rgba(99,102,241,0.4) !important;}body:not(.night-mode) .nexus-create-toggle{background:rgba(0,0,0,0.04) !important;border-color:rgba(0,0,0,0.08) !important;}body:not(.night-mode) .nexus-create-toggle:hover,body:not(.night-mode) .dropdown.show .nexus-create-toggle{background:rgba(99,102,241,0.12) !important;border-color:rgba(99,102,241,0.4) !important;}/* Dropdown Container */ .nexus-create-dropdown{min-width:250px !important;max-width:calc(100vw - 20px) !important;max-height:calc(100vh - 90px) !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;padding:10px !important;border-radius:20px !important;background:#0f172a !important;background:rgba(15,23,42,0.98) !important;backdrop-filter:blur(24px) saturate(180%) !important;-webkit-backdrop-filter:blur(24px) saturate(180%) !important;border:1px solid rgba(255,255,255,0.12) !important;box-shadow:0 20px 50px -10px rgba(0,0,0,0.7),0 0 0 1px rgba(255,255,255,0.08) !important;margin-top:10px !important;z-index:1060 !important;animation:nexusDropdownFadeIn 0.2s cubic-bezier(0.16,1,0.3,1) !important;}body:not(.night-mode) .nexus-create-dropdown{background:#ffffff !important;background:rgba(255,255,255,0.98) !important;border-color:rgba(226,232,240,0.95) !important;box-shadow:0 16px 36px -6px rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.04) !important;}/* Header */ .nexus-create-header{padding:4px 8px 8px 8px !important;margin-bottom:6px !important;border-bottom:1px solid rgba(255,255,255,0.08) !important;}body:not(.night-mode) .nexus-create-header{border-bottom-color:rgba(226,232,240,0.9) !important;}.nexus-create-title{font-size:0.76rem !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.6px !important;color:var(--nexus-text-muted,#94a3b8) !important;display:flex !important;align-items:center !important;gap:6px !important;}body:not(.night-mode) .nexus-create-title{color:#64748b !important;}/* Individual Option Cards with Border */ .nexus-create-dropdown .dropdown-item{display:flex !important;align-items:center !important;padding:8px 12px !important;margin-bottom:5px !important;border-radius:12px !important;border:1px solid rgba(255,255,255,0.08) !important;background:rgba(30,41,59,0.6) !important;color:var(--nexus-text-primary,#e2e8f0) !important;font-size:0.88rem !important;font-weight:500 !important;text-decoration:none !important;transition:all 0.2s cubic-bezier(0.16,1,0.3,1) !important;cursor:pointer !important;box-sizing:border-box !important;}body:not(.night-mode) .nexus-create-dropdown .dropdown-item{border:1px solid rgba(226,232,240,0.9) !important;background:#f8fafc !important;color:#1e293b !important;}/* Custom Scrollbars for Modern Dropdowns */ .nexus-user-dropdown::-webkit-scrollbar,.nexus-create-dropdown::-webkit-scrollbar,.nexus-dropdown-widget::-webkit-scrollbar,.dropdown-widget::-webkit-scrollbar{width:5px !important;}.nexus-user-dropdown::-webkit-scrollbar-track,.nexus-create-dropdown::-webkit-scrollbar-track,.nexus-dropdown-widget::-webkit-scrollbar-track,.dropdown-widget::-webkit-scrollbar-track{background:transparent !important;}.nexus-user-dropdown::-webkit-scrollbar-thumb,.nexus-create-dropdown::-webkit-scrollbar-thumb,.nexus-dropdown-widget::-webkit-scrollbar-thumb,.dropdown-widget::-webkit-scrollbar-thumb{background:rgba(99,102,241,0.4) !important;border-radius:10px !important;}.nexus-create-dropdown .dropdown-item:last-child{margin-bottom:0 !important;}/* Option Hover States */ .nexus-create-dropdown .dropdown-item:hover,.nexus-create-dropdown .dropdown-item:focus{border-color:rgba(99,102,241,0.45) !important;background:rgba(99,102,241,0.12) !important;color:#818cf8 !important;transform:translateX(4px) !important;box-shadow:0 4px 14px rgba(99,102,241,0.15) !important;}body:not(.night-mode) .nexus-create-dropdown .dropdown-item:hover,body:not(.night-mode) .nexus-create-dropdown .dropdown-item:focus{background:rgba(99,102,241,0.08) !important;border-color:rgba(99,102,241,0.35) !important;color:#4f46e5 !important;}/* Icon Containers */ .nexus-create-dropdown .nexus-item-icon{width:32px !important;height:32px !important;min-width:32px !important;border-radius:9px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-right:12px !important;flex-shrink:0 !important;transition:transform 0.2s cubic-bezier(0.16,1,0.3,1) !important;}.nexus-create-dropdown .nexus-item-icon .svg-container{display:flex !important;align-items:center !important;justify-content:center !important;line-height:0 !important;}.nexus-create-dropdown .dropdown-item:hover .nexus-item-icon{transform:scale(1.1) !important;}.nexus-create-dropdown .nexus-item-text{font-weight:550 !important;font-size:0.88rem !important;letter-spacing:-0.1px !important;}/* Soft Color Palette for Badges & Icons */ .bg-indigo-soft{background:rgba(99,102,241,0.15) !important;color:#818cf8 !important;}.bg-rose-soft{background:rgba(244,63,94,0.15) !important;color:#fb7185 !important;}.bg-purple-soft{background:rgba(168,85,247,0.15) !important;color:#c084fc !important;}.bg-amber-soft{background:rgba(245,158,11,0.15) !important;color:#fbbf24 !important;}.bg-emerald-soft{background:rgba(16,185,129,0.15) !important;color:#34d399 !important;}.bg-teal-soft{background:rgba(20,184,166,0.15) !important;color:#2dd4bf !important;}.bg-blue-soft{background:rgba(59,130,246,0.15) !important;color:#60a5fa !important;}.bg-sky-soft{background:rgba(14,165,233,0.15) !important;color:#38bdf8 !important;}.bg-violet-soft{background:rgba(139,92,246,0.15) !important;color:#a78bfa !important;}.bg-orange-soft{background:rgba(249,115,22,0.15) !important;color:#fb923c !important;}.bg-cyan-soft{background:rgba(6,182,212,0.15) !important;color:#22d3ee !important;}body:not(.night-mode) .bg-indigo-soft{background:rgba(99,102,241,0.1) !important;color:#4f46e5 !important;}body:not(.night-mode) .bg-rose-soft{background:rgba(244,63,94,0.1) !important;color:#e11d48 !important;}body:not(.night-mode) .bg-purple-soft{background:rgba(168,85,247,0.1) !important;color:#9333ea !important;}body:not(.night-mode) .bg-amber-soft{background:rgba(245,158,11,0.12) !important;color:#d97706 !important;}body:not(.night-mode) .bg-emerald-soft{background:rgba(16,185,129,0.1) !important;color:#059669 !important;}body:not(.night-mode) .bg-teal-soft{background:rgba(20,184,166,0.1) !important;color:#0d9488 !important;}body:not(.night-mode) .bg-blue-soft{background:rgba(59,130,246,0.1) !important;color:#2563eb !important;}body:not(.night-mode) .bg-sky-soft{background:rgba(14,165,233,0.1) !important;color:#0284c7 !important;}body:not(.night-mode) .bg-violet-soft{background:rgba(139,92,246,0.1) !important;color:#7c3aed !important;}body:not(.night-mode) .bg-orange-soft{background:rgba(249,115,22,0.1) !important;color:#ea580c !important;}body:not(.night-mode) .bg-cyan-soft{background:rgba(6,182,212,0.1) !important;color:#0891b2 !important;}/* ========================================================================== */ /* 35. NEXUS MODERN LATEST BLOGS CAROUSEL WIDGET */ /* ========================================================================== */ .nexus-blogs-card{border-radius:20px !important;background:var(--nexus-surface,#0f172a) !important;border:1px solid var(--nexus-border,rgba(255,255,255,0.08)) !important;box-shadow:0 10px 30px -5px rgba(0,0,0,0.3) !important;overflow:hidden !important;padding:14px 14px 12px 14px !important;margin-bottom:20px !important;transition:all 0.3s cubic-bezier(0.16,1,0.3,1) !important;}body:not(.night-mode) .nexus-blogs-card{background:#ffffff !important;border-color:rgba(226,232,240,0.9) !important;box-shadow:0 10px 25px -5px rgba(0,0,0,0.06) !important;}/* Header:Single Line Layout */ .nexus-blogs-header{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:12px !important;padding:0 2px !important;white-space:nowrap !important;gap:8px !important;}.nexus-blogs-title{display:flex !important;align-items:center !important;gap:8px !important;font-size:0.92rem !important;font-weight:700 !important;letter-spacing:-0.2px !important;color:var(--nexus-text-primary,#f8fafc) !important;white-space:nowrap !important;margin:0 !important;flex-shrink:0 !important;}body:not(.night-mode) .nexus-blogs-title{color:#0f172a !important;}.nexus-blogs-icon-wrap{width:26px !important;height:26px !important;border-radius:7px !important;background:rgba(99,102,241,0.15) !important;color:#818cf8 !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:0.8rem !important;flex-shrink:0 !important;}body:not(.night-mode) .nexus-blogs-icon-wrap{background:rgba(99,102,241,0.1) !important;color:#4f46e5 !important;}.nexus-see-all-pill{display:inline-flex !important;align-items:center !important;gap:4px !important;font-size:0.74rem !important;font-weight:600 !important;color:#818cf8 !important;text-decoration:none !important;padding:3px 9px !important;border-radius:20px !important;background:rgba(99,102,241,0.1) !important;border:1px solid rgba(99,102,241,0.2) !important;white-space:nowrap !important;flex-shrink:0 !important;transition:all 0.2s ease !important;}body:not(.night-mode) .nexus-see-all-pill{background:rgba(99,102,241,0.08) !important;border-color:rgba(99,102,241,0.25) !important;color:#4f46e5 !important;}.nexus-see-all-pill:hover{background:rgba(99,102,241,0.2) !important;color:#a5b4fc !important;border-color:rgba(99,102,241,0.45) !important;transform:translateX(2px) !important;}body:not(.night-mode) .nexus-see-all-pill:hover{background:#4f46e5 !important;color:#ffffff !important;}/* Blog Item */ .nexus-blog-item{display:flex !important;flex-direction:column !important;}/* Cover Image */ .nexus-blog-cover-wrapper{position:relative !important;border-radius:14px !important;overflow:hidden !important;aspect-ratio:16 / 9 !important;background:#1e293b !important;box-shadow:0 4px 12px rgba(0,0,0,0.2) !important;}.nexus-blog-cover-link{display:block !important;width:100% !important;height:100% !important;position:relative !important;overflow:hidden !important;}.nexus-blog-cover{width:100% !important;height:100% !important;background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1) !important;}.nexus-blog-cover-link:hover .nexus-blog-cover{transform:scale(1.05) !important;}.nexus-blog-cover-overlay{position:absolute !important;inset:0 !important;background:linear-gradient(to top,rgba(15,23,42,0.4) 0%,transparent 50%) !important;pointer-events:none !important;}/* Hover Navigation Buttons on Image */ .nexus-cover-nav-btn{position:absolute !important;top:50% !important;transform:translateY(-50%) !important;width:28px !important;height:28px !important;border-radius:50% !important;border:1px solid rgba(255,255,255,0.2) !important;background:rgba(15,23,42,0.7) !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;color:#ffffff !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:11px !important;opacity:0 !important;cursor:pointer !important;transition:all 0.25s cubic-bezier(0.16,1,0.3,1) !important;z-index:5 !important;padding:0 !important;}.nexus-blog-cover-wrapper:hover .nexus-cover-nav-btn{opacity:0.9 !important;}.nexus-cover-nav-btn:hover{opacity:1 !important;background:#6366f1 !important;border-color:#818cf8 !important;transform:translateY(-50%) scale(1.12) !important;box-shadow:0 0 10px rgba(99,102,241,0.5) !important;}.nexus-cover-nav-btn.prev{left:8px !important;}.nexus-cover-nav-btn.next{right:8px !important;}/* Title:Clean & Modern */ .nexus-blog-title{margin:10px 0 2px 0 !important;font-size:0.96rem !important;font-weight:700 !important;line-height:1.35 !important;letter-spacing:-0.2px !important;}.nexus-blog-title a{color:var(--nexus-text-primary,#f8fafc) !important;text-decoration:none !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;transition:color 0.2s ease !important;}body:not(.night-mode) .nexus-blog-title a{color:#0f172a !important;}.nexus-blog-title a:hover{color:#818cf8 !important;}body:not(.night-mode) .nexus-blog-title a:hover{color:#4f46e5 !important;}/* Carousel Indicators / Dots */ .nexus-carousel-dots{position:static !important;margin:8px 0 0 0 !important;display:flex !important;justify-content:center !important;align-items:center !important;gap:5px !important;}.nexus-carousel-dots button{width:5px !important;height:5px !important;border-radius:50% !important;border:none !important;background:rgba(255,255,255,0.25) !important;opacity:1 !important;padding:0 !important;transition:all 0.3s ease !important;box-sizing:content-box !important;}body:not(.night-mode) .nexus-carousel-dots button{background:rgba(0,0,0,0.2) !important;}.nexus-carousel-dots button.active{width:16px !important;border-radius:5px !important;background:#6366f1 !important;box-shadow:0 0 8px rgba(99,102,241,0.5) !important;}/* ========================================================================== */ /* 33. NEXUS MODERN PROFILE REDESIGN (CONCEPT V1) */ /* ========================================================================== */ /* Profile Header Wrapper */ .nexus-profile-header{position:relative !important;background:transparent !important;border-radius:24px !important;margin-bottom:20px !important;border:none !important;}/* 33.1 Cover Layout */ .nexus-profile-cover{position:relative !important;width:100% !important;height:220px !important;border-radius:24px !important;overflow:hidden !important;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%) !important;box-shadow:0 10px 30px -5px rgba(0,0,0,0.3) !important;}body:not(.night-mode) .nexus-profile-cover{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%) !important;box-shadow:0 10px 30px -5px rgba(0,0,0,0.08) !important;}@media (min-width:576px){.nexus-profile-cover{height:280px !important;}}@media (min-width:768px){.nexus-profile-cover{height:340px !important;}}@media (min-width:992px){.nexus-profile-cover{height:380px !important;}}.nexus-profile-cover img.js_position-cover-cropped{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}/* Edit Cover Glass Button (Image 2 Style) */ .nexus-edit-cover-btn-wrapper{position:absolute !important;bottom:16px !important;right:16px !important;top:auto !important;left:auto !important;z-index:20 !important;opacity:1 !important;}.nexus-edit-cover-btn{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:8px 18px !important;border-radius:50px !important;background:rgba(15,23,42,0.75) !important;backdrop-filter:blur(16px) saturate(180%) !important;-webkit-backdrop-filter:blur(16px) saturate(180%) !important;border:1px solid rgba(255,255,255,0.2) !important;color:#ffffff !important;font-size:0.88rem !important;font-weight:600 !important;cursor:pointer !important;transition:all 0.25s ease !important;box-shadow:0 8px 24px rgba(0,0,0,0.35) !important;}.nexus-edit-cover-btn:hover{background:rgba(15,23,42,0.92) !important;transform:translateY(-2px) !important;box-shadow:0 12px 30px rgba(0,0,0,0.5) !important;color:#ffffff !important;}body:not(.night-mode) .nexus-edit-cover-btn{background:rgba(255,255,255,0.9) !important;border:1px solid rgba(0,0,0,0.1) !important;color:#1e293b !important;box-shadow:0 6px 20px rgba(0,0,0,0.12) !important;}body:not(.night-mode) .nexus-edit-cover-btn:hover{background:#ffffff !important;box-shadow:0 10px 25px rgba(0,0,0,0.18) !important;color:#0f172a !important;}/* 33.2 Profile Info Card */ .nexus-profile-card{position:relative !important;background:rgba(15,23,42,0.95) !important;backdrop-filter:blur(24px) saturate(180%) !important;-webkit-backdrop-filter:blur(24px) saturate(180%) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:24px !important;box-shadow:0 16px 40px -10px rgba(0,0,0,0.6) !important;margin-top:-55px !important;margin-bottom:20px !important;padding:0 28px 26px 28px !important;z-index:10 !important;}body:not(.night-mode) .nexus-profile-card{background:#ffffff !important;border:1px solid rgba(226,232,240,0.95) !important;box-shadow:0 16px 36px -6px rgba(0,0,0,0.07),0 0 0 1px rgba(0,0,0,0.03) !important;}.nexus-profile-card-inner{display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:28px !important;}@media (max-width:767px){.nexus-profile-card{margin-top:-45px !important;padding:0 18px 22px 18px !important;border-radius:20px !important;}.nexus-profile-card-inner{flex-direction:column !important;align-items:center !important;text-align:center !important;gap:14px !important;}}/* 33.3 Profile Avatar (50% Overlapping Cover) */ .nexus-profile-avatar-wrap{position:relative !important;top:auto !important;left:auto !important;transform:none !important;width:148px !important;height:148px !important;margin-top:-74px !important;flex-shrink:0 !important;border-radius:50% !important;padding:4px !important;background:#0f172a !important;border:4px solid #0f172a !important;box-shadow:0 12px 32px rgba(0,0,0,0.5) !important;}body:not(.night-mode) .nexus-profile-avatar-wrap{background:#ffffff !important;border-color:#ffffff !important;box-shadow:0 12px 32px rgba(0,0,0,0.15) !important;}@media (max-width:767px){.nexus-profile-avatar-wrap{width:120px !important;height:120px !important;margin-top:-60px !important;margin-left:auto !important;margin-right:auto !important;}}.nexus-profile-avatar-wrap img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:50% !important;display:block !important;}/* Camera Badge on Avatar */ .nexus-avatar-camera-badge{position:absolute !important;bottom:4px !important;right:4px !important;top:auto !important;left:auto !important;width:36px !important;height:36px !important;border-radius:50% !important;background:#ef4444 !important;background:var(--nexus-primary,#6366f1) !important;border:2.5px solid #0f172a !important;color:#ffffff !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:13px !important;cursor:pointer !important;box-shadow:0 4px 14px rgba(0,0,0,0.4) !important;transition:transform 0.2s ease,background 0.2s ease !important;z-index:10 !important;opacity:1 !important;padding:0 !important;}body:not(.night-mode) .nexus-avatar-camera-badge{border-color:#ffffff !important;box-shadow:0 4px 12px rgba(99,102,241,0.35) !important;}.nexus-avatar-camera-badge:hover{transform:scale(1.1) !important;color:#ffffff !important;}/* 33.4 Profile Details (Name,Headline,Stats,Actions) */ .nexus-profile-details{flex:1 !important;min-width:0 !important;padding-top:18px !important;display:flex !important;flex-direction:column !important;gap:8px !important;}@media (max-width:767px){.nexus-profile-details{width:100% !important;padding-top:0 !important;align-items:center !important;gap:10px !important;}}/* Profile Name */ .nexus-profile-name-row{margin:0 !important;}.nexus-profile-name{font-size:1.65rem !important;font-weight:700 !important;line-height:1.25 !important;margin:0 !important;color:#f8fafc !important;display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:8px !important;}body:not(.night-mode) .nexus-profile-name{color:#0f172a !important;}.nexus-profile-name a{color:inherit !important;text-decoration:none !important;}@media (max-width:767px){.nexus-profile-name{font-size:1.4rem !important;justify-content:center !important;}}.nexus-custom-group-badge{font-size:12px !important;padding:4px 10px !important;border-radius:20px !important;font-weight:600 !important;}/* Headline / Bio (Image 2 Style) */ .nexus-profile-headline{font-size:0.92rem !important;color:#94a3b8 !important;font-weight:400 !important;line-height:1.45 !important;max-width:680px !important;}body:not(.night-mode) .nexus-profile-headline{color:#64748b !important;}@media (max-width:767px){.nexus-profile-headline{font-size:0.86rem !important;text-align:center !important;}}/* 33.5 Beautiful Profile Statistics (Image 2 Green Box) */ .nexus-profile-stats{display:flex !important;align-items:center !important;gap:28px !important;margin-top:4px !important;padding:8px 0 !important;}@media (max-width:767px){.nexus-profile-stats{justify-content:center !important;gap:24px !important;width:100% !important;border-top:1px solid rgba(255,255,255,0.08) !important;border-bottom:1px solid rgba(255,255,255,0.08) !important;padding:10px 0 !important;}body:not(.night-mode) .nexus-profile-stats{border-top-color:rgba(226,232,240,0.8) !important;border-bottom-color:rgba(226,232,240,0.8) !important;}}.nexus-stat-item{display:flex !important;flex-direction:column !important;align-items:flex-start !important;text-decoration:none !important;cursor:pointer !important;transition:transform 0.2s ease !important;}@media (max-width:767px){.nexus-stat-item{align-items:center !important;}}.nexus-stat-item:hover{transform:translateY(-2px) !important;}.nexus-stat-number{font-size:1.25rem !important;font-weight:700 !important;color:#f8fafc !important;line-height:1.2 !important;letter-spacing:-0.01em !important;transition:color 0.2s ease !important;}body:not(.night-mode) .nexus-stat-number{color:#0f172a !important;}.nexus-stat-item:hover .nexus-stat-number{color:var(--nexus-primary,#6366f1) !important;}.nexus-stat-label{font-size:0.82rem !important;font-weight:500 !important;color:#94a3b8 !important;margin-top:2px !important;}body:not(.night-mode) .nexus-stat-label{color:#64748b !important;}/* 33.6 Modern Action Buttons (Image 2 Style) */ .nexus-profile-actions{display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:10px !important;margin-top:6px !important;}@media (max-width:767px){.nexus-profile-actions{justify-content:center !important;width:100% !important;gap:8px !important;}}.nexus-btn-action{display:inline-flex !important;align-items:center !important;justify-content:center !important;height:40px !important;padding:0 20px !important;border-radius:50px !important;font-size:0.88rem !important;font-weight:600 !important;text-decoration:none !important;transition:all 0.25s cubic-bezier(0.16,1,0.3,1) !important;border:none !important;cursor:pointer !important;box-sizing:border-box !important;}/* Primary Action Button (e.g. Add Friend / Confirm) */ .nexus-btn-primary{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%) !important;background:var(--nexus-primary,#ef4444) !important;color:#ffffff !important;box-shadow:0 4px 14px rgba(239,68,68,0.35) !important;}.nexus-btn-primary:hover{transform:translateY(-2px) !important;box-shadow:0 6px 20px rgba(239,68,68,0.5) !important;color:#ffffff !important;}/* Secondary Action Button (e.g. Message,Decline,Cancel) */ .nexus-btn-secondary{background:rgba(255,255,255,0.08) !important;color:#e2e8f0 !important;border:1px solid rgba(255,255,255,0.12) !important;}body:not(.night-mode) .nexus-btn-secondary{background:#f1f5f9 !important;color:#1e293b !important;border-color:#e2e8f0 !important;}.nexus-btn-secondary:hover{background:rgba(255,255,255,0.16) !important;transform:translateY(-2px) !important;color:#ffffff !important;}body:not(.night-mode) .nexus-btn-secondary:hover{background:#e2e8f0 !important;color:#0f172a !important;}/* Friends Button (Already Friends) */ .nexus-btn-friends{background:rgba(16,185,129,0.14) !important;color:#10b981 !important;border:1px solid rgba(16,185,129,0.3) !important;}.nexus-btn-friends:hover{background:rgba(239,68,68,0.15) !important;color:#ef4444 !important;border-color:rgba(239,68,68,0.3) !important;transform:translateY(-2px) !important;}/* Icon / More Options Button (...) */ .nexus-btn-icon{width:40px !important;height:40px !important;padding:0 !important;border-radius:50% !important;background:rgba(255,255,255,0.08) !important;color:#e2e8f0 !important;border:1px solid rgba(255,255,255,0.12) !important;}body:not(.night-mode) .nexus-btn-icon{background:#f1f5f9 !important;color:#1e293b !important;border-color:#e2e8f0 !important;}.nexus-btn-icon:hover{background:rgba(255,255,255,0.16) !important;transform:translateY(-2px) !important;color:#ffffff !important;}body:not(.night-mode) .nexus-btn-icon:hover{background:#e2e8f0 !important;color:#0f172a !important;}/* 33.7 Responsive Navigation Tabs (Image 2 Style) */ .nexus-profile-tabs{background:rgba(15,23,42,0.95) !important;backdrop-filter:blur(24px) saturate(180%) !important;-webkit-backdrop-filter:blur(24px) saturate(180%) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:20px !important;box-shadow:0 10px 30px rgba(0,0,0,0.35) !important;padding:6px 8px !important;margin-bottom:24px !important;}body:not(.night-mode) .nexus-profile-tabs{background:#ffffff !important;border:1px solid rgba(226,232,240,0.95) !important;box-shadow:0 8px 24px rgba(0,0,0,0.05) !important;}.nexus-profile-tabs-scroller{display:flex !important;align-items:center !important;gap:4px !important;overflow-x:auto !important;scrollbar-width:none !important;-ms-overflow-style:none !important;-webkit-overflow-scrolling:touch !important;padding:2px !important;}.nexus-profile-tabs-scroller::-webkit-scrollbar{display:none !important;}.nexus-profile-tabs-scroller a{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:10px 18px !important;border-radius:12px !important;font-size:0.9rem !important;font-weight:500 !important;color:#94a3b8 !important;text-decoration:none !important;white-space:nowrap !important;transition:all 0.2s ease !important;border:1px solid transparent !important;flex-shrink:0 !important;}body:not(.night-mode) .nexus-profile-tabs-scroller a{color:#64748b !important;}.nexus-profile-tabs-scroller a:hover{color:var(--nexus-primary,#6366f1) !important;background:rgba(255,255,255,0.05) !important;}body:not(.night-mode) .nexus-profile-tabs-scroller a:hover{background:#f8fafc !important;}.nexus-profile-tabs-scroller a.active{background:rgba(239,68,68,0.12) !important;background:var(--nexus-primary-light,rgba(99,102,241,0.12)) !important;color:#ef4444 !important;color:var(--nexus-primary,#6366f1) !important;border:1px solid rgba(99,102,241,0.25) !important;font-weight:600 !important;border-bottom:1px solid rgba(99,102,241,0.25) !important;}/* ========================================================================== 34. MODERN CREATE POST PUBLISHER (CONCEPT V1) - THEME MATCHED ========================================================================== */ .publisher.nexus-publisher,#publisher-box.nexus-publisher{background:#ffffff !important;border-radius:20px !important;padding:22px 24px !important;box-shadow:0 10px 30px rgba(15,23,42,0.05) !important;border:1px solid rgba(226,232,240,0.9) !important;margin-bottom:24px !important;position:relative !important;transition:all 0.25s cubic-bezier(0.16,1,0.3,1) !important;overflow:hidden !important;}body.night-mode .publisher.nexus-publisher,body.night-mode #publisher-box.nexus-publisher{background:#131b2e !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 10px 35px rgba(0,0,0,0.45) !important;}/* Header */ .nexus-publisher-header{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:16px !important;padding-bottom:2px !important;}.nexus-publisher-title{font-size:1.15rem !important;font-weight:700 !important;color:#0f172a !important;margin:0 !important;letter-spacing:-0.2px !important;}body.night-mode .nexus-publisher-title{color:#f8fafc !important;}.nexus-publisher-header .btn-close{width:32px !important;height:32px !important;border-radius:50% !important;background-color:#f1f5f9 !important;opacity:0.8 !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;transition:all 0.2s ease !important;border:none !important;}.nexus-publisher-header .btn-close:hover{background-color:#e2e8f0 !important;opacity:1 !important;transform:rotate(90deg) !important;}body.night-mode .nexus-publisher-header .btn-close{background-color:#1e293b !important;filter:invert(1) grayscale(100%) brightness(200%) !important;}/* Message & Input area */ .nexus-publisher-message{display:flex !important;align-items:flex-start !important;gap:14px !important;margin-bottom:12px !important;padding:0 !important;border:none !important;background:transparent !important;position:relative !important;z-index:10 !important;pointer-events:auto !important;}.nexus-publisher-avatar-wrap{flex-shrink:0 !important;}.nexus-publisher-avatar-wrap .publisher-avatar{width:48px !important;height:48px !important;border-radius:50% !important;object-fit:cover !important;box-shadow:0 2px 8px rgba(0,0,0,0.08) !important;border:2px solid #ffffff !important;margin:0 !important;}body.night-mode .nexus-publisher-avatar-wrap .publisher-avatar{border-color:#1e293b !important;}.nexus-publisher-input-box{flex:1 !important;position:relative !important;z-index:10 !important;pointer-events:auto !important;background:#f8fafc !important;border:1px solid rgba(226,232,240,0.9) !important;border-radius:16px !important;padding:12px 16px !important;min-height:85px !important;cursor:text !important;transition:all 0.2s ease !important;}body.night-mode .nexus-publisher-input-box{background:#182238 !important;border-color:rgba(255,255,255,0.07) !important;}.nexus-publisher-input-box:focus-within{background:#ffffff !important;border-color:#6366f1 !important;box-shadow:0 0 0 4px rgba(99,102,241,0.12) !important;}body.night-mode .nexus-publisher-input-box:focus-within{background:#141d30 !important;border-color:#818cf8 !important;box-shadow:0 0 0 4px rgba(99,102,241,0.22) !important;}.nexus-publisher-input-box .quill-editor,.nexus-publisher-input-box textarea{border:none !important;box-shadow:none !important;background:transparent !important;padding:0 !important;margin:0 !important;font-size:15px !important;line-height:1.55 !important;color:#0f172a !important;width:100% !important;min-height:60px !important;resize:none !important;position:relative !important;z-index:11 !important;pointer-events:auto !important;}.nexus-publisher-input-box .quill-editor .ql-editor{min-height:60px !important;padding:0 !important;font-size:15px !important;line-height:1.55 !important;color:inherit !important;outline:none !important;position:relative !important;z-index:11 !important;pointer-events:auto !important;}body.night-mode .nexus-publisher-input-box .quill-editor,body.night-mode .nexus-publisher-input-box textarea,body.night-mode .nexus-publisher-input-box .ql-editor{color:#f8fafc !important;}.nexus-publisher-input-box textarea::placeholder,.nexus-publisher-input-box .ql-editor.ql-blank::before{color:#94a3b8 !important;font-style:normal !important;font-size:15px !important;opacity:0.9 !important;left:0 !important;right:0 !important;}body.night-mode .nexus-publisher-input-box textarea::placeholder,body.night-mode .nexus-publisher-input-box .ql-editor.ql-blank::before{color:#64748b !important;}.nexus-input-expand-icon{position:absolute !important;top:12px !important;right:14px !important;color:#94a3b8 !important;font-size:13px !important;pointer-events:none !important;opacity:0.65 !important;}/* Quick Action Bar */ .nexus-publisher-quick-bar{display:flex !important;align-items:center !important;gap:12px !important;margin-bottom:16px !important;flex-wrap:wrap !important;padding-left:62px !important;position:relative !important;z-index:10 !important;}@media (max-width:576px){.nexus-publisher-quick-bar{padding-left:0 !important;}}.nexus-privacy-pill .nexus-privacy-btn{background:#f1f5f9 !important;border:1px solid #e2e8f0 !important;border-radius:20px !important;padding:6px 14px !important;font-size:13px !important;font-weight:600 !important;color:#475569 !important;display:inline-flex !important;align-items:center !important;gap:7px !important;box-shadow:none !important;line-height:1.2 !important;transition:all 0.2s ease !important;}.nexus-privacy-pill .nexus-privacy-btn:hover{background:#e2e8f0 !important;color:#0f172a !important;}body.night-mode .nexus-privacy-pill .nexus-privacy-btn{background:rgba(99,102,241,0.12) !important;border-color:rgba(99,102,241,0.25) !important;color:#c7d2fe !important;}body.night-mode .nexus-privacy-pill .nexus-privacy-btn:hover{background:rgba(99,102,241,0.2) !important;color:#ffffff !important;}.nexus-quick-icons{display:flex !important;align-items:center !important;gap:8px !important;}.nexus-quick-icon-btn{width:36px !important;height:36px !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:#f8f9fa !important;border:1px solid rgba(226,232,240,0.8) !important;cursor:pointer !important;transition:all 0.2s cubic-bezier(0.16,1,0.3,1) !important;font-size:15px !important;text-decoration:none !important;padding:0 !important;outline:none !important;}.nexus-quick-icon-btn:hover{background:#eef2ff !important;border-color:rgba(99,102,241,0.3) !important;transform:scale(1.1) translateY(-1px) !important;box-shadow:0 4px 10px rgba(99,102,241,0.15) !important;}body.night-mode .nexus-quick-icon-btn{background:#182238 !important;border-color:rgba(255,255,255,0.08) !important;}body.night-mode .nexus-quick-icon-btn:hover{background:#232e4a !important;border-color:rgba(99,102,241,0.4) !important;box-shadow:0 4px 10px rgba(0,0,0,0.3) !important;}/* 2-Column Grid Tiles */ .nexus-publisher-grid-wrap{margin-top:10px !important;margin-bottom:16px !important;border:none !important;padding:0 !important;background:transparent !important;}.nexus-publisher-grid{list-style:none !important;padding:0 !important;margin:0 -5px !important;}.nexus-publisher-grid li{padding:5px !important;}.nexus-tile{background:#f8f9fa !important;border:1px solid rgba(226,232,240,0.8) !important;border-radius:12px !important;padding:10px 16px !important;display:flex !important;align-items:center !important;gap:12px !important;cursor:pointer !important;text-decoration:none !important;height:48px !important;transition:all 0.2s cubic-bezier(0.16,1,0.3,1) !important;box-sizing:border-box !important;position:relative !important;overflow:hidden !important;}body.night-mode .nexus-tile{background:#182238 !important;border-color:rgba(255,255,255,0.07) !important;}.nexus-tile:hover{background:#f1f5f9 !important;border-color:rgba(99,102,241,0.25) !important;transform:translateY(-1px) !important;box-shadow:0 4px 14px rgba(15,23,42,0.04) !important;}body.night-mode .nexus-tile:hover{background:#202b45 !important;border-color:rgba(99,102,241,0.35) !important;box-shadow:0 4px 14px rgba(0,0,0,0.3) !important;}.nexus-tile.active,.nexus-tile.activated{border-color:#6366f1 !important;background:rgba(99,102,241,0.08) !important;}body.night-mode .nexus-tile.active,body.night-mode .nexus-tile.activated{border-color:#818cf8 !important;background:rgba(99,102,241,0.2) !important;}.nexus-tile-icon{font-size:18px !important;width:22px !important;text-align:center !important;flex-shrink:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;}.nexus-tile-label{font-size:13.5px !important;font-weight:600 !important;color:#334155 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;flex:1 !important;}body.night-mode .nexus-tile-label{color:#e2e8f0 !important;}.nexus-badge-new{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%) !important;color:#ffffff !important;font-size:10px !important;font-weight:700 !important;padding:2px 7px !important;border-radius:4px !important;margin-left:auto !important;letter-spacing:0.4px !important;text-transform:uppercase !important;line-height:1.2 !important;box-shadow:0 2px 6px rgba(99,102,241,0.35) !important;}/* Primary Action Button (Send) - Theme Indigo Gradient */ .nexus-publisher-send-wrapper{margin-top:18px !important;width:100% !important;}.nexus-publisher-send-btn{width:100% !important;height:48px !important;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%) !important;border:none !important;border-radius:12px !important;color:#ffffff !important;font-size:16px !important;font-weight:700 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;box-shadow:0 6px 20px rgba(99,102,241,0.35) !important;cursor:pointer !important;transition:all 0.2s cubic-bezier(0.16,1,0.3,1) !important;letter-spacing:0.2px !important;}.nexus-publisher-send-btn:hover{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%) !important;box-shadow:0 8px 25px rgba(99,102,241,0.5) !important;transform:translateY(-1px) !important;color:#ffffff !important;}.nexus-publisher-send-btn:active{transform:translateY(1px) !important;box-shadow:0 2px 8px rgba(99,102,241,0.25) !important;}.nexus-publisher-send-btn i{font-size:15px !important;}/* Publisher Tools Tabs & Nexus Tile Styling Overrides */ .publisher.nexus-publisher .publisher-tools-tab:after,.publisher.nexus-publisher .nexus-tile:after{display:none !important;content:none !important;}.publisher.nexus-publisher .publisher-tools-tab.disabled{opacity:0.45 !important;cursor:not-allowed !important;pointer-events:none !important;}/* Strict File Uploader Containment - prevent transparent file inputs from covering text areas */ form.x-uploader,.x-uploader{position:relative !important;overflow:hidden !important;}.publisher.nexus-publisher .publisher-tools-tab.attach{position:relative !important;overflow:hidden !important;}.publisher.nexus-publisher .publisher-tools-tab.attach form.x-uploader{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;opacity:0 !important;cursor:pointer !important;z-index:10 !important;margin:0 !important;padding:0 !important;border:none !important;background:transparent !important;overflow:hidden !important;}.publisher.nexus-publisher .publisher-tools-tab.attach form.x-uploader input[type="file"]{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;opacity:0 !important;cursor:pointer !important;font-size:100px !important;z-index:11 !important;margin:0 !important;padding:0 !important;border:none !important;}/* Hide duplicate bottom privacy dropdown when top quick bar is rendered */ .publisher.nexus-publisher .publisher-footer-buttons .btn-group:not(.nexus-privacy-pill){display:none !important;}.publisher.nexus-publisher .publisher-footer-buttons{border-top:none !important;padding-top:0 !important;margin-top:0 !important;}