body {  
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
        "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
        sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100vh;
    width: 100vw;
    background-color: rgb(25, 33, 52) !important;
    background: rgb(25, 33, 52);
    background: linear-gradient(
        180deg,
        rgba(25, 33, 52, 1) 28%,
        rgba(7, 8, 21, 1) 75%
    );
    color: white; 
}  
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Inter", sans-serif;
}

header {  
background-color: rgb(250, 7, 226);  
position: fixed;  
left: 0;  
right: 0;  
top: 5px;  
height: 30px;  
display: flex;  
align-items: center;  
box-shadow: 0 0 25px 0 black;  
}  
header * {  
display: inline; 
}  
header li {  
margin: 20px;  
}  
header li a {  
color: rgb(252, 254, 254);  
text-decoration: none; 
} 
th {
background-color: rgb(185,103,255);
color: rgb(5,255,161);
}
tr:hover {background-color: rgb(88, 233, 95);}
td {vertical-align: middle;}

.modal {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.4rem;
width: 450px;
padding: 1.3rem;
min-height: 250px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgb(25, 33, 52) !important;
    background: rgb(25, 33, 52);
    background: linear-gradient(
        180deg,
        rgba(25, 33, 52, 1) 28%,
        rgba(7, 8, 21, 1) 75%
    );
border: 1px solid #ddd;
border-radius: 15px;
z-index: 2;
}

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

.modal input {
padding: 0.7rem 1rem;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 0.9em;
}

.modal p {
font-size: 0.9rem;
color: #777;
margin: 0.4rem 0 0.2rem;
}

button {
cursor: pointer;
padding: 0.2rem 0.7rem;
border: 1px solid #ddd;
font-weight: 600;
background-color: rgb(185,103,255);
    color: rgb(5,255,161);
border-radius: 5px;
    text-align: center;
}

.btn {
    display: inline-block;
    padding: 0.8rem 1.4rem;
    font-weight: 700;
    background-color: black;
    color: white;
    border-radius: 5px;
    text-align: center;
    font-size: 1em;
    }

.btn-open {
position: absolute;
bottom: 150px;
}

.btn-close {
padding: 0.5rem 0.7rem;
background: #5982f39b;
border-radius: 50%;
position: absolute; 
right: 25px;
top: 25px;
}

.btn-max {
padding: 0.5rem 0.7rem;
background: #5982f39b;
position: absolute;
}

.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(3px);
z-index: 1;
}

.hidden {
    display: none;
}