body {
    font-family: 'Segoe UI', sans-serif;
    background: linear-gradient(135deg,#1e3c72,#2a5298);
    margin:0;
    color:#fff;
}

.container {
    width: 90%;
    max-width: 1000px;
    margin: 40px auto;
}

h1,h2 {
    text-align:center;
}

.card {
    background:#ffffff15;
    backdrop-filter: blur(10px);
    padding:20px;
    border-radius:12px;
    margin:20px 0;
}

input, button {
    width:100%;
    padding:10px;
    margin:5px 0;
    border:none;
    border-radius:8px;
}

button {
    background:#00c6ff;
    color:#000;
    font-weight:bold;
    cursor:pointer;
}

button:hover {
    background:#0072ff;
    color:#fff;
}

.logout {
    float:right;
    color:#fff;
}

.login-body {
    display:flex;
    align-items:center;
    justify-content:center;
    height:100vh;
}

.login-box {
    background:#ffffff20;
    padding:40px;
    border-radius:15px;
    text-align:center;
}

.erro {
    color:red;
}

.btn-edit {
    background: orange;
    padding: 8px 12px;
    border-radius: 6px;
    color: #000;
    text-decoration: none;
    margin-right: 10px;
}

.btn-delete {
    background: red;
    padding: 8px 12px;
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
}