@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* Custom styling for pay stubs */
.paystub {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    position: relative;
}

.paystub::before {
    content: "PAYSTUB WIZARDRY PRO";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    font-size: 3rem;
    font-weight: bold;
    color: rgba(79, 70, 229, 0.1);
    z-index: 0;
    pointer-events: none;
    white-space: nowrap;
}

.paystub-content {
    position: relative;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.9);
}
.paystub-header {
    background-color: #4f46e5;
    color: white;
}

.paystub-deduction-row:nth-child(even) {
    background-color: #f9fafb;
}

.paystub-total-row {
    background-color: #eef2ff;
}

@media print {
    body * {
        visibility: hidden;
    }
    .paystub, .paystub * {
        visibility: visible;
    }
    .paystub {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .no-print {
        display: none !important;
    }
}