body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #faf9fe;
    color: #2f323a;
    -webkit-font-smoothing: antialiased;
}
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.glass-nav {
    background: rgba(250, 249, 254, 0.7);
    backdrop-filter: blur(24px);
}
.glass-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.signature-gradient {
    background: linear-gradient(135deg, #495f8b 0%, #b3c9fc 100%);
}
.app-section { display: none; }
.app-section.active { display: flex; flex-direction: column; }

@keyframes spin-reverse {
    from { transform: rotate(0deg); }
    to { transform: rotate(-360deg); }
}
.animate-spin-reverse {
    animation: spin-reverse 1s linear infinite;
}

@keyframes alert-glow {
    0%, 100% { box-shadow: 0 0 0 rgba(168, 56, 54, 0); border-color: transparent; }
    50% { box-shadow: 0 0 20px rgba(168, 56, 54, 0.2); border-color: rgba(168, 56, 54, 0.4); }
}
.animate-alert-glow {
    animation: alert-glow 2s infinite ease-in-out;
    border: 1px solid transparent; 
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent; bottom: 0; color: transparent; cursor: pointer;
    left: 0; position: absolute; right: 0; top: 0; width: auto; height: auto;
}

.bg-group{
    background-color: #421100;
}