body { font-family: Arial; background:#f5f5f5; padding:2%; margin:0; }
table { width:100%; border-collapse: collapse; background:white; }
th, td { padding:3px 6px; line-height:1.1;border-bottom:1px solid #ddd; }
#tabel th { text-align: left; }
th { background:#333; color:white; cursor:pointer; }
a { text-decoration:none; margin-right:10px; }
.box { display:flex; align-itmes:center; gap:10px; flex-wrap:wrap; margin:0; padding:10px 0; background:white; }
input, select { padding:8px; margin:5px; }
.sortable {
    position: relative;
}

.sortmenu {
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    padding: 5px;
    z-index: 999;
}
.black{ color:black;}
.sortmenu div {
    padding: 5px 10px;
    cursor: pointer;
}

.sortmenu div:hover {
    background: #eee;
}

.hidden {
    display: none;
}
.printbox {
    display: flex;
    align-items: center;
    gap: 10px;
}
h2{ text-align:center; margin:0 0 10px 0; }
.topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    margin: 0;
}

.link {
    font-size: 13px;
    padding: 4px 8px;
    text-decoration: none;
    color: #fff;
    background: #333;
    border-radius: 4px;
}

.link:hover {
    background: #555;
}