*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

body{

    background:#f4f7fc;

    font-family:'Segoe UI',sans-serif;

}

.wrapper{

    display:flex;

}

.main-content{

    margin-left:260px;

    width:calc(100% - 260px);

    min-height:100vh;

}

.content{

    padding:30px;

}

/* ===================================
   FOOTER
=================================== */

.footer{

    margin-top:40px;

    padding:18px 30px;

    background:#ffffff;

    border-top:1px solid #e9ecef;

    display:flex;

    justify-content:space-between;

    align-items:center;

    font-size:14px;

    color:#6c757d;

}

.footer strong{

    color:#1b2559;

}

/*==================================
SIDEBAR FOOTER
==================================*/

.sidebar-footer{

    padding:20px;

    border-top:1px solid rgba(255,255,255,.08);

}

.sidebar-user{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

}

.user-avatar{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#2563eb;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-weight:700;

    font-size:18px;

}

.user-info{

    color:#fff;

}

.user-info strong{

    display:block;

    font-size:14px;

}

.user-info small{

    display:block;

    opacity:.7;

    font-size:12px;

}

.btn-logout{

    width:100%;

    border:none;

    border-radius:10px;

    padding:10px;

    background:rgba(255,255,255,.08);

    color:#fff;

    transition:.25s;

}

.btn-logout:hover{

    background:#dc3545;

}

/*==================================
HEADER
==================================*/

.header{

    background:linear-gradient(135deg,#1d4ed8,#1e40af);

    color:#fff;

    padding:14px 30px;

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

}

.header-content{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.header-left{

    display:flex;

    align-items:center;

    gap:15px;

}

.header-logo{

    width:50px;

    height:50px;

    border-radius:12px;

    background:rgba(255,255,255,.15);

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

}

.header h3{

    font-weight:700;

    margin:0;

}

.header small{

    opacity:.85;

    font-size:13px;

}

.event-info{

    text-align:right;

}

.event-info strong{

    display:block;

    font-size:18px;

}

.event-info small{

    display:block;

    margin-top:4px;

}