/* Watermark */
body::before {
    content: "Fathir Afatar";
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-25deg);
    font-size: 72px;
    font-weight: bold;
    color: #000;
    opacity: 0.05;
    pointer-events: none;
    z-index: -1;
    white-space: nowrap;
}

/* Freeze header table */
.table thead th {
    position: sticky;
    top: 0;
    background: var(--table-header-bg);
    color: var(--text-color);
    z-index: 2;
}

/* Soft theme variables */
:root {
    --bg-color: #eef2f7;
    --text-color: #555;
    --card-bg: #fdfdfd;
    --navbar-bg: #2c3e50;
    --table-header-bg: #e0e0e0;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
}

.navbar {
    background-color: var(--navbar-bg) !important;
}

.card {
    background-color: var(--card-bg);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.table {
    background-color: var(--card-bg);
}

/* Sidebar style */
.list-group-item.active {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}