/* Global CSS Reset */
* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: var(--font-family, "DM Sans", sans-serif);
}

#root {
    min-height: 100vh;
    min-height: 100dvh;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: var(--font-family, "DM Sans", sans-serif);
}

tr[data-highlighted="true"] {
    animation: rowHighlight 2s ease-out;
}

@keyframes rowHighlight {
    0% { background: rgba(25, 118, 210, 0.25); }
    100% { background: transparent; }
}