:root{

    --cream:#FBF7F0;
    --green:#04342C;
    --green2:#0F6E56;
    --orange:#D85A30;

}

body{

    background:#f6f8fa;

    font-family:Inter,sans-serif;

}

.sidebar{

    width:260px;

    height:100vh;

    position:fixed;

    left:0;

    top:0;

    background:var(--green);

    color:white;

}

.sidebar .logo{

    padding:25px;

    font-size:28px;

    font-weight:bold;

}

.sidebar ul{

    padding:0;

    margin:20px 0;

    list-style:none;

}

.sidebar li{

    padding:15px 25px;

}

.sidebar li:hover{

    background:#0d4d42;

}

.sidebar a{

    color:white;

    text-decoration:none;

}

.main{

    margin-left:260px;

}

.header{

    background:white;

    height:70px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 30px;

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

}

.content{

    padding:30px;

}

.card-dashboard{

    border:none;

    border-radius:15px;

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

}
.sidebar ul{

    padding:0;

    margin:20px 0;

    list-style:none;

}

.sidebar li{

    transition:.2s;

}

.sidebar li.active{

    background:#0F6E56;

    border-left:4px solid #D85A30;

}

.sidebar li:hover{

    background:#0F6E56;

}

.sidebar li a{

    display:flex;

    align-items:center;

    gap:12px;

    padding:15px 25px;

    color:white;

    text-decoration:none;

}

.sidebar li i{

    font-size:20px;

}
.main{

    margin-left:260px;

    min-height:100vh;

}

.header{

    height:70px;

    background:#fff;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 25px;

    border-bottom:1px solid #eee;

}

.content{

    padding:30px;

}

.card-dashboard{

    border:none;

    border-radius:16px;

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

}