.menu .app-brand.demo {height: 64px;margin-top: 12px;}.app-brand-logo.demo svg {width: 22px;height: 38px;}.app-brand-text.demo {font-size: 1.75rem;letter-spacing: -0.5px;text-transform: lowercase;}.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {padding-top: 76px !important;}.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {padding-top: 64px !important;}.content-wrapper .navbar {z-index: auto;}.demo-blocks > * {display: block !important;}.demo-inline-spacing > * {margin: 1rem 0.375rem 0 0 !important;}.demo-vertical-spacing > * {margin-top: 1rem !important;margin-bottom: 0 !important;}.demo-vertical-spacing.demo-only-element > :first-child {margin-top: 0 !important;}.demo-vertical-spacing-lg > * {margin-top: 1.875rem !important;margin-bottom: 0 !important;}.demo-vertical-spacing-lg.demo-only-element > :first-child {margin-top: 0 !important;}.demo-vertical-spacing-xl > * {margin-top: 5rem !important;margin-bottom: 0 !important;}.demo-vertical-spacing-xl.demo-only-element > :first-child {margin-top: 0 !important;}.rtl-only {display: none !important;text-align: left !important;direction: ltr !important;}[dir='rtl'] .rtl-only {display: block !important;}.layout-demo-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-top: 1rem;}.layout-demo-placeholder img {width: 900px;}.layout-demo-info {text-align: center;margin-top: 1rem;}.navbar-logo {height: 140px;}.website-name {font-size: 1.65rem;font-weight: bold;color: black !important;}@media (min-width: 1200px) {.navbar-logo {display: none;}}.chat-container {display: flex;flex-direction: column;height: 78vh;overflow: hidden;position:sticky;background-color: #fff;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}.chat-main {display: flex;flex-direction: column;flex: 1;overflow: hidden;}.chat-header {padding: 15px;background-color: #007bff;color: white;font-size: 1.2rem;font-weight: bold;display: flex;align-items: center;justify-content: space-between;}.chat-header .status {font-size: 0.9rem;font-weight: normal;opacity: 0.8;}.chat-body {flex: 1;padding: 15px;overflow-y: auto;background-color: #f1f1f1;}.message-row {display: flex;margin-bottom: 15px;}.message-row.user {justify-content: flex-end;}.message-bubble {max-width: 60%;padding: 10px 15px;border-radius: 15px;font-size: 0.9rem;line-height: 1.4;position: relative;}.message-row.user .message-bubble {background-color: #007bff;color: white;border-top-right-radius: 0;}.message-row.user .message-bubble::after {right: -10px;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #007bff;}.message-row.bot .message-bubble {background-color: #e9ecef;color: #333;border-top-left-radius: 0;}.message-row.bot .message-bubble::after {left: -10px;border-width: 5px 10px 5px 0;border-color: transparent #e9ecef transparent transparent;}.chat-footer {padding: 10px;border-top: 1px solid #ddd;display: flex;align-items: center;background-color: white;}.chat-footer input {flex: 1;margin-right: 10px;border-radius: 20px;padding: 10px 15px;}.chat-footer button {border-radius: 50%;padding: 8px 12px;}@media (min-width: 768px) {.chat-container {flex-direction: row;}.chat-main {width: 100%;}}@media (max-width: 767px) {.chat-header {font-size: 1rem;}.chat-body {padding: 10px;}}.menu-inner {position: relative;max-height: 90vh;overflow-y: auto;overflow-x: hidden;padding-right: 10px;transition: all 0.3s ease;}.menu-inner::-webkit-scrollbar {width: 8px;}html {scroll-behavior: smooth;}