*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:Arial,Helvetica,sans-serif;

    background:#eef3fb;

    color:#333;

}

body{

    font-family:'Poppins',sans-serif;

    background:#eef3fb;

}

.login-container{

    display:flex;

    justify-content:center;

    align-items:center;

    height:100vh;

}

.login-box{

    width:400px;

    background:white;

    padding:40px;

    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,.1);

}

.login-box h1{

    text-align:center;

    margin-bottom:10px;

}

.login-box p{

    text-align:center;

    color:#666;

    margin-bottom:30px;

}

.login-box input{

    width:100%;

    padding:15px;

    margin-bottom:15px;

    border-radius:10px;

    border:1px solid #ddd;

    font-size:15px;

}

.login-box button{

    width:100%;

    padding:15px;

    border:none;

    background:#3b82f6;

    color:white;

    border-radius:10px;

    font-size:16px;

    cursor:pointer;

    transition:.3s;

}

.login-box button:hover{

    background:#2563eb;

}

.error{

    background:#ffd9d9;

    color:#b10000;

    padding:12px;

    border-radius:10px;

    margin-bottom:20px;

}
.error{

    background:#ffd9d9;

    color:#b10000;

    padding:12px;

    border-radius:10px;

    margin-bottom:20px;

}

/* HIER WEITER UNTEN EINFÜGEN */

.sidebar{

position:fixed;

left:0;

top:0;

width:240px;

height:100vh;

background:#1f2937;

padding:30px 20px;

}

.logo{

color:white;

font-size:24px;

font-weight:700;

margin-bottom:50px;

}
.sidebar a{

display:block;

padding:15px;

margin-bottom:10px;

color:white;

text-decoration:none;

border-radius:12px;

transition:.3s;

}

.sidebar a:hover{

background:#374151;

}

.main{

margin-left:240px;

padding:30px;

}

.topbar{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:40px;

}

.logout{

text-decoration:none;

background:#ef4444;

padding:10px 18px;

color:white;

border-radius:10px;

transition:.3s;

}

.logout:hover{

background:#dc2626;

}

.cards{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:25px;

margin-top:40px;

}

.card{

background:white;

padding:40px;

border-radius:18px;

text-align:center;

text-decoration:none;

color:#333;

box-shadow:0 10px 25px rgba(0,0,0,.08);

transition:.3s;

font-size:40px;

}

.card:hover{

transform:translateY(-8px);

box-shadow:0 15px 35px rgba(0,0,0,.15);

}

.card h2{

font-size:20px;

margin-top:15px;

}
.page-title{

font-size:36px;

font-weight:700;

margin-bottom:10px;

}

.page-subtitle{

font-size:18px;

color:#666;

margin-bottom:40px;

}

.card-icon{

font-size:60px;

margin-bottom:20px;

}

.card p{

margin-top:15px;

font-size:15px;

color:#777;

line-height:1.5;

}
.card button{

    margin-top:20px;

    padding:12px 20px;

    border:none;

    background:#3b82f6;

    color:white;

    border-radius:10px;

    cursor:pointer;

    transition:.3s;

}

.card button:hover{

    background:#2563eb;

}
.btn-primary{

display:inline-block;

background:#3b82f6;

color:white;

padding:14px 24px;

border-radius:10px;

text-decoration:none;

border:none;

cursor:pointer;

transition:.3s;

}

.btn-primary:hover{

background:#2563eb;

}

.admin-actions{

margin:30px 0;

}

.admin-table{

width:100%;

background:white;

border-collapse:collapse;

border-radius:15px;

overflow:hidden;

box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.admin-table th{

background:#1f2937;

color:white;

padding:15px;

text-align:left;

}

.admin-table td{

padding:15px;

border-bottom:1px solid #eee;

}

input,
textarea{

width:100%;

padding:15px;

margin-top:10px;

margin-bottom:20px;

border:1px solid #ddd;

border-radius:10px;

font-family:Poppins;

font-size:15px;

}
.btn-small{

display:inline-block;

padding:8px 12px;

border-radius:8px;

text-decoration:none;

margin-right:8px;

font-size:18px;

transition:.3s;

}

.edit{

background:#3b82f6;

color:white;

}

.delete{

background:#ef4444;

color:white;

}

.edit:hover{

background:#2563eb;

}

.delete:hover{

background:#dc2626;

}
.admin-layout{

display:flex;

gap:30px;

margin-top:30px;

}

.admin-sidebar{

width:220px;

background:white;

padding:20px;

border-radius:15px;

box-shadow:0 10px 25px rgba(0,0,0,.08);

height:fit-content;

}

.admin-sidebar a{

display:block;

padding:15px;

text-decoration:none;

color:#333;

border-radius:10px;

margin-bottom:10px;

transition:.3s;

}

.admin-sidebar a:hover{

background:#eef3fb;

}

.admin-content{

flex:1;

}