/* Cairo font applied via HTML head */
:root{
    --accent: #c62828;
    --muted: #6b7280;
    --card: #fff;
    --bg: #f5f7fb;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
    font-family: 'Cairo', Tahoma, Arial, sans-serif;
    background: linear-gradient(180deg,var(--bg),#eef2f7);
    color: #111827;
    margin:0;
}

/* header/logo */
.logo-img{width:88px;height:88px;object-fit:cover;border-radius:10px}
.logo-large{width:130px;height:130px;object-fit:cover;border-radius:12px}

/* card styles */
.card{border:0;border-radius:12px}

/* buttons & avatar */
.avatar-lg{
    width:86px;height:86px;
    background: linear-gradient(135deg,#d23f3f,#ff8a80);
    font-weight:700;
}
.btn-primary{background:var(--accent);border-color:var(--accent)}
.btn-primary:hover{background:#b71c1c;border-color:#b71c1c}

/* table */
.table thead th{border-bottom:1px solid rgba(0,0,0,0.06)}
.table-striped > tbody > tr:nth-of-type(odd){background:transparent}

/* modal */
.modal-content{border-radius:12px}

/* small responsive tweaks */
@media (max-width:768px){
    .logo-img{width:64px;height:64px}
    .logo-large{width:90px;height:90px}
}