body {

    background: #f5f6fa;
    font-family: "Segoe UI", Arial, sans-serif;

}


/* SIDEBAR */

.sidebar {

    min-height: 100vh;
    background: #111827;
    color:white;

}


.sidebar .logo {

    font-size:28px;
    font-weight:700;
    letter-spacing:1px;

}


.sidebar a {

    display:block;
    color:#d1d5db;
    text-decoration:none;
    padding:12px 20px;
    border-radius:8px;
    margin-bottom:5px;

}


.sidebar a:hover {

    background:#374151;
    color:white;

}



/* CONTENT */

.content {

    padding:40px;

}



/* CARD */

.card {

    border:none;
    border-radius:15px;

}


.stat-card {

    transition:.3s;

}


.stat-card:hover {

    transform:translateY(-5px);

}



/* BUTTON */

.btn {

    border-radius:10px;

}



/* TABLE */

.table {

    vertical-align:middle;

}



/* FOOTER */

.footer {

    padding:20px;
    color:#6b7280;
    text-align:center;

}

.badge {
    padding: 8px 12px;
    border-radius: 8px;
}


.table td,
.table th {
    vertical-align: middle;
}

.template-preview {

    width:90px;
    height:90px;
    object-fit:contain;
    background:#f3f4f6;
    border-radius:10px;

}