aizek-chatbot 1.0.28 → 1.0.29

package/dist/index.css

@@ -1,1852 +0,0 @@
-@charset "UTF-8";
-
-/* src/styles/index.scss */
-.message-container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-.message-container.user {
-  align-items: flex-end;
-}
-.message-container.assistant {
-  align-items: flex-start;
-}
-.message-bubble {
-  max-width: 80%;
-  padding: 12px 16px;
-  margin-bottom: 8px;
-  word-wrap: break-word;
-  line-height: 1.4;
-  font-size: 14px;
-  position: relative;
-}
-.message-bubble.user {
-  border-radius: 18px 18px 4px 18px;
-  background:
-    linear-gradient(
-      135deg,
-      #667eea 0%,
-      #764ba2 100%);
-  color: #ffffff;
-  margin-left: auto;
-  margin-right: 0;
-}
-.message-bubble.assistant {
-  border-radius: 18px 18px 18px 4px;
-  background: #f8fafc;
-  color: #334155;
-  border: 1px solid #e2e8f0;
-  margin-left: 0;
-  margin-right: auto;
-}
-.message-bubble .message-typing-indicator {
-  display: inline-flex;
-  align-items: center;
-  margin-left: 8px;
-}
-.message-time {
-  font-size: 11px;
-  opacity: 0.7;
-  margin-top: 4px;
-}
-.message-time.user {
-  text-align: right;
-}
-.message-time.assistant {
-  text-align: left;
-}
-.markdown-content {
-  line-height: 1.6;
-  word-break: break-word;
-}
-.markdown-content + .generative-ui-container {
-  margin-top: 16px;
-}
-.markdown-content p {
-  margin: 0 0 12px 0;
-  line-height: 1.6;
-}
-.markdown-content p:last-child {
-  margin-bottom: 0;
-}
-.markdown-content p:first-child {
-  margin-top: 0;
-}
-.markdown-content a {
-  color: #667eea;
-  text-decoration: none;
-  transition: all 0.15s ease;
-  font-weight: 500;
-  border-bottom: 1px solid transparent;
-}
-.markdown-content a:hover {
-  color: #764ba2;
-  border-bottom-color: #764ba2;
-}
-.markdown-content ul,
-.markdown-content ol {
-  margin: 12px 0;
-  padding-left: 20px;
-}
-.markdown-content ul {
-  list-style: none;
-  padding-left: 0;
-}
-.markdown-content ol {
-  list-style: decimal;
-}
-.markdown-content li {
-  margin-bottom: 8px;
-  line-height: 1.6;
-  position: relative;
-  padding-left: 20px;
-}
-.markdown-content li:last-child {
-  margin-bottom: 0;
-}
-.markdown-content li::before {
-  content: "\2022";
-  position: absolute;
-  left: 0;
-  color: #667eea;
-  font-weight: bold;
-  font-size: 16px;
-}
-.markdown-content li ul,
-.markdown-content li ol {
-  margin-top: 4px;
-  margin-bottom: 4px;
-}
-.markdown-content ol li {
-  padding-left: 0;
-}
-.markdown-content ol li::before {
-  content: none;
-}
-.markdown-content code {
-  background: rgba(102, 126, 234, 0.1);
-  color: #764ba2;
-  padding: 2px 6px;
-  border-radius: 4px;
-  font-family:
-    "Monaco",
-    "Menlo",
-    "Ubuntu Mono",
-    "Courier New",
-    monospace;
-  font-size: 0.9em;
-  border: 1px solid rgba(102, 126, 234, 0.2);
-}
-.markdown-content pre {
-  background: #f8fafc;
-  padding: 12px 16px;
-  border-radius: 8px;
-  overflow-x: auto;
-  margin: 12px 0;
-  border: 1px solid #e2e8f0;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-}
-.markdown-content pre code {
-  background: none;
-  padding: 0;
-  border: none;
-  color: #1e293b;
-  font-size: 12px;
-  line-height: 1.5;
-}
-.markdown-content strong,
-.markdown-content b {
-  font-weight: 600;
-  color: inherit;
-}
-.markdown-content em,
-.markdown-content i {
-  font-style: italic;
-}
-.markdown-content h1,
-.markdown-content h2,
-.markdown-content h3,
-.markdown-content h4,
-.markdown-content h5,
-.markdown-content h6 {
-  margin: 16px 0 8px 0;
-  font-weight: 600;
-  line-height: 1.4;
-  color: inherit;
-}
-.markdown-content h1:first-child,
-.markdown-content h2:first-child,
-.markdown-content h3:first-child,
-.markdown-content h4:first-child,
-.markdown-content h5:first-child,
-.markdown-content h6:first-child {
-  margin-top: 0;
-}
-.markdown-content h1 {
-  font-size: 18px;
-  border-bottom: 2px solid #e2e8f0;
-  padding-bottom: 8px;
-}
-.markdown-content h2 {
-  font-size: 16px;
-}
-.markdown-content h3 {
-  font-size: 15px;
-}
-.markdown-content h4,
-.markdown-content h5,
-.markdown-content h6 {
-  font-size: 14px;
-}
-.markdown-content blockquote {
-  border-left: 3px solid #667eea;
-  padding-left: 12px;
-  margin: 12px 0;
-  color: inherit;
-  opacity: 0.9;
-  font-style: italic;
-  background: rgba(102, 126, 234, 0.05);
-  padding: 8px 12px;
-  border-radius: 0 4px 4px 0;
-}
-.markdown-content blockquote p {
-  margin: 0;
-}
-.markdown-content hr {
-  border: none;
-  border-top: 1px solid #e2e8f0;
-  margin: 16px 0;
-}
-.markdown-content table {
-  border-collapse: collapse;
-  width: 100%;
-  margin: 12px 0;
-  font-size: 12px;
-  border-radius: 8px;
-  overflow: hidden;
-  border: 1px solid #e2e8f0;
-}
-.markdown-content th,
-.markdown-content td {
-  padding: 10px 12px;
-  text-align: left;
-  border-bottom: 1px solid #e2e8f0;
-}
-.markdown-content th {
-  background: #f1f5f9;
-  font-weight: 600;
-  color: #1e293b;
-  border-bottom: 2px solid #cbd5e1;
-}
-.markdown-content tr:last-child td {
-  border-bottom: none;
-}
-.markdown-content tbody tr {
-  transition: background-color 0.15s ease;
-}
-.markdown-content tbody tr:hover {
-  background-color: rgba(102, 126, 234, 0.05);
-}
-.markdown-content img {
-  max-width: 100%;
-  height: auto;
-  border-radius: 8px;
-  margin: 8px 0;
-}
-.markdown-content input[type=checkbox] {
-  margin-right: 6px;
-}
-.message-bubble.user .markdown-content {
-  color: #ffffff;
-}
-.message-bubble.user .markdown-content a {
-  color: #ffffff;
-  border-bottom-color: rgba(255, 255, 255, 0.4);
-  font-weight: 600;
-}
-.message-bubble.user .markdown-content a:hover {
-  border-bottom-color: #ffffff;
-}
-.message-bubble.user .markdown-content li::before {
-  color: #ffffff;
-}
-.message-bubble.user .markdown-content code {
-  background: rgba(255, 255, 255, 0.2);
-  color: #ffffff;
-  border-color: rgba(255, 255, 255, 0.3);
-}
-.message-bubble.user .markdown-content pre {
-  background: rgba(255, 255, 255, 0.1);
-  border-color: rgba(255, 255, 255, 0.2);
-}
-.message-bubble.user .markdown-content pre code {
-  color: #ffffff;
-}
-.message-bubble.user .markdown-content h1 {
-  border-bottom-color: rgba(255, 255, 255, 0.3);
-}
-.message-bubble.user .markdown-content blockquote {
-  border-left-color: #ffffff;
-  background: rgba(255, 255, 255, 0.1);
-  color: #ffffff;
-}
-.message-bubble.user .markdown-content hr {
-  border-top-color: rgba(255, 255, 255, 0.3);
-}
-.message-bubble.user .markdown-content table {
-  border-color: rgba(255, 255, 255, 0.3);
-}
-.message-bubble.user .markdown-content th,
-.message-bubble.user .markdown-content td {
-  border-bottom-color: rgba(255, 255, 255, 0.2);
-}
-.message-bubble.user .markdown-content th {
-  background: rgba(255, 255, 255, 0.15);
-  color: #ffffff;
-  border-bottom-color: rgba(255, 255, 255, 0.3);
-}
-.message-bubble.user .markdown-content tbody tr:hover {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-.message-bubble.assistant .markdown-content {
-  color: #334155;
-}
-.message-bubble.assistant .markdown-content a {
-  color: #667eea;
-}
-.message-bubble.assistant .markdown-content a:hover {
-  color: #764ba2;
-}
-.message-bubble.assistant .markdown-content li::before {
-  color: #667eea;
-}
-.message-bubble.assistant .markdown-content code {
-  background: rgba(102, 126, 234, 0.1);
-  color: #764ba2;
-  border-color: rgba(102, 126, 234, 0.2);
-}
-.message-bubble.assistant .markdown-content pre {
-  background: #ffffff;
-  border-color: #e2e8f0;
-}
-.message-bubble.assistant .markdown-content pre code {
-  color: #1e293b;
-}
-.message-bubble.assistant .markdown-content h1,
-.message-bubble.assistant .markdown-content h2,
-.message-bubble.assistant .markdown-content h3,
-.message-bubble.assistant .markdown-content h4,
-.message-bubble.assistant .markdown-content h5,
-.message-bubble.assistant .markdown-content h6 {
-  color: #1e293b;
-}
-.message-bubble.assistant .markdown-content h1 {
-  border-bottom-color: #e2e8f0;
-}
-.message-bubble.assistant .markdown-content strong,
-.message-bubble.assistant .markdown-content b {
-  color: #0f172a;
-}
-.message-bubble.assistant .markdown-content blockquote {
-  border-left-color: #667eea;
-  background: rgba(102, 126, 234, 0.05);
-  color: #334155;
-}
-.message-bubble.assistant .markdown-content th {
-  background: #f1f5f9;
-  color: #1e293b;
-}
-.message-bubble.assistant .markdown-content tbody tr:hover {
-  background-color: rgba(102, 126, 234, 0.05);
-}
-.input-container {
-  display: flex;
-  align-items: flex-end;
-  gap: 12px;
-  padding: 16px;
-  background: #ffffff;
-  border-top: 1px solid #e2e8f0;
-  border-radius: 0 0 12px 12px;
-}
-.textarea {
-  flex: 1;
-  min-height: 44px;
-  max-height: 120px;
-  padding: 12px 16px;
-  border: 1px solid #e2e8f0;
-  border-radius: 22px;
-  font-size: 14px;
-  line-height: 1.4;
-  resize: none;
-  outline: none;
-  transition: border-color 0.2s ease, box-shadow 0.2s ease;
-  font-family: inherit;
-  background: #f8fafc;
-  color: #334155;
-}
-.textarea:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-.textarea:focus:not(:disabled) {
-  border-color: #3b82f6;
-  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
-}
-.send-button {
-  width: 44px;
-  height: 44px;
-  border-radius: 50%;
-  border: none;
-  color: #ffffff;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: all 0.2s ease;
-  font-size: 16px;
-}
-.send-button:disabled {
-  background: #e2e8f0;
-  cursor: not-allowed;
-}
-.send-button:not(:disabled) {
-  background:
-    linear-gradient(
-      135deg,
-      #667eea 0%,
-      #764ba2 100%);
-}
-.send-button:not(:disabled):hover {
-  transform: scale(1.05);
-}
-.header {
-  padding: 16px 20px;
-  color: #ffffff;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-.logo-container {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  background: rgba(255, 255, 255, 0.2);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 18px;
-  overflow: hidden;
-}
-.logo-image {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  border-radius: 50%;
-}
-.logo-text {
-  font-size: 16px;
-  font-weight: bold;
-}
-.company-name {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 600;
-}
-.status-text {
-  margin: 0;
-  font-size: 12px;
-  opacity: 0.8;
-}
-.session-bar {
-  margin-left: auto;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px;
-  background: rgba(255, 255, 255, 0.1);
-  border-radius: 8px;
-  backdrop-filter: blur(8px);
-}
-.session-tab {
-  position: relative;
-  padding: 8px 12px;
-  border-radius: 8px;
-  font-size: 11px;
-  font-weight: 500;
-  color: #ffffff;
-  background: rgba(255, 255, 255, 0.1);
-  border: 1px solid rgba(255, 255, 255, 0.15);
-  cursor: pointer;
-  transition: all 0.2s ease;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  min-width: 60px;
-  max-width: 100px;
-  text-align: center;
-}
-.session-tab:hover {
-  background: rgba(255, 255, 255, 0.2);
-  border-color: rgba(255, 255, 255, 0.3);
-  transform: translateY(-1px);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-}
-.session-tab:active {
-  transform: translateY(0);
-}
-.session-tab.active {
-  background: rgba(255, 255, 255, 0.25);
-  border-color: rgba(255, 255, 255, 0.4);
-  box-shadow: 0 2px 12px rgba(255, 255, 255, 0.2);
-  font-weight: 600;
-}
-.session-tab.active::before {
-  content: "";
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 60%;
-  height: 2px;
-  background: #ffffff;
-  border-radius: 4px 4px 0 0;
-}
-.session-tab:not(.active) {
-  opacity: 0.7;
-}
-.session-new-button {
-  padding: 8px 12px;
-  border-radius: 8px;
-  font-size: 11px;
-  font-weight: 600;
-  color: #ffffff;
-  background: rgba(255, 255, 255, 0.15);
-  border: 1px solid rgba(255, 255, 255, 0.2);
-  cursor: pointer;
-  transition: all 0.2s ease;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 50px;
-  position: relative;
-  overflow: hidden;
-}
-.session-new-button::before {
-  content: "";
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 0;
-  height: 0;
-  border-radius: 50%;
-  background: rgba(255, 255, 255, 0.3);
-  transform: translate(-50%, -50%);
-  transition: width 0.4s ease, height 0.4s ease;
-}
-.session-new-button:hover:not(:disabled) {
-  background: rgba(255, 255, 255, 0.25);
-  border-color: rgba(255, 255, 255, 0.35);
-  transform: translateY(-1px);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-}
-.session-new-button:hover:not(:disabled)::before {
-  width: 100px;
-  height: 100px;
-}
-.session-new-button:active:not(:disabled) {
-  transform: translateY(0);
-}
-.session-new-button:disabled {
-  opacity: 0.4;
-  cursor: not-allowed;
-  background: rgba(255, 255, 255, 0.05);
-  border-color: rgba(255, 255, 255, 0.1);
-}
-.session-new-button span {
-  position: relative;
-  z-index: 1;
-}
-.button-sizes.small {
-  width: 50px;
-  height: 50px;
-  font-size: 20px;
-}
-.button-sizes.medium {
-  width: 60px;
-  height: 60px;
-  font-size: 24px;
-}
-.button-sizes.large {
-  width: 70px;
-  height: 70px;
-  font-size: 28px;
-}
-.floating-button {
-  position: fixed;
-  bottom: 20px;
-  border-radius: 50%;
-  border: none;
-  color: #ffffff;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  transition: all 0.3s ease;
-  z-index: 1000;
-}
-.floating-button.bottom-left {
-  left: 20px;
-}
-.floating-button.bottom-right {
-  right: 20px;
-}
-.floating-button.is-open {
-  transform: scale(0.9);
-}
-.floating-button:hover {
-  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
-}
-.chat-container {
-  position: fixed;
-  bottom: 90px;
-  z-index: 9999999;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.chat-container.bottom-left {
-  left: 20px;
-  transform-origin: bottom left;
-}
-.chat-container.bottom-right {
-  right: 20px;
-  transform-origin: bottom right;
-}
-.chat-container.is-open {
-  transform: translateY(0) scale(1);
-  opacity: 1;
-  visibility: visible;
-}
-.chat-container:not(.is-open) {
-  transform: translateY(20px) scale(0.95);
-  opacity: 0;
-  visibility: hidden;
-}
-.overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.1);
-  z-index: 998;
-  transition: all 0.3s ease;
-}
-.overlay.is-open {
-  opacity: 1;
-  visibility: visible;
-}
-.overlay:not(.is-open) {
-  opacity: 0;
-  visibility: hidden;
-}
-.chatbot-container {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background: #ffffff;
-  border-radius: 12px;
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  border: 1px solid #e2e8f0;
-  overflow: hidden;
-}
-.messages-container {
-  flex: 1;
-  overflow-y: auto;
-  padding: 12px;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  background: #f8fafc;
-  min-height: 0;
-}
-.empty-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  color: #64748b;
-  text-align: center;
-  padding: 40px 20px;
-}
-.empty-state .empty-state-icon {
-  font-size: 48px;
-  margin-bottom: 16px;
-}
-.empty-state .empty-state-title {
-  margin: 0 0 8px 0;
-  font-size: 14px;
-}
-.empty-state .empty-state-description {
-  margin: 0;
-  font-size: 14px;
-  opacity: 0.8;
-}
-.chat-content {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  background: #f8fafc;
-  min-height: 0;
-}
-.home-panel {
-  padding: 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  width: 100%;
-  max-width: 100%;
-  height: 100%;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-}
-.info-panel {
-  padding: 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.panel-title {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 650;
-  color: #0f172a;
-}
-.panel-subtitle {
-  margin: 0;
-  color: #475569;
-  line-height: 1.4;
-  font-size: 14px;
-}
-.eyebrow {
-  margin: 0;
-  font-size: 11px;
-  letter-spacing: 0.3px;
-  text-transform: uppercase;
-  color: #64748b;
-}
-.home-actions {
-  display: flex;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-.primary-button {
-  padding: 8px 12px;
-  border-radius: 10px;
-  border: none;
-  background:
-    linear-gradient(
-      135deg,
-      #667eea 0%,
-      #764ba2 100%);
-  color: #ffffff;
-  font-weight: 600;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-  font-size: 12px;
-}
-.primary-button:hover {
-  transform: translateY(-1px);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-}
-.primary-button:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-.ghost-button {
-  padding: 8px 12px;
-  border-radius: 10px;
-  border: 1px solid #e2e8f0;
-  background: #ffffff;
-  color: #334155;
-  font-weight: 600;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  font-size: 12px;
-}
-.ghost-button:hover {
-  background: #f1f5f9;
-}
-.conversation-list {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 16px;
-  min-height: 0;
-}
-.list-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.list-header .panel-title {
-  font-size: 14px;
-  font-weight: 700;
-}
-.conversation-items {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.conversation-item {
-  width: 100%;
-  border: 1px solid #e2e8f0;
-  border-radius: 12px;
-  background: #ffffff;
-  padding: 10px 12px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  text-align: left;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-}
-.conversation-item:hover {
-  border-color: #cbd5e1;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-  transform: translateY(-0.5px);
-}
-.conversation-item.active {
-  border-color: #2563eb;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-}
-.conversation-meta {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.conversation-title {
-  margin: 0;
-  font-weight: 600;
-  color: #0f172a;
-  font-size: 12px;
-}
-.conversation-sub {
-  margin: 0;
-  font-size: 11px;
-  color: #64748b;
-}
-.conversation-pill {
-  padding: 6px 10px;
-  background: #f1f5f9;
-  color: #334155;
-  border-radius: 999px;
-  font-size: 11px;
-  font-weight: 700;
-}
-.empty-list {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  background: #ffffff;
-  border: 1px dashed #cbd5e1;
-  border-radius: 8px;
-  padding: 32px 16px;
-  text-align: center;
-  color: #64748b;
-}
-.empty-list .empty-state-icon {
-  font-size: 32px;
-  margin-bottom: 10px;
-}
-.empty-list .empty-state-title {
-  font-size: 12px;
-  font-weight: 600;
-  margin-bottom: 4px;
-  color: #1e293b;
-}
-.empty-list .empty-state-description {
-  font-size: 12px;
-  max-width: 260px;
-  margin: 0;
-  color: #64748b;
-}
-.conversation-detail {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  background: #f8fafc;
-  min-height: 0;
-}
-.detail-header {
-  display: grid;
-  grid-template-columns: 44px 1fr auto;
-  align-items: center;
-  padding: 10px 10px;
-  background: rgba(255, 255, 255, 0.88);
-  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
-  backdrop-filter: blur(10px);
-  gap: 8px;
-}
-.detail-title {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-.detail-header-left {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-}
-.detail-header-center {
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-.detail-header-right {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.detail-avatar {
-  width: 32px;
-  height: 32px;
-  border-radius: 10px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  color: #334155;
-  background:
-    linear-gradient(
-      180deg,
-      rgba(241, 245, 249, 0.9),
-      rgba(226, 232, 240, 0.7));
-  border: 1px solid rgba(203, 213, 225, 0.9);
-  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
-  flex: 0 0 auto;
-}
-.detail-title-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  min-width: 0;
-}
-.detail-title-text {
-  font-size: 12px;
-  font-weight: 750;
-  color: #0f172a;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 210px;
-}
-.detail-subtitle {
-  margin: 0;
-  font-size: 11px;
-  color: #64748b;
-  line-height: 1.2;
-}
-.status-dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 999px;
-  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.12);
-  flex: 0 0 auto;
-}
-.status-dot.online {
-  background: #10b981;
-}
-.status-dot.typing {
-  background: #f59e0b;
-  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.14);
-}
-.icon-button {
-  width: 36px;
-  height: 36px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 12px;
-  border: 1px solid rgba(226, 232, 240, 0.95);
-  background: rgba(255, 255, 255, 0.9);
-  color: #334155;
-  cursor: pointer;
-  transition:
-    transform 0.15s ease,
-    box-shadow 0.15s ease,
-    background 0.15s ease,
-    border-color 0.15s ease;
-  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
-}
-.icon-button:hover:not(:disabled) {
-  background: #ffffff;
-  border-color: rgba(203, 213, 225, 0.95);
-  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
-  transform: translateY(-0.5px);
-}
-.icon-button:active:not(:disabled) {
-  transform: translateY(0);
-  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
-}
-.icon-button:disabled {
-  opacity: 0.45;
-  cursor: not-allowed;
-}
-.icon-button.danger {
-  color: #dc2626;
-}
-.info-list {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.info-list li {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 10px 12px;
-  background: #ffffff;
-  border: 1px solid #e2e8f0;
-  border-radius: 8px;
-  font-size: 12px;
-}
-.info-list li span {
-  color: #64748b;
-}
-.bottom-nav {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  background: #ffffff;
-  border-top: 1px solid #e2e8f0;
-  padding: 6px;
-  gap: 6px;
-}
-.nav-button {
-  padding: 8px 10px;
-  border: 1px solid transparent;
-  border-radius: 12px;
-  background: #f1f5f9;
-  color: #334155;
-  font-weight: 600;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  font-size: 12px;
-}
-.nav-button.active {
-  background:
-    linear-gradient(
-      135deg,
-      #667eea 0%,
-      #764ba2 100%);
-  color: #ffffff;
-  border-color: transparent;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-}
-.nav-button:hover {
-  transform: translateY(-0.5px);
-}
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-.loading-spinner {
-  width: 16px;
-  height: 16px;
-  border: 2px solid transparent;
-  border-top: 2px solid currentColor;
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-}
-@keyframes slideDown {
-  from {
-    opacity: 0;
-    transform: translateY(-10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-.alert-container {
-  border-radius: 12px;
-  padding: 14px 16px;
-  margin: 12px 16px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
-  color: #ffffff;
-  font-size: 13px;
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  position: relative;
-  animation: slideDown 0.3s ease ease-out;
-}
-.alert-container.error {
-  background:
-    linear-gradient(
-      135deg,
-      #ef4444 0%,
-      #dc2626 100%);
-  border: 1px solid #dc2626;
-  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);
-}
-.alert-container.warning {
-  background:
-    linear-gradient(
-      135deg,
-      #f59e0b 0%,
-      #d97706 100%);
-  border: 1px solid #d97706;
-  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.2);
-}
-.alert-container.success {
-  background:
-    linear-gradient(
-      135deg,
-      #10b981 0%,
-      #059669 100%);
-  border: 1px solid #059669;
-  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);
-}
-.alert-icon-container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  flex-shrink: 0;
-  margin-top: 2px;
-}
-.alert-content {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.alert-title {
-  font-weight: 600;
-  font-size: 14px;
-  margin: 0;
-  line-height: 1.4;
-}
-.alert-message {
-  margin: 0;
-  line-height: 1.5;
-  opacity: 0.95;
-}
-.alert-list {
-  margin: 8px 0 0 0;
-  padding-left: 20px;
-  list-style: none;
-}
-.alert-list-item {
-  margin-bottom: 4px;
-  position: relative;
-  padding-left: 12px;
-  line-height: 1.4;
-}
-.alert-list-item li > span {
-  position: "absolute";
-  left: 0;
-  top: 2px;
-  font-weight: bold;
-}
-.alert-list-item li > code {
-  background: rgba(255, 255, 255, 0.2);
-  padding: 2px 6px;
-  border-radius: 4px;
-  font-size: 12px;
-}
-.alert-close-button {
-  position: absolute;
-  top: 12px;
-  right: 12px;
-  background: rgba(255, 255, 255, 0.2);
-  border: none;
-  border-radius: 6px;
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  color: #ffffff;
-  transition: all 0.2s ease;
-  padding: 0;
-}
-.alert-close-button:hover {
-  background: rgba(255, 255, 255, 0.3);
-}
-.ui-renderer {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  width: 100%;
-}
-.form-component {
-  width: 100%;
-  max-width: 500px;
-  border: 1px solid #e0e0e0;
-  border-radius: 12px;
-  padding: 24px;
-  background-color: #ffffff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-  font-family:
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    sans-serif;
-}
-.form-title {
-  font-weight: 600;
-  font-size: 16px;
-  margin-bottom: 20px;
-  color: #1a1a1a;
-  margin-top: 0;
-}
-.form-fields {
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-}
-.form-field {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.form-label {
-  font-weight: 500;
-  font-size: 13px;
-  color: #475569;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-.form-label span {
-  color: #ef4444;
-  font-size: 12px;
-}
-.form-input,
-.form-select {
-  border: 1px solid #d1d5db;
-  border-radius: 8px;
-  padding: 10px 12px;
-  font-size: 13px;
-  color: #1a1a1a;
-  background-color: #ffffff;
-  font-family: inherit;
-  outline: none;
-  transition: border-color 0.15s ease, box-shadow 0.15s ease;
-  cursor: pointer;
-}
-.form-input:focus,
-.form-select:focus {
-  border-color: #3b82f6;
-  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
-}
-.form-select {
-  cursor: pointer;
-}
-.form-submit-button {
-  margin-top: 24px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 8px;
-  padding: 12px 24px;
-  font-size: 13px;
-  font-weight: 500;
-  background-color: #3b82f6;
-  color: #ffffff;
-  border: none;
-  cursor: pointer;
-  transition: background-color 0.15s ease, transform 0.1s ease;
-  font-family: inherit;
-}
-.form-submit-button:hover {
-  background-color: #2563eb;
-}
-.form-submit-button:active {
-  transform: scale(0.98);
-}
-.buttons-component {
-  display: flex;
-  gap: 12px;
-  flex-wrap: wrap;
-}
-.button-component {
-  border-radius: 8px;
-  padding: 10px 20px;
-  font-size: 13px;
-  font-weight: 500;
-  border: 1px solid #e0e0e0;
-  background-color: #ffffff;
-  color: #475569;
-  cursor: pointer;
-  transition: all 0.15s ease;
-  font-family:
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    sans-serif;
-  outline: none;
-}
-.button-component.primary {
-  background-color: #3b82f6;
-  color: #ffffff;
-  border-color: #3b82f6;
-}
-.button-component.primary:hover {
-  background-color: #2563eb;
-  border-color: #2563eb;
-}
-.button-component.secondary {
-  background-color: #f3f4f6;
-  color: #475569;
-  border-color: #d1d5db;
-}
-.button-component.secondary:hover {
-  background-color: #e5e7eb;
-  border-color: #9ca3af;
-}
-.button-component.danger {
-  background-color: #ef4444;
-  color: #ffffff;
-  border-color: #ef4444;
-}
-.button-component.danger:hover {
-  background-color: #dc2626;
-  border-color: #dc2626;
-}
-.button-component:not(.primary):not(.secondary):not(.danger):hover {
-  background-color: #f9fafb;
-  border-color: #d1d5db;
-}
-.button-component:active {
-  transform: scale(0.97);
-}
-.table-component {
-  border: 1px solid #e0e0e0;
-  border-radius: 12px;
-  overflow: hidden;
-  font-size: 13px;
-  background-color: #ffffff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-  font-family:
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    sans-serif;
-}
-.table-caption {
-  padding: 16px 20px;
-  font-weight: 600;
-  font-size: 14px;
-  border-bottom: 1px solid #e0e0e0;
-  background-color: #f8f9fa;
-  color: #1a1a1a;
-}
-.table-wrapper {
-  overflow-x: auto;
-}
-.table {
-  width: 100%;
-  border-collapse: collapse;
-  min-width: 100%;
-}
-.table-header {
-  background-color: #f8f9fa;
-}
-.table-th {
-  border-bottom: 2px solid #e0e0e0;
-  padding: 14px 20px;
-  text-align: left;
-  font-weight: 600;
-  font-size: 12px;
-  color: #4a5568;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  white-space: nowrap;
-}
-.table-tbody tr {
-  background-color: #ffffff;
-  transition: background-color 0.15s ease;
-}
-.table-tbody tr:nth-child(even) {
-  background-color: #fafbfc;
-}
-.table-tbody tr:hover {
-  background-color: #f0f4f8;
-}
-.table-td {
-  border-bottom: 1px solid #e8e8e8;
-  padding: 16px 20px;
-  font-size: 13px;
-  vertical-align: middle;
-}
-.table-td > span {
-  color: #a0a0a0;
-  font-style: italic;
-}
-.table-cell-image {
-  display: flex;
-  align-items: center;
-}
-.table-image {
-  width: 40px;
-  height: 40px;
-  border-radius: 8px;
-  object-fit: cover;
-  border: 1px solid #e0e0e0;
-}
-.table-cell-text {
-  color: #2d3748;
-  line-height: 1.5;
-}
-.table-empty {
-  padding: 40px;
-  text-align: center;
-  color: #9ca3af;
-  font-size: 13px;
-}
-.card-component {
-  border: 1px solid #e5e7eb;
-  border-radius: 16px;
-  padding: 16px;
-  background-color: #ffffff;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
-  overflow: hidden;
-  margin-bottom: 12px;
-}
-.card-content {
-  display: flex;
-  gap: 12px;
-}
-.card-image {
-  width: 64px;
-  height: 64px;
-  border-radius: 8px;
-  object-fit: cover;
-  flex-shrink: 0;
-}
-.card-info {
-  flex: 1;
-  min-width: 0;
-}
-.card-title {
-  font-weight: 600;
-  font-size: 14px;
-  margin-bottom: 8px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.card-subtitle {
-  color: #64748b;
-  font-size: 12px;
-  margin-bottom: 4px;
-  margin: 0;
-}
-.card-status {
-  display: flex;
-  gap: 8px;
-  font-size: 12px;
-  margin-bottom: 4px;
-}
-.card-status-label {
-  color: #64748b;
-  font-weight: 500;
-}
-.card-status-value {
-  color: #475569;
-}
-.card-fields {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.card-field {
-  display: flex;
-  gap: 8px;
-  font-size: 12px;
-}
-.card-field-label {
-  color: #64748b;
-  font-weight: 500;
-}
-.card-field-value {
-  color: #475569;
-}
-.card-description {
-  color: #64748b;
-  font-size: 12px;
-  margin-top: 8px;
-  margin: 0;
-}
-.card-list {
-  width: 100%;
-}
-.card-list-title {
-  font-weight: 600;
-  margin-bottom: 12px;
-  font-size: 14px;
-  color: #1a1a1a;
-  margin-top: 0;
-}
-.card-list-description {
-  color: #64748b;
-  margin-bottom: 12px;
-  font-size: 12px;
-  margin-top: 0;
-}
-.card-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  gap: 12px;
-}
-.card-item {
-  font-size: 12px;
-  border: 1px solid #e0e0e0;
-  border-radius: 12px;
-  padding: 16px;
-  background-color: #ffffff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-  overflow: hidden;
-}
-.card-item-content {
-  display: flex;
-  gap: 12px;
-}
-.card-item-image {
-  width: 64px;
-  height: 64px;
-  border-radius: 8px;
-  object-fit: cover;
-  flex-shrink: 0;
-}
-.card-item-info {
-  flex: 1;
-  min-width: 0;
-}
-.card-item-title {
-  font-weight: 600;
-  font-size: 14px;
-  margin-bottom: 4px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: #1a1a1a;
-  margin-top: 0;
-}
-.card-item-subtitle {
-  color: #64748b;
-  font-size: 12px;
-  margin: 0;
-}
-.card-item-legacy {
-  display: flex;
-  justify-content: space-between;
-  gap: 8px;
-  font-size: 12px;
-}
-.card-item-legacy-label {
-  color: #64748b;
-  margin: 0;
-}
-.card-item-legacy-value {
-  font-weight: 500;
-  color: #1a1a1a;
-  margin: 0;
-}
-.field-image {
-  width: 24px;
-  height: 24px;
-  border-radius: 999px;
-  object-fit: cover;
-}
-.field-link {
-  text-decoration: underline;
-}
-.field-badge {
-  display: inline-block;
-  padding: 2px 6px;
-  border-radius: 999px;
-  font-size: 10px;
-  font-weight: 500;
-}
-.field-badge.success {
-  background-color: #e0fce5;
-  color: #1a7f36;
-}
-.field-badge.warning {
-  background-color: #fff7d6;
-  color: #8a6a00;
-}
-.field-badge.danger {
-  background-color: #ffe4e4;
-  color: #b42318;
-}
-.field-badge:not(.success):not(.warning):not(.danger) {
-  background-color: #f2f2f2;
-  color: #333;
-}
-.field-list {
-  margin: 0;
-  padding-left: 16px;
-}
-.generative-ui-container {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  width: 100%;
-}
-.generative-ui-header {
-  margin-bottom: 12px;
-}
-.generative-ui-title {
-  font-size: 18px;
-  font-weight: 600;
-  color: #0f172a;
-  margin: 0 0 8px 0;
-}
-.generative-ui-description {
-  font-size: 14px;
-  color: #475569;
-  margin: 0;
-  line-height: 1.5;
-}
-.gen-ui-text {
-  font-size: 13px;
-  color: #1e293b;
-  line-height: 1.6;
-  margin: 0;
-}
-.gen-ui-input-wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.gen-ui-input-label {
-  font-size: 12px;
-  font-weight: 500;
-  color: #334155;
-  margin: 0;
-}
-.gen-ui-input,
-.gen-ui-textarea {
-  width: 100%;
-  padding: 10px 12px;
-  border: 1px solid #cbd5e1;
-  border-radius: 8px;
-  font-size: 13px;
-  color: #0f172a;
-  background-color: #ffffff;
-  outline: none;
-  transition: border-color 0.2s ease, box-shadow 0.2s ease;
-  font-family: inherit;
-}
-.gen-ui-input::placeholder,
-.gen-ui-textarea::placeholder {
-  color: #94a3b8;
-}
-.gen-ui-input:focus,
-.gen-ui-textarea:focus {
-  border-color: #3b82f6;
-  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
-}
-.gen-ui-input:disabled,
-.gen-ui-textarea:disabled {
-  background-color: #f1f5f9;
-  cursor: not-allowed;
-  opacity: 0.6;
-}
-.gen-ui-textarea {
-  min-height: 80px;
-  resize: vertical;
-}
-.gen-ui-select-wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.gen-ui-select-label {
-  font-size: 12px;
-  font-weight: 500;
-  color: #334155;
-  margin: 0;
-}
-.gen-ui-select {
-  width: 100%;
-  padding: 10px 12px;
-  border: 1px solid #cbd5e1;
-  border-radius: 8px;
-  font-size: 13px;
-  color: #0f172a;
-  background-color: #ffffff;
-  outline: none;
-  transition: border-color 0.2s ease, box-shadow 0.2s ease;
-  cursor: pointer;
-  font-family: inherit;
-}
-.gen-ui-select:focus {
-  border-color: #3b82f6;
-  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
-}
-.gen-ui-select:disabled {
-  background-color: #f1f5f9;
-  cursor: not-allowed;
-  opacity: 0.6;
-}
-.gen-ui-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 10px 16px;
-  border-radius: 8px;
-  font-size: 13px;
-  font-weight: 500;
-  border: none;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  font-family: inherit;
-  outline: none;
-  background: #2563eb;
-  color: #ffffff;
-}
-.gen-ui-button:hover {
-  background: #1d4ed8;
-}
-.gen-ui-button:active {
-  transform: scale(0.98);
-}
-.gen-ui-button:disabled {
-  background: #cbd5e1;
-  cursor: not-allowed;
-  opacity: 0.6;
-}
-.gen-ui-card {
-  border: 1px solid #e2e8f0;
-  border-radius: 12px;
-  padding: 16px;
-  background-color: #ffffff;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-  transition: box-shadow 0.2s ease;
-}
-.gen-ui-card:hover {
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-}
-.gen-ui-card-title {
-  font-size: 16px;
-  font-weight: 600;
-  color: #0f172a;
-  margin: 0 0 8px 0;
-}
-.gen-ui-card-content {
-  font-size: 13px;
-  color: #334155;
-  margin: 0;
-  line-height: 1.5;
-}
-.gen-ui-list {
-  list-style-type: disc;
-  padding-left: 20px;
-  margin: 0;
-}
-.gen-ui-list-item {
-  font-size: 13px;
-  color: #1e293b;
-  line-height: 1.6;
-  margin-bottom: 4px;
-}
-.gen-ui-list-item:last-child {
-  margin-bottom: 0;
-}
-.gen-ui-image {
-  max-width: 100%;
-  height: auto;
-  border-radius: 8px;
-  display: block;
-}
-.gen-ui-link {
-  color: #2563eb;
-  text-decoration: none;
-  font-size: 13px;
-  transition: color 0.2s ease;
-}
-.gen-ui-link:hover {
-  color: #1d4ed8;
-  text-decoration: underline;
-}
-.gen-ui-link:visited {
-  color: #2563eb;
-}
-.gen-ui-table-wrapper {
-  width: 100%;
-  overflow-x: auto;
-  border: 1px solid #e2e8f0;
-  border-radius: 12px;
-  background-color: #ffffff;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-}
-.gen-ui-table {
-  width: 100%;
-  border-collapse: collapse;
-  min-width: 100%;
-}
-.gen-ui-table-header {
-  background-color: #f8fafc;
-}
-.gen-ui-table-th {
-  padding: 12px 16px;
-  text-align: left;
-  font-size: 12px;
-  font-weight: 600;
-  color: #334155;
-  border-bottom: 2px solid #e2e8f0;
-  white-space: nowrap;
-}
-.gen-ui-table-body tr {
-  transition: background-color 0.2s ease;
-}
-.gen-ui-table-body tr:hover {
-  background-color: #f8fafc;
-}
-.gen-ui-table-body tr:not(:last-child) {
-  border-bottom: 1px solid #e2e8f0;
-}
-.gen-ui-table-td {
-  padding: 12px 16px;
-  font-size: 13px;
-  color: #1e293b;
-  vertical-align: middle;
-}
-.gen-ui-form {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  width: 100%;
-}
-/*# sourceMappingURL=index.css.map */