aizek-chatbot 1.0.23 → 1.0.25

package/dist/index.css

@@ -1,1379 +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;
-}
-.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: 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  background: #f8fafc;
-}
-.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: 18px;
-}
-.empty-state .empty-state-description {
-  margin: 0;
-  font-size: 14px;
-  opacity: 0.8;
-}
-@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 */