.toggle-switch {
        position: relative;
        width: 50px;
        height: 28px;
        background: #4a5568;
        border-radius: 14px;
        cursor: pointer;
        transition: background 0.3s ease;
        border: none;
        padding: 0;
    }

    .toggle-switch.active {
        background: #48bb78;
    }

    .toggle-switch::after {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        background: white;
        border-radius: 50%;
        top: 2px;
        left: 2px;
        transition: left 0.3s ease;
    }

    .toggle-switch.active::after {
        left: 24px;
    }

    .new-row {
        background: linear-gradient(90deg, rgba(72, 187, 120, 0.1) 0%, transparent 100%);
    }

    .new-row td:first-child::before {
        content: '●';
        color: #48bb78;
        font-size: 1.5rem;
        margin-right: 0.5rem;
    }

    .discard-btn {
        background: #f56565;
        color: white;
        border: none;
        padding: 0.5rem 1rem;
        border-radius: 4px;
        cursor: pointer;
        font-size: 0.85rem;
        font-weight: 600;
        transition: all 0.2s ease;
    }

    .discard-btn:hover {
        background: #e53e3e;
        transform: translateY(-1px);
    }