/* Warranty System - Global Styles */
body { font-family: 'Plus Jakarta Sans', sans-serif; }

.fade-in {
    animation: fadeIn 0.3s ease-in;
}

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

.status-pending {
    background-color: #fef3c7;
    color: #92400e;
    border-color: #fde68a;
}

.status-approved {
    background-color: #d1fae5;
    color: #065f46;
    border-color: #6ee7b7;
}

.status-rejected {
    background-color: #fee2e2;
    color: #991b1b;
    border-color: #fecaca;
}

.status-processing {
    background-color: #dbeafe;
    color: #1e40af;
    border-color: #93c5fd;
}

.status-completed {
    background-color: #dbeafe;
    color: #1e3a8a;
    border-color: #93c5fd;
}

@keyframes blob {
  0% { transform: translate(0px, 0px) scale(1); }
  33% { transform: translate(30px, -50px) scale(1.1); }
  66% { transform: translate(-20px, 20px) scale(0.9); }
  100% { transform: translate(0px, 0px) scale(1); }
}
.animate-blob {
  animation: blob 7s infinite;
}
.animation-delay-2000 {
  animation-delay: 2s;
}
.animation-delay-4000 {
  animation-delay: 4s;
}