._timeBasedStatus_12vdq_1 {
  position: fixed;
  top: 70px;
  right: 20px;
  background: var(--surface-elevated);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  /* backdrop-filter: blur(20px); */
  box-shadow: var(--shadow-lg);
  z-index: 100;
  min-width: 280px;
  animation: _slideInRight_12vdq_1 0.3s ease;
}

@keyframes _slideInRight_12vdq_1 {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

._header_12vdq_27 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
  color: var(--primary);
  font-weight: 600;
}

._header_12vdq_27 i {
  font-size: 1.2rem;
}

._title_12vdq_40 {
  font-size: var(--font-size-base);
}

._timeIndicator_12vdq_44 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-md);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--background-subtle);
  border-radius: var(--radius-md);
}

._label_12vdq_54 {
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
}

._time_12vdq_1 {
  color: var(--text-primary);
  font-size: var(--font-size-lg);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

._progressContainer_12vdq_66 {
  margin-bottom: var(--spacing-sm);
}

._progressBar_12vdq_70 {
  height: 6px;
  background: var(--background-subtle);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: var(--spacing-xs);
}

._progressFill_12vdq_78 {
  height: 100%;
  background: linear-gradient(90deg, var(--primary), var(--primary-light));
  /* transition: width 1s linear; */
  border-radius: 3px;
}

._progressText_12vdq_85 {
  display: block;
  text-align: center;
  color: var(--text-secondary);
  font-size: var(--font-size-xs);
  margin-top: var(--spacing-xs);
}

._warning_12vdq_93 {
  color: var(--warning) !important;
  /* animation: pulse 2s infinite; */
}

._warningFill_12vdq_98 {
  background: linear-gradient(90deg, var(--warning), rgba(255, 193, 7, 0.8)) !important;
}

._warningBanner_12vdq_102 {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm);
  background: rgba(255, 193, 7, 0.1);
  border: 1px solid rgba(255, 193, 7, 0.3);
  border-radius: var(--radius-sm);
  color: var(--warning);
  font-size: var(--font-size-sm);
  /* animation: pulse 2s infinite; */
}

@keyframes _pulse_12vdq_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

._warningBanner_12vdq_102 i {
  font-size: var(--font-size-base);
}

/* Dark theme adjustments */
@media (prefers-color-scheme: dark) {
  ._timeBasedStatus_12vdq_1 {
    background: rgba(30, 30, 35, 0.95);
    border-color: rgba(255, 255, 255, 0.1);
  }

  ._timeIndicator_12vdq_44 {
    background: rgba(0, 0, 0, 0.3);
  }

  ._progressBar_12vdq_70 {
    background: rgba(0, 0, 0, 0.4);
  }
}/* Memory UI Styles */
._memoriesToolbar_e5i9j_2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px !important;
  gap: 8px;
}

._memorySectionsList_e5i9j_10 {
  display: flex;
  flex-direction: column;
  gap: 8px !important;
  max-height: calc(100vh - 200px) !important;
  overflow-y: auto;
  padding: 4px;
  margin: -4px;
}

._memorySection_e5i9j_10 {
  background: var(--bg-glass);
  backdrop-filter: blur(4px);
  border: 1px solid var(--border);
  border-radius: 10px !important;
  padding: 1rem !important;
  transition: all 0.2s ease;
  position: relative;
  overflow: visible;
  box-shadow: var(--shadow-soft);
}

._memorySection_e5i9j_10:hover {
  background: var(--bg-glass-heavy);
  border-color: var(--border-brand);
  transform: translateY(-2px);
  box-shadow: var(--shadow-soft), 0 0 0 1px var(--brand-glow) inset;
}

._sectionHeader_e5i9j_39 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px !important;
  gap: 10px;
  position: relative;
  z-index: 1;
}

._sectionInfo_e5i9j_49 {
  flex: 1;
}

._sectionName_e5i9j_53 {
  font-weight: 600;
  font-size: 0.9rem !important;
  color: var(--text-primary);
  margin: 0 0 4px 0;
}

._sectionDomain_e5i9j_60 {
  display: inline-flex;
  background: var(--brand-glow);
  color: var(--brand-primary);
  font-size: 0.75rem !important;
  padding: 3px 8px !important;
  border-radius: 12px;
  margin-bottom: 6px;
  border: 1px solid var(--border-brand);
}

._memoryCount_e5i9j_71 {
  font-size: 0.65rem !important;
  color: var(--text-secondary);
  font-style: italic;
}

._sectionActions_e5i9j_77 {
  display: flex;
  gap: 6px !important;
  align-items: center;
  position: relative;
  z-index: 2;
}

._memoriesList_e5i9j_85 {
  display: flex;
  flex-direction: column;
  gap: 8px !important;
  position: relative;
  z-index: 1;
  margin-top: 4px;
}

._memoriesList_e5i9j_85._empty_e5i9j_94 {
  text-align: center;
  padding: 1.5rem !important;
}

._emptyMemories_e5i9j_99 {
  color: var(--text-tertiary);
  font-style: italic;
  font-size: 0.75rem !important;
  margin: 0;
}

._memoryItem_e5i9j_106 {
  background: var(--bg-glass);
  border: 1px solid var(--border);
  border-radius: 6px !important;
  padding: 10px 12px !important;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  transition: all 0.2s ease;
  margin: 0 2px;
}

._memoryItem_e5i9j_106:hover {
  background: var(--bg-glass-heavy);
  border-color: var(--border-brand);
}

._memoryContent_e5i9j_124 {
  flex: 1;
  font-size: 0.875rem !important;
  line-height: 1.5;
  color: var(--text-primary);
  white-space: pre-wrap;
  margin-right: 8px;
}

._memoryActions_e5i9j_133 {
  display: flex;
  gap: 4px !important;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

._memoryItem_e5i9j_106:hover ._memoryActions_e5i9j_133 {
  opacity: 1;
}

._memoryActions_e5i9j_133 ._iconBtn_e5i9j_144 {
  padding: 4px !important;
  font-size: 0.7rem !important;
  min-width: unset;
  width: 20px !important;
  height: 20px !important;
  background: transparent;
  border: 1px solid var(--border);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._memoryActions_e5i9j_133 ._iconBtn_e5i9j_144:hover {
  background: var(--bg-glass);
  border-color: var(--brand-primary);
}

._editMemoryBtn_e5i9j_165 {
  background: transparent;
  border: 1px solid var(--border);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

._editMemoryBtn_e5i9j_165:hover {
  background: rgba(144, 0, 255, 0.1);
  border-color: var(--brand-primary);
}

._deleteMemoryBtn_e5i9j_178 {
  background: transparent;
  border: 1px solid var(--border);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

._deleteMemoryBtn_e5i9j_178:hover {
  background: rgba(255, 69, 69, 0.1);
  border-color: rgba(255, 69, 69, 0.5);
}

._addMemoryBtn_e5i9j_191,
._deleteSectionBtn_e5i9j_192 {
  padding: 4px 6px !important;
  font-size: 0.7rem !important;
  min-width: unset;
  width: 24px !important;
  height: 24px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: transparent;
  border: 1px solid var(--border);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

._addMemoryBtn_e5i9j_191:hover {
  background: rgba(144, 0, 255, 0.1);
  border-color: var(--brand-primary);
}

._deleteSectionBtn_e5i9j_192:hover {
  background: rgba(255, 69, 69, 0.1) !important;
  border-color: rgba(255, 69, 69, 0.3) !important;
}

._sectionEditor_e5i9j_219 {
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 20px;
}

._memoryEditor_e5i9j_225 {
  max-width: 500px;
}

._memoryEditor_e5i9j_225 ._formGroup_e5i9j_229,
._sectionEditor_e5i9j_219 ._formGroup_e5i9j_229 {
  margin-bottom: 1rem !important;
}

/* Memory editor textarea - match workflow editor styling */
._memoryEditor_e5i9j_225 textarea {
  width: 100%;
  background: var(--bg-glass);
  border: 1px solid var(--border);
  border-radius: 6px !important;
  padding: 0.5rem 0.75rem !important;
  color: var(--text-primary);
  font-size: 0.8rem !important;
  outline: none;
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 2px var(--bg-glass-heavy);
  min-height: 100px !important;
  font-family: 'Inter', -apple-system, sans-serif;
  line-height: 1.6;
  resize: vertical;
}

._memoryEditor_e5i9j_225 textarea:focus {
  border-color: var(--brand-primary);
  background: var(--bg-glass-heavy);
  box-shadow: 0 0 0 2px var(--brand-glow), inset 0 1px 2px var(--bg-glass-heavy);
}

/* Memory editor text inputs */
._memoryEditor_e5i9j_225 input[type="text"] {
  width: 100%;
  background: var(--bg-glass);
  border: 1px solid var(--border);
  border-radius: 6px !important;
  padding: 0.5rem 0.75rem !important;
  color: var(--text-primary);
  font-size: 0.8rem !important;
  outline: none;
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 2px var(--bg-glass-heavy);
  font-family: 'Inter', -apple-system, sans-serif;
}

._memoryEditor_e5i9j_225 input[type="text"]:focus {
  border-color: var(--brand-primary);
  background: var(--bg-glass-heavy);
  box-shadow: 0 0 0 2px var(--brand-glow), inset 0 1px 2px var(--bg-glass-heavy);
}

/* Section editor inputs - match workflow editor styling */
._sectionEditor_e5i9j_219 input[type="text"] {
  width: 100%;
  background: var(--bg-glass);
  border: 1px solid var(--border);
  border-radius: 6px !important;
  padding: 0.5rem 0.75rem !important;
  color: var(--text-primary);
  font-size: 0.8rem !important;
  outline: none;
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 2px var(--bg-glass-heavy);
}

._sectionEditor_e5i9j_219 input[type="text"]:focus {
  border-color: var(--brand-primary);
  background: var(--bg-glass-heavy);
  box-shadow: 0 0 0 2px var(--brand-glow), inset 0 1px 2px var(--bg-glass-heavy);
}

._formHelpText_e5i9j_299 {
  font-size: 0.75rem;
  color: var(--text-secondary);
  margin-top: 4px;
  font-style: italic;
}

._formErrorText_e5i9j_306 {
  font-size: 0.75rem;
  color: var(--error);
  margin-top: 4px;
  font-style: italic;
}

._inputError_e5i9j_313 {
  border-color: var(--error) !important;
  box-shadow: 0 0 0 2px var(--error-glow) !important;
}

._inputError_e5i9j_313:focus {
  border-color: var(--error) !important;
  box-shadow: 0 0 0 2px var(--error-glow) !important;
}

._emptyState_e5i9j_323 {
  text-align: center;
  padding: 2rem !important;
  color: var(--text-tertiary);
}

._emptyState_e5i9j_323 p {
  margin: 0 0 4px 0;
  font-size: 0.8rem !important;
}

._emptyState_e5i9j_323 p:last-child {
  margin-bottom: 0;
  font-size: 0.7rem !important;
  opacity: 0.7;
}

._loadingSections_e5i9j_340 {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Memory button icon */
#_memories-btn_e5i9j_1::after {
  content: '🧠';
  font-size: 14px;
  line-height: 1;
}

#_memories-btn_e5i9j_1 {
  font-size: 0 !important;
}

/* Secondary button styling for memory forms */
._secondaryBtn_e5i9j_359 {
  background: var(--bg-glass);
  border: 1px solid var(--border);
  color: var(--text-secondary);
  padding: 0.4rem 0.8rem !important;
  border-radius: 6px !important;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.75rem !important;
  backdrop-filter: blur(4px);
}

._secondaryBtn_e5i9j_359:hover {
  background: var(--bg-glass-heavy);
  border-color: var(--border-brand);
  color: var(--text-primary);
}

/* Memory form labels - match workflow editor styling */
._memoryEditor_e5i9j_225 ._formGroup_e5i9j_229 label,
._sectionEditor_e5i9j_219 ._formGroup_e5i9j_229 label {
  display: block !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  color: var(--text-secondary) !important;
  margin-bottom: 0.25rem !important;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* Memory modal footer */
._memoryEditor_e5i9j_225 ._modalFooter_e5i9j_390,
._sectionEditor_e5i9j_219 ._modalFooter_e5i9j_390 {
  padding: 0.875rem 1rem !important;
  gap: 0.5rem !important;
  display: flex;
  justify-content: flex-end;
  background: var(--bg-glass);
  border-top: 1px solid var(--border);
  margin-top: 0.5rem;
}

._memoryEditor_e5i9j_225 ._modalFooter_e5i9j_390 ._primaryBtn_e5i9j_401,
._sectionEditor_e5i9j_219 ._modalFooter_e5i9j_390 ._primaryBtn_e5i9j_401 {
  background: var(--brand-primary) !important;
  box-shadow: 0 2px 8px var(--brand-glow) !important;
  padding: 0.4rem 0.8rem !important;
  font-size: 0.75rem !important;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}

._memoryEditor_e5i9j_225 ._modalFooter_e5i9j_390 ._primaryBtn_e5i9j_401:hover,
._sectionEditor_e5i9j_219 ._modalFooter_e5i9j_390 ._primaryBtn_e5i9j_401:hover {
  background: var(--brand-primary-light) !important;
  box-shadow: 0 4px 12px var(--brand-glow) !important;
  transform: translateY(-1px);
}

/* General button styles */
._primaryBtn_e5i9j_401 {
  background: var(--brand-primary);
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px var(--brand-glow);
}

._primaryBtn_e5i9j_401:hover {
  background: var(--brand-primary-light);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px var(--brand-glow);
}

._secondaryBtn_e5i9j_359 {
  background: var(--bg-glass);
  color: var(--text-primary);
  border: 1px solid var(--border);
  padding: 0.5rem 1rem;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
}

._secondaryBtn_e5i9j_359:hover {
  background: var(--bg-glass-heavy);
  border-color: var(--brand-primary);
}

/* Section selection for MemoryCreator */
._sectionSelection_e5i9j_457 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._sectionSelection_e5i9j_457 select {
  width: 100%;
  background: var(--bg-glass);
  border: 1px solid var(--border);
  border-radius: 6px !important;
  padding: 0.5rem 0.75rem !important;
  color: var(--text-primary);
  font-size: 0.8rem !important;
  outline: none;
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 2px var(--bg-glass-heavy);
  font-family: 'Inter', -apple-system, sans-serif;
}

._sectionSelection_e5i9j_457 select:focus {
  border-color: var(--brand-primary);
  background: var(--bg-glass-heavy);
  box-shadow: 0 0 0 2px var(--brand-glow), inset 0 1px 2px var(--bg-glass-heavy);
}

._sectionSelection_e5i9j_457 select option {
  background: var(--bg-primary);
  color: var(--text-primary);
  padding: 0.5rem;
}

._customSectionInput_e5i9j_489 {
  width: 100%;
  background: var(--bg-glass);
  border: 1px solid var(--border);
  border-radius: 6px !important;
  padding: 0.5rem 0.75rem !important;
  color: var(--text-primary);
  font-size: 0.8rem !important;
  outline: none;
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 2px var(--bg-glass-heavy);
  margin-top: 0.25rem;
}

._customSectionInput_e5i9j_489:focus {
  border-color: var(--brand-primary);
  background: var(--bg-glass-heavy);
  box-shadow: 0 0 0 2px var(--brand-glow), inset 0 1px 2px var(--bg-glass-heavy);
}

._memoriesToolbar_e5i9j_2 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

._memoriesToolbar_e5i9j_2 button {
  flex: 1;
}

/* Memory specific modal adjustments */
#_memories-modal_e5i9j_1 ._modalBody_e5i9j_520 {
  min-height: 300px !important;
}

#_memories-modal_e5i9j_1 ._modalContent_e5i9j_524 {
  max-height: 85vh;
  overflow-y: auto;
}

/* Responsive adjustments for memory UI */
@media (max-width: 500px) {
  ._sectionHeader_e5i9j_39 {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  ._sectionActions_e5i9j_77 {
    align-self: flex-end;
  }

  ._memoryItem_e5i9j_106 {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  ._memoryActions_e5i9j_133 {
    align-self: flex-end;
  }
}

/* Modal Styles */
._modal_e5i9j_390 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bg-glass-heavy);
  backdrop-filter: blur(4px);
  z-index: 1000;
  animation: _modalFadeIn_e5i9j_1 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

@keyframes _modalFadeIn_e5i9j_1 {
  from { opacity: 0; }
  to { opacity: 1; }
}

._modalContent_e5i9j_524 {
  background: var(--bg-primary);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid var(--border);
  border-radius: 12px;
  width: 90%;
  max-width: 550px;
  max-height: 80vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-soft);
  animation: _modalSlideIn_e5i9j_1 0.3s ease-out;
}

@keyframes _modalSlideIn_e5i9j_1 {
  from { transform: translateY(20px) scale(0.98); opacity: 0; }
  to { transform: translateY(0) scale(1); opacity: 1; }
}

._modalHeader_e5i9j_594 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem !important;
  background: var(--bg-glass);
  border-bottom: 1px solid var(--border);
  position: relative;
}

._modalHeader_e5i9j_594 h2 {
  font-size: 1rem !important;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

._closeBtn_e5i9j_611 {
  background: transparent;
  border: 1px solid transparent;
  font-size: 1.5rem;
  cursor: pointer;
  color: var(--text-secondary);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.2s ease;
}

._closeBtn_e5i9j_611:hover {
  background: rgba(255, 69, 69, 0.1);
  border-color: rgba(255, 69, 69, 0.2);
  color: var(--error);
  transform: rotate(90deg);
}

._modalBody_e5i9j_520 {
  padding: 1.25rem !important;
  overflow-y: auto;
  flex: 1;
  max-height: calc(80vh - 120px);
} .workflows-toolbar {
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-end;
}

.workflows-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.empty-state {
  text-align: center;
  padding: 3rem 2rem;
  font-size: 14px;
}

.empty-state h3 {
  color: var(--text-primary);
}

.empty-state p {
  color: var(--text-secondary);
}

.workflow-item {
  background: var(--bg-glass);
  backdrop-filter: blur(10px);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 1rem;
  transition: all 0.2s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.workflow-item:hover {
  background: var(--bg-glass-heavy);
  border-color: var(--border-brand);
  transform: translateY(-2px);
  box-shadow: var(--shadow-soft), 0 0 0 1px var(--brand-glow) inset;
}

.workflow-info {
  flex: 1;
}

.workflow-info h3 {
  margin: 0 0 0.5rem;
  font-size: 1rem;
  color: var(--text-primary);
}

.workflow-info p {
  margin: 0;
  font-size: 0.8rem;
  color: var(--text-secondary);
}

.workflow-category {
  display: inline-block;
  background: var(--brand-glow);
  color: var(--brand-primary);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.7rem;
  margin-top: 0.5rem;
}

.workflow-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.workflow-editor {
  max-width: 600px;
  margin: 0 auto;
}

.workflow-editor .form-group {
  margin-bottom: 1rem;
}

.workflow-editor .form-group label {
  display: block;
  font-size: 0.7rem;
  font-weight: 500;
  color: var(--text-secondary);
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.workflow-input {
  width: 100%;
  background: var(--bg-glass);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  color: var(--text-primary);
  font-size: 0.8rem;
  outline: none;
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 2px var(--bg-glass-heavy);
  font-family: 'Inter', -apple-system, sans-serif;
}

.workflow-input:focus {
  border-color: var(--brand-primary);
  background: var(--bg-glass-heavy);
  box-shadow: 0 0 0 2px var(--brand-glow), inset 0 1px 2px var(--bg-glass-heavy);
}

.workflow-textarea {
  width: 100%;
  background: var(--bg-glass);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  color: var(--text-primary);
  font-size: 0.8rem;
  outline: none;
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 2px var(--bg-glass-heavy);
  min-height: 80px;
  font-family: 'Inter', -apple-system, sans-serif;
  line-height: 1.6;
  resize: vertical;
}

.workflow-textarea:focus {
  border-color: var(--brand-primary);
  background: var(--bg-glass-heavy);
  box-shadow: 0 0 0 2px var(--brand-glow), inset 0 1px 2px var(--bg-glass-heavy);
}

.modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
}

.primary-btn {
  background: var(--brand-primary);
  color: white;
  border: none;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px var(--brand-glow);
}

.primary-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px var(--brand-glow);
  background: var(--brand-primary-light);
}

.secondary-btn {
  background: var(--bg-glass);
  color: var(--text-primary);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.secondary-btn:hover {
  background: var(--bg-glass-heavy);
  border-color: var(--border-brand);
}

.danger-btn {
  background: rgba(255, 59, 48, 0.1);
  color: var(--error);
  border: 1px solid rgba(255, 59, 48, 0.2);
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.danger-btn:hover {
  background: rgba(255, 59, 48, 0.2);
  border-color: rgba(255, 59, 48, 0.3);
} 
/* Modal Error Boundary Module */

._errorContainer_1l0fj_3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 2rem;
  text-align: center;
  min-height: 300px;
}

._errorIcon_1l0fj_13 {
  font-size: 3rem;
  margin-bottom: 1rem;
  animation: _pulse_1l0fj_1 2s ease-in-out infinite;
}

._errorTitle_1l0fj_19 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 0.5rem 0;
}

._errorMessage_1l0fj_26 {
  font-size: 0.875rem;
  color: var(--text-secondary);
  margin: 0 0 1.5rem 0;
  max-width: 400px;
  line-height: 1.5;
}

._errorDetails_1l0fj_34 {
  width: 100%;
  max-width: 500px;
  margin-bottom: 1.5rem;
}

._errorDetails_1l0fj_34 details {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 0.75rem;
  text-align: left;
}

._errorDetails_1l0fj_34 summary {
  cursor: pointer;
  font-size: 0.75rem;
  color: var(--text-secondary);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color 0.2s ease;
}

._errorDetails_1l0fj_34 summary:hover {
  color: var(--text-primary);
}

._errorStack_1l0fj_60 {
  margin: 0.75rem 0 0 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  font-size: 0.75rem;
  font-family: 'Courier New', monospace;
  color: var(--text-secondary);
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 200px;
  overflow-y: auto;
}

._retryButton_1l0fj_75 {
  padding: 0.5rem 1.5rem;
  background: var(--brand-primary);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

._retryButton_1l0fj_75:hover {
  background: var(--brand-primary-light);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(144, 0, 255, 0.3);
}

._retryButton_1l0fj_75:active {
  transform: translateY(0);
}/* Memory Page Styles */
._memoryPageContainer_ogmr0_2 {
  width: 100%;
  min-height: 100%;
}

._memoryPageContent_ogmr0_7 {
  width: 100%;
  padding: 1.5rem;
  background: transparent;
}

/* Actions toolbar */
._actionsToolbar_ogmr0_14 {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}

._createMemoryBtn_ogmr0_20 {
  padding: 0.5rem 1rem;
  background: var(--brand-primary);
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  box-shadow: 0 2px 8px var(--brand-glow);
}

._createMemoryBtn_ogmr0_20:hover:not(:disabled) {
  background: var(--brand-primary-hover);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px var(--brand-glow);
}

._createMemoryBtn_ogmr0_20:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

._createSectionBtn_ogmr0_47 {
  padding: 0.5rem 1rem;
  background: var(--bg-glass);
  color: var(--text-primary);
  border: 1px solid var(--border);
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._createSectionBtn_ogmr0_47:hover:not(:disabled) {
  background: var(--bg-glass-heavy);
  border-color: var(--brand-primary);
  transform: translateY(-1px);
}

._createSectionBtn_ogmr0_47:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* Main content area */
._contentContainer_ogmr0_74 {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  padding: 0 0.5rem;
}

._memorySectionsList_ogmr0_81 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.5rem;
  padding-bottom: 1rem;
}

/* Section editor container - Modal style overlay */
._sectionEditorContainer_ogmr0_90 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  animation: _modalFadeIn_ogmr0_1 0.3s ease-out;
}

._sectionEditorModal_ogmr0_106 {
  background: var(--bg-primary);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 2rem;
  max-width: 500px;
  width: 100%;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  position: relative;
  animation: _modalSlideIn_ogmr0_1 0.3s ease-out;
}

._modalCloseBtn_ogmr0_118 {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: transparent;
  border: 1px solid var(--border);
  border-radius: 6px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--text-secondary);
  transition: all 0.2s ease;
  font-size: 1.2rem;
}

._modalCloseBtn_ogmr0_118:hover {
  background: rgba(255, 69, 69, 0.1);
  border-color: var(--error);
  color: var(--error);
  transform: rotate(90deg);
}

._sectionEditorModal_ogmr0_106::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(45deg, var(--brand-primary), var(--brand-secondary));
  border-radius: 14px;
  z-index: -1;
}

@keyframes _modalFadeIn_ogmr0_1 {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes _modalSlideIn_ogmr0_1 {
  from { 
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  to { 
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Memory editor container - Inline but styled nicely */
._memoryEditorContainer_ogmr0_172 {
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 1.5rem;
  margin: 1rem 0;
  box-shadow: var(--shadow-soft);
  border-left: 4px solid var(--brand-primary);
  animation: _slideDown_ogmr0_1 0.3s ease-out;
}

@keyframes _slideDown_ogmr0_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Loading states */
._loadingSections_ogmr0_195 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem 0;
  margin-top: 1rem;
}

._loadingSections_ogmr0_195 > * {
  background: var(--bg-secondary);
  border-radius: 12px;
  padding: 2rem;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-soft);
}

/* Empty state */
._emptyState_ogmr0_212 {
  text-align: center;
  padding: 3rem 2rem;
  color: var(--text-secondary);
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 10px;
  margin-top: 1rem;
  box-shadow: var(--shadow-soft);
}

._emptyState_ogmr0_212 h3 {
  font-size: 1.25rem;
  color: var(--text-primary);
  margin-bottom: 0.75rem;
}

._emptyState_ogmr0_212 p {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}

._emptyState_ogmr0_212 small {
  color: var(--text-tertiary);
  font-size: 0.8rem;
}

._emptyState_ogmr0_212 kbd {
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 2px 6px;
  font-family: monospace;
  font-size: 0.75rem;
  color: var(--text-secondary);
  margin: 0 2px;
}

/* Responsive design */
@media (max-width: 768px) {
  ._memoryPageContent_ogmr0_7 {
    padding: 1.5rem 1rem;
  }
  
  ._contentContainer_ogmr0_74 {
    max-width: 100%;
    padding: 0 0.5rem;
  }
  
  ._memorySectionsList_ogmr0_81 {
    gap: 1.5rem;
  }
  
  ._sectionEditorContainer_ogmr0_90 {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
  }
  
  ._emptyState_ogmr0_212 {
    padding: 3rem 1.5rem;
    margin-top: 1.5rem;
  }
}

@media (max-width: 480px) {
  ._memoryPageContent_ogmr0_7 {
    padding: 1rem 0.75rem;
  }
  
  ._contentContainer_ogmr0_74 {
    padding: 0 0.25rem;
  }
  
  ._memorySectionsList_ogmr0_81 {
    gap: 1.25rem;
  }
  
  ._sectionEditorContainer_ogmr0_90 {
    padding: 1.25rem;
  }
  
  ._emptyState_ogmr0_212 {
    padding: 2.5rem 1rem;
  }
}._errorNotification_1von0_1 {
  position: fixed;
  top: 60px;
  right: 20px;
  z-index: 9999;
  max-width: 400px;
  background: rgba(255, 59, 59, 0.1);
  border: 1px solid rgba(255, 59, 59, 0.3);
  border-radius: 12px;
  padding: 1rem;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  animation: _slideIn_1von0_1 0.3s ease-out;
}

@keyframes _slideIn_1von0_1 {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

._errorContent_1von0_27 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

._errorIcon_1von0_33 {
  font-size: 1.5rem;
  flex-shrink: 0;
}

._errorMessage_1von0_38 {
  flex: 1;
}

._errorText_1von0_42 {
  margin: 0 0 0.5rem 0;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 500;
}

._errorHint_1von0_49 {
  margin: 0;
  color: var(--text-secondary);
  font-size: 0.75rem;
}

._errorActions_1von0_55 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-end;
}

._retryButton_1von0_62 {
  background: rgba(144, 0, 255, 0.1);
  border: 1px solid rgba(144, 0, 255, 0.2);
  color: var(--brand-primary);
  padding: 0.4rem 0.8rem;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._retryButton_1von0_62:hover {
  background: rgba(144, 0, 255, 0.2);
  border-color: rgba(144, 0, 255, 0.3);
  transform: translateY(-1px);
}

._dismissButton_1von0_83 {
  background: transparent;
  border: none;
  color: var(--text-secondary);
  padding: 0.25rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 1rem;
}

._dismissButton_1von0_83:hover {
  color: var(--text-primary);
}/* Performance-optimized CSS animations for Calendar components */

/* Calendar Day Animations */
.calendar-day-animated {
  transition: background-color 0.2s ease;
  will-change: auto;
}

.calendar-day-animated:hover {
  z-index: 10;
}

.calendar-day-today.calendar-day-animated:hover {
  z-index: 20;
}

:root:not(.dark) .calendar-day-today.calendar-day-animated:hover {
  background-color: rgba(139, 92, 246, 0.2) !important;
}

:root.dark .calendar-day-today.calendar-day-animated:hover {
  background-color: rgba(139, 92, 246, 0.15) !important;
}

:root:not(.dark) .calendar-day-has-events.calendar-day-animated:hover {
  background-color: rgba(244, 244, 245, 1) !important;
}

:root.dark .calendar-day-has-events.calendar-day-animated:hover {
  background-color: rgba(38, 38, 38, 0.6) !important;
}

.day-number-animated {
  transition: color 0.2s ease;
}

.calendar-day-animated:hover .day-number-animated {
  /* No scale transformation */
}

:root:not(.dark) .calendar-day-today:hover .day-number-animated {
  color: rgb(88, 28, 135);
}

:root.dark .calendar-day-today:hover .day-number-animated {
  color: #fff;
}

/* Calendar Scheduled Items */
.calendar-scheduled-item {
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
  will-change: auto;
}

.calendar-scheduled-item:hover {
  transform: scale(1.5);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 30;
}

/* Calendar Grid Event Items (small items inside calendar days) */
.calendar-grid-event-item {
  transition: transform 0.15s ease;
  will-change: auto;
}

.calendar-grid-event-item:hover {
  transform: scale(1.03);
  z-index: 40;
}

/* Event Card Animations */
.event-card-animated {
  transition: background-color 0.25s ease;
  will-change: auto;
}

.event-card-animated:hover {
  z-index: 50;
}

:root:not(.dark) .event-card-animated:hover {
  background-color: rgba(244, 244, 245, 0.9);
}

:root.dark .event-card-animated:hover {
  background-color: rgba(64, 64, 64, 0.85);
}

.event-card-running {
  animation: pulse 1.5s ease-in-out infinite;
}

.event-card-running:hover {
  /* No additional hover effects */
}

.event-card-completed:hover {
  /* No additional hover effects */
}

.event-card-failed:hover {
  /* No additional hover effects */
}

.event-card-disabled:hover {
  /* No additional hover effects */
}

@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

/* Animated Card */
.animated-card {
  transition: border-color 0.3s ease;
  will-change: auto;
}

.animated-card:hover {
  border-color: rgba(139, 92, 246, 0.5);
}

/* Tab switching animations */
.tab-content-animated {
  animation: fadeInUp 0.35s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateX(15px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Performance mode - disable all animations */
.performance-mode * {
  animation: none !important;
  transition: none !important;
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}