#sidebarToggle{

    position:fixed;
    top:15px;
    left:15px;

    width:55px;
    height:55px;

    border:2px solid #00ffff;
    background:#00131a;

    color:#00ffff;
    font-size:24px;

    border-radius:8px;

    cursor:pointer;
    z-index:1000;
}

#sidebar{

    position:fixed;
    left:0;
    top:0;

    width:280px;
    height:100vh;

    background:rgba(0,10,20,0.95);

    border-right:2px solid #00ffff;

    overflow-y:auto;

    transition:0.3s;
}

#sidebar.hidden{

    transform:translateX(-100%);
}

.profile-section{

    text-align:center;
    padding:25px;
}

.profile-pic{

    width:120px;
    height:120px;

    border-radius:50%;

    border:2px solid #00ffff;
}

.profile-rank{

    margin-top:10px;
}

.profile-status{

    margin-top:8px;
    font-weight:bold;
}

.status-active{
    color:#00ff66;
}

.status-inactive{
    color:#ff4444;
}

.status-deceased{
    color:#000000;
    background:white;
    padding:3px;
}

.sidebar-buttons{

    display:flex;
    flex-direction:column;
    gap:10px;
    padding:15px;
}

.nav-btn{

    padding:12px;
}

#mainContent{

    margin-left:300px;
    padding:25px;

    height:100vh;
    overflow-y:auto;
}

header{

    display:flex;
    justify-content:space-between;
    align-items:center;
}

.quick-actions{

    display:flex;
    gap:10px;
}

.circle-btn{

    width:50px;
    height:50px;

    border-radius:50%;
}

#newsPanel{

    margin-top:40px;
}

.news-slide{

    display:none;

    border:2px solid #00ffff;

    padding:20px;

    min-height:220px;
}

.news-slide.active{

    display:block;
}

#newsDots{

    text-align:center;
    margin-top:15px;
}

.dot{

    width:12px;
    height:12px;

    border:2px solid #00ffff;

    border-radius:50%;

    display:inline-block;

    margin:0 5px;

    cursor:pointer;
}

.dot.active{

    background:#00ffff;
}

.modal{

    display:none;

    position:fixed;
    inset:0;

    background:rgba(0,0,0,0.8);
}

.modal-content{

    width:600px;

    margin:100px auto;

    padding:25px;

    background:#00131a;

    border:2px solid #00ffff;
}
.nav-btn.active{

    background:#00ffff;

    color:black;

    box-shadow:
        0 0 15px #00ffff;
}