.header-meta{
    display:flex;
    align-items:center;
    gap:15px;
}

.theme-toggle{
    width:36px;
    height:32px;
    border:none;
    border-radius:10px;
    cursor:pointer;

    display:flex;
    align-items:center;
    justify-content:center;

    background:var(--dark3);
    color:var(--white);

    box-shadow:var(--shadow);
    transition:all .25s ease;
}

.theme-toggle:hover{
    transform:translateY(-2px);
    background:var(--green);
    color:#fff;
}

.theme-toggle i{
    font-size:14px;
}




.table-scroll{
    max-height:300px;
    overflow:auto;
}
.notes-scroll::-webkit-scrollbar { width: 4px; }
.notes-scroll::-webkit-scrollbar-track { background: transparent; }
.notes-scroll::-webkit-scrollbar-thumb { background: (rgba(255,255,255,0.1)); border-radius: 10px; }
.notes-scroll::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.2); }

.table-scroll::-webkit-scrollbar { width: 4px; }
.table-scroll::-webkit-scrollbar-track { background: transparent; }
.table-scroll::-webkit-scrollbar-thumb { background: (rgba(255,255,255,0.1)); border-radius: 10px; }
.table-scroll::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.2); }


.notes-scroll{
    max-height:300px;
    overflow:auto;
}

.table-scroll table{
    min-width:1000px;
    width:100%;
}

.table-scroll thead th{
    position:sticky;
    top:0;
    z-index:100;
    background:var(--dark3);
    
}