/* Status Badge Styles */
        .status-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 4px 10px;
            border-radius: 9999px;
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.5px;
            white-space: nowrap;
            /* Prevents the text from wrapping onto a second line */
        }

        .status-pending {
            background-color: #fef3c7;
            color: #b45309;
        }

        .status-approved {
            background-color: #dcfce7;
            color: #15803d;
        }

        .status-completed {
            background-color: #e0e7ff;
            color: #4338ca;
        }

        .status-rejected {
            background-color: #fee2e2;
            color: #b91c1c;
        }

        .status-cancelled {
            background-color: #f3f4f6;
            color: #4b5563;
        }

        .cancel-modal-overlay {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(15, 23, 42, 0.55);
            z-index: 9999;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .cancel-modal-box {
            background: #ffffff;
            width: 420px;
            max-width: 100%;
            border-radius: 12px;
            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25);
            overflow: hidden;
        }

        .cancel-modal-header {
            padding: 20px 24px 12px;
            border-bottom: 1px solid var(--border-color);
        }

        .cancel-modal-header h3 {
            margin: 0;
            color: var(--text-main);
            font-size: 1.1rem;
        }

        .cancel-modal-body {
            padding: 18px 24px;
            color: var(--text-muted);
            font-size: 0.92rem;
            line-height: 1.5;
        }

        .cancel-modal-actions {
            display: flex;
            justify-content: flex-end;
            gap: 10px;
            padding: 16px 24px 22px;
        }

        .request-cancelled-row {
            opacity: 0.72;
        }