/* style.css */
/* Toast Animations */
.toast {
  animation: slideIn 0.3s ease-out;
}
@keyframes slideIn {
  from { transform: translateX(100%); opacity: 0; }
  to   { transform: translateX(0); opacity: 1; }
}
.fade-out { animation: fadeOut 0.3s ease-out forwards; }
@keyframes fadeOut { to { opacity: 0; transform: translateX(100%); } }

/* Sidebar */
.sidebar-item { transition: all 0.3s ease; }
.sidebar-item:hover { background-color: rgba(212,165,116,0.08); border-left: 4px solid #d4a574; }

/* Card Hover */
.card-hover { transition: all 0.3s ease; }
.card-hover:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.06); }

/* Process */
.process-step { position: relative; }
.process-step:not(:last-child):after { content: ''; position: absolute; top: 20px; left: 50%; width: 100%; height: 2px; background-color: #d4a574; z-index: -1; }
.process-step.active .step-icon { background-color: #d4a574; color: white; }

/* Calendar */
.calendar-day { transition: all 0.2s ease; cursor: pointer; }
.calendar-day:hover { background-color: rgba(212,165,116,0.06); }
.calendar-day.has-event { position: relative; }
.calendar-day.has-event:after { content: ''; position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); width: 6px; height: 6px; border-radius: 50%; background-color: #d4a574; }
.calendar-day.today { background-color: #d4a574; color: white; font-weight: bold; }
.calendar-day.selected { background-color: #a86f44; color: white; font-weight: bold; }

/* Login */
.login-container { background: linear-gradient(135deg, #fdf8f3 0%, #f7e6d3 100%); }
.login-card { backdrop-filter: blur(10px); background: rgba(255,255,255,0.95); }
.input-focus:focus { border-color: #d4a574; box-shadow: 0 0 0 3px rgba(212,165,116,0.08); }

/* Buttons */
.btn-primary { background-color: #d4a574; transition: all 0.2s ease; }
.btn-primary:hover { background-color: #c18854; transform: translateY(-1px); }
.btn-secondary { background-color: #f7e6d3; color: #8e5634; transition: all 0.2s ease; }
.btn-secondary:hover { background-color: #efd4b3; }
.btn-danger { background-color: #ef4444; transition: all 0.2s ease; }
.btn-danger:hover { background-color: #dc2626; }