/* CutCraft CRM - Modern Light Dashboard Style Guide */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root {
  --bg-main: #F4F6FB;
  --bg-card: #FFFFFF;
  --text-main: #1F1F2C;
  --text-muted: #94A3B8;
  --border-light: #E2E8F0;
  
  --primary-blue: #4E75FF;
  --primary-blue-hover: #3A62EF;
  --primary-blue-light: #EEF2FF;
  
  --accent-pink: #FF4D8D;
  --accent-cyan: #00C9A7;
  --accent-amber: #FF9F43;
  --accent-purple: #9E77ED;
  --accent-red: #FF4949;
  --accent-green: #22C55E;
}

body {
  font-family: 'Poppins', sans-serif;
  background-color: var(--bg-main);
  color: var(--text-main);
}

/* Light Theme Cards & Elevation */
.light-card {
  background: var(--bg-card);
  border-radius: 20px;
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.04), 0 2px 6px -1px rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(226, 232, 240, 0.8);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.light-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 35px -10px rgba(78, 117, 255, 0.08), 0 4px 12px -2px rgba(0, 0, 0, 0.04);
  border-color: rgba(78, 117, 255, 0.2);
}

/* Sidebar Active Items */
.sidebar-item {
  color: #64748B;
  transition: all 0.2s ease;
  border-radius: 14px;
}

.sidebar-item:hover {
  color: var(--primary-blue);
  background-color: var(--primary-blue-light);
}

.sidebar-item.active {
  color: #FFFFFF;
  background: linear-gradient(135deg, #4E75FF 0%, #3B52F2 100%);
  box-shadow: 0 8px 20px -4px rgba(78, 117, 255, 0.4);
}

/* Filter Shortlist Pills */
.filter-tab {
  background-color: #FFFFFF;
  border: 1px solid #E2E8F0;
  color: #64748B;
  border-radius: 12px;
  transition: all 0.2s ease;
}

.filter-tab:hover {
  background-color: #F8FAFC;
  color: #1F1F2C;
  border-color: #CBD5E1;
}

.filter-tab.active {
  background-color: var(--primary-blue);
  color: #FFFFFF;
  border-color: var(--primary-blue);
  box-shadow: 0 4px 12px rgba(78, 117, 255, 0.3);
}

/* Psychological Expense Cards */
.expense-wise-card {
  background: #F0FDF4;
  border: 1px solid #BBF7D0;
}

.expense-wise-card:hover {
  border-color: #86EFAC;
}

.expense-impulse-card {
  background: #FEF2F2;
  border: 1px solid #FECACA;
}

.expense-impulse-card:hover {
  border-color: #FCA5A5;
}

/* Modal Animations */
.custom-modal-overlay {
  animation: fadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.97); }
  to { opacity: 1; transform: scale(1); }
}

/* Toast Notifications */
.toast-item {
  animation: slideInRight 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

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

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}