body {

    font-family: Arial, sans-serif;

    background:#f8fafc;

}



/* =====================
   Sidebar
===================== */


.sidebar {

    width:250px;

    min-height:100vh;

    background:#1e293b;

    padding:20px;

}



.logo {
    text-align: center;
    padding: 20px 10px;
    color: white;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    margin-bottom: 10px;
}

.logo img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    display: block;
    margin: 0 auto 10px auto;
}



.sidebar a {

    display:block;

    color:#cbd5e1;

    text-decoration:none;

    padding:12px;

    margin-bottom:8px;

    border-radius:8px;

}



.sidebar a:hover {

    background:#2563eb;

    color:white;

}



.content {

    padding:30px;

    width:100%;

}



/* =====================
   Login Page
===================== */


.login-body {


    height:100vh;


    display:flex;


    justify-content:center;


    align-items:center;


    background:#f1f5f9;


}



.login-card {


    width:380px;


    background:white;


    padding:40px;


    border-radius:15px;


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


}



.login-card h2 {


    text-align:center;


    font-weight:bold;


}



.login-card p {


    text-align:center;


    color:#64748b;


}