:root{
    --sidebar:#0f172a;
    --sidebar-hover:#1e293b;
    --primary:#2563eb;
    --success:#16a34a;
    --warning:#ea580c;
    --background:#f1f5f9;
}

body{
    margin:0;
    padding:0;
    background:var(--background);
    font-family:'Segoe UI',sans-serif;
}

.sidebar{
    width:250px;
    height:100vh;
    position:fixed;
    left:0;
    top:0;
    background:var(--sidebar);
    color:white;
}

.logo{
    padding:25px;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.sidebar a{
    display:block;
    color:white;
    text-decoration:none;
    padding:15px 25px;
    transition:.3s;
}

.sidebar a:hover{
    background:var(--sidebar-hover);
    color:white;
}

.main{
    margin-left:250px;
}

.topbar{
    background:white;
    padding:20px 30px;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
}

.content{
    padding:30px;
}

.card-stat{
    border:none;
    border-radius:20px;
    color:white;
}

.bg-blue{
    background:linear-gradient(135deg,#2563eb,#3b82f6);
}

.bg-green{
    background:linear-gradient(135deg,#16a34a,#22c55e);
}

.bg-orange{
    background:linear-gradient(135deg,#ea580c,#fb923c);
}

.table-card{
    background:white;
    padding:20px;
    border-radius:20px;
    box-shadow:0 4px 15px rgba(0,0,0,.05);
}

.form-card{
    background:white;
    padding:25px;
    border-radius:20px;
    box-shadow:0 4px 15px rgba(0,0,0,.05);
}

.btn{
    border-radius:10px;
}

.form-control,
.form-select{
    border-radius:10px;
}

.table thead{
    background:#0f172a;
    color:white;
}

.table thead th{
    border:none;
}

.badge{
    font-size:12px;
}