body{
font-family:'Poppins',sans-serif;
background:linear-gradient(135deg,#f5f7fa,#e4e8f0);
min-height:100vh;
}

.app-container{
max-width:1200px;
margin:auto;
padding:40px 15px;
}

.app-header{
background:white;
padding:25px;
border-radius:16px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
border-left:5px solid #4e48e0;
}

.app-title{
font-weight:700;
color:#4e48e0;
}

.btn-add{
background:#4e48e0;
color:white;
border:none;
border-radius:30px;
padding:10px 20px;
}

.btn-add:hover{
background:#3a36db;
color:white;
}

.reminder-card{
background:white;
border-radius:16px;
box-shadow:0 10px 20px rgba(0,0,0,0.08);
padding:20px;
height:100%;
transition:0.3s;
}

.reminder-card:hover{
transform:translateY(-6px);
}

.reminder-title{
font-weight:600;
font-size:18px;
}

.reminder-desc{
margin-top:10px;
color:#555;
}

.reminder-date{
font-size:14px;
margin-top:15px;
}

.badge-info{
background:#4facfe;
}

.badge-warning{
background:#ffc107;
}

.badge-danger{
background:#dc3545;
}